:root{--bg-night:#1c1a22;--bg-dusk:#3b2b3a;--bg-wood:#6d4a39;--wall-cream:#e8d8b1;--panel-paper:#f5e8c8;--panel-ink:#241914;--frame-dark:#2d1a15;--frame-mid:#7b4e2f;--frame-gold:#d9a84f;--tile-light:#dacdb7;--tile-dark:#b7ac97;--accent-primary:#ff8560;--accent-soft:#ffd670;--accent-deep:#115d5d;--signal-red:#bc5148;--signal-green:#619252;--shadow-drop:0 0 0 2px var(--frame-dark),0 0 0 5px var(--frame-gold),8px 8px 0 #140c0b73;--shadow-pressed:0 0 0 2px var(--frame-dark),0 0 0 5px var(--frame-gold),4px 4px 0 #140c0b59;--panel-gradient:linear-gradient(180deg,#fff8e1fa,#ebdab9fa)}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--panel-ink);background:radial-gradient(circle at top,#ffd6702e,#0000 28%),linear-gradient(#513447 0%,#2e2232 38%,#1d1b23 100%);font-family:Trebuchet MS,Verdana,sans-serif}body:before{content:"";pointer-events:none;opacity:.24;background:linear-gradient(#ffffff08 50%,#0000000a 50%) 0 0/100% 4px,linear-gradient(90deg,#ffffff04,#0000 16%,#00000008) 0 0/6px 100%;position:fixed;inset:0}button,input,textarea,select{font:inherit}button{cursor:pointer}h1,h2,h3,h4,.artifact-title,.brand-title{letter-spacing:.03em;font-family:Georgia,Palatino Linotype,serif}strong,.eyebrow,.mini-label,.status-pill,.nav-pill,.button-primary,.button-secondary,.chip-button,.constraint-pill,.artifact-tag,.recap-pill,.legend-chip,.station-kicker,.archive-index,.ready-stamp{font-family:Lucida Console,Courier New,monospace}.app-shell{min-height:100vh;padding:22px}.game-viewport{background:#1a1a2e;width:100vw;height:100vh;position:relative;overflow:hidden}.game-canvas-viewport{width:100%;height:100%}.game-viewport .phaser-canvas-container,.game-viewport .room-stage{aspect-ratio:auto;width:100%;height:100%;box-shadow:none;border:none}.game-hud{z-index:10;pointer-events:none;padding:12px 16px;position:fixed;top:0;left:0;right:0}.hud-bar{pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1c1a22b8;border:2px solid #d9a84f66;border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:8px 14px;display:flex;box-shadow:0 4px 16px #00000059}.hud-stats{align-items:center;gap:16px;display:flex}.hud-stat{color:#f5e8c8;letter-spacing:.06em;font-family:Lucida Console,Courier New,monospace;font-size:.82rem}.hud-mission{text-overflow:ellipsis;white-space:nowrap;opacity:.8;max-width:18ch;overflow:hidden}.hud-actions{align-items:center;gap:6px;display:flex}.hud-btn{color:#f5e8c8;cursor:pointer;background:#fff8e21f;border:2px solid #d9a84f80;border-radius:4px;padding:6px 10px;font-family:Lucida Console,Courier New,monospace;font-size:.76rem;transition:background .12s,border-color .12s}.hud-btn:hover{border-color:var(--frame-gold);background:#fff8e23d}.hud-btn.is-active{border-color:var(--accent-primary);color:#fff;background:#ff856052}.hud-btn-reset{opacity:.6}.hud-btn-reset:hover{opacity:1}.hud-btn-short{display:none}.hud-btn-label{display:inline}.station-modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f0c109e;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.station-modal{background:var(--panel-gradient);border:2px solid var(--frame-dark);width:min(820px,100%);max-height:min(88vh,800px);box-shadow:var(--shadow-drop);padding:24px;animation:.22s ease-out panel-snap;position:relative;overflow:auto}.station-modal-close{z-index:2;border:2px solid var(--frame-dark);box-shadow:0 0 0 2px var(--frame-gold);width:36px;height:36px;color:var(--panel-ink);cursor:pointer;background:#fff8e2eb;place-items:center;font-size:1.3rem;line-height:1;transition:background .1s;display:grid;position:absolute;top:10px;right:12px}.station-modal-close:hover{background:#ffe6befa}.game-side-panel{z-index:15;width:min(320px,40vw);max-height:calc(100vh - 80px);position:fixed;top:64px;right:16px;overflow:auto}.game-side-panel .surface-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff8e2f2}.loading-shell,.setup-shell{place-items:center;min-height:calc(100vh - 44px);display:grid}.app-frame,.loading-card,.setup-card,.hero-card,.surface-card,.conversation-card,.gallery-card,.room-shell,.report-card,.recap-drawer{background:var(--panel-gradient);border:2px solid var(--frame-dark);box-shadow:var(--shadow-drop);position:relative}.app-frame{background:linear-gradient(#fffae9fa,#dfcaa5f5),linear-gradient(45deg,#0000000a 25%,#0000 25% 50%,#0000000a 50% 75%,#0000 75%,#0000) 0 0/12px 12px;max-width:1380px;margin:0 auto;padding:18px}.vibe-spring-bloom{--accent-primary:#4ade80;--accent-soft:#fbbf24;--accent-deep:#166534}.vibe-summer-gold{--accent-primary:#f59e0b;--accent-soft:#84cc16;--accent-deep:#92400e}.vibe-autumn-harvest{--accent-primary:#ea580c;--accent-soft:#dc2626;--accent-deep:#7c2d12}.vibe-winter-rest{--accent-primary:#60a5fa;--accent-soft:#e2e8f0;--accent-deep:#1e3a5f}.mission-board,.market-stand{padding:20px;animation:.22s ease-out panel-snap}.mission-board-header,.market-stand-header{gap:6px;margin-bottom:18px;display:grid}.mission-list{gap:14px;max-height:72vh;display:grid;overflow:auto}.mission-card{border:2px solid var(--frame-dark);box-shadow:0 0 0 2px var(--frame-gold),4px 4px 0 #140c0b47;background:linear-gradient(#fff7e3fa,#dfcaa5fa),linear-gradient(45deg,#0000000a 25%,#0000 25% 50%,#0000000a 50% 75%,#0000 75%,#0000) 0 0/10px 10px;padding:16px}.mission-card.is-active{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary),4px 4px 0 #140c0b47}.mission-card.is-completed{opacity:.7}.mission-meta{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.economy-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px;display:grid}.economy-stat{text-align:center;border:2px solid var(--frame-dark);box-shadow:0 0 0 2px var(--frame-gold);background:#fff8e2eb;padding:12px}.economy-stat strong{margin-top:4px;font-size:1.4rem;display:block}.crop-catalog{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin:16px 0;display:grid}.crop-card{text-align:center;border:2px solid var(--frame-dark);box-shadow:0 0 0 2px var(--frame-gold);cursor:pointer;background:#fff8e2eb;padding:12px;transition:transform .1s steps(2,end),background .1s linear}.crop-card:hover{background:#fff0c8fa;transform:translateY(-2px)}.crop-card.is-selected{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary)}.crop-emoji{margin-bottom:4px;font-size:2rem;display:block}.planted-list{gap:10px;margin:16px 0;display:grid}.planted-item{border:2px solid var(--frame-dark);box-shadow:0 0 0 2px var(--frame-gold);background:#fff8e2eb;align-items:center;gap:12px;padding:10px 14px;display:flex}.growth-bar{border:2px solid var(--frame-dark);background:#fff8e299;flex:1;height:12px;overflow:hidden}.growth-bar-fill{background:var(--accent-primary);height:100%;transition:width .3s}.plant-controls{align-items:center;gap:10px;margin:16px 0;display:flex}.plant-controls input{border:2px solid var(--frame-dark);text-align:center;background:#fffbeff0;width:80px;padding:10px}.loading-card,.setup-card{width:min(1120px,100%);padding:26px;animation:.22s ease-out panel-snap}.loading-card{text-align:center;width:min(560px,100%)}.topbar{gap:14px;margin-bottom:18px;display:grid}.topbar-main,.hero-header,.gallery-item-head,.counter-titlebar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.brand-block,.status-stack,.main-stack,.side-stack,.gallery-list,.summary-list{gap:16px;display:grid}.brand-block{gap:6px}.brand-title{margin:0;font-size:clamp(2.4rem,4vw,3.4rem);line-height:.95}.brand-subtitle,.hero-copy,.hero-lead,.surface-copy,.helper-copy,.artifact-summary,.message-copy,.recap-line,.zone-copy{color:#241914d1;margin:0;line-height:1.55}.eyebrow,.mini-label{letter-spacing:.16em;text-transform:uppercase;color:#241914a8;margin:0;font-size:.72rem;display:inline-block}.topbar-stats,.hero-stat-grid,.turn-panel,.room-meter,.artifact-tags,.constraint-list,.chip-list,.recap-tags,.panel-actions,.composer-actions,.inline-actions,.nav-pills,.hero-meta{flex-wrap:wrap;gap:10px;display:flex}.status-window,.hero-stat,.gallery-item,.summary-item,.portrait-frame{border:2px solid var(--frame-dark);box-shadow:0 0 0 2px var(--frame-gold),4px 4px 0 #140c0b47;background:linear-gradient(#fff7e3fa,#dfcaa5fa),linear-gradient(45deg,#0000000a 25%,#0000 25% 50%,#0000000a 50% 75%,#0000 75%,#0000) 0 0/10px 10px}.status-window,.hero-stat{min-width:128px;padding:10px 12px}.status-window strong,.hero-stat strong{color:var(--accent-deep);margin-top:6px;display:block}.nav-pill,.button-primary,.button-secondary,.chip-button,.station-button{border:2px solid var(--frame-dark);color:var(--panel-ink);box-shadow:var(--shadow-pressed);background:linear-gradient(#fff5d7,#d9c39a);padding:12px 16px;transition:transform .14s steps(2,end),box-shadow .14s steps(2,end),background .14s linear;position:relative}.nav-pill:hover,.button-primary:hover,.button-secondary:hover,.chip-button:hover,.station-button:hover{box-shadow:0 0 0 2px var(--frame-dark),0 0 0 5px var(--frame-gold),5px 5px 0 #140c0b4d;transform:translate(2px,2px)}.nav-pill:active,.button-primary:active,.button-secondary:active,.chip-button:active,.station-button:active{box-shadow:0 0 0 2px var(--frame-dark),0 0 0 5px var(--frame-gold),2px 2px 0 #140c0b38;transform:translate(4px,4px)}.nav-pill.is-active,.button-primary,.chip-button.is-active,.ready-stamp.is-ready{color:#fff8e8;background:linear-gradient(180deg,color-mix(in srgb,var(--accent-primary)78%,white 22%),color-mix(in srgb,var(--accent-deep)72%,black 28%))}.button-secondary{background:linear-gradient(#f8ecd1,#cab07a)}.nav-pill:disabled,.button-primary:disabled,.button-secondary:disabled,.chip-button:disabled,.station-button:disabled{cursor:default;color:#2419146b;box-shadow:0 0 0 2px var(--frame-dark),0 0 0 5px #9a8f80;background:linear-gradient(#d8cfbf,#b2a897)}.status-pill,.artifact-tag,.constraint-pill,.recap-pill,.legend-chip{border:2px solid var(--frame-dark);box-shadow:0 0 0 2px var(--frame-gold);background:#fff8e2eb;align-items:center;gap:8px;padding:7px 11px;font-size:.82rem;display:inline-flex}.scene-grid,.counter-layout{gap:18px;display:grid}.scene-grid{grid-template-columns:minmax(0,1.4fr) minmax(320px,.88fr)}.counter-layout{grid-template-columns:minmax(0,1.28fr) minmax(320px,.82fr)}.hero-card,.surface-card,.conversation-card,.gallery-card,.report-card,.room-shell,.recap-drawer{padding:20px;animation:.22s ease-out panel-snap}.hero-card h2,.surface-card h3,.conversation-card h3,.gallery-card h3,.report-card h3,.recap-drawer h3,.room-shell h3,.setup-card h1{margin:0}.hero-card{background:linear-gradient(#fff7defa,#e0bd7efa),linear-gradient(#0000 40%,#0000000f)}.hero-card h2{max-width:18ch;font-size:clamp(1.8rem,3vw,2.65rem)}.hero-lead{max-width:54ch;font-weight:700}.hero-stat-grid{max-width:420px}.hero-stat{min-width:160px}.setup-card-compact{text-align:center;gap:20px;max-width:640px;display:grid}.setup-room-preview{border:2px solid var(--frame-dark);width:100%;box-shadow:0 0 0 2px var(--frame-gold),4px 4px 0 #140c0b47;image-rendering:pixelated}.setup-fields{text-align:left;grid-template-columns:1fr 1fr;gap:14px;display:grid}.character-picker{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.character-option{border:2px solid var(--frame-dark);box-shadow:0 0 0 2px var(--frame-gold);cursor:pointer;background:#fff8e2eb;place-items:center;gap:6px;padding:10px 6px 8px;transition:transform .1s steps(2,end),background .1s linear;display:grid}.character-option:hover{background:#fff0c8fa;transform:translateY(-2px)}.character-option.is-selected{background:linear-gradient(180deg,color-mix(in srgb,var(--accent-primary)24%,#fff8e2fa 76%),color-mix(in srgb,var(--accent-primary)14%,#ebdab9fa 86%));box-shadow:0 0 0 3px var(--accent-primary)}.character-name{letter-spacing:.08em;font-family:Lucida Console,Courier New,monospace;font-size:.72rem}.field-row,.composer-footer{gap:10px;display:grid}.field-label{font-weight:700}.field-input,.composer-textarea{border:2px solid var(--frame-dark);width:100%;color:var(--panel-ink);background:#fffbeff0;padding:14px 16px;box-shadow:inset 0 0 0 2px #d9a84f5c}.composer-textarea{resize:vertical;min-height:132px}.gallery-item{padding:16px}.gallery-item h4{margin:0}.gallery-item-head{align-items:center}.archive-index{text-align:center;border:2px solid var(--frame-dark);background:linear-gradient(180deg,var(--accent-soft),color-mix(in srgb,var(--accent-primary)40%,#7e5f3b 60%));min-width:54px;color:var(--frame-dark);box-shadow:0 0 0 2px var(--frame-gold);padding:10px 8px}.room-shell{background:linear-gradient(#fff3d0fa,#cfa577fa),linear-gradient(90deg,#0000000a 50%,#0000 50%);overflow:hidden}.room-layout{align-items:start}.room-header{gap:14px;margin-bottom:16px;display:grid}.panel-frame,.panel-shell{gap:16px;display:grid}.room-stage-frame{border:2px solid var(--frame-dark);box-shadow:inset 0 0 0 2px var(--frame-gold);background:#fff5dbbd;padding:12px}.room-stage-frame.is-panel-open{box-shadow:inset 0 0 0 2px var(--frame-gold),0 0 0 4px #115d5d29}.room-stage{aspect-ratio:960/704;border:2px solid var(--frame-dark);min-height:0;box-shadow:inset 0 0 0 2px var(--frame-gold);background:linear-gradient(#fff8e4bd,#d2b484bd);position:relative;overflow:hidden}.phaser-canvas-container{aspect-ratio:384/320;border:2px solid var(--frame-dark);width:100%;box-shadow:inset 0 0 0 2px var(--frame-gold);background:#1a1a2e;overflow:hidden}.phaser-canvas-container canvas{image-rendering:pixelated;display:block;width:100%!important;height:100%!important}.room-scene-art{width:100%;height:auto;image-rendering:pixelated;-webkit-user-select:none;user-select:none;display:block}.room-stage-overlay,.room-backdrop{position:absolute;inset:0}.room-stage-overlay{z-index:2}.room-hotspot{z-index:2;border:2px dashed color-mix(in srgb,var(--hotspot-accent)82%,#2d1a15 18%);background:color-mix(in srgb,var(--hotspot-accent)18%,#fff8e438 82%);transition:transform .12s steps(2,end),opacity .12s steps(2,end),background .12s linear;position:absolute;box-shadow:inset 0 0 0 1px #fff8e459}.room-hotspot:hover,.room-hotspot:focus-visible,.room-hotspot.is-active{background:color-mix(in srgb,var(--hotspot-accent)28%,#fff8e44d 72%);transform:translateY(-2px)}.room-hotspot.is-locked{opacity:.72}.room-hotspot-label,.room-hotspot-lock{border:2px solid var(--frame-dark);box-shadow:0 0 0 2px var(--frame-gold);font-family:Lucida Console,Courier New,monospace;font-size:.72rem;position:absolute;left:6px}.room-hotspot-label{background:#fff8e4f0;padding:4px 6px;bottom:6px}.room-hotspot-lock{background:linear-gradient(#fff1cf,#d1b07d);padding:3px 6px;top:6px}.room-player{z-index:3;pointer-events:none;width:clamp(42px,5vw,52px);transition:left .12s steps(3,end),top .12s steps(3,end),transform .12s steps(2,end);position:absolute;transform:translate(-50%,-100%)}.room-player-facing-up .sprite-character{filter:drop-shadow(0 2px #2d1a1547)brightness(.98)}.room-player-facing-down .sprite-character{filter:drop-shadow(0 2px #2d1a1547)saturate(1.05)}.room-status-copy{margin-top:0}.room-wall{background:linear-gradient(#fff4d629,#0000 18%),repeating-linear-gradient(#6c493414 0 3px,#ffffff08 3px 30px)}.room-floor{background:linear-gradient(#0000,#0000),repeating-linear-gradient(90deg,#e5dbc3d9 0 48px,#afa089d9 48px 96px),repeating-linear-gradient(#e5dbc333 0 48px,#3f2e252e 48px 96px);top:52%}.room-window,.room-shelf,.room-rug,.room-desk,.room-crate,.room-plant,.room-avatar{box-shadow:0 0 0 2px var(--frame-dark);position:absolute}.room-window{width:110px;height:140px;box-shadow:0 0 0 2px var(--frame-dark),0 0 0 6px #9d6845;background:linear-gradient(#beecfff5,#98c8dcf5),repeating-linear-gradient(90deg,#0000 0 48px,#ffffffc2 48px 53px);top:68px;left:92px}.room-shelf-top{background:radial-gradient(circle at 22% 34%,#ffb459 0 8px,#0000 8px),radial-gradient(circle at 40% 60%,#fff 0 18px,#0000 18px),radial-gradient(circle at 74% 28%,#d46774 0 16px,#0000 16px),linear-gradient(#6d4a39,#4c3327);width:300px;height:126px;top:50px;right:72px}.room-shelf-side{background:radial-gradient(circle at 65% 26%,#d0f0a8 0 14px,#0000 14px),radial-gradient(circle at 38% 68%,#ffd7d9 0 12px,#0000 12px),linear-gradient(#6d4a39,#4c3327);width:144px;height:168px;top:168px;right:48px}.room-rug{background:linear-gradient(135deg,#f5f8f9f2 25%,#3d4857f2 25% 50%,#f5f8f9f2 50% 75%,#3d4857f2 75%) 0 0/68px 68px;width:250px;height:160px;bottom:56px;left:38%}.room-desk{background:radial-gradient(circle at 75% 40%,#d2f2c8 0 18px,#0000 18px),linear-gradient(#8e5c45,#694535);width:260px;height:124px;bottom:40px;left:58%}.room-crate{background:radial-gradient(circle at 50% 24%,#ffd670 0 18px,#0000 18px),linear-gradient(#8e5c45,#694535);width:128px;height:102px;bottom:110px;left:22%}.room-plant{width:126px;height:132px;box-shadow:none;background:radial-gradient(circle at 50% 78%,#b04639 0 30px,#0000 30px),radial-gradient(circle at 30% 46%,#2c7f4d 0 34px,#0000 34px),radial-gradient(circle at 66% 36%,#3a9258 0 40px,#0000 40px),radial-gradient(circle at 46% 18%,#4dab67 0 30px,#0000 30px);border:none}.room-plant-left{bottom:22px;left:32px}.room-plant-right{bottom:28px;right:22px}.room-avatar{width:54px;height:90px;box-shadow:none;border:none;animation:1.9s steps(2,end) infinite sprite-bob;bottom:70px;left:112px}.station-button{z-index:2;text-align:left;gap:6px;width:210px;line-height:1.35;display:grid;position:absolute}.station-button strong{font-size:1rem}.station-button span:last-child{font-size:.88rem}.station-counter{top:238px;left:54px}.station-gallery{top:114px;right:48px}.station-lab{bottom:182px;left:300px}.station-menu{bottom:110px;right:208px}.room-legend{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.counter-scene{background:linear-gradient(#fff7e1fa,#d0b794fa),linear-gradient(90deg,#0000000d 50%,#0000 50%)}.counter-dossier{gap:14px;display:grid}.counter-board{grid-template-columns:minmax(210px,.38fr) minmax(0,1fr);gap:16px;margin-top:16px;display:grid}.portrait-frame{aspect-ratio:1;background:linear-gradient(#5d4560c7,#231a2ceb),linear-gradient(#ffffff0f,#0000);place-items:center;display:grid;overflow:hidden}.portrait-silhouette{background:radial-gradient(circle at 50% 26%,#f0d3b6 0 18%,transparent 18%),linear-gradient(180deg,transparent 0 34%,var(--accent-primary)34% 68%,transparent 68%);clip-path:polygon(50% 0,68% 12%,74% 36%,88% 48%,84% 100%,16% 100%,12% 48%,26% 36%,32% 12%);width:64%;height:64%;box-shadow:0 0 0 2px #241914b3}.chip-list-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.counter-terminal{gap:16px;display:grid}.conversation-thread{gap:12px;max-height:430px;padding-right:6px;display:grid;overflow:auto}.bubble{border:2px solid var(--frame-dark);box-shadow:0 0 0 2px var(--frame-gold);padding:14px 16px}.bubble.customer{background:#fffaeef5}.bubble.child{background:#def5ecf0;margin-left:26px}.bubble.system{background:#ffe6bef0}.bubble-header{color:#241914ad;justify-content:space-between;gap:12px;margin-bottom:8px;display:flex}.report-card{background:linear-gradient(#fff6defa,#d8b67cfa),linear-gradient(90deg,#0000000a 50%,#0000 50%)}.report-card-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.ready-stamp{border:2px solid var(--frame-dark);min-width:92px;box-shadow:0 0 0 2px var(--frame-gold);background:linear-gradient(#fff3db,#d5c09b);justify-content:center;align-items:center;padding:10px 14px;display:inline-flex}.report-ledger{gap:16px;margin:18px 0;display:grid}.report-badge{border:2px solid var(--frame-dark);width:116px;height:116px;box-shadow:0 0 0 2px var(--frame-gold),6px 6px 0 #140c0b38;background:radial-gradient(circle at 28% 26%,#fffffff0 0 14px,#0000 14px),radial-gradient(circle at 40% 56%,#ffd670f5 0 22px,#0000 22px),radial-gradient(circle at 64% 44%,#ff8560f5 0 28px,#0000 28px),radial-gradient(circle at 50% 70%,#115d5deb 0 32px,#0000 32px),linear-gradient(#f5e9cefa,#c5996ffa)}.artifact-title{font-size:clamp(1.8rem,3vw,2.35rem)}.artifact-meta{gap:14px;margin:18px 0;display:grid}.artifact-meta div{border:2px solid var(--frame-dark);background:#fffaeecc;padding:12px;box-shadow:0 0 0 2px #d9a84f80}.artifact-meta dt{letter-spacing:.14em;text-transform:uppercase;color:#24191499;margin:0 0 8px;font-size:.76rem}.artifact-meta dd{margin:0;font-weight:700}.gallery-card,.surface-card{background:linear-gradient(#fff8e2fa,#dec69cfa),linear-gradient(90deg,#00000008 50%,#0000 50%)}.summary-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.summary-item{padding:14px}.summary-item strong{text-transform:capitalize;margin-bottom:8px;display:block}.gallery-list{max-height:72vh;overflow:auto}.recap-overlay{background:#0f0c109e;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.recap-drawer{background:linear-gradient(#fff9e4fa,#dabd8dfa),linear-gradient(90deg,#00000008 50%,#0000 50%);width:min(760px,100%);max-height:min(92vh,860px);overflow:auto}.npc-dialogue-header{align-items:center;gap:.75rem;display:flex}.npc-dialogue-input-row{gap:.5rem;display:flex}.npc-dialogue-input-row .text-input{flex:1}.npc-messages{max-height:240px;overflow-y:auto}.danger-text{color:#7c1d1d;margin:0;font-weight:700}@keyframes panel-snap{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes sprite-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes sprite-walk{0%{background-position-x:var(--sprite-walk-start)}to{background-position-x:var(--sprite-walk-end)}}.sprite-character{width:32px;height:64px;image-rendering:pixelated;filter:drop-shadow(0 2px #2d1a1547);background-repeat:no-repeat}.sprite-walking{animation:.6s steps(6,end) infinite sprite-walk}.room-player .sprite-character{aspect-ratio:1/2;width:100%;height:auto}.character-option .sprite-character{width:32px;height:64px}@media (max-width:1200px){.scene-grid,.counter-layout{grid-template-columns:1fr}.topbar-stats,.hero-stat-grid{max-width:none}}@media (max-width:960px){.app-shell{padding:16px}.setup-fields,.counter-board,.chip-list-grid{grid-template-columns:1fr}.character-picker{grid-template-columns:repeat(2,1fr)}.room-stage{min-height:auto}.room-hotspot-label{font-size:.62rem}.room-player{width:42px}}@media (max-width:720px){.app-frame,.setup-card,.loading-card,.hero-card,.surface-card,.conversation-card,.gallery-card,.room-shell,.report-card,.recap-drawer{padding:16px}.room-stage{aspect-ratio:15/11}.phaser-canvas-container{aspect-ratio:6/5}.topbar-main,.hero-header,.counter-titlebar,.gallery-item-head{flex-direction:column}.hud-btn-short{display:inline}.hud-btn-label{display:none}.hud-mission{max-width:10ch}.station-modal-backdrop{padding:12px}.station-modal{max-height:92vh;padding:16px}.game-side-panel{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.setup-grid,.seat-grid,.worker-planner-grid,.market-grid,.market-choice-grid,.manual-action-grid,.planner-household{gap:16px;display:grid}.setup-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.seat-grid,.worker-planner-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.market-grid,.market-choice-grid,.planner-household{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.manual-action-grid{grid-template-columns:1fr}.seat-card,.planner-seat,.worker-plan-card,.market-summary-card,.market-choice-card,.worker-feedback-card,.room-status-card{background:#fff9ebc7;border:2px solid #2d1a152e;box-shadow:inset 0 1px #ffffff59}.seat-card,.planner-seat,.worker-plan-card,.market-summary-card,.worker-feedback-card{padding:16px}.seat-card,.worker-plan-card,.market-summary-card,.market-choice-card{flex-direction:column;gap:12px;display:flex}.seat-card-header,.worker-plan-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.planner-badges{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.planner-seat h4,.worker-plan-card h4,.market-summary-card h4,.market-choice-card h4{margin:0}.worker-plan-form{gap:8px;display:grid}.worker-note-input{min-height:112px}.market-choice-card{text-align:left;padding:18px}.market-choice-card:disabled{opacity:.58;cursor:not-allowed}.compact-stack{gap:10px}.room-status-card{z-index:8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:6px;max-width:min(420px,100vw - 32px);padding:12px 14px;position:fixed;bottom:18px;left:16px}.room-status-card strong{font-size:.96rem;line-height:1.45;display:block}@media (max-width:900px){.room-status-card{bottom:88px}}
:root{--font-pixel-header:"Press Start 2P",monospace;--font-pixel-body:"Silkscreen",monospace;--pixel-border:3px solid var(--frame-dark);--pixel-shadow:0 0 0 2px var(--frame-dark),0 0 0 5px var(--frame-gold),6px 6px 0 #140c0b59;--pixel-shadow-sm:0 0 0 2px var(--frame-dark),0 0 0 4px var(--frame-gold),4px 4px 0 #140c0b40;--pixel-shadow-hover:0 0 0 2px var(--frame-dark),0 0 0 5px var(--frame-gold),8px 8px 0 #140c0b66;--hub-bg:linear-gradient(180deg,#fff8e4fa 0%,#e8d2a8fa 100%)}.hub-shell{background:var(--hub-bg);border:2px solid var(--frame-dark);box-shadow:var(--shadow-drop);image-rendering:pixelated;padding:24px}.hub-header{border-bottom:4px solid var(--frame-dark);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;padding-bottom:20px;display:flex}.hub-title-block{gap:6px;display:grid}.hub-shop-name{font-family:var(--font-pixel-header);color:var(--accent-deep);text-shadow:2px 2px #0000001f;margin:0;font-size:clamp(1rem,2.5vw,1.5rem);line-height:1.4}.hub-tagline{font-family:var(--font-pixel-body);color:#241914b3;margin:0;font-size:.8rem}.hub-day-badge{border:2px solid var(--frame-dark);background:linear-gradient(180deg,var(--accent-soft),color-mix(in srgb,var(--accent-primary)50%,#d4a84e 50%));min-width:72px;box-shadow:var(--pixel-shadow-sm);flex-direction:column;align-items:center;gap:2px;padding:10px 14px;display:flex}.hub-day-label{font-family:var(--font-pixel-body);text-transform:uppercase;letter-spacing:.16em;color:#241914b3;font-size:.65rem}.hub-day-number{font-family:var(--font-pixel-header);color:var(--frame-dark);font-size:1.6rem;line-height:1}.hub-station-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.hub-station-card{border:2px solid var(--frame-dark);min-height:160px;box-shadow:var(--pixel-shadow);text-align:left;cursor:pointer;background:linear-gradient(#fffbeefa,#f0e0c0fa);grid-template-rows:auto 1fr auto;gap:10px;padding:18px;transition:transform .12s steps(2,end),box-shadow .12s steps(2,end);display:grid;position:relative}.hub-station-card.is-locked{cursor:default;box-shadow:var(--pixel-shadow-sm);opacity:.72;background:linear-gradient(#dad4caf2,#c0baaff2)}.hub-station-card.is-locked .station-label,.hub-station-card.is-locked .station-sublabel{color:#24191473}.station-icon-slot{border:2px solid var(--frame-dark);width:52px;height:52px;box-shadow:0 0 0 2px var(--frame-gold);background:linear-gradient(#fff8e1f5,#dec69cf5);justify-content:center;align-items:center;display:flex}.station-lock-icon{color:#24191473}.station-sprite{width:32px;height:32px;image-rendering:pixelated;display:block}.station-sprite-counter{background:radial-gradient(circle at 50% 40%,var(--accent-primary)0 10px,transparent 10px),radial-gradient(circle at 50% 70%,var(--accent-deep)0 8px,transparent 8px),radial-gradient(circle at 50% 20%,var(--accent-soft)0 6px,transparent 6px)}.station-sprite-gallery{background:linear-gradient(var(--frame-dark)0 3px,transparent 3px)no-repeat 4px 4px/24px 3px,linear-gradient(var(--frame-dark)0 3px,transparent 3px)no-repeat 4px 12px/24px 3px,linear-gradient(var(--frame-dark)0 3px,transparent 3px)no-repeat 4px 20px/18px 3px,linear-gradient(var(--accent-primary)0 8px,transparent 8px)no-repeat 4px 4px/8px 8px}.station-text{gap:4px;display:grid}.station-label{font-family:var(--font-pixel-header);color:var(--frame-dark);font-size:.7rem;line-height:1.4}.station-sublabel{font-family:var(--font-pixel-body);color:#241914a6;font-size:.72rem;line-height:1.5}.station-badge{border:2px solid var(--frame-dark);background:linear-gradient(180deg,var(--accent-primary),color-mix(in srgb,var(--accent-primary)70%,#000 30%));min-width:28px;box-shadow:0 0 0 2px var(--frame-gold);font-family:var(--font-pixel-body);color:#fff;text-transform:uppercase;letter-spacing:.08em;justify-content:center;align-items:center;padding:5px 8px;font-size:.6rem;display:inline-flex;position:absolute;top:-6px;right:-6px}.hub-latest-card{border:2px solid var(--frame-dark);box-shadow:var(--pixel-shadow-sm);background:linear-gradient(#fffaeef5,#e6d2aaf5);padding:18px}.hub-latest-card h4{font-family:var(--font-pixel-body);margin:6px 0 8px;font-size:.88rem}.hub-empty-card{opacity:.8;border-style:dashed}.view-hub .brand-title,.view-hub .eyebrow{font-family:var(--font-pixel-header)}.view-hub .brand-subtitle,.view-hub .mini-label{font-family:var(--font-pixel-body)}.turn-progress{border:2px solid var(--frame-dark);width:100%;height:14px;box-shadow:0 0 0 2px var(--frame-gold);background:#fff8e2eb;position:relative;overflow:hidden}.turn-progress-fill{background:linear-gradient(180deg,var(--accent-primary),color-mix(in srgb,var(--accent-primary)70%,#000 30%));height:100%;image-rendering:pixelated;transition:width .2s steps(6,end)}.pixel-border{border:2px solid var(--frame-dark);box-shadow:var(--pixel-shadow)}.pixel-border-sm{border:2px solid var(--frame-dark);box-shadow:var(--pixel-shadow-sm)}@media (max-width:640px){.hub-station-grid{grid-template-columns:1fr}.hub-shop-name{font-size:.9rem}.hub-station-card{min-height:120px}.hub-header{flex-direction:column;gap:12px}}@media (prefers-reduced-motion:reduce){.hub-station-card,.turn-progress-fill{transition:none}}