html[data-view=home] #game{height:calc(100dvh - 150px);min-height:520px;max-width:1500px;width:100%;padding:12px 3%;overflow:visible}
.hs-shell{position:relative;display:flex;flex-direction:column;height:100%;min-height:0;gap:12px;background:#f8f6ed;color:#294b3e}
.hs-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none}.hs-top h1{font-size:20px;margin:0;overflow-wrap:anywhere}.hs-top button{flex:none;min-height:44px;padding:8px 12px}
.hs-presence{font-size:13px;color:#536e51}.hs-notice{font-size:12px;line-height:1.5;color:#68765f;min-height:18px}.hs-scene{flex:1;min-height:190px}.hs-scene .voxel-heading{display:none}.hs-scene .voxel-toolbar{display:none}.hs-editing .hs-scene .voxel-toolbar:not([hidden]){display:flex}.hs-tools{display:flex;gap:8px;justify-content:center;flex:none}.hs-tools button{min-height:44px;padding:8px 12px;font-size:13px}.hs-tools button[aria-pressed=true]{background:#e0eaca}
.hs-drawer{position:absolute;right:0;top:60px;bottom:60px;width:min(410px,100%);padding:16px;background:#fffdf4;border:1px solid #c8d4b2;border-radius:20px;box-shadow:0 8px 28px #23422e29;z-index:10;overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:12px}.hs-drawer[hidden]{display:none}.hs-drawer-head{display:flex;justify-content:space-between;gap:12px;align-items:center;position:sticky;top:-16px;background:#fffdf4;padding:8px 0;z-index:1}.hs-drawer h2{font-size:20px;margin:0}.hs-drawer h3,.hs-drawer h4,.hs-drawer p{margin:0}.hs-drawer p{font-size:14px;line-height:1.6}.hs-drawer button{min-height:44px;padding:10px 12px;font-size:13px}.hs-drawer label{display:flex;flex-direction:column;gap:8px}.hs-drawer input{max-width:100%;min-width:0}.hs-drawer hr{width:100%;border:0;border-top:1px solid #dce3cd;margin:2px 0}
.hs-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.hs-card{border:1px solid #d6dfc2;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:12px;background:#f4f5e8}.hs-code{font-size:34px;letter-spacing:7px;text-align:center;color:#3e6c4d}.hs-game-list{display:grid;gap:12px}.hs-spots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hs-spots button{min-height:64px;padding:8px 4px;background:#ebefd9}.hs-clue{padding:12px;background:#f4e8bf;border-radius:12px}.hs-reactions{display:flex;flex-wrap:wrap;gap:8px}.hs-chat{display:grid;gap:8px}.hs-chat p{font-size:12px}.hs-art{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;width:min(100%,180px)}.hs-art i{aspect-ratio:1;background:#e5ead6}.hs-art .filled{background:#759557}.hs-work-options{display:grid;gap:8px}.hs-work-options label{flex-direction:row;align-items:center;min-height:44px}.hs-work-options input{width:22px;height:22px}.hs-tray{display:grid;gap:12px;padding:12px;background:#ebefdc;border-radius:14px}.hs-tray button[aria-pressed=true]{background:#cfdeb4}.hs-done{text-align:center;padding:20px;background:#f6e9b6;border-radius:16px}.hs-done>span{font-size:36px;color:#b79837}
html.hs-immersive #header{display:none!important}html.hs-immersive body{padding:0!important;overflow:hidden!important}html.hs-immersive #game{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;min-height:0;padding:8px max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));z-index:100} .hs-shell:fullscreen{width:100%;height:100%;padding:12px;box-sizing:border-box;overflow:hidden}.hs-shell:fullscreen::backdrop{background:#f8f6ed}
@media(max-width:700px){html[data-view=home] #game{height:calc(100dvh - 160px);min-height:480px;padding:8px}.hs-shell{gap:8px}.hs-top h1{font-size:15px}.hs-top button{font-size:12px;padding:8px}.hs-tools{gap:8px}.hs-tools button{font-size:11px;padding:8px 4px;flex:1;min-width:0}.hs-presence,.hs-notice{font-size:11px}.hs-drawer{top:54px;bottom:52px;padding:12px}.hs-top{gap:8px}.hs-scene .voxel-top .voxel-status{max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-height:600px){html.hs-immersive .hs-presence,html.hs-immersive .hs-notice{display:none}.hs-editing .hs-scene .voxel-toolbar{max-height:130px;overflow:auto}.hs-top h1{font-size:16px}.hs-shell{gap:8px}}

.voxel-simple{position:absolute;inset:0;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;padding:12px;overflow:auto;background:#e6ecd7}.voxel-simple[hidden]{display:none}.voxel-simple>div{display:grid;grid-template-columns:repeat(16,1fr);width:min(80%,45vh);aspect-ratio:1;gap:1px}.voxel-simple i{display:flex;align-items:center;justify-content:center;font-size:9px;font-style:normal;color:#294b3e}.voxel-simple strong,.voxel-simple small{font-size:12px}.is-simple canvas,.is-simple .voxel-center,.is-simple .voxel-mode,.is-simple .voxel-orbit,.is-simple .voxel-position,.is-simple .voxel-joystick,.is-simple .voxel-jump,.hs-editing .is-simple .voxel-toolbar{display:none!important}
/* Entering the cabin switches to a first-person game viewport. */
.hs-cabin-menu{display:none}
.cabin-interact{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:5;max-width:calc(100% - 160px);min-height:48px;padding:12px 18px;background:#fff6dbeF;border:1px solid #bca46d;box-shadow:0 4px 0 #806c4244}
.cabin-interact:hover:not(:disabled){transform:translateX(-50%)}.cabin-interact[hidden]{display:none}
html[data-client].hs-immersive #game{padding:0!important;height:var(--app-height,100dvh)!important;overflow:hidden!important}
html[data-client].hs-immersive .hs-shell,html[data-client].hs-immersive .hs-shell:fullscreen{width:100%;height:100%;padding:0;gap:0;overflow:hidden}
html[data-client].hs-immersive .hs-scene{position:absolute;inset:0;height:100%;min-height:0}
html[data-client].hs-immersive .voxel-home{max-width:none;height:100%;gap:0}
html[data-client].hs-immersive .voxel-stage{height:100%;border:0;border-radius:0;min-height:0}
html[data-client].hs-immersive .hs-top{position:absolute;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));z-index:15;gap:12px;pointer-events:none}
html[data-client].hs-immersive .hs-top button{pointer-events:auto;background:#fff9e8eb;min-height:44px}
html[data-client].hs-immersive .hs-top>[data-act=map]{display:none}
html[data-client].hs-immersive .hs-top>[data-hs=fullscreen]{order:-1}
html[data-client].hs-immersive .hs-top h1{font-size:14px;padding:8px 12px;border-radius:14px;background:#fff9e8bc;color:#365542;text-align:center}
html[data-client].hs-immersive .hs-cabin-menu{display:block}
html[data-client].hs-immersive .hs-presence,html[data-client].hs-immersive .hs-notice,html[data-client].hs-immersive .hs-tools,html[data-client].hs-immersive .voxel-toolbar,html[data-client].hs-immersive .voxel-heading,html[data-client].hs-immersive .voxel-top,html[data-client].hs-immersive .voxel-position,html[data-client].hs-immersive .voxel-mode,html[data-client].hs-immersive .voxel-orbit,html[data-client].hs-immersive .voxel-center{display:none!important}
html[data-client].hs-immersive .voxel-joystick{display:block;bottom:max(24px,env(safe-area-inset-bottom));left:20px;width:92px;height:92px;background:#fff9df55;border-color:#fff6d8a8}
html[data-client].hs-immersive .voxel-joystick i{left:25px;top:25px}
html[data-client].hs-immersive .hs-drawer{position:absolute;top:72px;bottom:max(12px,env(safe-area-inset-bottom));right:12px;left:auto;width:min(390px,calc(100% - 24px));z-index:20}
html[data-client].hs-immersive:has(.hs-drawer:not([hidden])) .voxel-joystick{visibility:hidden}
html[data-client].hs-immersive .hs-drawer input,html[data-client].hs-immersive .hs-drawer select{font-size:16px}
@media(max-width:600px){html[data-client].hs-immersive .hs-top h1{display:none}.cabin-interact{left:auto;right:16px;transform:none;max-width:calc(100% - 140px);font-size:13px}.cabin-interact:hover:not(:disabled){transform:none}}
.cabin-map{position:absolute;inset:0;width:100%;height:100%;touch-action:none}
html[data-client].hs-immersive .cabin-fallback canvas.cabin-map{display:block!important}
html[data-client].hs-immersive .cabin-fallback .voxel-simple{display:none!important}
html[data-client].hs-immersive .cabin-fallback .voxel-joystick{display:block!important}
html[data-client].hs-immersive .voxel-joystick{z-index:6}
.cabin-map{pointer-events:none}

/* Independent thumbs: movement at left, jump at right, interaction above. */
html[data-client].hs-immersive .voxel-jump{display:block!important;right:20px;bottom:max(24px,env(safe-area-inset-bottom));width:64px;height:64px;z-index:6;touch-action:none;user-select:none;-webkit-user-select:none;background:#fff6dbed;border:2px solid #bca46d;box-shadow:0 3px 0 #806c4244}
html[data-client].hs-immersive .cabin-interact{left:50%;right:auto;transform:translateX(-50%);bottom:calc(max(24px,env(safe-area-inset-bottom)) + 104px);max-width:calc(100% - 40px)}
html[data-client].hs-immersive .cabin-interact:hover:not(:disabled){transform:translateX(-50%)}
html[data-client].hs-immersive:has(.hs-drawer:not([hidden])) .voxel-jump{visibility:hidden}
.hi-list{display:grid;gap:12px;margin-top:12px}.hi-card,.hi-preview{display:grid;gap:12px;padding:16px;border:1px solid #d3ddbc;border-radius:16px;background:#fffdf2}.hi-card h3,.hi-card p,.hi-preview p{margin:0}.hi-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.hi-actions button{min-height:44px}.hi-message:empty{display:none}.hi-message{color:#355b45}.hi-preview label{display:grid;gap:8px}.hs-drawer:has(.hi-list){overscroll-behavior:contain;touch-action:pan-y}.hi-card [aria-pressed=true],.hi-actions [aria-pressed=true]{background:#e4edce}
@media(max-height:420px){html[data-client].hs-immersive .hs-drawer:has(.hi-list),html[data-client].hs-immersive .hs-drawer:has(.hi-preview){top:8px;bottom:8px;max-height:calc(100dvh - 16px);width:min(390px,calc(100% - 24px))}.hi-card,.hi-preview{padding:12px}}

.hi-preview-notice{position:absolute;top:72px;bottom:auto;left:50%;transform:translateX(-50%);z-index:30;display:flex;align-items:center;gap:8px;padding:8px;border-radius:14px;background:#fff9e9;max-width:calc(100% - 180px)}.hi-preview-notice span{font-size:12px}.hi-preview-notice button{min-height:44px;padding:8px}@media(max-width:500px){.hi-preview-notice{top:72px;bottom:auto;max-width:calc(100% - 24px);width:max-content}}

.hf-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;width:100%;max-width:360px}.hs-drawer .hf-grid button{aspect-ratio:1;min-height:0;padding:0;border-radius:5px;font-size:20px}.hf-grid [aria-pressed=true]{background:#c7d99c}.hf-basket{display:grid;gap:8px}.hf-basket .hi-actions{align-items:center}.hf-basket strong{font-size:14px}

/* Yard controls remain usable in a short immersive viewport. */
.hf-grid.hi-yard-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.hi-yard-grid button{min-height:44px}.hi-flower-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hi-flower-fields label{min-width:0}.hi-card label{display:grid;gap:8px}.hi-card select{max-width:100%;min-width:0}