:root{--ink: #1d241c;--paper: rgba(250, 249, 245, .92);--line: rgba(29, 36, 28, .14);--accent: #6f8f3f;--shadow: 0 6px 24px rgba(20, 28, 18, .22);--radius: 12px;font-family:Segoe UI,system-ui,-apple-system,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#10150f;color:var(--ink);-webkit-tap-highlight-color:transparent}#view{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}#loader{position:fixed;inset:0;display:grid;place-items:center;background:linear-gradient(170deg,#3d5238,#1b2418 70%);color:#f2f4ec;z-index:50;transition:opacity .5s ease}#loader.done{opacity:0;pointer-events:none}.loader-inner{width:min(320px,76vw);text-align:center}.loader-title{font-size:1.05rem;font-weight:600;letter-spacing:.01em;margin-bottom:1rem}.loader-bar{height:3px;background:#ffffff2e;border-radius:3px;overflow:hidden}.loader-bar span{display:block;height:100%;width:0;background:#b9d08a;transition:width .3s ease}.loader-note{margin-top:.7rem;font-size:.8rem;opacity:.72}#hud{position:fixed;inset:0;pointer-events:none;z-index:10}#hud button,#hud input,#hud a{pointer-events:auto}#topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem clamp(.7rem,2vw,1.3rem);padding-top:max(.7rem,env(safe-area-inset-top));background:linear-gradient(to bottom,#0c120a9e,#0c120a00);color:#f4f6ee}.brand{display:flex;flex-direction:column;line-height:1.32;text-shadow:0 1px 3px rgba(0,0,0,.5)}.brand strong{font-size:.95rem;font-weight:600}.brand span{font-size:.72rem;opacity:.8}.topbar-actions{display:flex;gap:.5rem}#hud button{font:inherit;font-size:.78rem;padding:.42rem .85rem;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:#0e140c73;color:#f4f6ee;cursor:pointer;backdrop-filter:blur(6px);transition:background .15s ease,border-color .15s ease}#hud button:hover{background:#1e2a18b3;border-color:#ffffff80}#hud button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}#views{position:absolute;left:50%;transform:translate(-50%);bottom:max(.8rem,env(safe-area-inset-bottom));display:flex;gap:.4rem;padding:0 .6rem;max-width:96vw;overflow-x:auto;scrollbar-width:none}#views::-webkit-scrollbar{display:none}#views button{white-space:nowrap}#timebar{position:absolute;right:clamp(.7rem,2vw,1.3rem);top:4.2rem;width:min(230px,46vw);display:grid;gap:.15rem;padding:.7rem .85rem;border-radius:var(--radius);background:#0e140c6b;backdrop-filter:blur(8px);color:#eef1e6;font-size:.72rem;box-shadow:var(--shadow)}#timebar label{display:flex;justify-content:space-between;opacity:.85}#timebar output{font-variant-numeric:tabular-nums;font-weight:600}#timebar input{width:100%;accent-color:var(--accent);margin:0 0 .45rem}#crosshair{position:absolute;left:50%;top:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background:#ffffff8c;box-shadow:0 0 0 1px #00000059;opacity:0;transition:opacity .2s ease}#crosshair.on{opacity:1}#hint{position:absolute;left:50%;transform:translate(-50%);bottom:3.4rem;padding:.4rem .9rem;border-radius:999px;background:#0e140c80;color:#eef1e6;font-size:.72rem;white-space:nowrap;backdrop-filter:blur(6px);transition:opacity .4s ease}#hint.fade{opacity:0}#hint kbd{font:inherit;padding:.02em .34em;margin:0 .06em;border:1px solid rgba(255,255,255,.35);border-radius:4px}#hint .touch{display:none}#joystick{position:absolute;left:1.3rem;bottom:max(4.6rem,calc(env(safe-area-inset-bottom) + 4.4rem));width:116px;height:116px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#0e140c4d;pointer-events:auto;touch-action:none}#joystick-knob{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:#f0f4e8b3;box-shadow:var(--shadow)}#info{position:absolute;right:clamp(.7rem,2vw,1.3rem);top:4.2rem;width:min(390px,88vw);max-height:min(72vh,640px);overflow-y:auto;padding:1.1rem 1.25rem 1.3rem;border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow);pointer-events:auto;font-size:.82rem;line-height:1.55}#info h2{margin:0 0 .6rem;font-size:1rem}#info h3{margin:1.1rem 0 .3rem;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;color:#5d6a55}#info p{margin:0 0 .5rem}#info dl{display:grid;grid-template-columns:auto 1fr;gap:.15rem .8rem;margin:0}#info dt{color:#5d6a55}#info dd{margin:0;font-variant-numeric:tabular-nums}#info ul{margin:.2rem 0 .6rem;padding-left:1.1rem}#info li{margin-bottom:.15rem}#info-close{position:absolute;right:.55rem;top:.5rem;width:28px;height:28px;padding:0!important;font-size:1.1rem!important;line-height:1;border-color:var(--line)!important;background:transparent!important;color:var(--ink)!important}@media(pointer:coarse){#hint .desktop{display:none}#hint .touch{display:inline}#timebar{top:auto;bottom:max(9.5rem,calc(env(safe-area-inset-bottom) + 9rem));width:min(200px,44vw)}#hint{bottom:8.2rem;font-size:.68rem}#views{bottom:max(.6rem,env(safe-area-inset-bottom));justify-content:flex-start}}@media(max-width:560px){.brand span{display:none}}