:root{color:#34261b;font-synthesis:none;text-rendering:optimizelegibility;background:#78bfd0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh}.app-shell{background:radial-gradient(circle at 18% 12%,#fff7cbb8,#0000 30%),linear-gradient(#fffce580,#5fb2c238),#78bfd0;grid-template-rows:minmax(0,1fr) auto;min-height:100dvh;display:grid}.scene-panel{min-height:420px;position:relative;overflow:hidden}.game-scene{position:absolute;inset:0}.game-scene canvas{opacity:0}.scene-diorama{--tile-w:74px;--tile-h:42px;z-index:1;pointer-events:none;width:1px;height:1px;position:absolute;top:50%;left:60%;transform:translate(-50%,-50%)}.island-shadow{filter:blur(10px);background:#30545829;border-radius:50%;width:590px;height:220px;position:absolute;top:34px;left:-270px}.iso-tile{--tile-texture-position:0% 0%;left:calc(var(--iso-x) * (var(--tile-w) / 2));top:calc(var(--iso-y) * (var(--tile-h) / 2));z-index:1;width:var(--tile-w);height:var(--tile-h);background:linear-gradient(135deg, #fffada42, transparent 46%), url(/assets/tiles/terrain-tileset-v1.png) var(--tile-texture-position) / 400% 200% no-repeat, #9fc95b;background-blend-mode:soft-light, multiply, normal;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);border:1px solid #3f34233d;position:absolute;transform:translate(-50%,-50%);box-shadow:0 18px #65472a,0 22px 18px #2f261b2e}.tile-path{--tile-texture-position:33.333% 0%;background-color:#d7ad62;box-shadow:0 16px #704d2e,0 20px 16px #2f261b2e}.tile-forest{--tile-texture-position:0% 100%;background-color:#82b84d}.tile-stone{--tile-texture-position:66.667% 0%;background-color:#969a94}.tile-ore{--tile-texture-position:100% 0%;background-color:#7a6250}.iso-tile.is-depleted{--tile-texture-position:100% 100%;background-color:#a98c5e}.iso-tile.is-player-tile{z-index:2;filter:brightness(1.07)saturate(1.04);border-color:#fffce0eb}.iso-tile.is-player-tile:after{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);content:"";background:#fffff014;border:2px solid #fffce0c7;position:absolute;inset:4px;box-shadow:inset 0 0 0 1px #714e222e}.scene-sprite{z-index:3;filter:drop-shadow(0 8px 5px #2e221847);background-image:url(/assets/objects/automation-objects-v1.png);background-repeat:no-repeat;background-size:300% 200%;display:block;position:absolute;bottom:42%;left:50%;transform:translate(-50%)}.resource-sprite{left:calc(var(--iso-x) * (var(--tile-w) / 2));top:calc(var(--iso-y) * (var(--tile-h) / 2) - 62px);width:82px;height:68px;transform:translate(-50%)}.object-sprite{left:calc(var(--iso-x) * (var(--tile-w) / 2));top:calc(var(--iso-y) * (var(--tile-h) / 2) - 50px);width:86px;height:74px;transform:translate(-50%)}.object-footprint{left:calc(var(--iso-x) * (var(--tile-w) / 2));top:calc(var(--iso-y) * (var(--tile-h) / 2) + 7px);z-index:1;width:calc(var(--tile-w) * .92);height:calc(var(--tile-h) * .76);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:#fff6be7a;border:2px solid #4c341fad;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 2px #ffffe661,0 5px 10px #3627192e}.object-footprint[data-object=miner]{background:#c3e0da7a;border-color:#36525ba3}.object-footprint[data-object=chest]{background:#ffdc8680;border-color:#5c4024a3}.scene-sprite[data-sprite=wood]{background-position:0 0}.scene-sprite[data-sprite=stone]{background-position:50% 0}.scene-sprite[data-sprite=ore]{background-position:100% 0}.scene-sprite[data-sprite=workbench]{background-position:0 100%}.scene-sprite[data-sprite=miner]{background-position:50% 100%}.scene-sprite[data-sprite=chest]{background-position:100% 100%}.depleted-spot{background:#593d2675;border-radius:50%;width:30px;height:18px;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.honne-map-sprite{--honne-map-sprite-row:0%;left:calc(var(--iso-x) * (var(--tile-w) / 2));top:calc(var(--iso-y) * (var(--tile-h) / 2) - 50px);z-index:4;background:url(/assets/honne-senpai/honne-senpai-mimi-player-atlas.webp) 0 var(--honne-map-sprite-row) / 800% 900% no-repeat;filter:drop-shadow(0 8px 5px #2e221847);image-rendering:auto;width:54px;height:64px;position:absolute;transform:translate(-50%)}.honne-contact-shadow{left:calc(var(--iso-x) * (var(--tile-w) / 2));top:calc(var(--iso-y) * (var(--tile-h) / 2) + 9px);z-index:2;filter:blur(2px);background:#36271947;border-radius:50%;width:38px;height:12px;position:absolute;transform:translate(-50%,-50%)}.honne-map-sprite[data-facing=east]{--honne-map-sprite-row:12.5%}.honne-map-sprite[data-facing=west]{--honne-map-sprite-row:25%}.honne-facing-marker{left:calc(var(--iso-x) * (var(--tile-w) / 2));top:calc(var(--iso-y) * (var(--tile-h) / 2) - 20px);z-index:5;color:#4b311b;background:#fff7d7eb;border:1px solid #54361b70;border-radius:999px;grid-template-columns:auto auto;align-items:center;gap:4px;min-width:62px;padding:3px 6px;font-size:.68rem;font-weight:900;line-height:1;display:inline-grid;position:absolute;transform:translate(-50%);box-shadow:0 5px 9px #2f23172e}.honne-facing-marker[data-facing=north]{transform:translate(-50%,-36px)}.honne-facing-marker[data-facing=south]{transform:translate(-50%,38px)}.honne-facing-marker[data-facing=east]{transform:translate(24px,-2px)}.honne-facing-marker[data-facing=west]{transform:translate(calc(-100% - 24px),-2px)}.facing-arrow{color:#fff8e7;background:#de9c32;border-radius:50%;place-items:center;width:18px;height:18px;font-size:.76rem;display:grid}.hud{z-index:2;pointer-events:none;gap:8px;width:min(430px,100vw - 20px);display:grid;position:absolute;top:clamp(10px,2.4vw,24px);left:clamp(10px,2.4vw,24px)}.objective,.resource-list,.control-hints{color:#38271a;background:linear-gradient(#fff9def2,#f5daa2eb),#f4dda5;border:2px solid #6f4923b8;border-radius:8px;margin:0;box-shadow:0 10px 22px #3a261633,inset 0 0 0 1px #fffff594}.objective{align-items:center;gap:10px;min-height:58px;padding:10px 13px;font-weight:700;line-height:1.35;display:flex}.objective-icon{background:url(/assets/ui/icons-v1.png) 75% 0/500% 200% no-repeat,#e9b447;border:2px solid #633e199e;border-radius:50%;flex:0 0 32px;place-items:center;width:32px;height:32px;display:grid}.hud-cluster{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;display:grid}.resource-list{gap:0;padding:6px 10px;display:grid}.resource-row{border-bottom:1px solid #704a2733;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:8px;min-height:34px;display:grid}.resource-row:last-child{border-bottom:0}.resource-row dt{overflow-wrap:anywhere;align-items:center;gap:7px;min-width:0;font-weight:700;display:flex}.resource-row dd{color:#80511e;margin:0;font-size:1.18rem;font-weight:800}.atlas-icon{filter:drop-shadow(0 1px 1px #3321122e);background-image:url(/assets/ui/icons-v1.png);background-repeat:no-repeat;background-size:500% 200%;border-radius:6px;flex:0 0 27px;width:27px;height:27px;display:inline-block}.atlas-icon[data-icon=wood]{background-position:0 0}.atlas-icon[data-icon=stone]{background-position:25% 0}.atlas-icon[data-icon=ore]{background-position:50% 0}.atlas-icon[data-icon=workbench]{background-position:75% 0}.atlas-icon[data-icon=miner]{background-position:100% 0}.atlas-icon[data-icon=chest]{background-position:0 100%}.atlas-icon[data-icon=gather]{background-position:25% 100%}.atlas-icon[data-icon=craft]{background-position:50% 100%}.atlas-icon[data-icon=place]{background-position:75% 100%}.atlas-icon[data-icon=move],.atlas-icon[data-icon=face],.atlas-icon[data-icon=watch]{color:#513418;background:linear-gradient(145deg,#fbdf8a,#d89a31),#e5ad43;place-items:center;font-size:.95rem;font-weight:900;display:grid}.atlas-icon[data-icon=move]:before{content:"↕"}.atlas-icon[data-icon=face]:before{content:"↱"}.atlas-icon[data-icon=watch]:before{content:"✓"}.control-hints{gap:6px;padding:8px 10px;display:grid}.control-hint{grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:7px;min-width:0;font-size:.88rem;font-weight:700;display:grid}kbd{color:#fff5d8;overflow-wrap:anywhere;background:#452f1de0;border:1px solid #53391f73;border-radius:6px;align-items:center;max-width:100%;min-height:24px;padding:2px 7px;font-family:inherit;font-size:.82rem;font-weight:800;line-height:1.1;display:inline-flex}.conversation-bar{isolation:isolate;background:#f7e2b2;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(14px,2.5vw,24px);min-height:166px;padding:clamp(20px,2.8vw,28px) clamp(22px,3.2vw,42px);display:grid;position:relative;box-shadow:0 -18px 32px #422c1933}.conversation-bar:before{z-index:-1;content:"";pointer-events:none;background:url(/assets/ui/crops/conversation-frame-v1.png) 50%/100% 100% no-repeat;position:absolute;inset:0}.portrait{--portrait-overlay:url(/assets/honne-senpai/expressions/normal.svg);aspect-ratio:1;background:linear-gradient(145deg,#ffd9b9,#8f6130);border:4px solid #93602c;border-radius:8px;place-items:center;width:clamp(96px,14vw,136px);display:grid;position:relative;overflow:hidden;box-shadow:0 5px 12px #3e27163d,inset 0 0 0 2px #fff6da9e}.portrait:after{background:var(--portrait-overlay) center / cover no-repeat;content:"";pointer-events:none;position:absolute;inset:0}.portrait[data-expression=guiding]{--portrait-overlay:url(/assets/honne-senpai/expressions/guiding.svg);box-shadow:0 5px 12px #3e27163d,0 0 0 3px #ffdb655c,inset 0 0 0 2px #fff6da9e}.portrait[data-expression=surprised]{--portrait-overlay:url(/assets/honne-senpai/expressions/surprised.svg);border-color:#b66f28}.portrait[data-expression=troubled]{--portrait-overlay:url(/assets/honne-senpai/expressions/troubled.svg);border-color:#6f8796}.portrait[data-expression=celebration]{--portrait-overlay:url(/assets/honne-senpai/expressions/celebration.svg);border-color:#b86a2f;box-shadow:0 5px 12px #3e27163d,0 0 0 3px #f7c44b73,inset 0 0 0 2px #fff6da9e}.portrait-image{object-fit:cover;object-position:50% 50%;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.dialogue{min-width:0}.speaker{color:#fff8e6;overflow-wrap:anywhere;background:#79512c;border-radius:6px;max-width:100%;margin-bottom:8px;padding:4px 11px;font-weight:800;display:inline-flex}.dialogue p{color:#392719;overflow-wrap:anywhere;max-width:72ch;margin:0;font-size:1.14rem;font-weight:700;line-height:1.45}.dialogue .action-feedback{color:#725020;background:#fff9e0b8;border:1px solid #7e542857;border-radius:8px;max-width:100%;margin-top:9px;padding:5px 10px;font-size:.94rem;font-weight:800;display:inline-flex}.reset-button{color:#3f2917;cursor:pointer;max-width:100%;min-height:36px;font:inherit;overflow-wrap:anywhere;background:linear-gradient(#ffe39b,#dc9633),#e5ad43;border:2px solid #67411bb8;border-radius:8px;justify-content:center;align-items:center;margin-top:10px;padding:6px 14px;font-size:.96rem;font-weight:900;line-height:1.1;display:inline-flex;box-shadow:0 5px 10px #3d27152e,inset 0 0 0 1px #fffae08c}.reset-button:hover,.reset-button:focus-visible{background:linear-gradient(#fff0b8,#e9a43f),#efba55}.reset-button:focus-visible{outline-offset:2px;outline:3px solid #4f819cc7}@media (width<=680px){.app-shell{grid-template-rows:minmax(390px,1fr) auto}.scene-panel{min-height:390px}.hud{gap:6px;font-size:.82rem;right:10px}.scene-diorama{--tile-w:46px;--tile-h:28px;top:62%;left:59%;transform:translate(-50%,-50%)scale(.88)}.island-shadow{width:365px;height:135px;top:18px;left:-172px}.resource-sprite{top:calc(var(--iso-y) * (var(--tile-h) / 2) - 44px);width:56px;height:48px}.object-sprite{top:calc(var(--iso-y) * (var(--tile-h) / 2) - 34px);width:58px;height:50px}.object-footprint{top:calc(var(--iso-y) * (var(--tile-h) / 2) + 6px);border-width:1px}.honne-map-sprite{top:calc(var(--iso-y) * (var(--tile-h) / 2) - 36px);width:38px;height:46px}.honne-contact-shadow{top:calc(var(--iso-y) * (var(--tile-h) / 2) + 7px);filter:blur(1.5px);width:27px;height:9px}.honne-facing-marker{top:calc(var(--iso-y) * (var(--tile-h) / 2) - 15px);min-width:52px;padding:3px 5px;font-size:.58rem}.honne-facing-marker[data-facing=north]{transform:translate(-50%,-30px)}.honne-facing-marker[data-facing=south]{transform:translate(-50%,29px)}.honne-facing-marker[data-facing=east]{transform:translate(17px,-2px)}.honne-facing-marker[data-facing=west]{transform:translate(calc(-100% - 17px),-2px)}.facing-arrow{width:16px;height:16px;font-size:.66rem}.objective{min-height:48px;padding:8px 10px}.objective-icon{flex-basis:26px;width:26px;height:26px}.resource-list,.control-hints{padding:5px 8px}.resource-row{min-height:29px}.resource-row dd{font-size:1rem}.atlas-icon{flex-basis:22px;width:22px;height:22px}.control-hints{gap:4px}.control-hint{font-size:.78rem}kbd{min-height:21px;padding:2px 5px;font-size:.72rem}.conversation-bar{grid-template-columns:70px minmax(0,1fr);min-height:142px;padding:15px 16px}.portrait{border-width:3px;width:70px;font-size:2.4rem}.speaker{margin-bottom:5px;padding:3px 8px;font-size:.82rem}.dialogue p{font-size:.9rem;line-height:1.38}.dialogue .action-feedback{margin-top:6px;padding:4px 7px;font-size:.76rem}.reset-button{min-height:31px;margin-top:7px;padding:5px 10px;font-size:.78rem}}