.title-card{position:relative;overflow:hidden}.title-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 88% 12%,rgba(155,211,106,.14),transparent 30%),linear-gradient(115deg,transparent 0 48%,rgba(224,184,79,.035) 48% 49%,transparent 49% 100%);background-size:auto,28px 28px}.title-card>*{position:relative}.title-intro{max-width:58ch;color:var(--muted);line-height:1.55}.title-trust{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.title-trust span{padding:6px 10px;border:1px solid rgba(155,211,106,.26);border-radius:999px;background:rgba(155,211,106,.06);font-size:.75rem;font-weight:800;color:#d9edc9}.first-session-guide{margin:0 0 22px;padding:18px;border:1px solid rgba(224,184,79,.34);border-radius:18px;background:linear-gradient(145deg,rgba(224,184,79,.08),rgba(155,211,106,.04))}.guide-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.guide-heading-row .eyebrow{margin-bottom:4px}.guide-heading-row h3{margin:0;color:var(--text);font-size:1.2rem}.guide-percent{min-width:58px;padding:7px 9px;border-radius:10px;background:rgba(224,184,79,.12);color:var(--gold);text-align:center}.guide-progress{height:8px;margin:13px 0;border-radius:999px;overflow:hidden;background:rgba(0,0,0,.28)}.guide-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--gold))}.guide-next{margin:0;color:#e7dfc6;line-height:1.45}.guide-details{margin-top:13px;padding-top:12px;border-top:1px solid rgba(224,184,79,.18)}.guide-details summary{cursor:pointer;color:var(--muted);font-weight:750}.guide-details ol{display:grid;gap:9px;margin:12px 0 0;padding:0;list-style:none}.guide-step{display:grid;grid-template-columns:24px 1fr;gap:8px}.guide-step>span:last-child{display:grid;gap:2px}.guide-step strong{font-size:.88rem}.guide-step small{color:var(--muted);line-height:1.35}.guide-step.complete{color:var(--accent)}.guide-marker{font-weight:900;color:var(--gold)}.journey-nav{position:sticky;top:calc(var(--dtf-global-header-height,74px) + 8px);z-index:5;display:flex;gap:7px;overflow-x:auto;margin:0 -6px 18px;padding:7px 6px;border-radius:14px;background:rgba(16,24,15,.88);backdrop-filter:blur(8px);scrollbar-width:thin}.journey-nav button{flex:0 0 auto;min-height:44px;padding:9px 13px;border:1px solid rgba(155,211,106,.25);background:#23331f;color:var(--text);box-shadow:none;font-size:.78rem}.panel{width:min(980px,100%)}#game-panel>div:not(#starter-selection):not(#map-preview):not(#movement-controls):not(#interaction-panel):not(#dialogue-panel):not(#encounter-controls):not(#encounter-result):not(#combat-panel):not(#debug-output){scroll-margin-top:calc(var(--dtf-global-header-height,74px) + 62px)}.skip-link{position:fixed;left:12px;top:-70px;z-index:20;padding:10px 14px;border-radius:10px;background:#f6f0d8;color:#10180f;font-weight:900}.skip-link:focus{top:12px}button:focus-visible,summary:focus-visible{outline:3px solid rgba(224,184,79,.65);outline-offset:3px}.movement-controls button{min-width:84px;min-height:48px}#debug-output[hidden]{display:none!important}
@media (max-width:640px){.game-shell{display:block;padding:12px}.title-card,.panel{padding:20px;border-radius:18px}.panel{width:100%}.journey-nav{top:4px;margin-bottom:14px}.map-grid{--tile-size:22px}.movement-controls button{min-width:72px;min-height:50px;padding:12px}.starter-grid{grid-template-columns:1fr}.guide-heading-row{align-items:center}.guide-details[open]{max-height:280px;overflow:auto}.title-trust{gap:5px}.title-trust span{font-size:.68rem}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media (forced-colors:active){.first-session-guide,.journey-nav button,.title-trust span{border:1px solid CanvasText}.guide-progress span{background:Highlight}}