.world{background:#1a1b33;width:100%;height:100svh;min-height:560px;position:relative;overflow:hidden}.world-canvas{position:absolute;inset:0}.world-canvas canvas{touch-action:none;width:100%;height:100%;display:block}.world-poster{background:#1a1b33 url(/art/world/sky.jpg) 50%/cover;transition:opacity 1s;position:absolute;inset:0}.world-poster.gone{opacity:0;visibility:hidden;transition:opacity 1s,visibility 0s 1s}.world:after{content:"";z-index:2;pointer-events:none;background-image:var(--arc-grain);opacity:.28;mix-blend-mode:overlay;position:absolute;inset:0;box-shadow:inset 0 0 160px #05070cb3}.world:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(100deg,#0b0d14e6 0%,#0b0d1499 30%,#0b0d1400 58%),linear-gradient(#0b0d148c,#0b0d1400 26%);transition:opacity .5s;position:absolute;inset:0}body.playing .world:before{opacity:0}body.playing .world{z-index:900;height:100%;min-height:0;position:fixed;inset:0}body.playing{overflow:hidden}body.playing .navbar13_component{transition:transform .35s;transform:translateY(-140%)}.navbar13_component{transition:transform .35s}.hero-copy{z-index:5;width:min(560px,100% - 32px);color:var(--arc-text);transition:opacity .4s,transform .4s;position:absolute;top:clamp(7.5em,16vh,11em);left:clamp(16px,4.2vw,64px)}.hero-sub{color:var(--arc-muted);max-width:30em;margin:1em 0 0;font-family:Departuremono,Arial,sans-serif;font-size:1.05rem;line-height:1.55}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:24px;display:flex}.hero-actions .arc-btn{padding:1.1em 1.6em;font-size:.72em;text-decoration:none}.load-note{color:var(--arc-teal);min-height:1.3em;margin:16px 0 0;font-family:Departuremono,Arial,sans-serif;font-size:.8rem}body.playing .hero-copy{opacity:0;pointer-events:none;transform:translateY(-20px)}.keys-bar{z-index:6;left:clamp(16px,3vw,40px);bottom:max(22px, env(safe-area-inset-bottom));color:var(--arc-text);box-shadow:inset 0 0 0 2px var(--arc-line);backdrop-filter:blur(8px);background:#0b0d14cc;align-items:center;gap:18px;padding:12px 18px;font-family:Departuremono,Arial,sans-serif;font-size:.82rem;display:flex;position:absolute}.keys-bar span{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.world kbd{opacity:.9;border:1.5px solid;place-items:center;min-width:22px;height:22px;padding:0 5px;font:700 .7rem/1 Departuremono,Arial,sans-serif;display:inline-grid}.world kbd.wide{min-width:44px}.hud{z-index:6;pointer-events:none;position:absolute;inset:0}.hud>*{pointer-events:auto}.hud-top{top:max(16px, env(safe-area-inset-top));pointer-events:none;justify-content:space-between;align-items:flex-start;gap:10px;display:flex;position:absolute;left:16px;right:16px}.hud-top>*{pointer-events:auto}.zones{box-shadow:inset 0 0 0 2px var(--arc-line);backdrop-filter:blur(10px);background:#0b0d14db;flex-wrap:wrap;gap:4px;padding:5px;display:flex}.zones button,.hud-icon,.hud-exit{letter-spacing:.03em;color:var(--arc-text);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:11px 13px;font-family:"Press Start 2P",sans-serif;font-size:.52rem;display:inline-flex}.zones button i{background:var(--c);width:9px;height:9px;box-shadow:0 0 .5em var(--c);transform:rotate(45deg)}.zones button:hover{background:#ffffff0f}.zones button.here{background:var(--arc-text);color:var(--arc-ink)}.zones .short{display:none}.hud-right{gap:8px;display:flex}.hud-icon{width:42px;height:42px;box-shadow:inset 0 0 0 2px var(--arc-line);background:#0b0d14db;justify-content:center;padding:0}.hud-icon svg{fill:none;width:20px;height:20px;stroke:var(--arc-text);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.hud-icon .spk{fill:var(--arc-text)}.hud-icon .on{display:none}.hud-icon[aria-pressed=true] .on{display:block}.hud-icon[aria-pressed=true] .off{display:none}.hud-exit{background:var(--arc-gold);color:var(--arc-ink);height:42px;box-shadow:.2em .2em #1f2024}.hud-exit:hover{filter:brightness(1.06)}.welcome{color:var(--arc-text);text-align:center;box-shadow:inset 0 0 0 2px var(--arc-teal), 0 0 1.5em #1fb2a659;pointer-events:none;background:#0b0d14eb;width:max-content;max-width:calc(100% - 32px);padding:16px 26px;font-family:"Press Start 2P",sans-serif;font-size:clamp(.6rem,1.6vw,.85rem);line-height:1.7;animation:5s forwards welcome;position:absolute;top:20%;left:50%;transform:translate(-50%)}.help{max-width:460px;color:var(--arc-text);box-shadow:inset 0 0 0 2px var(--arc-line);background:#0b0d14eb;padding:14px 18px;font-family:Departuremono,Arial,sans-serif;font-size:.84rem;line-height:1.55;position:absolute;bottom:86px;left:16px}.help p{margin:0 0 6px}.help kbd{margin-right:2px}.zone-toast{color:#fff;text-shadow:-.12em .1em #1f2024,0 0 .8em #1fb2a699;opacity:0;pointer-events:none;text-align:center;width:max-content;max-width:92%;font-family:"Press Start 2P",sans-serif;font-size:clamp(.9rem,2.4vw,1.5rem);line-height:1.6;position:absolute;bottom:150px;left:50%;transform:translate(-50%)}.zone-toast.show{animation:3.2s forwards zoneToast}.zone-toast small{text-shadow:none;color:var(--arc-muted);margin-top:.4em;font-family:Departuremono,Arial,sans-serif;font-size:.5em;display:block}.peek{color:var(--arc-text);box-shadow:inset 0 0 0 2px var(--arc-line), 0 16px 40px #00000080;background:#0b0d14f5;align-items:center;gap:12px;width:max-content;max-width:min(380px,90vw);padding:10px 12px 10px 10px;display:flex;position:absolute;top:0;left:0;transform:translate(-50%,-100%)}.peek:after{content:"";border:8px solid #0000;border-top-color:var(--arc-line);border-bottom:0;margin-left:-8px;position:absolute;bottom:-8px;left:50%}.peek img{object-fit:cover;width:72px;height:48px}.peek img[hidden]{display:none}.peek b{font-family:"Press Start 2P",sans-serif;font-size:.55rem;line-height:1.6;display:block}.peek span{color:var(--arc-teal);font-family:Departuremono,Arial,sans-serif;font-size:.74rem}.peek .arc-btn{padding:.9em 1.1em;font-size:.55em}.peek .arc-btn kbd{border-color:#0009;margin-left:.4em}.action-hint{color:var(--arc-text);box-shadow:inset 0 0 0 2px var(--arc-line);background:#0b0d14eb;align-items:center;gap:6px;padding:11px 18px;font-family:Departuremono,Arial,sans-serif;font-size:.9rem;display:flex;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}.minimap{right:18px;bottom:max(22px, env(safe-area-inset-bottom));width:150px;height:150px;box-shadow:0 0 0 4px var(--arc-ink), 0 0 0 6px var(--arc-line), 0 18px 40px #00000080;border-radius:50%;position:absolute}.quest-tracker{top:calc(max(16px, env(safe-area-inset-top)) + var(--hud-h,50px) + 8px);width:min(330px,100% - 32px);color:var(--arc-text);font-family:Departuremono,Arial,sans-serif;position:absolute;left:16px}.qt-head{text-align:left;width:100%;color:inherit;box-shadow:inset 0 0 0 2px var(--arc-line);backdrop-filter:blur(10px);cursor:pointer;background:#0b0d14db;border:0;grid-template-columns:auto 1fr auto;align-items:center;gap:2px 10px;padding:9px 12px 10px;display:grid}.qt-head:hover{box-shadow:inset 0 0 0 2px var(--arc-teal)}.qt-kicker{color:var(--arc-gold);letter-spacing:.06em;font-family:"Press Start 2P",sans-serif;font-size:.45rem}.qt-head b{white-space:nowrap;text-overflow:ellipsis;font-family:"Press Start 2P",sans-serif;font-size:.5rem;line-height:1.5;overflow:hidden}.qt-prog{color:var(--arc-teal);font-size:.8rem}.qt-bar{background:#222a36;grid-column:1/-1;height:5px;margin-top:2px;display:block;position:relative}.qt-bar i{background:var(--arc-teal);transition:width .5s;position:absolute;inset:0 auto 0 0}.quest-tracker[data-all-done="1"] .qt-bar i{background:var(--arc-gold)}.quest-tracker[data-weekly="1"] .qt-kicker{color:var(--arc-teal)}.qt-log li[data-weekly="1"]{border-left:3px solid var(--arc-teal)}.qt-log{box-shadow:inset 0 0 0 2px var(--arc-line);backdrop-filter:blur(10px);background:#0b0d14f0;margin-top:4px;padding:10px 12px 12px}.qt-log ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.qt-log li{border:1px solid var(--arc-line);background:#141a21cc;grid-template-columns:1fr auto;align-items:center;gap:3px 10px;padding:8px 10px;display:grid}.qt-log li[data-done="1"]{border-color:var(--arc-teal);opacity:.75}.qt-log li[data-active="1"]{border-color:var(--arc-gold)}.qt-log b{font-family:"Press Start 2P",sans-serif;font-size:.46rem;line-height:1.6}.qt-log small{color:var(--arc-muted);font-size:.74rem;line-height:1.4;display:block}.qt-log .qt-xp{color:var(--arc-gold);white-space:nowrap;font-size:.74rem}.qt-log .qt-go{grid-column:2;padding:.8em .9em;font-size:.42em}.qt-log .qt-bar{grid-column:1/-1}.qt-log li[data-done="1"] .qt-bar i{background:var(--arc-gold)}.qt-foot{color:var(--arc-muted);margin:10px 0 0;font-size:.72rem;line-height:1.45}.quest-done{color:var(--arc-text);text-align:center;box-shadow:inset 0 0 0 2px var(--arc-gold), 0 0 2em #fec80266;pointer-events:none;background:#0b0d14f0;justify-items:center;gap:6px;width:max-content;max-width:calc(100% - 32px);padding:18px 30px;display:grid;position:absolute;top:28%;left:50%;transform:translate(-50%)}.quest-done[hidden]{display:none}.quest-done.show{animation:4.5s forwards welcome}.qd-kicker{color:var(--arc-gold);letter-spacing:.08em;font-family:"Press Start 2P",sans-serif;font-size:.5rem}.quest-done b{font-family:"Press Start 2P",sans-serif;font-size:clamp(.65rem,1.8vw,.95rem);line-height:1.6}.qd-xp{color:var(--arc-teal);font-family:Departuremono,Arial,sans-serif;font-size:1rem}.touch{display:none}@media (pointer:coarse){.touch{height:0;display:block;position:absolute;inset:auto 0 0}.help .touch-only{display:block}.help .keys-only{display:none}.action-hint,.keys-bar{display:none!important}.peek .arc-btn kbd{display:none}.minimap{width:104px;height:104px;top:74px;bottom:auto;right:14px}}.help .touch-only{display:none}.stick{left:22px;bottom:max(28px, env(safe-area-inset-bottom));backdrop-filter:blur(6px);touch-action:none;background:#0b0d1459;border:2px solid #f1f2f68c;border-radius:50%;width:128px;height:128px;position:absolute}.knob{background:var(--arc-text);border-radius:50%;width:56px;height:56px;margin:-28px 0 0 -28px;position:absolute;top:50%;left:50%;box-shadow:0 4px 14px #00000080}.touch-btns{right:20px;bottom:max(32px, env(safe-area-inset-bottom));flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:absolute}.t-btn{width:76px;height:76px;color:var(--arc-text);box-shadow:inset 0 0 0 2px var(--arc-line);touch-action:manipulation;background:#0b0d14e6;border:0;border-radius:50%;font-family:"Press Start 2P",sans-serif;font-size:.5rem}.t-btn:active{transform:scale(.95)}.t-action{background:var(--arc-gold);color:var(--arc-ink);width:90px;height:90px;box-shadow:none}.wz-zones{gap:1.5em;display:grid}.wz-zone{padding:1.5em}.wz-zone_name{color:var(--zc);margin:0 0 .5em;font-size:.8em}.wz-list{gap:.6em;margin:1em 0 1.25em;padding:0;list-style:none;display:grid}.wz-list li{border:1px solid var(--arc-line);background:var(--arc-ink);grid-template-columns:4.5em 1fr auto;align-items:center;gap:.9em;padding:.5em;display:grid}.wz-thumb{object-fit:cover;width:4.5em;height:3.6em;display:block}.wz-item_body{gap:.25em;min-width:0;display:grid}.wz-item_title{color:var(--arc-text);font-family:Departuremono,Arial,sans-serif;font-weight:600;text-decoration:none}.wz-item_title:hover{color:var(--arc-teal)}.wz-item_meta{font-size:.75em}.wz-item_btn{padding:.9em 1em;font-size:.5em}@media screen and (width<=479px){.wz-list li{grid-template-columns:3.6em 1fr}.wz-thumb{width:3.6em;height:2.9em}.wz-item_btn{grid-column:1/-1;justify-self:start}}.ov{width:min(900px,100% - 24px);max-height:calc(100% - 24px);color:var(--arc-text);background:0 0;border:0;padding:0;overflow:visible}.ov[open]{grid-template-columns:1.2fr 1fr;animation:.3s cubic-bezier(.2,1.2,.4,1) pop;display:grid}.ov::backdrop{backdrop-filter:blur(3px);background:#05070cc7}.ov-media{background:#0b0d14;place-items:center;min-height:320px;display:grid;overflow:hidden}.ov-media img{object-fit:cover;width:100%;height:100%;max-height:560px;display:block}.ov-body{flex-direction:column;gap:.6em;min-width:0;padding:28px 26px 24px;display:flex}.ov-zone{letter-spacing:.04em;text-transform:uppercase;margin:0;font-family:Departuremono,Arial,sans-serif;font-size:.78rem}.ov-title{margin:0;padding-right:30px;font-size:.95em}.ov-desc{margin:.25em 0 0;font-family:Departuremono,Arial,sans-serif;font-size:.95rem;line-height:1.55}.ov-sum{min-height:1.4em;margin:.25em 0 0}.ov-actions{flex-wrap:wrap;gap:.75em;margin-top:auto;padding-top:1em;display:flex}.ov-actions .arc-btn{text-decoration:none}.ov-actions .arc-btn[disabled]{opacity:.6}.ov-close{z-index:2;background:var(--arc-ink);width:38px;height:38px;color:var(--arc-text);box-shadow:inset 0 0 0 2px var(--arc-line);cursor:pointer;border:0;font-size:1.4rem;line-height:1;position:absolute;top:10px;right:10px}.ov-close:hover{box-shadow:inset 0 0 0 2px var(--arc-teal)}@keyframes welcome{0%{opacity:0;transform:translate(-50%,14px)}12%,80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-10px)}}@keyframes zoneToast{0%{opacity:0;transform:translate(-50%,10px)}15%,75%{opacity:1;transform:translate(-50%)}to{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.94)translateY(14px)}}@media (width<=1080px){.keys-bar{display:none}}@media (width<=860px){.ov[open]{grid-template-columns:1fr}.ov-media{min-height:180px}.ov-media img{max-height:40vh}}@media (width<=760px){.hero-copy{top:7em}.hero-copy .heading-h1{font-size:1.1em}.hero-sub{font-size:.95rem}.zones{gap:2px;padding:4px}.zones .full{display:none}.zones .short{display:inline}.zones button{gap:5px;padding:9px;font-size:.48rem}.hud-exit span{display:none}.hud-icon{width:38px;height:38px}.hud-exit{height:38px;padding:0 12px}.help{bottom:190px;right:16px}.quest-tracker{width:min(230px,100% - 150px)}.qt-head{padding:7px 10px 8px}.qt-log{max-height:50vh;overflow:auto}}@media (prefers-reduced-motion:reduce){.welcome,.zone-toast.show,.quest-done.show,.ov[open]{animation-duration:.01ms!important}}