:root{--bg: rgba(14, 17, 26, .92);--bg-2: rgba(30, 36, 52, .96);--fg: #f3f4f6;--muted: #9aa3b2;--accent: #ffb300;--good: #4ade80;--bad: #f87171;--line: rgba(255, 255, 255, .14);--line-2: rgba(255, 255, 255, .28);--shadow: 0 12px 32px rgba(0, 0, 0, .5);--ui-scale: clamp(1, calc(100vw / 1500), 1.75);font-family:Nunito,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--fg)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#000}#game{display:block;width:100vw;height:100vh}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;zoom:var(--ui-scale)}.hidden{display:none!important}.muted{color:var(--muted);font-size:12px}.title{font-weight:700;font-size:15px}.row{display:flex;justify-content:space-between;gap:10px;margin:4px 0;align-items:center}.hud-card,.panel{background:var(--bg);border:1px solid var(--line-2);border-radius:14px;box-shadow:var(--shadow),inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel{position:absolute;padding:10px 12px;min-width:230px;font-size:13px}.hud-card{padding:12px 14px;font-size:14px}#hud-player{position:absolute;top:14px;left:14px;min-width:290px;max-width:360px;border-top:3px solid var(--accent)}.hud-id{display:flex;align-items:center;gap:10px}.hud-id-text{flex:1;min-width:0}.hud-lv{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 30%,#ffd66b,#ff9800 70%);color:#2b1a00;font-weight:900;font-size:19px;box-shadow:inset 0 -3px #00000040,0 0 0 3px #ffb30040,0 2px 6px #0006;flex:none}.hud-name{font-weight:900;font-size:17px;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-sol{font-weight:900;font-size:15px;color:#d7ffe4;background:#4ade8029;border:1px solid rgba(74,222,128,.35);padding:5px 10px;border-radius:8px;white-space:nowrap}.chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.chips:empty{display:none}.chip{display:inline-block;padding:3px 8px;border-radius:6px;font-size:11.5px;font-weight:800;background:#ffffff12;color:var(--muted);border:1px solid var(--line)}.chip.on{background:#ffb30029;color:#ffd66b}.chip.badge{background:#4ade8029;color:#86efac}#hud-objective{position:absolute;left:14px;top:128px;background:var(--bg);border:1px solid var(--line-2);border-left:5px solid var(--accent);border-radius:12px;padding:10px 14px;font-size:14px;font-weight:700;max-width:340px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#hud-objective:before{content:"Objective";display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:2px}#hud-place{position:absolute;top:14px;right:14px;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.hud-zone{text-align:right;min-width:200px;border-top:3px solid #4fc3f7}.hud-zone-name{font-weight:900;font-size:17px}.hud-tools{display:flex;align-items:center;gap:8px}.hud-online{font-size:12px;font-weight:700;color:var(--fg);background:var(--bg);padding:5px 11px;border-radius:999px;border:1px solid var(--line-2)}.icon-btn{pointer-events:auto;cursor:pointer;width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--fg);font-size:17px;display:grid;place-items:center;box-shadow:var(--shadow)}.icon-btn:hover{background:var(--bg-2);border-color:var(--line-2)}#radar{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:6px 10px;font-size:13px;text-align:right;box-shadow:var(--shadow)}#radar b{color:var(--accent);font-size:16px}#hud-dev{text-align:right}#trial{position:absolute;left:50%;top:64px;transform:translate(-50%);background:var(--bg);border:1px solid var(--accent);border-radius:12px;padding:10px 16px;font-size:14px;min-width:320px;box-shadow:var(--shadow);pointer-events:none}#trial .hp{height:12px;background:#ffffff1f;border-radius:6px;overflow:hidden;margin:6px 0}#trial .hp div{height:100%;background:linear-gradient(90deg,#4ade80,#22c55e);transition:width .4s ease}#trial .move{color:var(--accent);font-weight:800}#group-banner{position:absolute;left:50%;top:14px;transform:translate(-50%);background:var(--bg);border:1px solid var(--accent);border-radius:999px;padding:6px 16px;font-size:13px;text-align:center;box-shadow:var(--shadow)}#group-banner b{color:var(--accent)}#toasts{position:absolute;right:14px;top:150px;display:flex;flex-direction:column;gap:6px;align-items:flex-end;max-width:360px}.toast{background:var(--bg-2);padding:10px 16px;border-radius:10px;font-size:14px;font-weight:700;box-shadow:var(--shadow);border:1px solid var(--line-2);border-right:5px solid var(--muted);animation:toast-in .2s ease-out;max-width:380px}.toast.good{border-right-color:var(--good)}.toast.bad{border-right-color:var(--bad)}.toast.epic{border-right-color:var(--accent);font-weight:700;font-size:15px}@keyframes toast-in{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:none}}#hud-bottom{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px}#prompt{background:var(--bg);padding:8px 16px;border-radius:12px;font-size:15px;font-weight:700;border:1px solid var(--line-2);white-space:nowrap;box-shadow:var(--shadow);display:flex;align-items:center;gap:8px}#prompt:empty{display:none}kbd{display:inline-grid;place-items:center;min-width:28px;height:26px;padding:0 8px;border-radius:6px;background:linear-gradient(#fdfdfd,#d9dde6);color:#1b1f2a;border:1px solid #b7bdc9;box-shadow:0 2px #9aa1ae;font-family:inherit;font-weight:800;font-size:12px;line-height:1}.xpbar{position:relative;width:100%;height:14px;border-radius:7px;background:#000000a6;border:1px solid var(--line-2);overflow:hidden;box-shadow:var(--shadow)}#hud-xp{height:100%;width:0%;background:linear-gradient(90deg,#ffd54f,#ff9800);transition:width .25s ease}#hud-xp-text{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:10px;font-weight:900;color:#fff;text-shadow:0 1px 2px #000;letter-spacing:.04em}#hotbar{display:flex;gap:7px;padding:8px;background:var(--bg);border:1px solid var(--line-2);border-radius:16px;box-shadow:var(--shadow),inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}.slot{position:relative;width:58px;height:58px;border-radius:11px;border:1px solid var(--line-2);background:linear-gradient(#ffffff17,#ffffff08);box-shadow:inset 0 -2px #00000059;display:grid;place-items:center;cursor:pointer;transition:transform .08s ease,background .1s ease}.slot:hover{background:#ffffff29;border-color:var(--accent);transform:translateY(-2px);box-shadow:0 0 0 2px #ffb30040}.slot .k{position:absolute;top:3px;left:5px;font-size:10.5px;font-weight:900;color:#fff;opacity:.75}.slot .n{position:absolute;bottom:3px;right:4px;min-width:18px;text-align:center;font-size:12px;font-weight:900;color:#fff;background:#0000008c;border-radius:6px;padding:0 4px}.slot .ic{font-size:24px;line-height:1;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5))}.slot .orb-ic{width:27px;height:27px;border-radius:50%;box-shadow:inset -4px -4px 8px #00000059,inset 3px 3px 6px #ffffff59,0 2px 4px #00000080}.slot.empty .orb-ic{opacity:.3}.slot.empty .n{color:var(--muted)}.slot.locked{opacity:.45;cursor:default}.slot.locked:hover{transform:none}.slot-gap{width:1px;background:var(--line-2);margin:6px 2px}#modal{top:50%;left:50%;transform:translate(-50%,-50%);width:min(600px,92vw);max-height:82vh;overflow-y:auto;pointer-events:auto}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.btn{pointer-events:auto;cursor:pointer;border:1px solid var(--line);background:#ffffff14;color:var(--fg);border-radius:6px;padding:6px 10px;font-size:13px;font-family:inherit}.btn:hover{background:#ffffff29}.btn.primary{background:var(--accent);color:#111;border-color:transparent;font-weight:700}.btn.primary:hover{background:#ffc633}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.small{padding:3px 8px;font-size:12px}.btn.danger{border-color:var(--bad);color:#fca5a5}input.num{width:80px;padding:5px 6px;border-radius:6px;border:1px solid var(--line);background:#0006;color:var(--fg);font-family:inherit;pointer-events:auto}.list-row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:6px 0;border-bottom:1px solid var(--line)}.list-row:last-child{border-bottom:none}.tier{font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.mono{font-family:ui-monospace,Consolas,monospace;font-size:12px}.section{margin-top:12px;font-weight:700;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.big{font-size:22px;font-weight:800}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;margin-top:6px}.bar{height:8px;background:#ffffff1f;border-radius:4px;overflow:hidden;margin:4px 0}.dialog-line{margin:0 0 8px;line-height:1.45;font-size:14px}.bind-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:5px 0;border-bottom:1px solid var(--line)}.bind-row:last-child{border-bottom:none}.bind-btn{pointer-events:auto;cursor:pointer;min-width:84px;padding:4px 8px;border-radius:8px;border:1px solid var(--line-2);background:#ffffff0f;color:var(--fg);font-family:inherit;font-weight:800;font-size:12px}.bind-btn:hover{background:#ffffff24}.bind-btn.listening{border-color:var(--accent);color:var(--accent);animation:blink .8s ease-in-out infinite}@keyframes blink{50%{opacity:.5}}.toggle{pointer-events:auto;cursor:pointer}#catch{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:28px;background:linear-gradient(to top,rgba(10,14,24,.85) 0%,rgba(10,14,24,.55) 30%,transparent 60%);pointer-events:auto;gap:6px}#catch-story{font-size:20px;font-weight:900;color:#fff;text-shadow:0 2px 8px #000;min-height:26px}.orb-btn.run{border-color:var(--bad)}#catch-title{font-size:18px;font-weight:700;text-shadow:0 2px 6px #000}#catch-orbs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.orb-btn{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:110px}.orb-btn .key{font-size:11px;color:var(--muted)}.orb-btn.selected{outline:2px solid var(--accent)}#catch-odds{font-size:14px;text-shadow:0 1px 4px #000;min-height:18px}#catch-svg{width:min(34vh,240px);height:min(34vh,240px)}#catch-svg.hidden{display:none!important}.c-outer{fill:none;stroke:#ffffff40;stroke-width:2}.c-target{fill:none;stroke:#ffffff59;stroke-width:2;stroke-dasharray:4 4}.c-band{fill:#4ade8038;stroke:#4ade8099;stroke-width:2}.c-ring{fill:none;stroke:var(--accent);stroke-width:6}#catch-hint{font-size:13px;color:var(--muted);text-shadow:0 1px 4px #000}#catch-result{min-height:28px;font-size:22px;font-weight:800;text-shadow:0 2px 6px #000}#auth{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#0a0e18b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.auth-card{background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:24px 28px;min-width:300px;text-align:center;box-shadow:0 16px 48px #0006}.auth-title{font-size:26px;font-weight:900;letter-spacing:.02em;margin-bottom:4px;color:var(--accent)}#fade{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:0;transition:opacity .35s ease;pointer-events:none}body.in-catch #hud-bottom,body.in-catch #hud-objective,body.in-catch #group-banner{display:none!important}@media(max-width:720px){#hud-player{min-width:0;max-width:56vw}.slot{width:44px;height:44px}#toasts{top:auto;bottom:120px;right:8px;max-width:60vw}}.bag-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:14px}.bag-filters{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.slab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;max-height:46vh;overflow-y:auto;padding:4px 2px}.slab{--tier: #9aa3b2;pointer-events:auto;cursor:pointer;border-radius:10px;padding:6px;background:linear-gradient(#2b3140,#161a24);border:2px solid var(--tier);box-shadow:0 4px 12px #00000073,inset 0 0 0 1px #ffffff0f;display:flex;flex-direction:column;gap:4px;transition:transform .1s ease,box-shadow .1s ease}.slab:hover{transform:translateY(-2px);box-shadow:0 8px 18px #00000080,0 0 0 2px var(--tier)}.slab.selected{box-shadow:0 0 0 3px var(--accent),0 8px 18px #00000080}.slab-label{display:flex;justify-content:space-between;align-items:center;background:#f5f5f5;color:#1b1f2a;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:900;letter-spacing:.03em}.slab-grade{font-size:11px}.slab-tier{color:var(--tier);text-transform:uppercase}.slab-art{position:relative;height:84px;border-radius:6px;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--tier) 45%,#1b1f2a),#0f1219 80%);display:grid;place-items:center;overflow:hidden}.slab-critter{width:44px;height:40px;border-radius:50% 50% 45% 45%;display:block;box-shadow:inset -6px -6px #00000040}.slab-status{position:absolute;bottom:4px;left:4px;right:4px;text-align:center;font-size:10px;font-weight:800;background:#0009;border-radius:4px;padding:2px}.slab-name{font-size:11.5px;font-weight:800;line-height:1.2;min-height:28px}.slab-foot{display:flex;justify-content:space-between;font-size:12px;font-weight:900;color:#c5f6d6}.slab-detail{margin-top:12px;padding:12px;border-radius:10px;background:#ffffff0d;border:1px solid var(--line);font-size:13px}.slab-detail-head{font-size:15px;margin-bottom:4px}.slab-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}.ward-row{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.ward-label{font-weight:800;color:var(--muted)}.ward-swatches{display:flex;flex-wrap:wrap;gap:6px}.swatch{pointer-events:auto;cursor:pointer;width:28px;height:28px;border-radius:8px;border:2px solid rgba(255,255,255,.25);box-shadow:inset 0 -3px #00000040}.swatch:hover{transform:translateY(-1px);border-color:#fff}.swatch.on{border-color:var(--accent);box-shadow:0 0 0 2px #ffb30059,inset 0 -3px #00000040}:root{--accent-2: #4fc3f7;--plaque: rgba(12, 14, 22, .9);--plaque-line: rgba(255, 255, 255, .16)}#hud{font-variant-numeric:tabular-nums}.ico{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block}.plaque{position:absolute;top:14px;left:14px;min-width:300px;max-width:380px;background:var(--plaque);border:1px solid var(--plaque-line);border-top:3px solid var(--accent);border-radius:12px;padding:12px 14px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.plaque-row{display:flex;align-items:center;gap:12px}.lvl-ring{position:relative;width:56px;height:56px;flex:none;display:grid;place-items:center}.lvl-ring svg{position:absolute;top:0;right:0;bottom:0;left:0;width:56px;height:56px;transform:rotate(-90deg)}.ring-bg{fill:#ffffff0f;stroke:#ffffff1f;stroke-width:4}.ring-fg{fill:none;stroke:var(--accent);stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .4s ease}.lvl-ring span{position:relative;font-weight:900;font-size:20px;color:#fff;text-shadow:0 1px 2px #000}.plaque-text{flex:1;min-width:0}.plaque-name{font-weight:900;font-size:17px;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plaque-sub{font-size:12px;color:var(--muted)}.plaque-xp{font-size:11px;color:var(--muted);letter-spacing:.04em;margin-top:2px}.sol-pill{font-weight:900;font-size:14px;color:#d7ffe4;background:#4ade8024;border:1px solid rgba(74,222,128,.35);padding:6px 10px;border-radius:8px;white-space:nowrap;align-self:flex-start}.chip .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;margin-right:5px;opacity:.55}.chip.badge .dot{opacity:1;box-shadow:0 0 6px currentColor}#hud-objective{top:132px;border-top:none;border-left:4px solid var(--accent);background:var(--plaque)}#hud-objective:before{font-size:10px;letter-spacing:.14em}#hud-compass{position:absolute;top:14px;left:50%;transform:translate(-50%);width:min(520px,46vw);display:flex;flex-direction:column;align-items:center;gap:6px}.compass-strip{position:relative;width:100%;height:34px;overflow:hidden;background:var(--plaque);border:1px solid var(--plaque-line);border-radius:10px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%)}#compass-track{position:absolute;top:0;right:0;bottom:0;left:0}.c-card{position:absolute;top:4px;transform:translate(-50%);font-weight:900;font-size:13px;letter-spacing:.08em;color:#fff}.c-tick{position:absolute;bottom:4px;width:1px;height:6px;background:#ffffff59;transform:translate(-50%)}.c-poi{position:absolute;top:3px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;line-height:1;color:var(--accent-2)}.c-poi .ico{width:16px;height:16px;stroke-width:2.2}.c-poi b{font-size:9px;font-weight:800;color:var(--muted);margin-top:1px}.compass-needle{position:absolute;left:50%;top:0;width:2px;height:100%;background:var(--accent);transform:translate(-50%);box-shadow:0 0 6px var(--accent)}.compass-place{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#fff;text-shadow:0 1px 3px #000,0 0 12px rgba(0,0,0,.6)}#zone-banner{position:absolute;left:50%;top:22%;transform:translate(-50%);text-align:center;pointer-events:none;opacity:0}#zone-banner.show{animation:banner 2.6s ease forwards}#zone-banner-title{font-size:44px;font-weight:900;letter-spacing:.06em;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.7)}#zone-banner-sub{font-size:14px;font-weight:800;letter-spacing:.3em;text-transform:uppercase;color:var(--accent);text-shadow:0 1px 6px rgba(0,0,0,.7);margin-top:2px}@keyframes banner{0%{opacity:0;transform:translate(-50%,8px)}15%{opacity:1;transform:translate(-50%)}80%{opacity:1}to{opacity:0}}#hud-place{gap:10px}.hud-tools{gap:8px}.icon-btn{background:var(--plaque);border-color:var(--plaque-line);color:#fff}.icon-btn .ico{width:18px;height:18px}#hud-dev{position:absolute;left:14px;bottom:12px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#ffffff59}#toasts{top:64px}#hud-bottom{gap:10px}#hotbar{background:var(--plaque);border-color:var(--plaque-line);border-top:2px solid rgba(255,255,255,.12);gap:6px;padding:8px}.slot{width:60px;height:60px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.14);box-shadow:none;color:#e6e9f0}.slot .ico{width:22px;height:22px;margin-top:-8px}.slot .slot-name{position:absolute;bottom:4px;left:0;right:0;text-align:center;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.slot:hover .slot-name{color:#fff}.slot .k{top:4px;left:6px;opacity:.6}.slot .orb-ic{width:26px;height:26px;margin-top:-4px}.slot.empty .orb-ic{opacity:.25}.slot-gap{margin:8px 4px}#prompt{background:var(--plaque);border-color:var(--plaque-line)}#modal.wardrobe-open{width:min(760px,94vw)}.ward-wrap{display:grid;grid-template-columns:240px 1fr;gap:16px}.ward-preview{position:relative;width:240px;height:340px;border-radius:12px;background:radial-gradient(circle at 50% 30%,#2b3140,#101320 75%);border:1px solid var(--line);overflow:hidden;pointer-events:auto;cursor:grab}.ward-preview canvas{display:block}.ward-hint{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.ward-opts{min-width:0}@media(max-width:720px){.ward-wrap{grid-template-columns:1fr}.ward-preview{width:100%;height:260px}#hud-compass{width:60vw}}#hud-xp-text{position:static;display:block;inset:auto;font-size:11px;font-weight:800;color:var(--muted);text-shadow:none;letter-spacing:.04em}.icon-btn{display:grid;place-items:center;padding:0}#hud-left{position:absolute;top:14px;left:14px;display:flex;flex-direction:column;gap:10px;width:340px}#hud-player{position:static;min-width:0;max-width:none}#hud-objective{position:static;top:auto;left:auto;max-width:none}#hud-place{top:14px;right:14px;align-items:flex-end;gap:8px}.minimap{position:relative;width:200px;height:200px;border-radius:50%;overflow:hidden;border:3px solid rgba(255,255,255,.18);box-shadow:var(--shadow),0 0 0 1px #0009;background:#0c1a26}.minimap canvas{display:block;width:100%;height:100%}.minimap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:inset 0 0 24px #0000008c;pointer-events:none}.minimap-n{position:absolute;top:6px;left:50%;transform:translate(-50%);font-size:11px;font-weight:900;letter-spacing:.1em;color:#fff;text-shadow:0 1px 2px #000}#hud-rail{position:absolute;right:14px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px;pointer-events:auto}.rail-btn{pointer-events:auto;cursor:pointer;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;width:150px;padding:8px 10px;border-radius:10px;background:var(--plaque);border:1px solid var(--plaque-line);color:#e6e9f0;font-family:inherit;text-align:left;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .08s ease,border-color .1s ease,background .1s ease}.rail-btn .ico{width:20px;height:20px}.rail-btn .rail-name{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.rail-btn kbd{min-width:22px;height:20px;font-size:10px;padding:0 5px}.rail-btn:hover{background:var(--bg-2);border-color:var(--accent);transform:translate(-3px)}.rail-btn.locked{opacity:.45}.rail-btn.locked:hover{transform:none;border-color:var(--plaque-line)}#hotbar{padding:8px 10px}@media(max-width:900px){.rail-btn{width:44px;grid-template-columns:1fr;justify-items:center}.rail-btn .rail-name,.rail-btn kbd{display:none}.minimap{width:140px;height:140px}#hud-left{width:280px}}#toasts{top:auto;bottom:110px;right:14px;flex-direction:column;justify-content:flex-end;max-height:30vh;overflow:hidden}#chat{position:absolute;left:14px;bottom:40px;width:360px;display:flex;flex-direction:column;gap:6px;pointer-events:none}#chat-log{display:flex;flex-direction:column;gap:3px;max-height:26vh;overflow:hidden;justify-content:flex-end}.chat-line{font-size:13px;padding:4px 10px;border-radius:8px;background:#0c0e16bf;border:1px solid var(--line);animation:chat-in .15s ease-out,chat-out 1s ease 14s forwards}.chat-line b{color:var(--accent-2);font-weight:800}.chat-line.me b{color:var(--accent)}.chat-line.sys{color:var(--muted);font-style:italic}@keyframes chat-in{0%{opacity:0;transform:translateY(4px)}}@keyframes chat-out{to{opacity:0}}#chat.open .chat-line{animation:chat-in .15s ease-out;opacity:1}#chat-form{pointer-events:auto}#chat-input{width:100%;padding:9px 12px;border-radius:10px;border:1px solid var(--accent);background:var(--plaque);color:var(--fg);font-family:inherit;font-size:14px;outline:none;box-shadow:var(--shadow)}#touch{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#stick{position:absolute;left:28px;bottom:120px;width:130px;height:130px;border-radius:50%;background:#0c0e1673;border:2px solid rgba(255,255,255,.18);pointer-events:auto;touch-action:none}#stick-knob{position:absolute;left:40px;top:40px;width:50px;height:50px;border-radius:50%;background:#ffffff59;border:2px solid rgba(255,255,255,.6)}#touch-buttons{position:absolute;right:28px;bottom:120px;display:grid;grid-template-columns:62px 62px;gap:12px;pointer-events:auto}.tbtn{width:62px;height:62px;border-radius:50%;border:2px solid rgba(255,255,255,.25);background:#0c0e1699;color:#fff;font-weight:900;font-size:18px;font-family:inherit;touch-action:manipulation}.tbtn.big{width:76px;height:76px}.tbtn.go{background:#ffb300bf;color:#1b1200;border-color:#ffd54f}.tbtn:active{background:#ffffff4d}body.touch #hud-rail{top:14px;right:14px;transform:none;flex-direction:row;flex-wrap:wrap;width:170px;justify-content:flex-end}body.touch .rail-btn{width:44px;grid-template-columns:1fr;justify-items:center;padding:8px}body.touch .rail-btn .rail-name,body.touch .rail-btn kbd{display:none}body.touch #hud-place{top:76px}body.touch .minimap{width:120px;height:120px}body.touch #hud-compass{width:44vw}body.touch #hud-left{width:240px}body.touch #chat{bottom:300px;width:240px}body.touch #prompt{font-size:13px}body.touch #hud-bottom{bottom:30px}.c-band{stroke-dasharray:6 4}#catch-svg.inside .c-ring{stroke:#fff;stroke-width:9;filter:drop-shadow(0 0 6px #fff)}#catch-svg.inside .c-band{fill:#4ade806b;stroke-dasharray:none;stroke-width:3}#auth{overflow-y:auto;align-items:flex-start;padding:6vh 16px}.landing{width:min(880px,100%);margin:auto;display:flex;flex-direction:column;gap:22px}.landing-hero{text-align:center;padding:28px 20px;background:var(--plaque);border:1px solid var(--plaque-line);border-top:3px solid var(--accent);border-radius:16px;box-shadow:var(--shadow)}.landing-kicker{font-size:12px;font-weight:800;letter-spacing:.3em;text-transform:uppercase;color:var(--accent)}.landing-title{font-size:52px;font-weight:900;letter-spacing:.02em;line-height:1.05;margin:6px 0}.landing-sub{font-size:17px;color:var(--muted);max-width:520px;margin:0 auto 18px}.landing-cta{font-size:18px;padding:12px 42px;border-radius:12px}.landing-note{margin-top:12px;font-size:12px}.landing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.landing-card{background:var(--plaque);border:1px solid var(--plaque-line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.landing-card b{font-size:14px;color:var(--fg)}.landing-foot{display:flex;align-items:center;gap:12px;justify-content:center;flex-wrap:wrap;font-size:12px}#toasts{top:96px;bottom:auto;left:50%;right:auto;transform:translate(-50%);align-items:center;justify-content:flex-start;max-width:460px}.toast{border-right:none;border-left:5px solid var(--muted)}.toast.good{border-left-color:var(--good)}.toast.bad{border-left-color:var(--bad)}.toast.epic{border-left-color:var(--accent)}body.touch #toasts{top:70px;max-width:60vw}#reveal{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;pointer-events:auto;cursor:pointer;background:radial-gradient(circle at 50% 45%,#0a0c148c,#06080eeb 70%);animation:reveal-fade .3s ease-out}@keyframes reveal-fade{0%{opacity:0}}.reveal-stage{position:relative;width:260px;height:360px;perspective:900px}.reveal-rays{position:absolute;top:-220px;right:-220px;bottom:-220px;left:-220px;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--tier) 35%,transparent) 0 6deg,transparent 6deg 18deg);border-radius:50%;opacity:0;animation:rays-in .8s ease-out .55s forwards,rays-spin 24s linear infinite;-webkit-mask-image:radial-gradient(circle,#000 20%,transparent 68%);mask-image:radial-gradient(circle,#000 20%,transparent 68%)}@keyframes rays-in{to{opacity:.6}}@keyframes rays-spin{to{transform:rotate(360deg)}}.reveal-slab{--tier: #9aa3b2;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;padding:12px;background:linear-gradient(160deg,#2f3647,#141824 60%,#1c2130);border:3px solid var(--tier);box-shadow:0 30px 60px #000000b3,0 0 0 1px #ffffff14 inset,0 0 48px color-mix(in srgb,var(--tier) 55%,transparent);display:flex;flex-direction:column;gap:10px;transform-style:preserve-3d;animation:slab-in 1.1s cubic-bezier(.2,.8,.2,1) forwards;overflow:hidden}.reveal-slab:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.22) 45%,transparent 60%);transform:translate(-120%);animation:sheen 1.6s ease-out 1.1s forwards}@keyframes slab-in{0%{transform:scale(.15) rotateY(540deg) translateZ(-400px);opacity:0}55%{opacity:1}80%{transform:scale(1.06) rotateY(0)}to{transform:scale(1) rotateY(0)}}@keyframes sheen{to{transform:translate(120%)}}.reveal-label{display:flex;justify-content:space-between;align-items:center;background:#f5f5f5;color:#1b1f2a;border-radius:6px;padding:6px 10px;font-size:13px;font-weight:900;letter-spacing:.04em}.reveal-label .tier{color:var(--tier)}.reveal-art{flex:1;border-radius:10px;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--tier) 50%,#1b1f2a),#0f1219 80%);display:grid;place-items:center}.reveal-art .slab-critter{width:110px;height:100px}.reveal-name{font-size:16px;font-weight:900;line-height:1.2;min-height:40px}.reveal-foot{display:flex;justify-content:space-between;font-size:22px;font-weight:900;color:#c5f6d6}.reveal-foot .muted{font-size:13px;align-self:center}.reveal-text{text-align:center;opacity:0;animation:reveal-text-in .5s ease-out .9s forwards}@keyframes reveal-text-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.reveal-kicker{font-size:13px;font-weight:900;letter-spacing:.4em;text-transform:uppercase;color:var(--tier, var(--accent))}.reveal-title{font-size:34px;font-weight:900;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.8);margin:4px 0}.reveal-sub{font-size:15px;color:var(--muted)}.reveal-hint{margin-top:14px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);opacity:0;animation:reveal-text-in .4s ease-out 1.8s forwards}body.reveal-open #hud-bottom,body.reveal-open #catch,body.reveal-open #coach{display:none!important}#coach{position:absolute;left:50%;bottom:176px;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:14px;background:var(--plaque);border:1px solid var(--accent);box-shadow:var(--shadow),0 0 24px #ffb30040;font-size:15px;font-weight:800;max-width:560px;animation:coach-in .25s ease-out}#coach kbd{animation:kbd-pulse 1.2s ease-in-out infinite}#coach .coach-step{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}@keyframes coach-in{0%{opacity:0;transform:translate(-50%,8px)}}@keyframes kbd-pulse{50%{transform:translateY(-2px);box-shadow:0 4px #9aa1ae,0 0 10px #ffb30099}}body.in-catch #coach{bottom:auto;top:100px}body.reveal-open #toasts{left:auto;right:14px;transform:none;align-items:flex-end;top:240px}#modal.creator-open{width:min(760px,94vw);border-top:3px solid var(--accent)}.creator-kicker{font-size:12px;font-weight:900;letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin-bottom:4px}.creator-name{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.creator-input{width:100%;font-size:16px;font-weight:800;padding:9px 12px}.creator-err{grid-column:2;font-size:12px;color:var(--bad);min-height:14px}body.creator-open #hud-left,body.creator-open #hud-compass,body.creator-open #hud-place,body.creator-open #hud-rail,body.creator-open #hud-bottom,body.creator-open #coach{display:none!important}.slab.lumen{border-color:#fff;box-shadow:0 0 0 1px #fff,0 0 18px #ffffff59,0 4px 12px #00000073}.slab.lumen .slab-tier{color:#fff;text-shadow:0 0 6px #fff}.slab.lumen .slab-critter{filter:saturate(.6) brightness(1.45);box-shadow:0 0 16px #fff,inset -6px -6px #ffffff59!important}.slab-critter.silhouette{background:#141824;box-shadow:inset -6px -6px #0b0e15;opacity:.9}.book-tile{cursor:default}.book-tile:hover{transform:none;box-shadow:0 4px 12px #00000073,inset 0 0 0 1px #ffffff0f}.book-tile.unknown{opacity:.72;border-style:dashed}.book-tile.unknown .slab-label{background:#2a3040;color:#9aa3b2}.book-medal{position:absolute;top:4px;left:4px;font-size:10px;font-weight:900;padding:1px 6px;border-radius:4px;background:var(--m);color:#1b1f2a;box-shadow:0 0 8px var(--m)}.book-lumen{position:absolute;top:4px;right:4px;font-size:10px;font-weight:900;padding:1px 6px;border-radius:4px;background:#fff;color:#1b1f2a;box-shadow:0 0 8px #fff}.book-foot{font-size:10.5px;line-height:1.25;min-height:26px}.book-wrap{max-height:58vh;overflow-y:auto;padding-right:4px}.book-grid{max-height:none;overflow:visible}.chip.short{background:#f8717124;color:#fca5a5}.landing-feed{background:var(--plaque);border:1px solid var(--plaque-line);border-radius:12px;padding:12px 14px;font-size:13px;display:flex;flex-direction:column;gap:6px}.feed-head{font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:8px;margin-bottom:2px}.feed-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade80;animation:feed-pulse 1.6s ease-in-out infinite}@keyframes feed-pulse{0%,to{opacity:1}50%{opacity:.35}}.feed-line{display:flex;justify-content:space-between;gap:12px;padding:4px 0;border-top:1px solid var(--line)}.feed-line:first-of-type{border-top:none}.feed-line b{color:var(--accent-2)}.feed-line.lumen span:first-child,.feed-line.sighting span:first-child{color:#fff;text-shadow:0 0 8px rgba(255,255,255,.5)}.feed-line.badge b{color:#86efac}#net-banner{position:absolute;top:96px;left:50%;transform:translate(-50%);background:#7f1d1deb;color:#fecaca;border:1px solid #f87171;border-radius:10px;padding:10px 16px;font-size:14px;z-index:30;box-shadow:var(--shadow);animation:chat-in .2s ease-out}#net-banner b{color:#fff}