:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#27394a;background:#edf0e2;font-synthesis:none}*{box-sizing:border-box}html{min-width:320px}body{margin:0;min-width:320px}button{font:inherit;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:focus-visible{outline:3px solid #ffd77f;outline-offset:3px}.eyebrow{margin:0 0 5px;color:#9a654b;font-size:.7rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.entry-layout{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(30px,7vw,100px);max-width:1100px;margin:auto;padding:40px max(24px,env(safe-area-inset-right)) 40px max(24px,env(safe-area-inset-left))}.entry-hero{display:grid;place-items:center;aspect-ratio:1.1;border-radius:32px;background:#c9d8be;box-shadow:inset 0 0 0 2px #a3b99c}.entry-hero img{width:min(76%,410px);height:auto}.entry-card{width:100%;max-width:440px}.entry-card h1{margin:0 0 18px;font-size:clamp(2.8rem,5vw,4.8rem);line-height:.96;letter-spacing:-.07em}.entry-card>p:not(.eyebrow):not(.fixture-note){max-width:33ch;font-size:1.18rem;line-height:1.55}.mock-notice{display:grid;gap:3px;padding:15px 17px;margin:28px 0;background:#fff6d9;border:1px solid #e6cf94;border-radius:12px;line-height:1.45}.mock-notice span,.fixture-note{color:#5b6470;font-size:.9rem}.primary-button{min-height:48px;min-width:145px;padding:11px 20px;border:2px solid #152f40;border-radius:4px;color:#fff9e7;background:#355467;font-size:1rem;font-weight:850;box-shadow:0 4px #182d3c}.primary-button:hover{background:#456e78}.primary-button:active{transform:translateY(2px);box-shadow:0 2px #182d3c}.game-shell{width:min(100%,1030px);margin:0 auto;padding:max(13px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.game-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:65px;padding:0 6px 10px}.game-brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-gem{display:grid;place-items:center;flex:none;width:43px;height:43px;color:#fff0b9;background:#cb7058;border:3px solid #603f4b;box-shadow:3px 3px #263d49;font-size:1.4rem}.game-header .eyebrow{color:#697766}.game-header h1{margin:0;font-size:clamp(1.45rem,3vw,2rem);line-height:1;letter-spacing:-.045em;color:#263d49}.game-header-actions{display:flex;gap:8px}.game-header-actions button,.close-menu{min-height:44px;padding:8px 17px;border:2px solid #264653;border-radius:4px;background:#fff1c9;color:#294758;font-weight:850;box-shadow:3px 3px #264653}.game-header-actions button:hover,.close-menu:hover{background:#ffe3a5}.game-stage{border:4px solid #25474c;background:#233f47;box-shadow:0 7px #172f38,0 15px 30px #233b3970}.stage-rim{border:3px solid #b8ad88}.game-hud{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:61px;padding:8px 16px;color:#fef3d8;background:#294d50;border-bottom:3px solid #1e383e}.hud-objective{display:flex;align-items:center;gap:10px;min-width:0}.objective-icon{display:grid;place-items:center;flex:none;width:32px;height:32px;border:3px solid #a66657;color:#5c3843;background:#ffdb80;font-family:monospace;font-size:1.3rem;font-weight:900;box-shadow:2px 2px #1d363d}.hud-objective strong{display:block;font-size:.94rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-kicker{display:block;color:#b8d5c2;font-size:.62rem;font-weight:850;letter-spacing:.13em}.hud-stats{display:flex;gap:5px;flex:none}.hud-stats span{min-width:54px;padding:7px 8px;border:2px solid #819a86;background:#203b43;color:#ffe6ae;font-family:ui-monospace,monospace;font-size:.82rem;font-weight:900;text-align:center}.map-topline{display:flex;justify-content:space-between;gap:8px;padding:6px 11px;color:#e9dec0;background:#1f3a40;border-bottom:2px solid #ad9e79;font-family:ui-monospace,monospace;font-size:.72rem;font-weight:750;letter-spacing:.04em}.map-topline span:nth-child(2){color:#fff0bd}.map-topline span:last-child{font-weight:500}.phaser-host{width:100%;height:clamp(270px,60vw,620px);overflow:hidden;touch-action:none;background:#345a4e}.phaser-host canvas{display:block;image-rendering:pixelated}.map-actions{display:flex;align-items:center;gap:18px;min-height:114px;padding:10px 16px;border-top:4px solid #bfa981;color:#f5ead0;background:#2c4d51}.move-controls{display:flex;align-items:center;gap:13px;flex:none}.move-pad{display:grid;grid-template-columns:repeat(3,46px);grid-template-rows:repeat(2,46px);gap:2px;touch-action:none}.move-button,.talk-button{min-width:44px;min-height:44px;border:2px solid #152f3f;border-radius:3px;color:#fff3cf;background:#567c7d;font-size:1.15rem;font-weight:900;touch-action:none;-webkit-user-select:none;user-select:none;box-shadow:2px 2px #122c38}.move-button[aria-pressed=true],.move-button:active,.talk-button:active{background:#d3865b;border-color:#5d3f44;transform:translateY(1px)}.move-button:disabled,.talk-button:disabled{opacity:.5;cursor:default}.move-up{grid-column:2;grid-row:1}.move-left{grid-column:1;grid-row:2}.move-down{grid-column:2;grid-row:2}.move-right{grid-column:3;grid-row:2}.talk-button{min-width:70px;padding:0 10px;background:#bc7057;font-size:.95rem}.stage-messages{min-width:0;flex:1;border-left:2px solid #708a80;padding-left:16px}.navigation-message,.scene-notice{margin:0;font-size:.85rem;line-height:1.35}.navigation-message{color:#fff2cf;font-weight:700}.scene-notice{margin-top:6px;color:#bad4c6}.game-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px 12px;padding:18px 5px 0;color:#536b65;font-size:.75rem;font-weight:700}.mock-banner{color:#776449}.server-banner{color:#315946}.menu-backdrop,.dialogue-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:#112b33c9}.game-menu,.dialogue-panel{width:min(100%,470px);max-height:100%;overflow:auto;border:4px solid #263f48;outline:3px solid #e3c688;background:#fff4d9;box-shadow:8px 8px #142e3a,0 20px 55px #0c202cad}.game-menu{padding:19px}.menu-title-row{display:flex;justify-content:space-between;align-items:start;gap:12px;padding-bottom:12px;border-bottom:3px solid #d2b47f}.menu-title-row h2{margin:0;color:#283f4e;font-size:1.65rem;line-height:1}.close-menu{flex:none;padding:7px 10px;font-size:.83rem}.menu-grid,.location-list{display:grid;gap:8px;margin-top:16px}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-grid button,.location-list button{display:flex;align-items:center;gap:10px;width:100%;min-height:51px;padding:7px 11px;border:2px solid #879b88;border-radius:3px;color:#253e49;background:#f6e9c5;text-align:left;font-weight:850;box-shadow:3px 3px #a4a78b}.menu-grid button:hover,.location-list button:hover{background:#e4eecb}.menu-grid button span,.place-arrow{margin-left:auto;color:#805a52}.location-list button:disabled{opacity:.5;cursor:default}.place-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;background:#d8a67c;border:2px solid #9d755f;color:#473e4d;font-size:1rem}.menu-copy{margin:18px 0 4px;line-height:1.55;color:#4e5d5e}.settings{display:grid;gap:10px;margin-top:16px}.settings button{min-height:48px;padding:10px 14px;border:2px solid #718d83;border-radius:3px;color:#24404b;background:#f4e6c3;text-align:left;font-weight:800}.settings button[aria-pressed=true]{color:#fef0ce;background:#477069}.dialogue-panel{width:min(100%,500px);padding:0}.dialogue-heading{display:flex;align-items:center;gap:16px;padding:17px 19px 12px;background:#dcd7b4;border-bottom:4px solid #a58965}.portrait-frame{flex:none;width:88px;height:88px;overflow:hidden;background:#76a080;border:4px solid #385a58;box-shadow:3px 3px #947b60}.portrait-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;image-rendering:pixelated}.dialogue-heading h2{margin:0;color:#273d49;font-size:1.65rem}.dialogue-content{padding:17px 20px 6px}.dialogue-content p{margin:0 0 16px;line-height:1.5}.dialogue-content label{display:block;margin-bottom:5px;font-weight:750}.dialogue-content textarea{display:block;width:100%;min-height:64px;margin-bottom:14px;padding:9px;border:2px solid #9ca89a;border-radius:2px;background:#fffaf0;font:inherit;resize:vertical}.dialogue-content textarea:focus-visible{outline:3px solid #d17e5a;outline-offset:2px}.dialogue-actions{display:flex;justify-content:flex-end;padding:0 20px 20px}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}@media (max-width: 760px){.entry-layout{grid-template-columns:1fr;gap:24px;align-content:center;padding:24px 20px}.entry-hero{width:min(100%,360px);aspect-ratio:2.1;margin:auto;border-radius:18px}.entry-hero img{width:53%}.entry-card{margin:auto}.entry-card h1{font-size:3rem}.entry-card>p:not(.eyebrow):not(.fixture-note){font-size:1rem}.game-header{min-height:58px}.game-header .eyebrow{font-size:.58rem}.brand-gem{width:36px;height:36px;font-size:1rem}.game-header-actions button{padding:7px 10px;font-size:.83rem}.game-hud{min-height:55px;padding:6px 9px}.hud-stats span{min-width:45px;padding:6px 3px;font-size:.72rem}.hud-objective strong{font-size:.82rem}.hud-kicker{font-size:.55rem}.map-topline{font-size:.65rem}.map-actions{align-items:center;gap:10px;padding:10px}.stage-messages{padding-left:10px}.navigation-message,.scene-notice{font-size:.73rem}}@media (max-width: 420px){.game-shell{padding-left:6px;padding-right:6px}.game-stage{border-width:3px}.stage-rim{border-width:2px}.game-header h1{font-size:1.42rem}.game-brand{gap:6px}.game-header-actions{gap:5px}.game-header-actions button{padding:5px 7px}.map-topline{padding:6px;letter-spacing:0}.map-topline span:first-child{display:none}.move-controls{gap:7px}.move-pad{grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px)}.talk-button{min-width:55px;padding:0 4px}.stage-messages{min-width:0}}@media (min-width: 600px) and (max-height: 430px){.game-shell{padding-top:5px}.game-header{min-height:54px;padding-bottom:5px}.stage-rim{display:grid;grid-template-columns:minmax(0,1fr) 190px}.game-hud,.map-topline{grid-column:1 / -1}.phaser-host{grid-column:1;grid-row:3;height:300px}.map-actions{grid-column:2;grid-row:3;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:5px;min-height:0;padding:6px;border-top:0;border-left:4px solid #bfa981}.move-controls{flex-direction:column;gap:5px}.move-pad{grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px)}.talk-button{min-height:44px}.stage-messages{border-left:0;border-top:2px solid #708a80;padding:5px 0 0;text-align:center}.navigation-message{font-size:.68rem}.scene-notice{display:none}}.dialogue-choice-actions{flex-wrap:wrap;gap:10px;justify-content:flex-start}.dialogue-choice-actions .primary-button{flex:1 1 205px}.encounter-panel{display:flex;flex-direction:column;width:min(100%,720px);max-height:100%;overflow:hidden;border:4px solid #263f48;outline:3px solid #e3c688;background:#fff4d9;box-shadow:8px 8px #142e3a,0 20px 55px #0c202cad}.encounter-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px;background:#dcd7b4;border-bottom:4px solid #a58965}.encounter-banner h2{margin:0;font-size:clamp(1.35rem,4vw,1.8rem)}.encounter-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px 18px 8px}.encounter-prompt{margin:0 0 14px;line-height:1.5;font-weight:700}.sequence-cards h3{margin:13px 0 4px;font-size:1rem}.encounter-instruction{margin:0 0 8px;font-size:.86rem;color:#526362}.arrival-cards{display:flex;gap:7px;flex-wrap:wrap}.arrival-cards button{display:grid;place-items:center;width:52px;min-height:54px;border:2px solid #38625c;background:#e5ebcf;color:#25404b;box-shadow:2px 2px #9ca98c}.arrival-cards button strong{font-size:1.2rem;line-height:1}.arrival-cards button small{font-size:.65rem}.arrival-cards button:disabled{opacity:.45}.delivery-summary{min-height:26px;margin:4px 0 6px;color:#52635b;font-weight:850}.delivery-cards{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.delivery-cards li{display:flex;align-items:center;gap:5px;padding:3px 5px 3px 9px;border:2px solid #a88b67;background:#fff9e9}.delivery-token{min-width:27px;font-weight:900}.delivery-token small{font-size:.6rem;color:#69746a}.delivery-cards li div{display:flex;gap:2px}.delivery-cards button{width:44px;height:44px;border:1px solid #7b9987;background:#dfe8cf;color:#2b4b50;font-size:1.15rem;font-weight:900}.delivery-cards button:disabled{opacity:.4}.strategy-choices{margin:14px 0;padding:0;border:0}.strategy-choices legend,.notes-label{margin-bottom:7px;font-weight:850}.strategy-choices>div{display:flex;flex-wrap:wrap;gap:7px}.strategy-choices button,.hint-strip button{min-height:44px;padding:7px 11px;border:2px solid #7b9987;background:#e5ebcf;color:#29484b;font-weight:800}.strategy-choices button[aria-pressed=true]{border-color:#264953;background:#3e6865;color:#fff6d9}.strategy-choices button:disabled{cursor:default;filter:saturate(.7)}.notes-label{display:block}.encounter-body textarea{width:100%;min-height:58px;padding:8px;border:2px solid #9ca89a;background:#fffaf0;font:inherit;resize:vertical}.encounter-body textarea[readonly]{background:#f6f0e3;resize:none}.hint-strip{display:flex;align-items:center;gap:12px;margin:10px 0;font-size:.8rem}.hint-list{border-left:4px solid #d39b62;padding:3px 10px;background:#fff7e7}.hint-list p{margin:5px 0;line-height:1.4}.encounter-result{display:flex;gap:12px;margin:12px 0;padding:11px;border:2px solid #aa805d;background:#fff2df}.encounter-result.success{border-color:#5a8267;background:#e9efd6}.encounter-result strong{display:block}.provenance-label{display:inline-block;margin-left:9px;padding:2px 6px;background:#d3dfc1;color:#315946;font-size:.73rem;text-transform:uppercase;letter-spacing:.05em}.encounter-result p{margin:4px 0;line-height:1.4}.result-impact{display:grid;place-items:center;flex:none;width:42px;height:42px;background:#bf835c;color:#fff;font-size:1.6rem;animation:impact-pulse .45s ease-out}.success .result-impact{background:#4f8565}.encounter-panel.reduce-motion .result-impact{animation:none}.reward-line{font-weight:900;color:#325b49}@keyframes impact-pulse{0%{transform:scale(.65);opacity:.4}60%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.encounter-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:70px;padding:10px 18px;border-top:3px solid #b7a17d;background:#efe0bd;font-size:.84rem;font-weight:750}.encounter-actions .primary-button{min-width:160px}@media (max-width: 420px){.encounter-banner,.encounter-body{padding:10px}.encounter-actions{padding:8px 10px}.encounter-actions .primary-button{min-width:145px}}.entry-card form{display:grid;gap:8px}.entry-card form label{display:block;margin:0 0 2px;font-weight:750}.entry-card form input{display:block;width:100%;min-height:44px;margin-bottom:8px;padding:8px 10px;border:2px solid #9ca89a;border-radius:3px;background:#fffaf0;font:inherit}.save-panel{display:grid;gap:11px;margin-top:16px}.save-panel .menu-copy{margin-top:0}.save-panel button,.character-panel button{min-height:44px;padding:8px 12px;border:2px solid #718d83;border-radius:3px;color:#24404b;background:#f4e6c3;font-weight:800}.save-panel input[type=file]{width:100%;min-height:44px}.character-panel ul{padding-left:21px;line-height:1.7}.character-panel li{margin:8px 0}.quest-journal{display:grid;gap:10px;padding:0 18px 18px}.quest-journal>label{font-weight:850}.quest-journal select,.quest-journal>button{min-height:44px;width:100%;padding:8px 10px;border:2px solid #718d83;background:#fff9e9;color:#24404b;font:inherit}.journal-list{display:grid;gap:10px;max-height:min(52vh,480px);overflow-y:auto}.journal-card{display:flex;align-items:center;justify-content:space-between;gap:10px;border:2px solid #9b805e;background:#fff9e9;padding:10px}.journal-card h3{margin:3px 0;font-size:1rem}.journal-card p{margin:0;color:#4b675e;font-size:.85rem}.journal-card small{color:#66594d}.journal-card button{min-height:44px;min-width:92px;border:2px solid #4a7566;background:#e4ecd0;color:#24404b;font-weight:800}.evidence-cards pre{overflow:auto;white-space:pre;padding:12px;border:3px solid #526b69;background:#20353f;color:#e8f3d8;font-size:.84rem;line-height:1.5}.evidence-cards h3{margin:8px 0}.decision-scene{padding:12px;border-left:5px solid #b9895c;background:#fff7e6;line-height:1.45}.decision-round{border-top:2px dashed #b9a68b;padding-top:10px}.round-number{display:inline-grid;place-items:center;width:28px;height:28px;background:#3e6865;color:#fff}.reflection-prompt,.equipment-hint{padding:9px;background:#e7edd8;line-height:1.4}.widget-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.widget-actions button{min-height:44px;padding:8px 12px;border:2px solid #7b9987;background:#e5ebcf;color:#29484b;font-weight:800}.widget-actions .primary-button{background:#4a7566;color:#fff}.hint-count{font-size:.8rem;color:#526362}@media (max-width: 420px){.journal-card{align-items:stretch;flex-direction:column}.journal-card button{width:100%}.widget-actions button{flex:1 1 120px}}.equipment-slots{display:grid;gap:10px;padding:8px 18px 20px}.equipment-slot{display:flex;align-items:center;gap:10px;min-height:76px;padding:10px;border:3px solid #927e60;background:#fff9e9}.equipment-slot>div{flex:1;min-width:0}.equipment-slot small,.equipment-slot strong{display:block}.equipment-slot strong{margin-top:3px}.equipment-slot p{margin:3px 0 0;font-size:.82rem;line-height:1.3}.slot-symbol{display:grid;place-items:center;flex:none;width:44px;height:44px;background:#456b68;color:#ffefb8;font-size:1.4rem}.equipped-label{padding:4px 6px;background:#d5e4c4;color:#315946;font-size:.75rem;font-weight:850}.quest-switch-alert{padding:10px;border:2px solid #a45749;background:#fff0e4;color:#773d37;font-weight:800;line-height:1.4}.boss-panel,.arcade-panel{width:min(100%,700px);overflow-y:auto}.boss-health{height:25px;margin:16px 0 4px;border:3px solid #263f48;background:#e9e8dc}.boss-health span{display:block;height:100%;background:repeating-linear-gradient(90deg,#a65056 0,#a65056 32%,#743e4d 32%,#743e4d 33.333%);transition:width .35s ease}.boss-health-copy{margin:0;font-size:.85rem;font-weight:800}.boss-stage-list{display:grid;gap:8px;padding-left:25px}.boss-stage-list li{padding:9px;background:#f5e9cc;border:2px solid #c4ac82;line-height:1.4}.boss-stage-list li.active{border-color:#526e63;background:#e6eed4}.boss-stage-list li.cleared{color:#506c5a}.boss-stage-list strong,.boss-stage-list span{display:block}.boss-stage-list span{font-size:.82rem}.boss-timer{display:flex;align-items:center;gap:10px;min-height:48px;margin:10px 0;font-weight:750}.boss-timer input{width:22px;height:22px}.invitation,.invitation-note{padding:12px;border:3px solid #94764f;background:#fff0bd;color:#453d32;line-height:1.5}.invitation strong{font-size:1.2rem}.invitation p{margin:4px 0 0}.boss-encounter-status{display:flex;flex-wrap:wrap;gap:6px 14px;margin-bottom:13px;padding:10px;border:2px solid #ac7d61;background:#f8e7cb;font-size:.84rem}.boss-encounter-status span{display:block}.arcade-list{display:grid;gap:14px;margin:14px 0}.arcade-card{display:grid;gap:7px;padding:13px;border:2px solid #9b805e;background:#fff9e9}.arcade-card h3,.arcade-card p{margin:0}.arcade-card a,.arcade-card button{display:inline-flex;align-items:center;min-height:44px;padding:8px 11px;border:2px solid #4a7566;color:#24404b;background:#e4ecd0;font-weight:800}.arcade-card a{width:fit-content}.arcade-card button:disabled{opacity:.55}.arcade-card label{font-weight:800}.arcade-card textarea{width:100%;min-height:68px;padding:8px;border:2px solid #9ca89a;font:inherit}.arcade-receipt{padding:7px;background:#e6eed4;line-height:1.4}@media (max-width: 420px){.boss-panel,.arcade-panel{padding:11px}.boss-stage-list{padding-left:20px}.arcade-card a{width:100%}}@media (prefers-reduced-motion: reduce){.boss-health span{transition:none}}.reduce-motion .boss-health span{transition:none}.encounter-result.strong-strike .result-impact{width:56px;background:#b98739;color:#fff8d6;text-shadow:2px 2px #674329}.encounter-result.strong-shield .result-impact{border:3px solid #2b5d5a;background:#6a9e86;box-shadow:0 0 0 4px #d4e7cc}.import-confirm{display:grid;gap:10px;padding:14px 16px;margin:12px 0;background:#fff6d9;border:1px solid #e6cf94;border-radius:12px}.import-confirm h3,.import-confirm p{margin:0}.import-confirm-actions{display:flex;gap:10px;flex-wrap:wrap}