:root{--bg: #101218;--panel: #1c1f27;--panel2: #181b22;--edge: #2b2f3a;--ink: #d8dbe2;--dim: #8a8f9c;--amber: #ffb347;--hot: #ff6b35;--ok: #7fd6a0;--blue: #6fa8ff;--red: #d94f4f}*{box-sizing:border-box;margin:0}[hidden]{display:none!important}html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font:14px/1.45 system-ui,sans-serif}button{font:inherit;cursor:pointer}kbd{background:#262a34;border:1px solid var(--edge);border-radius:4px;padding:0 5px;font-size:11px}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none;outline:none}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}#hud>*{pointer-events:auto}#topbar{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;gap:14px;align-items:center;background:#10121890;border:1px solid var(--edge);border-radius:10px;padding:6px 14px}#seedChip{color:var(--dim);font-size:12px}#seedChip b{color:var(--amber);letter-spacing:.06em}#waveInfo{font-size:13px}#waveInfo .alert{color:var(--hot);font-weight:700}#meuteChip{font-size:12px;color:var(--hot)}#meuteChip b{letter-spacing:.04em}#campBarWrap{width:140px;height:10px;background:#33222a;border-radius:5px;overflow:hidden}#campBar{height:100%;width:100%;background:var(--amber);transition:width .3s}#linkChip button{background:#262a34;color:var(--ink);border:1px solid var(--edge);border-radius:6px;padding:3px 10px;font-size:12px}#linkChip button:hover{border-color:var(--amber)}#minimap{position:absolute;top:10px;right:10px;border:1px solid var(--edge);border-radius:6px;background:#0c0e12;opacity:.93}#squad{position:absolute;top:170px;right:10px;display:flex;flex-direction:column;gap:5px;width:150px}.pbar{display:flex;align-items:center;gap:6px;font-size:11px}.pbar .plab{width:62px;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pbar .hpw{flex:1;height:8px;background:#33222a;border-radius:4px;overflow:hidden}.pbar .hp{height:100%;background:var(--red);transition:width .2s}.pbar .sh{color:var(--blue);font-size:10px;width:26px}#hotbar{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;gap:10px}.hslot{position:relative;width:64px;height:64px;background:#16181fd0;border:2px solid var(--edge);border-radius:10px;display:flex;align-items:center;justify-content:center}.hslot.active{border-color:var(--amber)}.hslot kbd{position:absolute;top:-7px;left:-7px}.hslot .cd{position:absolute;top:0;right:0;bottom:0;left:0;background:#101218c8;border-radius:8px;transform-origin:bottom}.hslot .nm{position:absolute;bottom:-16px;left:50%;transform:translate(-50%);font-size:9px;color:var(--dim);white-space:nowrap;max-width:90px;overflow:hidden;text-overflow:ellipsis}#extractWrap{position:absolute;bottom:110px;left:50%;transform:translate(-50%);width:220px;text-align:center}#extractBar{height:8px;background:var(--amber);border-radius:4px;width:0;transition:width .1s linear}#extractLabel{font-size:11px;color:var(--amber)}#hint{position:absolute;bottom:150px;left:50%;transform:translate(-50%);background:linear-gradient(160deg,#232733,#181b22);border:1px solid #4a5163;border-radius:10px;padding:9px 16px;font-size:13px;max-width:440px;text-align:center;animation:pop .3s}#filonMarker{position:absolute;color:var(--amber);font-weight:700;font-size:13px;text-shadow:0 1px 4px #000;transform:translate(-50%,-100%);animation:bounce 1.2s infinite}@keyframes bounce{0%,to{margin-top:0}50%{margin-top:-8px}}#log{position:absolute;bottom:14px;left:12px;font-size:11.5px;color:var(--dim);max-width:320px}#log .crit{color:var(--amber)}#log div{text-shadow:0 1px 3px #000}#grimToggle{position:absolute;bottom:14px;right:12px;background:#1c1f27d0;color:var(--ink);border:1px solid var(--edge);border-radius:8px;padding:8px 14px}#grimToggle:hover,#grimToggle.pulse{border-color:var(--amber)}#grimToggle.pulse{animation:pulse 1s infinite}@keyframes pulse{50%{box-shadow:0 0 12px #ffb34788}}#grimoire{position:fixed;top:0;right:0;bottom:0;width:380px;z-index:5;background:var(--panel);border-left:1px solid var(--edge);display:flex;flex-direction:column}#grimoire header{display:flex;gap:8px;align-items:center;padding:10px;border-bottom:1px solid var(--edge)}#grimoire h2{font-size:13px;text-transform:uppercase;letter-spacing:.07em;color:var(--dim);flex:1}#grimSearch{background:#12141a;border:1px solid var(--edge);color:var(--ink);border-radius:5px;padding:5px 8px;width:110px}#grimClose{background:none;border:0;color:var(--dim);font-size:15px}#grimGrid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px;padding:10px;align-content:start}.tile{position:relative;background:#22262f;border:1px solid var(--edge);border-radius:6px;padding:4px 2px 2px;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none}.tile:hover{border-color:var(--amber)}.tile .nm{font-size:10px;line-height:1.15;word-break:break-word}.tile .tier{position:absolute;top:1px;right:3px;font-size:9px;color:var(--amber)}.tile .new{position:absolute;top:1px;left:3px;font-size:8px;color:var(--ok);background:#274132;border-radius:3px;padding:0 3px}.tile .fd{position:absolute;bottom:2px;right:3px;font-size:9px}.tile .slots{display:flex;gap:2px;justify-content:center;margin-top:2px}.tile .slots button{font-size:9px;padding:0 5px;background:#12141a;color:var(--dim);border:1px solid var(--edge);border-radius:3px}.tile .slots button:hover{color:var(--amber);border-color:var(--amber)}#forge{border-top:1px solid var(--edge);padding:10px;text-align:center}#forgeSlots{display:flex;gap:12px;align-items:center;justify-content:center}.fslot{width:68px;height:68px;border:2px dashed #3a3f4d;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;font-size:9px;color:var(--dim)}.fslot.filled{border-style:solid;border-color:#4a5163}#fplus{color:var(--dim);font-size:20px}#fuseBtn{margin-top:8px;padding:8px 30px;background:var(--amber);color:#241a08;border:0;border-radius:6px;font-weight:700}#fuseBtn:disabled{background:#3a3f4d;color:#767c8a;cursor:default}#fuseBtn.forging{animation:pulse .5s infinite}#forgeHint{font-size:11px;color:var(--hot);min-height:16px;margin-top:4px}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#08090ccc;z-index:8;display:flex;align-items:center;justify-content:center}#card{background:linear-gradient(160deg,#232733,#181b22);border:1px solid #4a5163;border-radius:14px;padding:24px 36px;text-align:center;max-width:620px;animation:pop .28s}@keyframes pop{0%{transform:scale(.75);opacity:0}}#card h3{color:var(--amber);font-size:13px;letter-spacing:.2em;text-transform:uppercase}#card .cnm{font-size:23px;font-weight:800;margin:6px 0 2px}#card .lore{font-size:12px;color:var(--dim);font-style:italic;max-width:420px;margin:6px auto}#card .cstats{display:flex;gap:16px;justify-content:center;margin:10px 0;font-size:12px;color:var(--dim)}#card .cstats b{color:var(--ink);font-size:15px;display:block}#card .vrow{display:flex;gap:12px;justify-content:center;margin-top:12px}#card .vtile{width:130px;background:#22262f;border:1px solid var(--edge);border-radius:8px;padding:8px 4px;cursor:pointer}#card .vtile:hover{border-color:var(--amber)}#card .vtile .vn{font-size:12px;font-weight:700}#card .vtile .vv{font-size:10px;color:var(--amber)}#card .vtile .vs{font-size:9.5px;color:var(--dim)}#card .racines{display:flex;gap:4px;justify-content:center;margin-top:6px}#card .racines canvas,#card .racines span{width:22px;height:22px}#card button{margin:12px 6px 0;padding:8px 22px;background:var(--amber);border:0;border-radius:6px;font-weight:700;color:#241a08}#card button.alt{background:#3a4152;color:var(--ink)}.badge{font-size:10px;border-radius:3px;padding:1px 8px;letter-spacing:.04em}.b-cache{background:#274132;color:#7fd6a0}.b-session{background:#27303f;color:#8fb8f0}.b-live{background:#4a3211;color:var(--amber)}.b-refus{background:#41272e;color:#e08a99}#menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(ellipse at 50% 30%,#1a1e28,var(--bg))}#menu h1{color:var(--amber);font-size:42px;letter-spacing:.04em}#menu .tagline{color:var(--dim);margin-bottom:10px}#pseudoRow{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--dim)}#pseudoIn{background:#12141a;border:1px solid var(--edge);color:var(--ink);border-radius:6px;padding:7px 12px;text-align:center}#menuActions{display:flex;gap:12px}#menuActions button{padding:12px 22px;border:0;border-radius:8px;font-weight:700}#btnSolo{background:var(--amber);color:#241a08}#btnHost{background:var(--blue);color:#0c1a2e}#btnOptions{background:#3a4152;color:var(--ink)}#optionsRow{display:flex;gap:14px;align-items:center;font-size:12px;color:var(--dim)}#optionsRow input{background:#12141a;border:1px solid var(--edge);color:var(--ink);border-radius:5px;padding:5px 9px;margin-left:6px}#optionsRow button{background:#262a34;color:var(--ink);border:1px solid var(--edge);border-radius:6px;padding:6px 12px}#menuStatus{min-height:22px;font-size:13px}#menuStatus .big{font-size:20px;letter-spacing:.2em;color:var(--amber);font-weight:800}#toast{position:fixed;bottom:14px;right:14px;z-index:9;background:linear-gradient(160deg,#232733,#181b22);border:1px solid #4a5163;border-radius:10px;padding:10px 14px;display:flex;gap:10px;align-items:center;font-size:12.5px;opacity:0;transform:translateY(12px);transition:all .3s;pointer-events:none}#toast.show{opacity:1;transform:none}#toast b{color:var(--amber)}