:root{--ink:#070a10;--bone:#e9e6dd;--dim:rgba(233,230,221,.5);--faint:rgba(233,230,221,.16);--quick:#7fe3ff;--quick-deep:#1d6f92;--still:#8a7fa8;--warm:#ffcf8a;--bad:#ff7d6a;--good:#9df0b6;--sans:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;--mono:ui-monospace,"SF Mono","Cascadia Mono","Roboto Mono",Menlo,Consolas,monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:#000}body{font-family:var(--sans);color:var(--bone);-webkit-font-smoothing:antialiased;cursor:none;touch-action:none}body.showcursor{cursor:default}#stage{position:fixed;inset:0;width:100%;height:100%;display:block}#ui{position:fixed;inset:0;pointer-events:none;z-index:10;overflow:hidden}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.hidden{display:none!important}#boot{position:absolute;inset:0;display:grid;place-items:center;background:#05070c;z-index:50}#boot .bl{font-family:var(--mono);font-size:11px;letter-spacing:.4em;color:var(--dim);text-transform:uppercase}#perf{position:absolute;right:14px;top:12px;font-family:var(--mono);font-size:10.5px;line-height:1.65;color:#e9e6dd73;text-align:right;display:none;text-shadow:0 1px 3px #000}#perf.on{display:block}@keyframes riseIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulseRing{0%{transform:scale(1);opacity:.7}to{transform:scale(2.1);opacity:0}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}#reticle{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;transition:opacity .3s}#reticle svg{width:100%;height:100%;overflow:visible}#reticle .rk{fill:none;stroke:#e9e6dd8c;stroke-width:1.1;transition:stroke .25s,opacity .25s}#reticle.draw .rk{stroke:var(--quick)}#reticle .arc{fill:none;stroke:var(--quick);stroke-width:2.6;stroke-linecap:round;filter:drop-shadow(0 0 5px rgba(127,227,255,.75));opacity:0;transition:opacity .18s}#reticle.draw .arc{opacity:1}#quick{position:absolute;left:50%;bottom:26px;transform:translate(-50%);width:260px;text-align:center}#quick .bar{height:7px;background:#e9e6dd1a;border-radius:4px;overflow:hidden;position:relative;box-shadow:inset 0 0 0 1px #e9e6dd1a}#quick .bar i{position:absolute;inset:0 auto 0 0;width:0%;border-radius:4px;background:linear-gradient(90deg,var(--quick-deep),var(--quick));box-shadow:0 0 12px #7fe3ff8c;transition:width .09s linear}#quick .bar u{position:absolute;inset:0 auto 0 0;width:0%;background:#ffcf8a59;border-radius:4px;transition:width .25s ease}#quick .lab{display:flex;justify-content:space-between;margin-top:6px;font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:var(--dim);text-transform:uppercase}#quick .lab b{color:var(--quick);font-weight:400;font-size:12px;letter-spacing:.04em}#quick.low .bar i{background:linear-gradient(90deg,#8a3a2a,var(--bad));box-shadow:0 0 12px #ff7d6a99}#instr{position:absolute;left:34px;bottom:96px;font-family:var(--mono);text-shadow:0 1px 4px rgba(0,0,0,.8)}#instr .row{display:flex;align-items:baseline;gap:8px;margin-top:3px}#instr .v{font-size:24px;letter-spacing:.02em;min-width:66px;text-align:right}#instr .u{font-size:10px;letter-spacing:.22em;color:var(--dim);text-transform:uppercase}#instr .vario{width:5px;height:70px;background:#e9e6dd1a;position:absolute;left:-16px;bottom:2px;border-radius:3px}#instr .vario i{position:absolute;left:0;right:0;background:var(--quick);border-radius:3px;transition:all .1s linear}#instr .warn{color:var(--bad)}#hull{position:absolute;left:34px;bottom:36px;width:150px}#hull .cap{font-family:var(--mono);font-size:9.5px;letter-spacing:.26em;color:var(--dim);text-transform:uppercase}#hull .bar{height:3px;background:#e9e6dd1f;margin-top:6px;border-radius:2px;overflow:hidden}#hull .bar i{display:block;height:100%;background:var(--good);width:100%;transition:width .3s,background .3s}#hull.hurt .bar i{background:var(--bad)}#worldstate{position:absolute;right:30px;bottom:34px;width:190px;text-align:right;font-family:var(--mono)}#worldstate .cap{font-size:9.5px;letter-spacing:.26em;color:var(--dim);text-transform:uppercase}#worldstate .bar{height:3px;background:#e9e6dd1f;margin:6px 0 12px;border-radius:2px;overflow:hidden;position:relative}#worldstate .bar i{position:absolute;inset:0 0 0 auto;width:0%;background:var(--still);transition:width .5s}#worldstate .bar.life i{background:var(--good)}#worldstate .n{font-size:15px;color:var(--bone)}#drawinfo{position:absolute;left:50%;top:calc(50% + 44px);transform:translate(-50%);text-align:center;opacity:0;transition:opacity .16s}#drawinfo.on{opacity:1}#drawinfo .src{font-family:var(--mono);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--quick)}#drawinfo .rate{font-family:var(--mono);font-size:19px;color:var(--bone);margin-top:2px}#drawinfo .rate s{text-decoration:none;font-size:11px;opacity:.5}#drawinfo .warn{font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:var(--still);margin-top:4px;text-transform:uppercase}#compass{position:absolute;left:50%;top:22px;transform:translate(-50%);width:min(620px,64vw);height:32px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}#compass .tick{position:absolute;top:16px;width:1px;height:6px;background:#e9e6dd59}#compass .card{position:absolute;top:0;font-family:var(--mono);font-size:11px;letter-spacing:.15em;color:#e9e6ddbf;transform:translate(-50%)}#compass{height:46px}#compass .mk{position:absolute;top:1px;transform:translate(-50%);font-family:var(--mono);font-size:10px;letter-spacing:.08em;white-space:nowrap;color:var(--warm);text-shadow:0 0 8px rgba(255,207,138,.6)}#compass .mk.done{color:var(--good);text-shadow:0 0 8px rgba(157,240,182,.5)}#compass .mk i{display:block;width:5px;height:5px;margin:2px auto 0;border-radius:50%;background:currentColor}#toasts{position:absolute;left:34px;top:64px;width:min(340px,32vw);display:flex;flex-direction:column;gap:10px}.toast{animation:riseIn .5s cubic-bezier(.16,1,.3,1) both;border-left:2px solid var(--warm);padding:2px 0 2px 12px;font-size:14.5px;line-height:1.5;color:#e9e6dde0;text-shadow:0 1px 4px rgba(0,0,0,.8);transition:opacity .8s,transform .8s}.toast.out{opacity:0;transform:translate(-12px)}.toast b{color:var(--warm);font-weight:600}.toast.good{border-color:var(--good)}.toast.good b{color:var(--good)}.toast.bad{border-color:var(--bad)}.toast.bad b{color:var(--bad)}.toast .k{font-family:var(--mono);font-size:11.5px;border:1px solid rgba(233,230,221,.28);border-radius:3px;padding:1px 5px;margin:0 2px;background:#e9e6dd0f}#wellcard{position:absolute;left:50%;top:76px;transform:translate(-50%);text-align:center;width:300px;opacity:0;transition:opacity .4s}#wellcard.on{opacity:1}#wellcard .nm{font-family:var(--mono);font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--warm)}#wellcard .bar{height:4px;background:#e9e6dd24;margin-top:8px;border-radius:2px;overflow:hidden}#wellcard .bar i{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--quick),var(--warm));box-shadow:0 0 10px #ffcf8a99;transition:width .15s}#wellcard .sub{font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--dim);margin-top:6px;text-transform:uppercase}#map{position:absolute;inset:0;display:grid;place-items:center;background:#04060bdb;backdrop-filter:blur(4px);animation:fadeIn .18s ease both;pointer-events:auto}#map .wrap{position:relative}#map canvas{border:1px solid rgba(233,230,221,.14);border-radius:3px;image-rendering:auto;box-shadow:0 24px 70px #000000b3}#map .legend{margin-top:14px;display:flex;gap:22px;justify-content:center;font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:var(--dim);text-transform:uppercase}#map .legend span{display:flex;align-items:center;gap:6px}#map .legend i{width:8px;height:8px;border-radius:50%;display:block}#map .title{text-align:center;font-family:var(--mono);font-size:11px;letter-spacing:.4em;color:var(--dim);text-transform:uppercase;margin-bottom:12px}.panel{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:48px 24px;overflow-y:auto;pointer-events:auto;background:radial-gradient(ellipse at 50% 42%,#080c16b8,#030408f5 70%);backdrop-filter:blur(3px);animation:fadeIn .5s ease both}.panel .inner{max-width:min(760px,88vw);text-align:center;margin:auto}.tt{font-size:clamp(40px,8vw,96px);line-height:1;letter-spacing:.26em;margin-right:-.26em;font-weight:200;background:linear-gradient(100deg,#4a5568,#e9e6dd 24%,#fff 36%,#e9e6dd 50%,#3f4a5c 80%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 8s linear infinite}.sub{margin-top:20px;font-family:var(--mono);font-size:12px;letter-spacing:.4em;color:var(--dim);text-transform:uppercase}.rule{width:90px;height:1px;margin:30px auto;background:linear-gradient(90deg,transparent,rgba(127,227,255,.55),transparent)}.blurb{font-size:16.5px;line-height:1.75;color:#e9e6ddbd;max-width:560px;margin:0 auto}.menu{margin-top:36px;display:flex;flex-direction:column;gap:2px;align-items:center}.mi{pointer-events:auto;cursor:pointer;padding:10px 30px;border:none;background:none;font-family:var(--mono);font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:#e9e6dd8c;transition:all .2s;position:relative}.mi:hover,.mi.sel{color:var(--quick);letter-spacing:.4em;text-shadow:0 0 16px rgba(127,227,255,.5)}.mi:before{content:"—";position:absolute;left:0;opacity:0;transition:opacity .2s,left .2s}.mi:hover:before,.mi.sel:before{opacity:.7;left:6px}.foot{position:absolute;bottom:22px;left:0;right:0;text-align:center;font-family:var(--mono);font-size:9.5px;letter-spacing:.3em;color:#e9e6dd38;text-transform:uppercase}.codex{display:grid;grid-template-columns:auto 1fr;gap:7px 20px;text-align:left;margin:22px auto 0;max-width:540px}.codex dt{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--quick);white-space:nowrap;text-align:right}.codex dd{font-size:13.5px;color:#e9e6ddad;line-height:1.45}.codex .grp{grid-column:1/-1;font-family:var(--mono);font-size:9.5px;letter-spacing:.36em;color:#e9e6dd42;text-transform:uppercase;margin-top:14px;border-bottom:1px solid rgba(233,230,221,.08);padding-bottom:6px}.codex .grp:first-child{margin-top:0}.statline{display:flex;gap:34px;justify-content:center;margin-top:30px;flex-wrap:wrap}.statline div{text-align:center}.statline .k{font-family:var(--mono);font-size:9.5px;letter-spacing:.28em;color:#e9e6dd52;text-transform:uppercase}.statline .v{font-family:var(--mono);font-size:25px;color:var(--quick);margin-top:5px}.setrow{display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(420px,80vw);margin:0 auto;padding:9px 2px;pointer-events:auto}.setrow label{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#e9e6dd8c}.setrow input[type=range]{-webkit-appearance:none;appearance:none;width:180px;height:2px;background:#e9e6dd33;outline:none;cursor:pointer}.setrow input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;border-radius:50%;background:var(--quick);box-shadow:0 0 9px var(--quick);cursor:pointer}.setrow input[type=range]::-moz-range-thumb{width:11px;height:11px;border:none;border-radius:50%;background:var(--quick);cursor:pointer}.setrow .val{font-family:var(--mono);font-size:11px;color:var(--dim);width:52px;text-align:right}.togg{pointer-events:auto;cursor:pointer;font-family:var(--mono);font-size:11px;letter-spacing:.18em;color:var(--quick);background:none;border:1px solid rgba(127,227,255,.32);padding:4px 13px;border-radius:2px;text-transform:uppercase}#vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 45%,rgba(20,6,26,.9) 110%);opacity:0;transition:opacity .35s}#dmgflash{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 30%,rgba(190,40,30,.55) 100%);opacity:0;transition:opacity .45s}