: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}:focus-visible{outline:2px solid var(--amber);outline-offset:2px}#grimClose:hover,#fcard .fx:hover,#grimChips .chip:hover,.mghost:hover{color:var(--amber)}#grimChips .chip:hover,#optionsRow button:hover,.lcopy button:hover,.mghost:hover,#grimSearch:hover,.mpanel input:hover{border-color:var(--amber)}#fuseBtn:not(:disabled):hover,#card button:hover,#menuActions button:hover,#joinRow button:hover,#btnLaunch:hover,#fcard .equipRow button:hover{filter:brightness(1.15)}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none;outline:none}#scene:focus-visible{box-shadow:inset 0 0 0 2px #ffb34766}#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:8px;align-items:stretch}.tpanel{display:flex;gap:10px;align-items:center;background:#10121899;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--edge);border-radius:12px;padding:8px 12px}.tpanel .tp-ico{font-size:22px;line-height:1;filter:drop-shadow(0 1px 2px #000)}.tp-body{display:flex;flex-direction:column;gap:4px}.tp-lab,.mlab{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);font-weight:700}#wavePanel .tp-lab{font-size:13px;letter-spacing:.04em;color:var(--ink);text-transform:none}#wavePanel.hot .tp-lab{color:var(--hot)}#wavePanel.hot .tp-ico{animation:pulse 1.1s infinite}#campBarWrap{position:relative;width:150px;height:15px;background:#33222a;border-radius:8px;overflow:hidden}#campBar{height:100%;width:100%;background:linear-gradient(90deg,#ffcf6e,var(--amber));transition:width .3s,background .3s}#campHp{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#241a08;text-shadow:0 1px 0 #ffffff55}#campPanel.danger{border-color:var(--red);animation:danger 1s infinite}#campPanel.danger #campHp{color:#fff;text-shadow:0 1px 2px #000}@keyframes danger{50%{box-shadow:0 0 14px #d94f4faa}}#waveBarWrap{width:150px;height:6px;background:#23262f;border-radius:3px;overflow:hidden}#waveBar{height:100%;width:0;background:var(--blue);transition:width .3s}#wavePanel.hot #waveBar{background:var(--hot)}#waveSub{font-size:11px;color:var(--dim)}.tp-side{flex-direction:column;align-items:flex-start;gap:4px;justify-content:center}#seedChip{color:var(--dim);font-size:11px}#seedChip b{color:var(--amber);letter-spacing:.06em}#meuteChip{font-size:11px;color:var(--hot)}#meuteChip b{letter-spacing:.04em}#fleauChip{font-size:11px;color:var(--red);font-weight:600}#fleauChip b{letter-spacing:.04em}#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)}#objective{position:absolute;top:82px;left:50%;transform:translate(-50%);display:flex;gap:8px;align-items:center;max-width:90vw;background:#12141acc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--edge);border-left:3px solid var(--amber);border-radius:8px;padding:8px 16px;font-size:13px;color:var(--ink);animation:pop .3s}#objective #objIco{font-size:15px}#objective.danger{border-left-color:var(--red)}#objective.danger #objText{color:var(--hot);font-weight:700}#mapWrap{position:absolute;top:10px;right:10px}#minimap{display:block;border:1px solid var(--edge);border-radius:8px;background:#0c0e12;opacity:.95}.mapLab{position:absolute;top:5px;left:7px;font-size:11px;letter-spacing:.08em;color:var(--dim);text-shadow:0 1px 2px #000;pointer-events:none}#squad{position:absolute;top:178px;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:11px;width:28px}#hotbarWrap{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px}#hotbar{display:flex;gap:10px}.hslot{position:relative;width:64px;height:64px;background:#16181fd0;border:2px solid var(--edge);border-radius:12px;display:flex;align-items:center;justify-content:center;transition:border-color .15s,transform .1s}.hslot:hover{border-color:#4a5163}.hslot.active{border-color:var(--amber);box-shadow:0 0 12px #ffb34755}.hslot.empty{border-style:dashed}.hslot.empty .ph{font-size:22px;color:#3a3f4d}.hslot kbd{position:absolute;top:-8px;left:-8px;background:#262a34;z-index:1}.hslot.active kbd{background:var(--amber);color:#241a08;border-color:var(--amber)}.hslot .cd{position:absolute;top:0;right:0;bottom:0;left:0;background:#101218c8;border-radius:10px;transform-origin:bottom}.hslot .nm{position:absolute;bottom:-17px;left:50%;transform:translate(-50%);font-size:11px;color:var(--dim);white-space:nowrap;max-width:90px;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px #000}#hotHint{font-size:11px;color:var(--dim);text-shadow:0 1px 3px #000;display:flex;gap:4px;align-items:center}#hotHint kbd{font-size:10px;padding:0 4px}#extractWrap,#filonMarker{pointer-events:none}#extractWrap{position:absolute;width:240px;text-align:center;transform:translate(-50%,-100%)}#extractWrap .track{height:9px;background:#23262f;border-radius:5px;overflow:hidden;margin-top:4px}#extractBar{height:100%;background:linear-gradient(90deg,#ffcf6e,var(--amber));border-radius:5px;width:0;transition:width .1s linear}#extractLabel{font-size:12px;color:var(--amber);font-weight:600;text-shadow:0 1px 3px #000}#hint{margin-bottom:8px;background:linear-gradient(160deg,#232733,#181b22);border:1px solid #4a5163;border-radius:10px;padding:8px 16px;font-size:13px;max-width:440px;text-align:center;animation:pop .3s;box-shadow:0 6px 20px #0008}#filonMarker{position:absolute;color:var(--amber);font-weight:700;font-size:13px;background:#12141acc;border:1px solid var(--amber);border-radius:6px;padding:2px 8px;text-shadow:0 1px 4px #000;transform:translate(-50%,-100%);animation:bounce 1.2s infinite;white-space:nowrap}@keyframes bounce{0%,to{margin-top:0}50%{margin-top:-8px}}#log{position:absolute;bottom:16px;left:14px;font-size:12px;color:var(--dim);max-width:330px}#log .crit{color:var(--amber);font-weight:600}#log div{text-shadow:0 1px 3px #000;margin-top:2px}#log div:nth-child(2){opacity:.75}#log div:nth-child(3){opacity:.5}#log div:nth-child(4){opacity:.28}#grimToggle{position:absolute;bottom:14px;right:12px;background:#1c1f27dd;color:var(--ink);border:1px solid var(--edge);border-radius:10px;padding:10px 16px;font-weight:600;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#grimToggle:hover,#grimToggle.pulse{border-color:var(--amber)}#grimToggle.pulse{animation:pulse 1s infinite}@keyframes pulse{50%{box-shadow:0 0 14px #ffb347aa}}#grimoire{position:fixed;top:250px;right:0;bottom:0;width:380px;z-index:5;background:var(--panel);border:1px solid var(--edge);border-right:0;border-radius:12px 0 0;display:flex;flex-direction:column}#grimoire header{display:flex;gap:8px;align-items:center;padding:12px;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}#grimChips{display:flex;gap:8px;padding:8px 12px 0}#grimChips .chip{font-size:11px;padding:3px 10px;background:#12141a;color:var(--dim);border:1px solid var(--edge);border-radius:10px}#grimChips .chip.on{color:var(--amber);border-color:var(--amber)}#grimGrid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;padding:12px;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.slotted{border-color:var(--ok);box-shadow:inset 0 0 8px #7fd6a033}.tile.sterile{opacity:.35;filter:grayscale(.8)}.tile.sterile:hover{border-color:var(--edge)}.tile.dragover,.fslot.dragover,.hslot.dragover{border-color:var(--ok);border-style:solid;box-shadow:0 0 12px #7fd6a088}.fslot.flash{animation:slot-flash .5s}@keyframes slot-flash{0%{background:#ffb34766;border-color:var(--amber)}}.tile .nm{font-size:11px;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:10px;color:var(--ok)}.tile .fd{position:absolute;bottom:2px;right:3px;font-size:9px}.tile .slots{display:none;position:absolute;inset:auto 2px 2px;gap:3px;justify-content:center}.tile:hover .slots{display:flex}.tile .slots button{font-size:12px;min-width:20px;height:20px;padding:0;background:#12141aee;color:var(--dim);border:1px solid var(--edge);border-radius:4px}.tile .slots button:hover{color:var(--amber);border-color:var(--amber)}#forge{border-bottom:1px solid var(--edge);padding:12px;text-align:center}#fcard{position:relative;background:linear-gradient(160deg,#232733,#181b22);border:1px solid #4a5163;border-radius:10px;padding:12px;margin-bottom:12px;animation:pop .28s}#fcard h3{color:var(--amber);font-size:11px;letter-spacing:.12em;text-transform:uppercase}#fcard .cnm{font-size:17px;font-weight:800;margin:2px 0}#fcard .lore{font-size:11px;color:var(--dim);font-style:italic;margin:4px auto}#fcard .vrow{display:flex;gap:6px;margin-top:8px}#fcard .vtile{flex:1;min-width:0;position:relative;background:#22262f;border:1px solid var(--edge);border-radius:8px;padding:6px 3px;cursor:pointer}#fcard .vtile:hover{border-color:var(--amber)}#fcard .vtile kbd{position:absolute;top:3px;left:3px}#fcard .vtile .vn{font-size:11px;font-weight:700}#fcard .vtile .vv{font-size:11px;color:var(--amber)}#fcard .vs{font-size:11px;color:var(--dim);margin:2px 0}#fcard .vs b{font-weight:800}#fcard .racines{display:flex;gap:4px;justify-content:center;margin-top:5px}#fcard .racines canvas,#fcard .racines span{width:18px;height:18px}#fcard .equipRow{margin-top:8px;font-size:11px;color:var(--dim);display:flex;gap:6px;align-items:center;justify-content:center}#fcard .equipRow button{min-width:26px;height:26px;padding:0;background:var(--amber);color:#241a08;border:0;border-radius:5px;font-weight:700}#fcard .fx{position:absolute;top:4px;right:6px;background:none;border:0;color:var(--dim);font-size:13px}#grimToggle[data-new]:after,#grimToggle.choice:after{content:attr(data-new);position:absolute;top:-7px;right:-7px;width:19px;height:19px;display:flex;align-items:center;justify-content:center;background:var(--amber);color:#241a08;border-radius:50%;font-size:11px;animation:pulse 1.2s infinite}#grimToggle.choice:after{content:"✦"}#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:11px;color:var(--dim)}.fslot div{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fslot:hover{border-color:#4a5163}.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:12px;color:var(--hot);min-height:17px;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}.hslot.blessed,.tile.blessed,#fcard .vtile.blessed{border-color:#ffcf4a;box-shadow:0 0 12px #ffcf4a88,inset 0 0 8px #ffcf4a33}#fcard .vtile.blessed:after{content:"✨";position:absolute;top:2px;right:4px;font-size:10px}#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:11px;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;gap:12px;padding:24px;overflow-y:auto;background:radial-gradient(ellipse 62% 50% at 50% 28%,#241f1e,#16171d 58%,var(--bg))}#sigil{margin:auto 0 -10px;display:block;width:420px;max-width:100%}#menu h1{font-size:25px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}#menu h1 b{color:var(--amber);font-weight:800}#menu .tagline{font-size:12px;color:var(--dim);text-align:center;margin-bottom:4px}.mpanel{width:452px;max-width:100%;display:flex;flex-direction:column;gap:12px;flex:none;margin-bottom:auto;background:#10121899;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--edge);border-radius:16px;padding:20px}.mfield,#joinRow,#optionsRow,.lhead,.lfoot,.lcopy{display:flex;gap:10px;align-items:center}.mpanel input{flex:1;min-width:0;background:#12141a;border:1px solid var(--edge);color:var(--ink);border-radius:6px;padding:7px 10px}#joinCode,#seedIn,#lobbySeed b,#roomCodeOut{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}#joinCode{letter-spacing:.22em;text-transform:uppercase}#menuActions{display:flex;gap:10px}#menuActions button{flex:1;padding:11px 6px;border:0;border-radius:8px;font-weight:700;font-size:13px}#btnSolo{background:var(--amber);color:#241a08}#btnHost{background:#1b2432;color:var(--blue);box-shadow:inset 0 0 0 1px #6fa8ff55}#joinRow button{background:#3a4152;color:var(--ink);border:0;border-radius:6px;padding:8px 14px;font-weight:700;font-size:12px}#joinRow,#optionsRow{border-top:1px solid var(--edge);padding-top:12px}#optionsRow button,.lcopy button{background:#262a34;color:var(--ink);border:1px solid var(--edge);border-radius:6px;padding:6px 12px;font-size:12px}#menuStatus{font-size:12px;color:var(--dim);text-align:center}#menuStatus:empty{display:none}#menuStatus.warn{color:var(--hot)}.lhead{justify-content:space-between}#lobbySeed{display:flex;gap:6px;align-items:baseline}#lobbySeed b{color:var(--amber);font-size:12px;letter-spacing:.06em}#codeSlab{display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--panel2);border:1px solid var(--edge);border-radius:12px;padding:14px}#roomCodeOut{font-size:34px;font-weight:800;line-height:1.1;letter-spacing:.3em;text-indent:.3em;color:var(--amber)}#roster{display:flex;flex-direction:column;gap:8px}.rslot{display:flex;gap:10px;align-items:center;height:38px;padding:0 12px;border:2px dashed #3a3f4d;border-radius:10px;font-size:13px;color:var(--dim)}.rslot.filled{border-style:solid;border-color:var(--edge);background:var(--panel2);color:var(--ink)}.rslot .dot{flex:none;width:9px;height:9px;border-radius:50%}.rslot .rname{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rslot .rtag{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}.lfoot{border-top:1px solid var(--edge);padding-top:12px}#btnLaunch{flex:1;padding:12px;background:var(--amber);color:#241a08;border:0;border-radius:8px;font-weight:700}#lobbyWait{flex:1;font-size:12px;color:var(--dim)}.mghost{background:none;border:1px solid var(--edge);color:var(--dim);border-radius:6px;padding:8px 14px;font-size:12px}@media(max-width:520px){#menuActions{flex-direction:column}#menu h1{font-size:20px}#roomCodeOut{font-size:26px}#joinRow,#optionsRow{flex-wrap:wrap}#joinRow input,#optionsRow input{flex:1 0 55%}#joinRow button{flex:1 0 100%}#optionsRow button{flex:1 0 40%}}#toast{position:fixed;bottom:64px;right:12px;z-index:9;background:linear-gradient(160deg,#232733,#181b22);border:1px solid #4a5163;border-radius:10px;padding:12px 16px;display:flex;gap:12px;align-items:center;font-size:13px;opacity:0;transform:translateY(12px);transition:all .3s;pointer-events:none}#toast.show{opacity:1;transform:none}#toast b{color:var(--amber)}#vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;box-shadow:inset 0 0 130px 46px #e04a3a8c}#vignette.hit{animation:vignette-hit .3s ease-out}@keyframes vignette-hit{0%{opacity:1}to{opacity:0}}