:root{--sand: #d9b98a;--sand-light: #f3e4c8;--parchment: #f7ecd6;--brick: #b5653b;--brick-dark: #8e4a2b;--mud: #a98458;--shadow: #5b3a24;--ink: #2b1d14;--ink-soft: #5a4434;--water: #3f8fa6;--teal: #3fd1c4;--teal-dark: #1f8a80;--gold: #e8b64c;--ok: #4f8a3c;--bad: #b8432f;--panel-bg: rgba(250, 241, 224, .97);--panel-border: #8e4a2b;--radius: 10px;--shadow-lg: 0 10px 30px rgba(30, 18, 8, .45);--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-head: "Cinzel", Georgia, "Times New Roman", serif;--fs: 15px}body.text-large{--fs: 18px}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#2b1d14;color:var(--ink)}body{font-family:var(--font-body);font-size:var(--fs);line-height:1.45}#game{position:fixed;inset:0}#game canvas{display:block}#ui{position:fixed;inset:0;pointer-events:none;z-index:10}#ui>*{pointer-events:auto}#ui>.hud{pointer-events:none}.hud>*{pointer-events:auto}.hud .hud-prompt,.hud .zone-banner,.hud .ev-banner{pointer-events:none}h1,h2,h3{font-family:var(--font-head);color:var(--brick-dark);margin:0 0 .4em;line-height:1.2}h1{font-size:2.4em}h2{font-size:1.35em}h3{font-size:1.05em}p{margin:.35em 0 .6em}a{color:var(--teal-dark)}button,.btn{font:inherit;font-weight:600;cursor:pointer;background:var(--brick);color:#fff7ea;border:2px solid var(--brick-dark);border-radius:8px;padding:.45em .9em;transition:background .15s,transform .1s}button:hover,.btn:hover{background:var(--brick-dark)}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:var(--sand-light);color:var(--ink);border-color:var(--mud)}button.secondary:hover{background:var(--sand)}button.ghost{background:transparent;color:var(--ink);border-color:transparent}button.ghost:hover{background:#8e4a2b1f}button.teal{background:var(--teal-dark);border-color:#156a62}button.teal:hover{background:#156a62}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}input[type=text],textarea,select{font:inherit;padding:.45em .6em;border:2px solid var(--mud);border-radius:8px;background:#fffaf0;color:var(--ink)}input[type=text]:focus,textarea:focus,select:focus{border-color:var(--teal-dark);outline:none;box-shadow:0 0 0 3px #3fd1c459}label{cursor:pointer}.badge{display:inline-block;font-size:.72em;font-weight:600;letter-spacing:.02em;padding:.15em .55em;border-radius:999px;background:var(--sand);color:var(--ink);border:1px solid var(--mud);vertical-align:middle}.badge.review{background:#fff1c7;border-color:#c99a2e;color:#6b4c05}.badge.fiction{background:#f1dff7;border-color:#9a63b0;color:#4e2a5e}.badge.live{background:#d8f6f2;border-color:var(--teal-dark);color:#0f5a53}.badge.fallback{background:#efe3d0;border-color:var(--mud);color:var(--ink-soft)}.pill{display:inline-block;font-size:.72em;font-weight:700;padding:.1em .55em;border-radius:999px;color:#fff;text-transform:uppercase;letter-spacing:.04em}.pill.observed{background:#4f7a3c}.pill.interpretation{background:#c27a17}.pill.reconstruction{background:#3f7fa6}.pill.fiction{background:#8a4fa0}.pill.later-period{background:#6b5a4a}.hud{position:fixed;inset:0}.hud[hidden]{display:none}.hud-objective{position:absolute;top:14px;left:14px;width:300px;max-width:calc(100vw - 240px);background:var(--panel-bg);border:2px solid var(--panel-border);border-radius:var(--radius);padding:10px 12px;box-shadow:var(--shadow-lg)}.hud-objective .obj-label{font-family:var(--font-head);font-size:.78em;color:var(--brick);letter-spacing:.08em;text-transform:uppercase}.hud-objective .obj-quest{font-size:.8em;color:var(--ink-soft)}.hud-objective .obj-text{font-weight:600;margin:2px 0 6px}.hud-objective .obj-action{margin:2px 0 6px;font-size:.85em;padding:.3em .7em}.hud-objective .obj-points{font-size:.82em;color:var(--ink-soft);border-top:1px dashed var(--mud);padding-top:5px;display:flex;justify-content:space-between;gap:8px}.hud-objective .obj-points strong{color:var(--brick-dark)}.hud-minimap{position:absolute;top:14px;right:14px;width:188px;background:var(--panel-bg);border:2px solid var(--panel-border);border-radius:var(--radius);padding:4px;box-shadow:var(--shadow-lg);cursor:pointer}.hud-minimap canvas{display:block;width:180px;height:180px;border-radius:6px;background:#3a2a1d;image-rendering:pixelated}.hud-minimap .mm-zone{font-size:.78em;text-align:center;padding:3px 2px 1px;font-weight:600;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-prompt{position:absolute;left:50%;bottom:84px;transform:translate(-50%);background:#2b1d14e6;color:var(--sand-light);border:2px solid var(--gold);border-radius:999px;padding:.4em 1.1em;font-weight:600;white-space:nowrap}.hud-prompt kbd,kbd{display:inline-block;font-family:var(--font-body);font-weight:700;font-size:.85em;background:var(--sand-light);color:var(--ink);border:1px solid var(--mud);border-bottom-width:3px;border-radius:5px;padding:0 .4em;margin-right:.2em}.hud-buttons{position:absolute;left:14px;bottom:14px;display:flex;gap:6px;flex-wrap:wrap;max-width:calc(50vw - 30px)}.hud-buttons button{background:var(--panel-bg);color:var(--ink);border-color:var(--panel-border);font-size:.85em;padding:.4em .7em}.hud-buttons button:hover{background:var(--sand)}.hud-buttons button.on{background:var(--teal-dark);color:#fff}.hud-buttons kbd{font-size:.78em;margin:0 0 0 .35em}.zone-banner{position:absolute;top:18px;left:50%;transform:translate(-50%);text-align:center;background:#2b1d14e0;color:var(--sand-light);border:2px solid var(--brick);border-radius:var(--radius);padding:.5em 1.4em;box-shadow:var(--shadow-lg);opacity:0;transition:opacity .5s;max-width:min(560px,calc(100vw - 560px))}.zone-banner.show{opacity:1}.zone-banner .zb-name{font-family:var(--font-head);font-size:1.25em;color:var(--gold)}.zone-banner .zb-old{font-style:italic;font-size:.9em}.ev-banner{position:absolute;top:86px;left:50%;transform:translate(-50%);background:#1f8a80eb;color:#fff;border-radius:999px;padding:.35em 1em;font-weight:600;font-size:.9em;white-space:nowrap}.ev-banner[hidden]{display:none}#toasts{position:fixed;left:50%;bottom:130px;transform:translate(-50%);z-index:60;display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none;width:min(520px,90vw)}body:has(#ui .modal-backdrop) #toasts{inset:16px 16px auto auto;transform:none;width:min(360px,90vw);align-items:flex-end}.toast{background:#2b1d14f0;color:var(--sand-light);border-left:5px solid var(--gold);border-radius:8px;padding:.55em 1em;box-shadow:var(--shadow-lg);animation:toastIn .25s ease-out;max-width:100%}.toast.success{border-left-color:var(--ok)}.toast.warn{border-left-color:var(--bad)}.toast.info{border-left-color:var(--teal)}.toast.out{opacity:0;transition:opacity .4s}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.modal-backdrop{position:fixed;inset:0;background:#190f088c;display:flex;align-items:center;justify-content:center;z-index:30;padding:16px}.modal{background:var(--parchment);border:3px solid var(--panel-border);border-radius:14px;box-shadow:var(--shadow-lg);width:min(640px,100%);max-height:calc(100vh - 32px);overflow:auto;animation:pop .18s ease-out}.modal.modal-journal,.modal.modal-map{width:min(920px,100%)}@keyframes pop{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}.shell-head{display:flex;align-items:center;gap:10px;padding:12px 16px 8px;border-bottom:2px solid rgba(142,74,43,.25);position:sticky;top:0;background:inherit;z-index:1}.shell-head h2{flex:1;margin:0}.shell-close{background:transparent;color:var(--ink);border:2px solid transparent;font-size:1.1em;padding:.1em .5em}.shell-close:hover{background:#8e4a2b26}.shell-body{padding:12px 16px 16px}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.row.end{justify-content:flex-end}.muted{color:var(--ink-soft);font-size:.88em}.small{font-size:.82em}.side-panel{position:fixed;top:210px;right:14px;bottom:14px;width:min(380px,30vw);min-width:300px;z-index:25;background:var(--panel-bg);border:3px solid var(--panel-border);border-radius:14px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}.side-panel .shell{display:flex;flex-direction:column;height:100%;min-height:0}.side-panel .shell-body{flex:1;display:flex;flex-direction:column;min-height:0;padding:8px 12px 12px;gap:8px}.side-panel .who{font-size:.82em;color:var(--ink-soft)}.chat-log{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:4px 2px;min-height:80px}.msg{padding:.5em .75em;border-radius:10px;max-width:92%;white-space:pre-wrap;word-wrap:break-word}.msg.user{align-self:flex-end;background:var(--brick);color:#fff7ea;border-bottom-right-radius:3px}.msg.guide,.msg.npc{align-self:flex-start;background:#fffaf0;border:1px solid var(--sand);border-bottom-left-radius:3px}.msg.guide{border-left:4px solid var(--teal)}.msg.npc{border-left:4px solid var(--brick)}.msg .msg-meta{display:block;margin-top:4px}.chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.chip{font-size:.78em;font-weight:600;padding:.2em .65em;border-radius:999px;background:var(--sand-light);color:var(--ink);border:1px solid var(--mud)}.chip:hover{background:var(--sand)}.chip.on{background:var(--teal-dark);color:#fff;border-color:#156a62}.chip.evidence{background:#e3f3f1;border-color:var(--teal-dark);color:#0f5a53}.quick{display:flex;flex-wrap:wrap;gap:5px}.quick button{font-size:.8em;padding:.3em .6em;background:#fffaf0;color:var(--ink);border:1px solid var(--mud);font-weight:500}.quick button:hover{background:var(--sand-light)}.chat-form{display:flex;gap:6px}.chat-form input{flex:1;min-width:0}.typing{font-size:.82em;color:var(--ink-soft);font-style:italic}.typing[hidden]{display:none}.typing span{display:inline-block;animation:blink 1.2s infinite}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,to{opacity:.2}50%{opacity:1}}.avatar{width:34px;height:34px;border-radius:50%;flex:none;border:2px solid var(--panel-border)}.title-screen{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto;background:radial-gradient(ellipse at 50% 30%,rgba(217,185,138,.35),transparent 60%),linear-gradient(180deg,#3a2618,#2b1d14 60%,#1d130c)}.title-card{width:min(720px,100%);background:var(--parchment);border:3px solid var(--panel-border);border-radius:16px;padding:28px 30px;box-shadow:var(--shadow-lg);text-align:center}.title-card h1{letter-spacing:.04em}.title-card .subtitle{font-family:var(--font-head);color:var(--brick);margin-top:-.3em}.title-card .actions{display:flex;flex-direction:column;gap:10px;align-items:center;margin:18px 0}.title-card .actions button{min-width:240px;font-size:1.05em;padding:.6em 1.2em}.title-card .explain{text-align:left;background:#fffaf0;border:1px solid var(--sand);border-radius:10px;padding:10px 14px;font-size:.9em}.title-card .controls{font-size:.85em;color:var(--ink-soft)}.settings-form{display:grid;gap:10px;text-align:left}.settings-form .set-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 0;border-bottom:1px dashed rgba(142,74,43,.25)}.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:8px 0 12px}.mode-card{text-align:left;background:#fffaf0;color:var(--ink);border:2px solid var(--sand);border-radius:12px;padding:10px 12px;font-weight:400}.mode-card:hover{background:var(--sand-light)}.mode-card.on{border-color:var(--teal-dark);box-shadow:0 0 0 3px #3fd1c459;background:#effaf8}.mode-card strong{display:block;font-family:var(--font-head);color:var(--brick-dark)}.mode-card .dur{font-size:.8em;color:var(--teal-dark);font-weight:600}.ev-obs{font-weight:600}.claim{border:1px solid var(--sand);background:#fffaf0;border-radius:10px;padding:8px 12px;margin:8px 0}.claim .caveat{font-size:.88em;background:#fff1c7;border-left:4px solid #c99a2e;padding:4px 8px;border-radius:4px;margin:6px 0}.claim details summary{cursor:pointer;font-size:.85em;font-weight:600;color:var(--teal-dark)}.claim details ul{margin:4px 0;padding-left:18px;font-size:.85em}.quiz-q{font-weight:600;font-size:1.05em}.quiz-options{display:grid;gap:8px;margin:10px 0}.quiz-options button{text-align:left;background:#fffaf0;color:var(--ink);border:2px solid var(--sand);font-weight:500}.quiz-options button:hover{background:var(--sand-light)}.quiz-options button.correct{border-color:var(--ok);background:#e5f3dc}.quiz-options button.wrong{border-color:var(--bad);background:#f8e0da}.feedback{padding:8px 12px;border-radius:8px;margin:6px 0}.feedback.bad{background:#f8e0da;border-left:4px solid var(--bad)}.feedback.good{background:#e5f3dc;border-left:4px solid var(--ok)}.progress{font-size:.82em;color:var(--ink-soft)}.pieces{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0;min-height:40px}.piece{background:#fffaf0;color:var(--ink);border:2px solid var(--mud);font-weight:500;font-size:.88em;display:inline-flex;align-items:center;gap:6px}.piece .swatch{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.3);display:inline-block}.piece[aria-pressed=true]{border-color:var(--teal-dark);box-shadow:0 0 0 3px #3fd1c473}.piece.wrong{border-color:var(--bad);background:#f8e0da}.bins{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}.bin{background:#f1e2c6;border:2px dashed var(--mud);border-radius:10px;padding:8px;color:var(--ink);text-align:left;font-weight:400;min-height:90px;display:flex;flex-direction:column;gap:4px}.bin:hover{background:var(--sand-light)}.bin .bin-label{font-weight:700}.tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:2px solid rgba(142,74,43,.25);margin-bottom:10px}.tabs button{background:transparent;color:var(--ink);border:2px solid transparent;border-bottom:none;border-radius:8px 8px 0 0;font-weight:600}.tabs button[aria-selected=true]{background:#fffaf0;border-color:#8e4a2b59;color:var(--brick-dark)}.list{display:grid;gap:6px}.list-item{display:flex;gap:10px;align-items:center;justify-content:space-between;background:#fffaf0;border:1px solid var(--sand);border-radius:8px;padding:6px 10px}.list-item.done{opacity:.8}.list-item .li-main{flex:1;min-width:0}.step-list{margin:4px 0 0;padding-left:20px;font-size:.86em}.step-list li.done{text-decoration:line-through;color:var(--ink-soft)}.step-list li.current{font-weight:700;color:var(--brick-dark)}.account{background:#fffaf0;border:2px solid var(--sand);border-radius:12px;padding:12px 14px;white-space:pre-wrap}.select-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px}.select-grid label,.radio-list label{display:flex;gap:8px;align-items:flex-start;background:#fffaf0;border:1px solid var(--sand);border-radius:8px;padding:6px 8px}.radio-list{display:grid;gap:6px}.map-wrap{display:flex;justify-content:center;background:#3a2a1d;border-radius:10px;padding:8px}.map-wrap canvas{max-width:100%;image-rendering:pixelated}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:.82em;margin-top:6px}.legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:4px;vertical-align:middle}.dev{font-family:ui-monospace,Menlo,monospace;font-size:.85em;white-space:pre-wrap;background:#fffaf0;border-radius:8px;padding:8px}body.reduced-motion *,body.reduced-motion *:before,body.reduced-motion *:after{animation:none!important;transition:none!important}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (max-width: 1280px){.side-panel{width:340px;min-width:300px}.zone-banner{max-width:calc(100vw - 560px)}}@media (max-width: 1100px){.hud-objective{width:260px}.side-panel{width:320px;top:220px}.modes{grid-template-columns:1fr}.hud-buttons{max-width:calc(100vw - 360px)}}:root{--sky-haze: #cfd8dc;--sun-mud: #d8b48a;--fired-brick: #b5653b;--deep-brick: #7a3b22;--umber: #3b2618;--sand-pale: #efe0c4;--water-teal: #3f8fa6;--guide-teal: #3fd1c4;--focus-ring: #e8b64c}h1,h2,h3,.shell-head h2,.zone-banner .zb-name,.hud-objective .obj-label,.title-card .subtitle{font-family:var(--font-head);letter-spacing:.05em;text-shadow:0 1px 0 rgba(255,245,225,.55),0 -1px 0 rgba(59,38,24,.25)}.zone-banner .zb-name{text-shadow:0 2px 0 rgba(0,0,0,.45)}.shell-head{background:linear-gradient(180deg,var(--sand-pale),var(--parchment))}.modal,.side-panel{border-color:var(--deep-brick)}button,.btn{min-height:40px}.chip,.shell-close{min-height:32px;min-width:32px}.hud-buttons button{min-height:40px}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;box-shadow:0 0 0 5px #3b26188c}.modal{animation:pop .15s ease-out}.title-screen.has-photo{background:linear-gradient(180deg,#3b26188c,#2b1d14b8 55%,#1d130ce6),url(/assets/site-photo.jpg) center / cover no-repeat,#2b1d14;animation:titleFade .8s ease-out}.title-screen.has-photo .title-card{background:#f7ecd6f0}.title-card h1{font-size:2.6em;color:var(--deep-brick)}.photo-credit{position:fixed;right:10px;bottom:6px;font-size:11px;color:#efe0c4d9;text-shadow:0 1px 2px #000;pointer-events:none}@keyframes titleFade{0%{opacity:0}to{opacity:1}}.captions{position:fixed;left:14px;bottom:70px;z-index:55;display:flex;flex-direction:column;gap:4px;align-items:flex-start;pointer-events:none;max-width:min(420px,60vw)}.caption-chip{background:#140d08e6;color:#fff7ea;border-radius:6px;padding:.25em .7em;font-size:.85em;animation:toastIn .2s ease-out}.caption-chip .cc-tag{font-size:.7em;font-weight:700;border:1px solid currentColor;border-radius:3px;padding:0 .3em;margin-right:.5em;opacity:.8}.map-stack{position:relative;display:inline-block;line-height:0}.map-stack .ref-plan{position:absolute;inset:0;width:100%;height:100%;opacity:.55;pointer-events:none;mix-blend-mode:multiply;filter:sepia(.4)}.map-stack .ref-plan[hidden],.ref-credit[hidden]{display:none}.ref-toggle{margin-top:6px;font-size:.88em;gap:6px}.ref-toggle input{width:18px;height:18px}.ref-drawing{margin:10px 0;border:1px solid var(--sand);border-radius:10px;padding:6px 10px;background:#fffaf0}.ref-drawing summary{cursor:pointer;font-weight:600;color:var(--teal-dark);min-height:28px}.ref-drawing img{display:block;max-width:100%;max-height:260px;margin:8px auto 4px;border-radius:6px}body.hc{--panel-bg: #120b06;--parchment: #120b06;--ink: #ffffff;--ink-soft: #f1e6d2;--panel-border: #ffd27a;--focus-ring: #ffef00}body.hc .modal,body.hc .side-panel,body.hc .hud-objective,body.hc .hud-minimap,body.hc .title-card{border-width:3px;color:#fff}body.hc h1,body.hc h2,body.hc h3,body.hc .mode-card strong{color:#ffd27a;text-shadow:none}body.hc .shell-head{background:#120b06}body.hc .claim,body.hc .list-item,body.hc .explain,body.hc .msg.guide,body.hc .msg.npc,body.hc .mode-card,body.hc .quiz-options button,body.hc .ref-drawing,body.hc .account,body.hc .bin,body.hc .piece,body.hc .select-grid label,body.hc .radio-list label{background:#000!important;color:#fff!important;border-color:#ffd27a!important}body.hc button.secondary,body.hc .chip,body.hc .hud-buttons button,body.hc .quick button{background:#000;color:#fff;border-color:#ffd27a}body.hc button{border-width:2px}body.hc input[type=text],body.hc textarea,body.hc select{background:#000;color:#fff;border-color:#ffd27a}body.hc a{color:#7ff3ea}body.hc :focus-visible{outline:4px solid var(--focus-ring);outline-offset:3px}body.hc .title-screen.has-photo .title-card{background:#120b06}body.reduce-motion *,body.reduce-motion *:before,body.reduce-motion *:after{animation:none!important;transition:none!important}:root{--glass: rgba(34, 22, 14, .78);--glass-strong: rgba(28, 18, 11, .92);--glass-soft: rgba(255, 236, 205, .06);--glass-soft-2: rgba(255, 236, 205, .11);--hair: rgba(232, 182, 76, .32);--hair-soft: rgba(232, 182, 76, .16);--cream: #f6ead4;--cream-soft: #cdb89a;--amber: #e9a23b;--terracotta: #c2583a;--r-lg: 18px;--r-md: 14px;--r-sm: 10px;--sh-soft: 0 12px 40px rgba(10, 6, 3, .45), 0 2px 8px rgba(10, 6, 3, .3);--t: .15s cubic-bezier(.2, .7, .3, 1);--panel-bg: var(--glass);--parchment: var(--glass-strong);--ink: var(--cream);--ink-soft: var(--cream-soft);--panel-border: var(--hair);--brick-dark: #f0c27a;--teal-dark: #3fd1c4;--radius: var(--r-md)}body{color:var(--cream);-webkit-font-smoothing:antialiased}h1,h2,h3,.shell-head h2,.hud-objective .obj-label,.title-card .subtitle{color:#f3cf8c;text-shadow:none}.modal,.side-panel,.hud-objective,.hud-minimap,.toast,.title-card{background:var(--glass)!important;color:var(--cream);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);border:1px solid var(--hair)!important;border-radius:var(--r-lg);box-shadow:var(--sh-soft)}.modal{background:var(--glass-strong)!important}.modal-backdrop{background:#0e09058c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.shell-head{background:transparent;border-bottom:1px solid var(--hair-soft);padding:14px 18px 10px}.shell-head h2{font-size:1.25em}.shell-body{padding:14px 18px 18px}.muted,.small{color:var(--cream-soft)}a{color:#7fe3d9}button,.btn{min-height:44px;border-radius:12px;border:1px solid transparent;font-family:var(--font-body);font-weight:600;letter-spacing:.01em;color:#fff;cursor:pointer;padding:.55em 1.1em;background:linear-gradient(135deg,var(--terracotta),var(--amber));box-shadow:0 4px 14px #c2583a59,inset 0 1px #ffffff40;transition:transform var(--t),box-shadow var(--t),background var(--t),border-color var(--t),color var(--t)}button:hover,.btn:hover{background:linear-gradient(135deg,#d0653f,#f2b24a);box-shadow:0 6px 22px #e9a23b73,inset 0 1px #ffffff4d}button:active{transform:scale(.97)}button.secondary{background:#e8b64c0f;color:#f3cf8c;border:1px solid rgba(232,182,76,.55);box-shadow:none}button.secondary:hover{background:#e8b64c29;border-color:#f3cf8c}button.ghost,.shell-close{background:transparent;color:var(--cream);border:1px solid transparent;box-shadow:none}button.ghost:hover,.shell-close:hover{background:var(--glass-soft-2)}.shell-close{min-height:36px;min-width:36px;border-radius:10px;padding:0 .5em}button.teal{background:linear-gradient(135deg,#1f8a80,#3fd1c4);box-shadow:0 4px 14px #3fd1c44d}input[type=text],textarea,select{background:#00000047;color:var(--cream);border:1px solid var(--hair);border-radius:12px;min-height:44px;padding:.5em .8em;font:inherit}select option{background:#241811;color:var(--cream)}kbd,.hud-prompt kbd{display:inline-flex;align-items:center;justify-content:center;min-width:1.7em;height:1.7em;padding:0 .4em;font:700 .78em/1 var(--font-body);color:#2b1d14;background:linear-gradient(180deg,#fbf1dc,#e3cfa8);border:1px solid #a98458;border-bottom-width:3px;border-radius:6px;box-shadow:0 1px #0000004d}.badge{border-radius:999px;padding:.15em .7em;font-size:.74em;font-weight:600}.badge.review{background:#e8b64c24;border:1px solid rgba(232,182,76,.5);color:#f3cf8c}.badge.live{background:#3fd1c424;border:1px solid rgba(63,209,196,.55);color:#7fe3d9}.badge.fallback{background:var(--glass-soft-2);border:1px solid var(--hair-soft);color:var(--cream-soft)}.badge.fiction{background:#a064c82e;border:1px solid #a37ac0;color:#dcc2f0}.pill{padding:.22em .75em;letter-spacing:.06em;box-shadow:inset 0 0 0 1px #ffffff2e}.pill.observed{background:#3f8a4a}.pill.interpretation{background:#c98516}.pill.reconstruction{background:#3d7fc0}.pill.fiction{background:#8a55b0}.pill.later-period{background:#6e655c}.hud-objective{padding:14px 16px 12px;border-left:3px solid var(--amber)!important}.hud-objective .obj-label{font-size:.72em;letter-spacing:.14em;color:var(--amber);display:flex;align-items:center;gap:6px}.hud-objective .obj-label:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 4px #e9a23b38}.hud-objective .obj-text{font-size:1.02em;color:#fff7ea}.hud-objective .obj-quest{color:var(--cream-soft)}.hud-objective .obj-points{border-top:1px solid var(--hair-soft);color:var(--cream-soft)}.hud-objective .obj-points strong{color:#f3cf8c}.hud-minimap{padding:8px;cursor:pointer;transition:transform var(--t),box-shadow var(--t)}.hud-minimap:hover{transform:translateY(-1px);box-shadow:0 0 0 2px #e8b64c73,var(--sh-soft)}.hud-minimap canvas{border-radius:10px}.hud-minimap .mm-zone{color:var(--cream)}.mm-full{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:34px;margin-top:6px;font-size:.8em;padding:.3em .6em}.hud-buttons{gap:8px}.hud-buttons button{background:var(--glass)!important;color:var(--cream);border:1px solid var(--hair);box-shadow:0 6px 18px #00000059;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.85em;padding:.4em .8em;min-height:44px;display:inline-flex;align-items:center;gap:8px}.hud-buttons button:hover{border-color:#f3cf8c;background:#3c2616e6!important;transform:translateY(-1px)}.hud-buttons button.on{background:linear-gradient(135deg,#1f8a80,#3fd1c4)!important;color:#fff}.hud-buttons kbd{margin:0}.hud-buttons .hb-ico{font-size:1.05em;line-height:1}.hud-prompt{background:var(--glass-strong);color:#fff7ea;border:1px solid var(--hair);border-radius:999px;padding:.5em 1.1em;box-shadow:var(--sh-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.zone-banner{background:var(--glass);border:1px solid var(--hair);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-help{position:absolute;top:14px;left:50%;transform:translate(-50%);min-height:36px;padding:.25em .9em;font-size:.82em;background:var(--glass)!important;color:var(--cream);border:1px solid var(--hair);box-shadow:0 6px 18px #00000059;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:inline-flex;gap:8px;align-items:center}.btn-help:hover{border-color:#f3cf8c}.btn-help:active{transform:translate(-50%) scale(.97)}#toasts{top:64px;bottom:auto}.toast{border-radius:999px!important;padding:.5em 1.1em;font-size:.9em;border-left-width:1px!important;display:inline-flex;align-items:center;gap:8px;max-width:100%;animation:toastIn .2s ease-out}.toast:before{content:"●";font-size:.7em;color:var(--teal)}.toast.success:before{color:#6fcf6a}.toast.warn:before{color:#ff8a6a}.side-panel{border-radius:var(--r-lg)}.chat-log{gap:10px;padding:6px 2px}.msg{border-radius:16px;padding:.6em .9em;line-height:1.5;box-shadow:0 2px 8px #0000002e}.msg.user{background:linear-gradient(135deg,var(--terracotta),#d97e3a);color:#fff;border-bottom-right-radius:4px}.msg.guide,.msg.npc{background:var(--glass-soft-2);color:var(--cream);border:1px solid var(--hair-soft);border-bottom-left-radius:4px;position:relative;margin-left:38px}.msg.guide{border-left:3px solid var(--teal)}.msg.npc{border-left:3px solid var(--terracotta)}.msg.guide:before,.msg.npc:before{content:attr(data-initial);position:absolute;left:-38px;bottom:0;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:700 .8em var(--font-head);color:#fff;background:linear-gradient(135deg,#1f8a80,#3fd1c4);box-shadow:0 2px 6px #00000059}.msg.npc:before{background:linear-gradient(135deg,#8e4a2b,#d97e3a)}.msg.guide:not([data-initial]):before{content:"N"}.msg.npc:not([data-initial]):before{content:"•"}.quick{gap:6px}.quick button{background:#3fd1c414;color:#bff3ee;border:1px solid rgba(63,209,196,.45);border-radius:999px;min-height:34px;padding:.25em .85em;box-shadow:none;font-size:.8em}.quick button:hover{background:#3fd1c433}.chat-form{position:sticky;bottom:0;padding-top:8px;background:linear-gradient(180deg,transparent,var(--glass-strong) 30%)}.chat-form input,.chat-form button{border-radius:999px}.chip{background:var(--glass-soft-2);color:var(--cream);border:1px solid var(--hair);border-radius:999px;min-height:32px;box-shadow:none;transition:background var(--t),border-color var(--t)}.chip:hover{background:#e8b64c2e}.chip.on{background:linear-gradient(135deg,#1f8a80,#3fd1c4);border-color:transparent;color:#fff}.chip.evidence{background:#3fd1c41f;border-color:#3fd1c480;color:#9ff0e8}.title-screen.has-photo{background:radial-gradient(ellipse at 50% 40%,#140c0640,#0e0804d1 75%),linear-gradient(180deg,#cfd8dc1f,#140c06b3),url(/assets/site-photo.jpg) center / cover no-repeat,#2b1d14}.title-card{width:min(760px,100%);padding:34px 36px 26px;background:#1a110a9e!important;text-align:center}.title-screen.has-photo .title-card{background:#1a110a9e!important}.title-card h1{font-size:clamp(2.2em,5vw,3.4em);color:#f7dca4;letter-spacing:.06em;text-shadow:0 0 24px rgba(233,162,59,.45),0 2px 0 rgba(0,0,0,.5);margin-bottom:.15em}.title-card .subtitle{color:var(--cream-soft);font-size:1em;letter-spacing:.12em;text-transform:uppercase;font-size:.82em}.title-card .tagline{color:#fff7ea;font-size:1.08em;margin:12px auto 0;max-width:520px}.title-card .actions{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:12px;margin:22px 0 14px}.title-card .actions button{min-width:0;font-size:1em;padding:.6em 1.3em}.title-card .actions #btn-start{font-size:1.15em;padding:.75em 2.1em;min-height:54px;border-radius:14px;flex-basis:100%;max-width:340px}.title-card .actions #btn-start:before{content:"▶";margin-right:.6em;font-size:.8em}.feature-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:4px 0 16px}.feature-chips span{display:inline-flex;align-items:center;gap:6px;padding:.35em .9em;border-radius:999px;font-size:.82em;font-weight:600;background:var(--glass-soft-2);border:1px solid var(--hair-soft);color:var(--cream)}.feature-chips b{color:var(--amber)}.title-card .explain{background:#00000038;border:1px solid var(--hair-soft);border-radius:var(--r-md);color:var(--cream)}.title-card details.explain summary{cursor:pointer;font-weight:600;color:#f3cf8c;min-height:32px;display:flex;align-items:center}.title-card .controls{color:var(--cream-soft)}.settings-form .set-row{border-bottom:1px solid var(--hair-soft);padding:10px 0}.settings-form input[type=checkbox]{-webkit-appearance:none;appearance:none;flex:none;width:46px;height:26px;border-radius:999px;position:relative;cursor:pointer;margin:0;background:#ffffff24;border:1px solid var(--hair);transition:background var(--t)}.settings-form input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#f6ead4;box-shadow:0 1px 3px #0006;transition:transform var(--t)}.settings-form input[type=checkbox]:checked{background:linear-gradient(135deg,var(--terracotta),var(--amber));border-color:transparent}.settings-form input[type=checkbox]:checked:after{transform:translate(20px)}.mode-card{background:var(--glass-soft);color:var(--cream);border:1px solid var(--hair-soft);border-radius:var(--r-md);box-shadow:none}.mode-card:hover{background:var(--glass-soft-2)}.mode-card.on{background:#3fd1c41a;border-color:#3fd1c4}.mode-card strong{color:#f3cf8c}.claim{background:var(--glass-soft);border:1px solid var(--hair-soft);border-radius:var(--r-md);padding:12px 14px;color:var(--cream)}.claim .caveat{background:#e8b64c1a;border-left:3px solid var(--amber);color:#f6e2bb}.claim details summary,.ref-drawing summary{color:#7fe3d9;display:flex;align-items:center;gap:6px;min-height:30px;list-style:none}.claim details summary::-webkit-details-marker,.ref-drawing summary::-webkit-details-marker{display:none}.claim details summary:before,.ref-drawing summary:before{content:"▸";transition:transform var(--t);display:inline-block}.claim details[open] summary:before,.ref-drawing[open] summary:before{transform:rotate(90deg)}.ref-drawing{background:var(--glass-soft);border:1px solid var(--hair-soft)}.quiz-options{counter-reset:opt;gap:10px}.quiz-options button{counter-increment:opt;display:flex;align-items:center;gap:12px;text-align:left;min-height:52px;padding:.6em .9em;background:var(--glass-soft);color:var(--cream);border:1px solid var(--hair-soft);border-radius:var(--r-md);box-shadow:none;font-weight:500}.quiz-options button:before{content:counter(opt,upper-alpha);flex:none;width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:#e8b64c29;color:#f3cf8c;font-weight:700;border:1px solid rgba(232,182,76,.4)}.quiz-options button:hover{background:var(--glass-soft-2);border-color:#f3cf8c;transform:translateY(-1px)}.quiz-options button.correct{background:#4fa04633;border-color:#6fcf6a}.quiz-options button.correct:before{content:"✓";background:#4f9a46;color:#fff;border-color:transparent}.quiz-options button.wrong{background:#c8463233;border-color:#ff8a6a}.quiz-options button.wrong:before{content:"✕";background:#b8432f;color:#fff;border-color:transparent}.feedback{border-radius:var(--r-sm);color:var(--cream)}.feedback.good{background:#4fa04629;border-left:3px solid #6fcf6a}.feedback.bad{background:#c8463229;border-left:3px solid #ff8a6a}.feedback.good:before{content:"✓ Correct — ";font-weight:700;color:#8fe08a}.feedback.bad:before{content:"✕ Not quite — ";font-weight:700;color:#ffa58c}.progress{color:var(--cream-soft);letter-spacing:.04em}.progress-dots{display:inline-flex;gap:6px;vertical-align:middle;margin-left:8px}.progress-dots i{width:9px;height:9px;border-radius:50%;background:#ffffff2e}.progress-dots i.done{background:var(--amber)}.progress-dots i.cur{background:#3fd1c4;box-shadow:0 0 0 3px #3fd1c440}.piece{background:var(--glass-soft-2);color:var(--cream);border:1px solid var(--hair);border-radius:999px;box-shadow:none;min-height:40px;padding:.3em .9em .3em .5em}.piece .swatch{width:18px;height:18px;border:2px solid rgba(255,255,255,.6);box-shadow:0 0 0 1px #0006}.piece:hover{border-color:#f3cf8c}.piece[aria-pressed=true]{border-color:#3fd1c4;background:#3fd1c426}.piece.wrong{border-color:#ff8a6a;background:#c8463233}.bin{background:#0003;color:var(--cream);border:1.5px dashed rgba(232,182,76,.5);border-radius:var(--r-md);box-shadow:none}.bin:hover{background:#e8b64c1a;border-style:solid}.bin .bin-label{color:#f3cf8c;font-family:var(--font-head);letter-spacing:.04em}.tabs{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border:1px solid var(--hair-soft);border-radius:14px;background:#00000040;margin-bottom:14px}.tabs button{background:transparent;color:var(--cream-soft);border:0;border-radius:10px;min-height:38px;padding:.3em 1em;box-shadow:none;font-weight:600}.tabs button:hover{color:var(--cream);background:var(--glass-soft-2)}.tabs button[aria-selected=true]{background:linear-gradient(135deg,var(--terracotta),var(--amber));color:#fff;box-shadow:0 3px 10px #c2583a59}.list-item,.select-grid label,.radio-list label,.account,.dev{background:var(--glass-soft);border:1px solid var(--hair-soft);color:var(--cream);border-radius:var(--r-sm)}.step-list li.current{color:#f3cf8c}.howto{display:grid;gap:16px}.howto-steps{display:grid;gap:10px;margin:0;padding:0;list-style:none}.howto-steps li{display:flex;gap:12px;align-items:center;padding:10px 12px;background:var(--glass-soft);border:1px solid var(--hair-soft);border-radius:var(--r-md)}.howto-steps .num{flex:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:700 1em var(--font-head);color:#fff;background:linear-gradient(135deg,var(--terracotta),var(--amber))}.howto-keys{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}.howto-keys div{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:var(--r-sm);background:#0003;font-size:.9em}.howto-keys .caps{display:inline-flex;gap:3px;flex:none;min-width:74px}.howto h3{font-size:.8em;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);margin:0 0 6px}.modal.modal-howto{width:min(680px,100%)}.modal.modal-map{width:min(1100px,96vw);max-height:94vh}.map-wrap{background:radial-gradient(ellipse at center,#3a2a1d,#1c130c);border:1px solid var(--hair-soft);border-radius:var(--r-md);padding:10px}.map-wrap canvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block}.map-toolbar{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:space-between}.legend{gap:10px}.legend>span{display:inline-flex;align-items:center;gap:6px;padding:.2em .7em;border-radius:999px;background:var(--glass-soft);border:1px solid var(--hair-soft)}.legend>span.muted{background:none;border:0}.legend i{width:11px;height:11px;margin:0;box-shadow:0 0 0 1.5px #0009}.legend i.diamond{border-radius:2px;transform:rotate(45deg)}body.hc{--glass: #000;--glass-strong: #000;--hair: #ffd27a;--hair-soft: #ffd27a;--cream: #fff;--cream-soft: #f1e6d2}body.hc button{background:#000;border:2px solid #ffd27a;box-shadow:none}body.hc .tabs button[aria-selected=true],body.hc .chip.on{background:#ffd27a;color:#000}body.hc .msg.user{background:#3a1a0a;border:2px solid #ffd27a}.hud .zone-banner{top:60px;z-index:5;max-width:min(520px,calc(100vw - 520px));min-width:220px;padding:.45em 1.3em .55em;transition:opacity .45s,transform .45s;transform:translate(-50%,-6px)}.hud .zone-banner.show{transform:translate(-50%)}.zone-banner .zb-meta{display:flex;gap:6px;justify-content:center;align-items:center;margin-bottom:2px}.zone-banner .zb-region{font-size:.7em;letter-spacing:.14em;text-transform:uppercase;color:var(--cream, #f3e3c3);opacity:.85;font-weight:700}.zone-banner .zb-recon{font-size:.66em;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.1em .55em;border-radius:999px;background:#e8b64c2e;color:#f3cf8c;border:1px dashed rgba(243,207,140,.7)}.ev-banner{top:152px}#toasts{top:60px;bottom:auto;flex-direction:column-reverse;justify-content:flex-end;gap:5px;transition:top .3s ease}body.zone-banner-on #toasts{top:156px}#toasts .toast{padding:.38em 1em;font-size:.85em;line-height:1.35;max-width:min(480px,90vw);box-shadow:0 6px 18px #00000059;transition:opacity .3s,transform .3s}#toasts .toast:nth-last-child(2){opacity:.78;transform:scale(.96)}#toasts .toast:nth-last-child(3){opacity:.5;transform:scale(.92)}#toasts .toast:nth-last-child(n+4){display:none}#toasts .toast.out{opacity:0!important}body:has(#ui .modal-backdrop) #toasts{top:16px;flex-direction:column-reverse}.hud-minimap canvas{width:180px;height:180px;image-rendering:auto}.hud-minimap .mm-zone{font-size:.76em}@media (max-width: 1100px){.hud .zone-banner{max-width:min(460px,calc(100vw - 260px))}}@media (max-width: 760px){.hud .zone-banner{top:56px;max-width:calc(100vw - 32px);min-width:0;font-size:.9em}body.zone-banner-on #toasts,.ev-banner{top:140px}#toasts{width:calc(100vw - 32px)}}.captions{left:auto;right:14px;bottom:14px;align-items:flex-end;max-width:min(360px,40vw)}body:has(#ui .side-panel) .captions{right:calc(max(300px,min(380px,30vw)) + 28px)}@media (max-width: 760px){.captions{bottom:150px;max-width:calc(100vw - 28px)}}:root{--u: clamp(.78px, min(100vw / 1440, 100vh / 900), 1.25px);--ui-gutter: calc(var(--u) * 16);--clay-900: #1d130c;--clay-800: #281a11;--clay-700: #352318;--clay-600: #4a3021;--terra: #a4512f;--terra-hi: #b75e39;--terra-lo: #6f3119;--parch: #ecdcbb;--parch-2: #dfcaa1;--parch-ink: #2b1d14;--parch-soft: #6a5140;--gold-line: rgba(201, 162, 74, .5);--gold-soft: rgba(201, 162, 74, .22);--gold: #c9a24a;--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .22 0 0 0 0 .13 0 0 0 0 .06 0 0 0 .16 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--clay-panel: var(--grain), linear-gradient(180deg, #34231a 0%, #281a11 100%);--parch-panel: var(--grain), linear-gradient(180deg, #f0e2c4 0%, #e6d4ae 100%);--carve: inset 0 0 0 3px rgba(0, 0, 0, .18), inset 0 0 0 4px var(--gold-soft);--carve-light: inset 0 0 0 3px rgba(255, 248, 232, .35), inset 0 0 0 4px rgba(122, 59, 34, .28);--drop: 0 calc(var(--u) * 6) calc(var(--u) * 18) rgba(8, 4, 2, .45);--r-lg: 6px;--r-md: 4px;--r-sm: 3px;--fs: max(12.5px, calc(var(--u) * 15));--glass: #281a11;--glass-strong: #22160e}body.text-large{--fs: max(15px, calc(var(--u) * 18))}.modal,.side-panel,.hud-minimap,.toast,.title-card,.zone-banner,.hud-prompt{background:var(--clay-panel)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:1px solid var(--gold-line)!important;border-radius:var(--r-lg)!important;box-shadow:var(--carve),var(--drop)!important}.modal-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0e09059e}h1,h2,h3,.shell-head h2{color:#e7c98e;text-shadow:none}.shell-head{border-bottom:1px solid var(--gold-soft)}button,.btn{background:var(--terra);color:#fbf1de;border:1px solid var(--terra-lo);border-radius:var(--r-md);box-shadow:inset 0 1px #ffecd238,inset 0 -2px #0000002e;letter-spacing:.01em}button:hover,.btn:hover{background:var(--terra-hi);box-shadow:inset 0 1px #ffecd247,inset 0 -2px #0000002e}button:active{transform:translateY(1px);box-shadow:inset 0 1px 2px #0000004d}button.secondary{background:transparent;color:#e7c98e;border:1px solid var(--gold-line);box-shadow:none}button.secondary:hover{background:#c9a24a1f;border-color:var(--gold)}button.teal{background:#2f6f69;border-color:#1d4a46;box-shadow:inset 0 1px #ffffff26}.tabs{border-radius:var(--r-md)}.tabs button{border-radius:var(--r-sm)}.tabs button[aria-selected=true]{background:var(--terra);box-shadow:inset 0 -2px 0 var(--gold)}.msg.user{background:var(--terra)}.msg.guide:before{background:#2f6f69}.msg.npc:before{background:var(--terra-lo)}.chip,.quick button,.piece,.badge,.legend>span,.zone-banner .zb-recon,.tag-recon{border-radius:var(--r-sm)!important}.chip.on{background:#c9a24a33;border-color:var(--gold);color:#f3dfb3}.howto-steps .num{background:var(--terra);border-radius:var(--r-sm)}input[type=text],textarea,select{border-radius:var(--r-md)}.settings-form input[type=checkbox]{border-radius:3px}.settings-form input[type=checkbox]:after{border-radius:2px}.settings-form input[type=checkbox]:checked{background:var(--terra)}kbd,.hud-prompt kbd{background:linear-gradient(180deg,#f3e6c9,#dcc597);border:1px solid #8a6a45;border-bottom-width:2px;border-radius:3px;color:#2b1d14;box-shadow:none;font:600 calc(var(--u) * 11)/1 var(--font-body);min-width:calc(var(--u) * 20);height:calc(var(--u) * 20);padding:0 calc(var(--u) * 5)}.ico,.hb-ico,.mp-icon{display:inline-flex;flex:none;line-height:0}.ico svg,.hb-ico svg,.mp-icon svg{width:1em;height:1em;display:block}.hud{font-size:var(--fs)}.hud-objective{top:var(--ui-gutter);left:var(--ui-gutter);width:calc(var(--u) * 320);max-width:calc(100vw - var(--u) * 240 - var(--ui-gutter) * 3);padding:calc(var(--u) * 12) calc(var(--u) * 16) calc(var(--u) * 10);background:var(--parch-panel)!important;color:var(--parch-ink)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:1px solid #7a4a2c!important;border-radius:var(--r-lg)!important;box-shadow:var(--carve-light),var(--drop)!important}.hud-objective .obj-label{font:700 calc(var(--u) * 11)/1.2 var(--font-head);letter-spacing:.16em;color:var(--terra);display:flex;align-items:center;gap:calc(var(--u) * 8);text-shadow:none}.hud-objective .obj-label:before{content:"";width:calc(var(--u) * 7);height:calc(var(--u) * 7);border-radius:0;transform:rotate(45deg);background:var(--terra);box-shadow:none}.hud-objective .obj-label:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(122,59,34,.45),transparent)}.hud-objective .obj-quest{color:var(--parch-soft);font-size:calc(var(--u) * 12.5);margin-top:calc(var(--u) * 6)}.hud-objective .obj-text{color:var(--parch-ink);font-size:calc(var(--u) * 15.5);font-weight:600;line-height:1.35;margin:calc(var(--u) * 2) 0 calc(var(--u) * 8)}.hud-objective .obj-action{font-size:calc(var(--u) * 13);min-height:calc(var(--u) * 32);padding:0 calc(var(--u) * 12)}.hud-objective .obj-points{border-top:1px solid rgba(122,59,34,.3);color:var(--parch-soft);font-size:calc(var(--u) * 12);padding-top:calc(var(--u) * 6)}.hud-objective .obj-points strong{color:var(--terra-lo);font-size:calc(var(--u) * 14)}.hud-objective .obj-points .small{color:var(--parch-soft)}.hud-minimap{top:var(--ui-gutter);right:var(--ui-gutter);width:auto;padding:calc(var(--u) * 8)}.hud-minimap:hover{transform:none;box-shadow:var(--carve),0 0 0 1px var(--gold),var(--drop)!important}.hud-minimap canvas{width:calc(var(--u) * 176)!important;height:calc(var(--u) * 176)!important;border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px #00000080;outline:1px solid var(--gold-soft);outline-offset:2px}.hud-minimap .mm-zone{font-size:calc(var(--u) * 12);padding:calc(var(--u) * 6) 0 0;max-width:calc(var(--u) * 176);color:#eadbbd;letter-spacing:.02em}.mm-full{min-height:calc(var(--u) * 30);margin-top:calc(var(--u) * 6);font-size:calc(var(--u) * 12);gap:calc(var(--u) * 6);padding:0 calc(var(--u) * 8)}.mm-full .ico{font-size:calc(var(--u) * 14)}.btn-help{top:var(--ui-gutter);min-height:calc(var(--u) * 32);padding:0 calc(var(--u) * 10);font-size:calc(var(--u) * 12.5);gap:calc(var(--u) * 6);background:var(--clay-panel)!important;-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid var(--gold-line);border-radius:var(--r-md);box-shadow:var(--drop);color:#eadbbd}.btn-help .ico{font-size:calc(var(--u) * 15);color:var(--gold)}.btn-help:hover{background:var(--clay-panel)!important;border-color:var(--gold)}.hud-buttons{left:var(--ui-gutter);bottom:var(--ui-gutter);gap:calc(var(--u) * 6);max-width:calc(100vw - var(--u) * 380);flex-wrap:wrap;align-items:stretch;padding:calc(var(--u) * 6);background:var(--clay-panel);border:1px solid var(--gold-line);border-radius:var(--r-lg);box-shadow:var(--carve),var(--drop)}.hud-buttons button,.hud .hud-buttons #btn-missions{position:relative;display:inline-flex;align-items:center;gap:calc(var(--u) * 8);min-height:calc(var(--u) * 42);padding:0 calc(var(--u) * 12);font-size:calc(var(--u) * 13.5);font-weight:600;background:#fff0d70a!important;color:#eadbbd;border:1px solid transparent;border-radius:var(--r-md);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;filter:none}.hud-buttons button:hover,.hud .hud-buttons #btn-missions:hover{background:#c9a24a24!important;border-color:var(--gold-line);transform:none;filter:none}.hud-buttons button.on{background:var(--parch)!important;color:var(--parch-ink);border-color:#7a4a2c}.hud .hud-buttons #btn-missions{background:var(--terra)!important;color:#fbf1de;border-color:var(--terra-lo);box-shadow:inset 0 1px #ffecd238}.hud .hud-buttons #btn-missions:hover{background:var(--terra-hi)!important}.hud-buttons .hb-ico{font-size:calc(var(--u) * 18);color:var(--gold)}.hud-buttons button.on .hb-ico,.hud .hud-buttons #btn-missions .hb-ico{color:currentColor}.hud-buttons kbd{margin-left:calc(var(--u) * 2);opacity:.9}.hud-buttons button[data-tip]:after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + var(--u) * 10);transform:translate(-50%);padding:calc(var(--u) * 4) calc(var(--u) * 8);background:var(--clay-900);color:#f3e6c9;border:1px solid var(--gold-line);border-radius:var(--r-sm);font:600 calc(var(--u) * 12)/1.2 var(--font-body);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s;display:none}.hud-prompt{bottom:calc(var(--u) * 96);padding:calc(var(--u) * 8) calc(var(--u) * 16);font-size:calc(var(--u) * 15);color:#f6ead4;max-width:calc(100vw - var(--ui-gutter) * 2);overflow:hidden;text-overflow:ellipsis}.hud-prompt kbd{margin-right:calc(var(--u) * 6)}.hud .zone-banner{top:calc(var(--u) * 60);min-width:0;max-width:min(calc(var(--u) * 520),calc(100vw - var(--u) * 720));padding:calc(var(--u) * 8) calc(var(--u) * 24) calc(var(--u) * 10)}.zone-banner .zb-name{font-size:calc(var(--u) * 21);color:#ecd29a;text-shadow:none;letter-spacing:.06em}.zone-banner .zb-region{font-size:calc(var(--u) * 10.5);color:#cdb89a}.zone-banner .zb-old{font-size:calc(var(--u) * 13);color:#d8c6a4}.zone-banner .zb-recon{font-size:calc(var(--u) * 10);border-style:solid;background:transparent}.ev-banner{top:calc(var(--u) * 150);border-radius:var(--r-md);background:#2f6f69;border:1px solid #8fd1c9;font-size:calc(var(--u) * 13);padding:calc(var(--u) * 6) calc(var(--u) * 14)}#toasts{top:calc(var(--u) * 60);width:min(calc(var(--u) * 480),calc(100vw - var(--u) * 720))}body.zone-banner-on #toasts{top:calc(var(--u) * 150)}#toasts .toast,.toast{border-radius:var(--r-md)!important;font-size:calc(var(--u) * 13.5);padding:calc(var(--u) * 6) calc(var(--u) * 14);border-left:3px solid var(--gold)!important}.toast:before{content:none}.toast.success{border-left-color:#6f9a4f!important}.toast.warn{border-left-color:#c8553a!important}.toast.info{border-left-color:#5fa9a1!important}.captions{right:var(--ui-gutter);bottom:var(--ui-gutter);max-width:min(calc(var(--u) * 360),40vw)}.caption-chip{font-size:calc(var(--u) * 13);padding:calc(var(--u) * 4) calc(var(--u) * 10);border-radius:var(--r-sm);background:#140d08e6;border:1px solid var(--gold-soft)}.side-panel{top:calc(var(--u) * 270 + var(--ui-gutter));right:var(--ui-gutter);bottom:var(--ui-gutter)}@media (max-width: 1100px){.hud-objective{width:calc(var(--u) * 290)}.hud .zone-banner{max-width:min(calc(var(--u) * 460),calc(100vw - var(--u) * 680))}}@media (max-width: 900px){.hud-buttons{max-width:calc(100vw - var(--ui-gutter) * 2);flex-wrap:nowrap}.hud-buttons .hb-label{display:none}.hud-buttons button,.hud .hud-buttons #btn-missions{width:calc(var(--u) * 48);min-height:calc(var(--u) * 48);padding:0;justify-content:center;gap:0}.hud-buttons .hb-ico{font-size:calc(var(--u) * 22)}.hud-buttons kbd{position:absolute;right:calc(var(--u) * 2);bottom:calc(var(--u) * 2);min-width:calc(var(--u) * 14);height:calc(var(--u) * 14);font-size:calc(var(--u) * 9);padding:0 calc(var(--u) * 3);margin:0;border-bottom-width:1px}.hud-buttons button[data-tip]:after{display:block}.hud-buttons button[data-tip]:hover:after,.hud-buttons button[data-tip]:focus-visible:after{opacity:1}.btn-help .hb-label,.btn-help kbd{display:none}.hud .zone-banner{top:calc(var(--u) * 56);max-width:calc(100vw - var(--u) * 560)}#toasts{width:calc(100vw - var(--u) * 560)}}@media (max-width: 560px),(max-height: 460px){.hud-buttons{display:grid;grid-template-columns:repeat(3,auto)}.hud-objective{width:calc(100vw - var(--u) * 200 - var(--ui-gutter) * 3)}.hud-minimap canvas{width:calc(var(--u) * 132)!important;height:calc(var(--u) * 132)!important}.hud-minimap .mm-zone{max-width:calc(var(--u) * 132)}.hud .zone-banner{top:auto;bottom:calc(var(--u) * 170);max-width:calc(100vw - 32px)}.hud-prompt{bottom:calc(var(--u) * 150)}}@media (max-width: 760px){.captions{bottom:calc(var(--u) * 130)}}.title-screen.has-photo{background:linear-gradient(180deg,#140c0659,#0e0804d9),url(/assets/site-photo.jpg) center / cover no-repeat,#2b1d14}.title-card,.title-screen.has-photo .title-card{width:min(calc(var(--u) * 700),100%);padding:calc(var(--u) * 36) calc(var(--u) * 40) calc(var(--u) * 28);background:var(--clay-panel)!important}.title-card:before{content:"";display:block;height:1px;margin:0 auto calc(var(--u) * 20);width:60%;background:linear-gradient(90deg,transparent,var(--gold-line),transparent)}.title-card h1{font-size:calc(var(--u) * 46);color:#ecd29a;text-shadow:0 2px 0 rgba(0,0,0,.45);letter-spacing:.08em}.title-card .subtitle{font-size:calc(var(--u) * 12);letter-spacing:.2em;color:#cdb89a}.title-card .tagline{font-size:calc(var(--u) * 16);color:#efe2c8;max-width:calc(var(--u) * 520);line-height:1.55}.title-card .actions{gap:calc(var(--u) * 10);margin:calc(var(--u) * 24) 0 calc(var(--u) * 16)}.title-card .actions button{font-size:calc(var(--u) * 14.5);min-height:calc(var(--u) * 42);padding:0 calc(var(--u) * 20)}.title-card .actions #btn-start{font-size:calc(var(--u) * 17);min-height:calc(var(--u) * 52);padding:0 calc(var(--u) * 36);max-width:calc(var(--u) * 320);border-radius:var(--r-md);font-family:var(--font-head);letter-spacing:.08em}.title-card .actions #btn-start:before{content:none}ul.feature-chips{list-style:none;padding:0;margin:0 0 calc(var(--u) * 16);display:flex;flex-wrap:wrap;justify-content:center;gap:calc(var(--u) * 4) 0;font-size:calc(var(--u) * 13);color:#d9c7a5}ul.feature-chips li+li:before{content:"";display:inline-block;width:calc(var(--u) * 5);height:calc(var(--u) * 5);margin:0 calc(var(--u) * 12);vertical-align:middle;transform:rotate(45deg);background:var(--gold);opacity:.7}.title-card .explain{border-radius:var(--r-md);font-size:calc(var(--u) * 13.5)}.title-card .controls{font-size:calc(var(--u) * 12.5)}.mode-card .mc-num{font:700 calc(var(--u) * 13)/1 var(--font-head);color:var(--gold);letter-spacing:.1em}.mode-card,.mode-pick{border-radius:var(--r-md)!important}.mode-pick.on,.mode-card.on{box-shadow:inset 0 0 0 1px var(--gold)!important}body.hc .hud-objective,body.hc .modal,body.hc .side-panel,body.hc .hud-minimap,body.hc .toast,body.hc .title-card,body.hc .zone-banner,body.hc .hud-prompt,body.hc .hud-buttons,body.hc .btn-help{background:#000!important;color:#fff!important;border:2px solid #ffd27a!important;box-shadow:none!important}body.hc .hud-objective .obj-text,body.hc .hud-objective .obj-quest,body.hc .hud-objective .obj-points,body.hc .hud-objective .obj-points .small{color:#fff}body.hc .hud-objective .obj-label,body.hc .hud-objective .obj-points strong{color:#ffd27a}body.hc .hud-buttons button,body.hc .hud .hud-buttons #btn-missions{background:#000!important;color:#fff;border:2px solid #ffd27a}body.hc .hud-buttons button.on{background:#ffd27a!important;color:#000}body.hc .hud-buttons .hb-ico{color:#ffd27a}#toasts .toast.p3{border-left-color:var(--terra)!important;font-weight:600}#toasts .toast:nth-last-child(n+3){display:none}.tut-card{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--u) * 150);z-index:14;display:flex;align-items:center;gap:calc(var(--u) * 12);padding:calc(var(--u) * 8) calc(var(--u) * 10) calc(var(--u) * 8) calc(var(--u) * 16);max-width:calc(100vw - var(--ui-gutter) * 2);background:var(--parch);color:var(--parch-ink);border:1px solid #7a4a2c;border-radius:var(--r-md);box-shadow:0 8px 20px #0f080373;font:600 calc(var(--u) * 16)/1.3 var(--font-body)}.tut-card[hidden]{display:none}.tut-card .tut-n{font:700 calc(var(--u) * 11)/1 var(--font-body);letter-spacing:.12em;color:var(--terra)}.tut-card kbd{color:var(--parch-ink);background:#f6ecd6;border:1px solid #8b7356;border-bottom-width:2px}.tut-card .tut-skip{min-height:calc(var(--u) * 30);padding:0 calc(var(--u) * 12);font-size:calc(var(--u) * 12.5);background:transparent;color:var(--parch-soft);border:1px solid rgba(59,42,26,.35);box-shadow:none}.tut-card .tut-skip:hover{color:var(--parch-ink);border-color:var(--parch-ink);background:transparent}.side-card{position:fixed;right:var(--ui-gutter);bottom:calc(var(--u) * 84);z-index:15;width:min(calc(var(--u) * 320),calc(100vw - var(--ui-gutter) * 2));padding:calc(var(--u) * 12) calc(var(--u) * 14);background:var(--parch);color:var(--parch-ink);border:1px solid #7a4a2c;border-radius:var(--r-md);box-shadow:0 10px 24px #0f080373;font-size:calc(var(--u) * 13.5);display:grid;gap:calc(var(--u) * 6)}.side-card p{margin:0;color:var(--parch-soft)}.side-card .mb-kicker{font:700 calc(var(--u) * 10.5)/1.2 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--terra)}.side-card .offer-t{font:700 calc(var(--u) * 16)/1.2 var(--font-head)}.side-card button{min-height:calc(var(--u) * 34);font-size:calc(var(--u) * 13)}.side-card button.secondary{background:transparent;color:var(--parch-ink);border:1px solid rgba(59,42,26,.4)}.offer-card+.offer-card,#consent-card~.offer-card{bottom:calc(var(--u) * 250)}.hud-objective .obj-timer{font:700 calc(var(--u) * 14)/1.2 var(--font-body);color:var(--terra-lo);margin:0 0 calc(var(--u) * 6);font-variant-numeric:tabular-nums}.hud-objective .obj-timer.low{color:#b8432f}.hist-badge{margin-left:auto;font:700 calc(var(--u) * 9.5)/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;padding:calc(var(--u) * 3) calc(var(--u) * 6);border:1px solid currentColor;border-radius:2px;color:#2f3e5c}.hist-badge[hidden]{display:none}.mm-clock,.map-clock{display:flex;align-items:center;gap:calc(var(--u) * 6);font-size:calc(var(--u) * 11.5);color:#eadbbd;padding-top:calc(var(--u) * 4)}.mm-clock[hidden]{display:none}.clock-dot{width:calc(var(--u) * 9);height:calc(var(--u) * 9);border-radius:50%;background:#e8b64c;box-shadow:inset 0 0 0 1px #0006}.night .clock-dot{background:transparent;box-shadow:inset calc(var(--u) * 3) calc(var(--u) * -1) 0 0 #cfd8dc}.map-clock{color:inherit;padding:0;margin-left:auto}.settings-form{display:grid;gap:calc(var(--u) * 10)}.set-tabs{display:flex;flex-wrap:wrap;gap:calc(var(--u) * 4);border-bottom:1px solid var(--gold-line);padding-bottom:calc(var(--u) * 6)}.set-tabs .set-tab{min-height:calc(var(--u) * 32);padding:0 calc(var(--u) * 12);font-size:calc(var(--u) * 13);background:transparent;color:inherit;border:1px solid transparent;box-shadow:none}.set-tabs .set-tab[aria-selected=true]{border-color:var(--gold);background:#c9a24a24}.set-panel{display:grid;gap:calc(var(--u) * 6);min-height:calc(var(--u) * 220)}.set-panel textarea{width:100%;font:12px/1.4 ui-monospace,Menlo,monospace}.keymap{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--u) * 220),1fr));gap:calc(var(--u) * 4) calc(var(--u) * 14)}.km-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:calc(var(--u) * 13)}.km-key{min-width:calc(var(--u) * 70);min-height:calc(var(--u) * 30);font:600 calc(var(--u) * 12.5) ui-monospace,Menlo,monospace}.km-key.listening{outline:2px solid var(--gold)}.pause{display:grid;gap:calc(var(--u) * 12)}.pause-goal .mb-kicker{font:700 calc(var(--u) * 10.5) var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.pause-goal-t{margin:calc(var(--u) * 4) 0 0;font-size:calc(var(--u) * 16);font-weight:600}.pause-stats{display:flex;flex-wrap:wrap;gap:calc(var(--u) * 6) calc(var(--u) * 28);margin:0}.pause-stats dt{font-size:calc(var(--u) * 11);letter-spacing:.12em;text-transform:uppercase;opacity:.75}.pause-stats dd{margin:0;font-size:calc(var(--u) * 18);font-weight:600;font-variant-numeric:tabular-nums}.pause-btns{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(var(--u) * 120),1fr));gap:calc(var(--u) * 8)}.pause-travel summary{cursor:pointer;font-weight:600}.travel-list{list-style:none;margin:calc(var(--u) * 6) 0 0;padding:0;display:grid;gap:calc(var(--u) * 4);max-height:calc(var(--u) * 200);overflow:auto}.travel-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:calc(var(--u) * 13.5)}.travel-btn{min-height:calc(var(--u) * 28);padding:0 calc(var(--u) * 12);font-size:calc(var(--u) * 12.5)}.around-list{margin:0;padding-left:1.2em;display:grid;gap:calc(var(--u) * 4);font-size:calc(var(--u) * 14.5)}.touch-controls[hidden]{display:none}.touch-controls{position:fixed;inset:auto 0 0;height:0;z-index:13;pointer-events:none}.tj-pad{position:fixed;left:calc(var(--ui-gutter) + env(safe-area-inset-left,0px));bottom:calc(var(--ui-gutter) + env(safe-area-inset-bottom,0px));width:128px;height:128px;border-radius:50%;background:#140d0873;border:1.5px solid var(--gold-line);pointer-events:auto;touch-action:none;display:grid;place-items:center}.tj-knob{width:52px;height:52px;border-radius:50%;background:var(--parch);border:1px solid #7a4a2c;box-shadow:0 2px 6px #0006;pointer-events:none}.tb-cluster{position:fixed;right:calc(var(--ui-gutter) + env(safe-area-inset-right,0px));bottom:calc(var(--ui-gutter) + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:auto auto;gap:8px;pointer-events:auto;align-items:end}.tb{touch-action:none;min-width:56px;min-height:44px;padding:0 10px;font:700 13px/1 var(--font-body);background:#140d08b8;color:#f3e6c9;border:1px solid var(--gold-line);border-radius:var(--r-md);box-shadow:none}.tb.on{background:var(--parch);color:var(--parch-ink)}.tb-main{grid-row:span 2;width:76px;height:76px;border-radius:50%;font-size:15px;background:var(--terra);color:#fbf1de;border-color:var(--terra-lo)}.tb-main.ready{box-shadow:0 0 0 3px var(--parch)}body.touch .hud-buttons{left:auto;right:var(--ui-gutter);bottom:calc(var(--ui-gutter) + 150px);display:flex;flex-direction:column;flex-wrap:nowrap;max-width:none}body.touch .hud-buttons .hb-label,body.touch .hud-buttons kbd,body.touch .btn-help kbd{display:none}body.touch .hud-buttons button,body.touch .hud .hud-buttons #btn-missions{width:44px;min-height:44px;padding:0;justify-content:center}body.touch .hud-prompt{bottom:calc(var(--ui-gutter) + 140px)}body.touch .tut-card{bottom:calc(var(--ui-gutter) + 190px)}body.touch .side-card{bottom:calc(var(--ui-gutter) + 150px);right:calc(var(--ui-gutter) + 56px)}body.touch .captions{bottom:calc(var(--ui-gutter) + 140px)}body.touch .hud-prompt kbd{display:none}body.cb .pill.observed{background:#009e73!important}body.cb .pill.interpretation{background:#e69f00!important;color:#000!important}body.cb .pill.reconstruction{background:#0072b2!important}body.cb .pill.fiction{background:#cc79a7!important;color:#000!important}body.cb .pill.later-period{background:#555!important}body.cb #ui :is(.modal-evidence,.modal-journal) .pill.observed,body.cb .stamp-observed{color:#00755a!important;--st: #00755a}body.cb #ui :is(.modal-evidence,.modal-journal) .pill.interpretation,body.cb .stamp-interpretation{color:#a86f00!important;--st: #a86f00}body.cb #ui :is(.modal-evidence,.modal-journal) .pill.reconstruction,body.cb .stamp-reconstruction{color:#0072b2!important;--st: #0072B2}body.cb #ui :is(.modal-evidence,.modal-journal) .pill.fiction,body.cb .stamp-fiction{color:#a8507f!important;--st: #a8507f}body.cb #ui :is(.modal-evidence,.modal-journal) .pill.later-period,body.cb .stamp-later-period{color:#444!important;--st: #444}body.dyslexia,body.dyslexia #ui,body.dyslexia #ui *{--font-body: "Atkinson Hyperlegible", "Verdana", sans-serif;--p-sans: "Atkinson Hyperlegible", Verdana, sans-serif;--p-serif: "Atkinson Hyperlegible", Verdana, sans-serif;letter-spacing:.02em;word-spacing:.08em}body.dyslexia #ui :is(p,li,label,button,dd,.obj-text){font-family:Atkinson Hyperlegible,Verdana,sans-serif!important}body.text-xl{--fs: 20px}body.text-xl #ui{zoom:1.12}.title-screen .title-backdrop{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;z-index:0}.title-screen.has-backdrop:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#140c064d,#0e0804cc)}.title-screen.has-backdrop .title-card{position:relative;z-index:1}@media (max-width: 560px){.tut-card{font-size:14px;bottom:calc(var(--u) * 190);gap:8px}.pause-btns{grid-template-columns:repeat(2,1fr)}}#ui .side-card,#ui .tut-card{pointer-events:auto}#ui .side-card{z-index:35}.set-hour{display:inline-flex;align-items:center;gap:8px}.set-hour input[type=range]{width:calc(var(--u) * 180);accent-color:var(--gold)}.set-hour-out{font-variant-numeric:tabular-nums;min-width:3.2em}.dn-switch{display:inline-flex;padding:calc(var(--u) * 3);gap:calc(var(--u) * 2);border-radius:999px;background:#140d08b3;border:1px solid var(--gold-line);pointer-events:auto}.hud-minimap .dn-switch{display:flex;margin-top:calc(var(--u) * 6);width:calc(var(--u) * 176)}.dn-switch .dn-opt{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--u) * 6);min-height:calc(var(--u) * 30);padding:0 calc(var(--u) * 12);border-radius:999px;border:1px solid transparent;background:transparent!important;color:#cdb89a;font:600 calc(var(--u) * 12.5)/1 var(--font-body);box-shadow:none}.dn-switch .dn-opt .dn-ico{font-size:calc(var(--u) * 15)}.dn-switch .dn-opt.on{background:var(--parch)!important;color:var(--parch-ink);border-color:#7a4a2c}.dn-switch .dn-night.on{background:#2f3e5c!important;color:#eef2fa;border-color:#8ea3c8}.dn-switch .dn-opt:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.title-time{display:flex;align-items:center;justify-content:center;gap:calc(var(--u) * 10);margin:0 0 calc(var(--u) * 14)}body.hc .dn-switch{background:#000;border:2px solid #ffd27a}body.hc .dn-switch .dn-opt{color:#fff}body.hc .dn-switch .dn-opt.on{background:#ffd27a!important;color:#000}body.touch .dn-switch .dn-opt{min-height:40px}@media (max-width: 560px),(max-height: 460px){.hud-minimap .dn-switch{width:calc(var(--u) * 132)}.dn-switch .dn-opt{padding:0 calc(var(--u) * 6)}}@media (min-width: 900px){.mb-detail{align-content:start}}.tb-cluster{grid-template-columns:auto auto}.tb-cluster .tb-sm{min-height:40px;min-width:64px}body:has(#ui .modal-backdrop) #consent-card,body:has(#ui .title-screen) #consent-card{display:none}.hud .hud-menu-wrap{position:absolute;left:var(--ui-gutter);bottom:var(--ui-gutter);z-index:12;display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--u) * 8);pointer-events:auto}.hud .hud-menu-wrap .btn-menu{display:inline-flex;align-items:center;gap:calc(var(--u) * 8);min-height:calc(var(--u) * 46);padding:0 calc(var(--u) * 14);font:700 calc(var(--u) * 14.5)/1 var(--font-body);color:#fbf1de;background:var(--terra)!important;border:1px solid var(--terra-lo);border-radius:var(--r-md);box-shadow:inset 0 1px #ffecd238,var(--drop);letter-spacing:.02em}.hud .hud-menu-wrap .btn-menu:hover{background:var(--terra-hi)!important}.hud .hud-menu-wrap .btn-menu .hb-ico{font-size:calc(var(--u) * 20);color:currentColor}.hud .hud-menu-wrap .btn-menu kbd{margin-left:calc(var(--u) * 2);font-size:calc(var(--u) * 11)}.hud .hud-menu-wrap.open .btn-menu{background:var(--parch)!important;color:var(--parch-ink);border-color:#7a4a2c}.hud .hud-menu-wrap .hud-buttons{position:static;display:flex!important;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:calc(var(--u) * 2);width:max-content;min-width:calc(var(--u) * 250);max-width:calc(100vw - var(--ui-gutter) * 2);max-height:calc(100vh - var(--u) * 140);overflow-y:auto;left:auto;right:auto;bottom:auto;padding:calc(var(--u) * 6);background:var(--clay-panel);border:1px solid var(--gold-line);border-radius:var(--r-lg);box-shadow:var(--carve),var(--drop);animation:menuIn .12s ease-out}.hud .hud-menu-wrap .hud-buttons[hidden]{display:none!important}@keyframes menuIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.hud .hud-menu-wrap .hud-buttons button,.hud .hud-menu-wrap .hud-buttons #btn-missions{display:grid!important;grid-template-columns:calc(var(--u) * 24) 1fr auto;align-items:center;gap:calc(var(--u) * 10);width:100%!important;min-height:calc(var(--u) * 38)!important;padding:0 calc(var(--u) * 10)!important;text-align:left;justify-content:stretch;font-size:calc(var(--u) * 14);font-weight:600;color:#eadbbd;background:transparent!important;border:1px solid transparent;border-radius:var(--r-sm)}.hud .hud-menu-wrap .hud-buttons #btn-missions{background:#a4512f8c!important;color:#fbf1de;border-color:var(--terra-lo)}.hud .hud-menu-wrap .hud-buttons button:hover,.hud .hud-menu-wrap .hud-buttons button:focus-visible{background:#c9a24a29!important;border-color:var(--gold-line)}.hud .hud-menu-wrap .hud-buttons button.on{background:var(--parch)!important;color:var(--parch-ink)}.hud .hud-menu-wrap .hud-buttons .hb-label{display:inline!important;white-space:nowrap}.hud .hud-menu-wrap .hud-buttons .hb-ico,.hud .hud-menu-wrap .hud-buttons .btn-missions-ico{font-size:calc(var(--u) * 18);color:var(--gold);display:inline-flex;justify-content:center}.hud .hud-menu-wrap .hud-buttons button.on .hb-ico{color:currentColor}.hud .hud-menu-wrap .hud-buttons kbd{position:static!important;display:inline-block!important;margin:0;min-width:calc(var(--u) * 22);text-align:center;font-size:calc(var(--u) * 11);opacity:.9}.hud .hud-menu-wrap .hud-buttons button[data-tip]:after{display:none!important}.hud .hud-menu-wrap .hud-buttons #btn-pause{border-top:1px solid var(--gold-soft);border-radius:0 0 var(--r-sm) var(--r-sm);margin-top:calc(var(--u) * 2)}body.touch .hud .hud-menu-wrap{left:auto;right:var(--ui-gutter);bottom:calc(var(--ui-gutter) + 150px);align-items:flex-end}body.touch .hud .hud-menu-wrap .btn-menu{min-height:48px;min-width:48px}body.touch .hud .hud-menu-wrap .btn-menu kbd,body.touch .hud .hud-menu-wrap .hud-buttons kbd{display:none!important}body.touch .hud .hud-menu-wrap .hud-buttons button,body.touch .hud .hud-menu-wrap .hud-buttons #btn-missions{min-height:44px!important;grid-template-columns:28px 1fr}@media (max-width: 560px),(max-height: 460px){.hud .hud-menu-wrap .btn-menu .hb-label{display:none}}body.hc .hud .hud-menu-wrap .btn-menu{background:#000!important;color:#fff;border:2px solid #ffd27a}body.hc .hud .hud-menu-wrap .hud-buttons{background:#000!important;border:2px solid #ffd27a}body.hc .hud .hud-menu-wrap .hud-buttons button,body.hc .hud .hud-menu-wrap .hud-buttons #btn-missions{background:#000!important;color:#fff;border:1px solid #ffd27a}body.hc .hud .hud-menu-wrap .hud-buttons button:focus-visible{outline:3px solid #fff}body.hc .hud .hud-menu-wrap .hud-buttons .hb-ico{color:#ffd27a}@media (prefers-reduced-motion: reduce){.hud .hud-menu-wrap .hud-buttons{animation:none}}body.touch .hud .hud-menu-wrap .btn-menu{position:absolute;width:1px;height:1px;min-height:0;min-width:0;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}body.touch .hud .hud-menu-wrap{bottom:calc(var(--ui-gutter) + 104px + env(safe-area-inset-bottom,0px))}.hud .zone-banner .zb-learn{pointer-events:auto;margin-top:calc(var(--u) * 6);min-height:calc(var(--u) * 28);padding:0 calc(var(--u) * 10);font-size:calc(var(--u) * 12);display:inline-flex;align-items:center;gap:calc(var(--u) * 6)}.hud .zone-banner:not(.show) .zb-learn{pointer-events:none;visibility:hidden}body:has(#ui .modal-backdrop) #ui .side-card{visibility:hidden}.hud .hud-objective .obj-learn{display:inline-flex;align-items:center;gap:calc(var(--u) * 6);margin-top:calc(var(--u) * 6);min-height:calc(var(--u) * 26)!important;padding:0 calc(var(--u) * 8);font:600 calc(var(--u) * 12)/1 var(--font-body);background:transparent;color:var(--terra, #a4512f);border:1px solid rgba(122,59,34,.35);border-radius:var(--r-sm, 3px);box-shadow:none}.hud .hud-objective .obj-learn:hover{background:#a4512f1a}.hud .hud-objective .obj-learn kbd{font-size:calc(var(--u) * 10)}body.hc .hud .hud-objective .obj-learn{color:#ffd27a;border-color:#ffd27a;background:#000}body.touch .hud .hud-menu-wrap .hud-buttons{max-height:calc(100vh - 104px - var(--ui-gutter) * 2 - 12px - env(safe-area-inset-bottom,0px))}.hud .hud-menu-wrap .hud-buttons{max-height:calc(100vh - var(--ui-gutter) * 2 - var(--u) * 64)}body.touch .hud .hud-objective .obj-learn kbd{display:none}body:has(#hud-menu:not([hidden])) #consent-card,body:has(#hud-menu:not([hidden])) #ui .side-card{visibility:hidden}