@import "https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700;900&family=Inter:wght@400;600;800&display=swap";*{box-sizing:border-box}html,body{color:#f4ece2;background:#160709;height:100%;margin:0;font-family:Inter,system-ui,sans-serif;overflow:hidden}#game,#ui{position:fixed;inset:0}#ui{pointer-events:none}#ui .menu,#ui .menu *{pointer-events:auto}kbd{background:#ffffff1f;border:1px solid #ffffff30;border-radius:4px;padding:1px 6px;font:600 12px Inter,sans-serif;display:inline-block}.slowfx{opacity:0;mix-blend-mode:screen;background:radial-gradient(#0000 45%,#3a4cff55 100%);transition:opacity .25s;position:absolute;inset:0}.screen,.overlay{position:absolute;inset:0}.menu{background:radial-gradient(#1a0a0cb0 0%,#0c0405e8 70%);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.menu h1{color:#ffcf7a;text-shadow:0 0 30px #ff5a1a,0 4px #6a1d08;letter-spacing:2px;margin:0;font:900 clamp(48px,8vw,96px) Cinzel Decorative,serif}.menu .tag{opacity:.8;margin:0 0 18px}body.mouse-aim{cursor:crosshair}.menu .press{letter-spacing:3px;text-transform:uppercase;color:#ffe7c4;cursor:pointer;font:800 20px Inter,sans-serif;animation:1.4s ease-in-out infinite press-pulse;display:none}.menu.gated .press{display:block}.menu.gated>:not(h1,.tag,.press){display:none}@keyframes press-pulse{0%,to{opacity:.35}50%{opacity:1}}.menu button{color:#ffe7c4;cursor:pointer;background:#3a160c;border:2px solid #ffb04a;border-radius:10px;min-width:280px;padding:12px 26px;font:800 18px Inter,sans-serif}.menu button:hover{background:#5a2410}.menu button.quick{border-style:dashed}.menu button small{opacity:.65;font:600 11px Inter,sans-serif;display:block}.debugtag{color:#ffcf7a;background:#000a;border-radius:8px;padding:4px 10px;font:700 12px Inter,sans-serif;position:absolute;top:10px;left:50%;transform:translate(-50%)}.menu .join{gap:8px;display:flex}.menu .join input{text-transform:uppercase;text-align:center;letter-spacing:4px;color:#fff;background:#1a0a08;border:2px solid #ffb04a;border-radius:10px;width:110px;font:800 18px Inter,sans-serif}.menu .join button{min-width:162px}.menu .err{color:#ff7a6a;min-height:20px}.menu .help{opacity:.85;text-align:center;margin-top:8px;font-size:13px}.menu .help table{border-collapse:collapse;margin:0 auto}.menu .help th,.menu .help td{text-align:left;border-bottom:1px solid #ffffff18;padding:4px 12px}.menu .help th{color:#ffcf7a}.select{background:linear-gradient(#0c0405e0,#0c0405c8 40%,#0c0405e8);flex-direction:column;gap:1vh;padding:0 22px 8px;display:flex;position:absolute;inset:0}.select header{grid-template-columns:1fr auto 1fr;align-items:center;padding:10px 6px 0;display:grid}.select .title{color:#ffcf7a;text-shadow:0 0 18px #ff5a1a;font:900 clamp(20px,2.4vw,32px) Cinzel Decorative,serif}.select .timer{text-align:center;text-shadow:0 0 16px #ff8a2a;min-width:120px;font:800 clamp(32px,5vh,52px)/1 Inter,sans-serif}.select .timer.urgent{color:#ff6a4a;animation:.5s infinite alternate pulse}.select .timer.waiting{opacity:.8;font-size:20px}.select .right{text-align:right}.select .room{font-size:16px}.select .room b{letter-spacing:5px;color:#ffcf7a;margin-left:8px;font-size:26px}.select .status{opacity:.7;font-size:12px}.group h3{letter-spacing:2px;text-transform:uppercase;color:#ffcf7a;margin:0 0 .6vh;font:800 13px Inter,sans-serif}.group h3 small{letter-spacing:0;text-transform:none;color:#f4ece2;opacity:.6;margin-left:12px;font-weight:600}.group h3 kbd{padding:0 4px;font-size:10px}.tiles{justify-content:center;gap:10px;margin-bottom:6px;display:flex}.tile{--gap:10px;width:calc((100% - 4 * var(--gap)) / 5);background:#1d0f0ed8;border:1px solid #ffffff1c;border-radius:10px;align-items:center;gap:10px;padding:6px 10px;transition:box-shadow 80ms;display:flex;position:relative}.tile .tname{font:800 14px Inter,sans-serif}.tile .desc{opacity:.65;font-size:11px;line-height:1.2}.tile .chips{gap:3px;display:flex;position:absolute;bottom:4px;right:6px}.chip{background:var(--c);color:#fff;text-shadow:0 1px #0008;border-radius:6px;padding:1px 5px;font:800 10px Inter,sans-serif}.votes{opacity:.8;align-self:center;margin-left:4px;font:700 10px Inter,sans-serif}.g-wizard .tile{width:calc((100% - 7 * var(--gap)) / 8);padding:4px}.t-wizard{background:linear-gradient(180deg, color-mix(in srgb, var(--w) 35%, #1d0f0e) 0%, #1d0f0ed8 100%);flex-direction:column;gap:2px;padding:6px}.t-wizard .wicon{height:clamp(38px,7vh,84px)}.t-wizard .ttitle{opacity:.65;text-transform:uppercase;letter-spacing:1px;font-size:10px}.wicon.portrait{aspect-ratio:1;object-fit:cover;border-radius:8px}.t-wizard .tname{color:var(--w);filter:brightness(1.5)}.t-wizard.taken{opacity:.9}.t-wizard .chips{top:6px;bottom:auto}.spell-grid{grid-template-columns:repeat(8,1fr);gap:8px;margin-bottom:8px;display:grid}.spell-group{flex-direction:column;gap:3px;display:flex}.sg-name{letter-spacing:1.5px;text-transform:uppercase;color:#ffcf7a;opacity:.85;padding-left:4px;font:800 11px Inter,sans-serif}.sg-cards{flex:1;gap:8px;display:grid}.card-spell{background:#1d0f0ed8;border:1px solid #ffffff1c;border-radius:10px;flex-direction:column;gap:3px;height:clamp(76px,12vh,128px);padding:6px 8px 5px;display:flex;position:relative;overflow:visible}.card-spell.sel{background:#2d1a17ee}.cs-top{align-items:center;gap:7px;display:flex}.card-spell .sicon{flex:none;width:36px;height:36px}.cs-name{font:800 13px/1.15 Inter,sans-serif}.cs-charges{letter-spacing:2px;color:#ffcf7a;opacity:.8;font-size:8px;display:block}.card-spell .desc{opacity:.7;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:10.5px;line-height:1.25;display:-webkit-box;overflow:hidden}.card-spell .chips{justify-content:flex-end;min-height:15px;margin-top:auto;position:static}.card-spell .cur.c0{top:-8px;left:-6px}.card-spell .cur.c1{top:-8px;right:-6px}.card-spell .cur.c2{bottom:-8px;left:-6px}.card-spell .cur.c3{bottom:-8px;right:-6px}.sp .pips{background:#000a;border-radius:4px;gap:2px;padding:1px 2px;display:flex;position:absolute;bottom:2px;left:2px}.sp .pips i{background:#ffffff38;border-radius:3px;width:6px;height:6px}.sp .pips i.on{background:#ffe07a;box-shadow:0 0 3px #ffb030}.pspell .picon{width:20px;height:20px}.pspell i{opacity:.65;font-size:11px;font-style:normal}.t-stage{text-shadow:0 2px 4px #000;background-size:cover;justify-content:center;min-height:clamp(34px,6vh,72px)}.t-stage.stage-lava_rocks{background:radial-gradient(at 50% 120%,#ff7a1a 0%,#8a1d06 45%,#2a0c08 80%)}.t-stage.stage-lava_rocks:before{content:"";opacity:.8;background:#3a332f;border:3px solid #6e625a;border-bottom:none;border-radius:3px;position:absolute;inset:22% 18%}.t-stage.stage-village{background:radial-gradient(at 50% 110%,#fff 0%,#bcd6f2 35%,#6f9fd6 75%)}.t-stage.stage-village:before{content:"";opacity:.85;background:#9c8a72;border-radius:4px;position:absolute;inset:24% 20% 30%;box-shadow:inset 0 -6px #6e5c46,18px -10px 0 -6px #b4553c,-16px -8px 0 -6px #b4553c}.t-stage.stage-space{background:radial-gradient(circle at 75% 30%,#fff 0 1px,#0000 2px),radial-gradient(circle at 20% 70%,#fff 0 1px,#0000 2px),radial-gradient(circle at 55% 80%,#cfe0ff 0 1px,#0000 2px),radial-gradient(at 30% 30%,#5a2a8a 0%,#160c32 55%,#05040c 100%)}.t-stage.stage-space:before{content:"";background:#3a4258;border-top:2px solid #5ae0ff;width:22%;height:16%;position:absolute;top:42%;left:22%;box-shadow:70px -14px 0 -2px #3a4258,34px 16px 0 -4px #3a4258}.t-stage.stage-random{background:repeating-linear-gradient(45deg,#2a1414,#2a1414 10px,#331a18 10px 20px)}.t-stage .tname{font-size:15px;position:relative}.cur{background:var(--c);color:#fff;z-index:2;border-radius:8px;padding:1px 6px;font:900 11px Inter,sans-serif;animation:.5s ease-in-out infinite alternate bob;position:absolute;box-shadow:0 2px 6px #000a}.cur.c0{top:-10px;left:-8px}.cur.c1{top:-10px;right:-8px}.cur.c2{bottom:-10px;left:-8px}.cur.c3{bottom:-10px;right:-8px}.panels{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:auto;display:grid}.panel{border:3px solid var(--c);box-shadow:0 0 18px color-mix(in srgb, var(--c) 35%, transparent);background:#1b0d0cdd;border-radius:12px;gap:10px;padding:6px 10px;display:flex;position:relative}.panel.ready{box-shadow:0 0 34px var(--c)}.panel.empty{box-shadow:none;background:#0c040570;border:3px dashed #ffffff30;flex-direction:column;justify-content:center;align-items:center}.panel.empty .pnum{opacity:.4;font-size:26px}.pwiz .wicon{height:clamp(48px,8vh,72px)}.pbody{flex:1;min-width:0}.phead{align-items:baseline;gap:8px;display:flex}.pnum{color:var(--c);filter:brightness(1.4);font:900 20px Inter,sans-serif}.wizname{color:var(--c);filter:brightness(1.5);font:800 15px Inter,sans-serif}.dev{opacity:.55;margin-bottom:3px;font-size:11px}.wins{color:#ffcf4a;margin-left:auto}.pspell{align-items:center;gap:6px;font-size:13px;font-weight:600;line-height:1.5;display:flex}.pspell .btn{background:#fff2;border-radius:9px;justify-content:center;align-items:center;min-width:20px;height:18px;font:800 10px Inter,sans-serif;display:inline-flex}.pstage{opacity:.7;margin-top:2px;font-size:11px}.pready{color:#7aff9a;text-shadow:0 0 10px #2aff6a;font:900 15px Inter,sans-serif;position:absolute;top:8px;right:10px}.joinhint{opacity:.6;animation:1s infinite alternate pulse}.select footer{text-align:center;opacity:.75;font-size:12px}.menu .help .alt{opacity:.55;font-size:11px}.xb{color:#fff;text-shadow:0 1px 1px #0008;vertical-align:middle;border-radius:50%;flex:none;justify-content:center;align-items:center;width:18px;height:18px;font:900 11px Inter,sans-serif;display:inline-flex;box-shadow:inset 0 -2px #0004,0 1px 2px #000a}.xb-a{background:#3fae3f}.xb-b{background:#d93c3c}.xb-x{background:#2f74d6}.xb-y{color:#2a2000;text-shadow:none;background:#e9b10e}.xb-sh{color:#fff;vertical-align:middle;background:#3a3a40;border:1px solid #ffffff40;justify-content:center;align-items:center;height:16px;padding:0 5px;font:900 9px Inter,sans-serif;display:inline-flex;box-shadow:0 1px 2px #000a}.xb-sh.bump{border-radius:8px 8px 4px 4px;min-width:22px}.xb-sh.trig{border-radius:9px 9px 3px 3px;min-width:20px;height:18px}.xb-menu{vertical-align:middle;box-sizing:border-box;background:#3a3a40;border:1px solid #ffffff40;border-radius:50%;flex-direction:column;justify-content:center;gap:2px;width:18px;height:18px;padding:0 4px;display:inline-flex}.xb-menu i{background:#fff;border-radius:1px;height:2px;display:block}.xb-stick{color:#fff;vertical-align:middle;background:radial-gradient(circle,#55555c 45%,#2a2a30 47%);border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font:900 9px Inter,sans-serif;display:inline-flex}kbd.key{box-sizing:border-box;color:#2a2420;vertical-align:middle;min-width:18px;height:18px;text-shadow:none;background:linear-gradient(#f2eee8,#d6d0c6);border:1px solid #8c857c;border-bottom-width:3px;border-radius:4px;flex:none;justify-content:center;align-items:center;padding:0 4px;font:800 10px Inter,sans-serif;display:inline-flex}.or{opacity:.5;margin:0 3px}.menu .help td .xb,.menu .help td .key,.menu .help td .xb-sh{margin-right:3px}.ld{--row:24px;grid-template-columns:1fr auto 1fr;grid-template-rows:repeat(3, var(--row));grid-template-areas:"y pad.""x pad b"".pad a";align-items:center;column-gap:4px;display:grid}.ld-arm{align-items:center;gap:3px;min-width:0;display:flex}.ld-y{text-align:right;flex-direction:row-reverse;grid-area:y;justify-self:end}.ld-x{text-align:right;flex-direction:row-reverse;grid-area:x;justify-self:end}.ld-b{flex-direction:row;grid-area:b;justify-self:start}.ld-a{flex-direction:row;grid-area:a;justify-self:start}.ldi{width:calc(var(--row) - 2px);height:calc(var(--row) - 2px);background:#ffffff14;border-radius:6px;flex:none;position:relative;overflow:hidden}.ldi-img{width:100%;height:100%;display:block}.ldi.cooling .ldi-img{filter:grayscale(.6)brightness(.8)}.ldi .cd{background:#000000a8;position:absolute;bottom:0;left:0;right:0}.ldi .pips{justify-content:center;gap:1px;display:flex;position:absolute;bottom:1px;left:1px;right:1px}.ldi .pips i{background:#ffffff38;border-radius:2px;width:4px;height:4px}.ldi .pips i.on{background:#ffe07a;box-shadow:0 0 3px #ffb030}.ldn{white-space:nowrap;text-overflow:ellipsis;max-width:96px;font:700 clamp(8.5px,.75vw,11px)/1.1 Inter,sans-serif;overflow:hidden}.ldn i{opacity:.65;font-style:normal}.ld-pad{width:46px;height:calc(var(--row) * 3);grid-area:pad;position:relative}.ldb{display:flex;position:absolute;transform:translate(-50%,-50%)}.ldb-y{top:16.7%;left:50%}.ldb-x{top:50%;left:17%}.ldb-b{top:50%;left:83%}.ldb-a{top:83.3%;left:50%}.ld-pad .xb,.ld-pad kbd.key{width:16px;min-width:16px;height:16px;padding:0;font-size:9px}.panel .ld{--row:21px;margin-top:2px}.reticles{pointer-events:none;z-index:50;position:fixed;inset:0}.reticle{width:0;height:0;transition:opacity .2s;position:absolute;top:0;left:0}.reticle .ring{box-sizing:border-box;border:3px solid var(--c);width:32px;height:32px;box-shadow:0 0 0 1.5px #000a, inset 0 0 0 1.5px #000a, 0 0 14px var(--c);border-radius:50%;position:absolute;top:-16px;left:-16px}.reticle .ring:before,.reticle .ring:after{content:"";background:var(--c);position:absolute;box-shadow:0 0 0 1px #000a}.reticle .ring:before{width:2px;margin-left:-1px;top:-8px;bottom:-8px;left:50%}.reticle .ring:after{height:2px;margin-top:-1px;top:50%;left:-8px;right:-8px}.reticle .dot{background:var(--c);border-radius:50%;width:6px;height:6px;position:absolute;top:-3px;left:-3px;box-shadow:0 0 0 1.5px #000a}.reticle .rlabel{background:var(--c);color:#fff;text-shadow:0 1px 1px #0008;white-space:nowrap;border-radius:8px;padding:1px 6px;font:900 11px Inter,sans-serif;position:absolute;top:12px;left:13px;box-shadow:0 2px 6px #000a}.reticle.idle{opacity:.55}body.select-cursor,body.select-cursor *{cursor:none!important}.menu button.focus{outline-offset:2px;outline:3px solid #ffe07a;box-shadow:0 0 22px #ffb04a}.hud{justify-content:center;gap:16px;display:flex;position:absolute;bottom:14px;left:0;right:0}.card{border:2px solid var(--c);background:#12080ad8;border-radius:12px;width:clamp(190px,22vw,270px);padding:6px 8px 7px;position:relative}.card .ld{margin-top:6px}.card.dead{opacity:.45;filter:grayscale(.7)}.cname{color:var(--c);filter:brightness(1.5);font:800 13px Inter,sans-serif}.dmg{text-shadow:0 2px #000;font:900 34px Inter,sans-serif;position:absolute;top:2px;right:10px}.dmg small{font-size:16px}.spells{gap:6px;margin-top:8px;display:flex}.sp{background:#ffffff14;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;display:flex;position:relative;overflow:hidden}.sp .ic{width:100%;height:100%;display:block}.sp .b{text-shadow:0 1px 2px #000,0 0 3px #000;font:800 10px Inter,sans-serif;position:absolute;bottom:0;right:2px}.sp .cd{background:#000000a8;position:absolute;bottom:0;left:0;right:0}.shieldbar{background:#ffffff18;border-radius:3px;height:5px;margin-top:6px;overflow:hidden}.shieldbar div{background:#7ac8ff;height:100%}.cstatus{color:#bfe8ff;min-height:14px;margin-top:3px;font:800 11px Inter,sans-serif}.banner{text-align:center;color:#ffe7c4;text-shadow:0 0 30px #ff6a1a,0 4px #000;font:900 72px Cinzel Decorative,serif;animation:.25s ease-out pop;position:absolute;top:34%;left:0;right:0}.banner.fight{color:#fff;font-size:96px}.banner.result{color:var(--c);filter:brightness(1.3)}.banner small{color:#f4ece2;text-shadow:none;opacity:.8;margin-top:8px;font:600 18px Inter,sans-serif;display:block}@keyframes bob{0%{transform:translateY(0)}to{transform:translateY(-3px)}}.banner.ko{color:#fff;font-size:64px;top:20%}.banner.count{color:#fff;font-size:120px}.ko-who{text-align:center;color:#f4ece2;text-shadow:0 2px #000,0 0 14px #000;font:800 26px Inter,sans-serif;animation:.25s ease-out pop;position:absolute;top:calc(20% + 84px);left:0;right:0}.ko-who.final{top:calc(34% + 104px)}.ko-who b{filter:brightness(1.35)}.ko-who b.npc{color:#ffb070}.ko-who .ko-by{opacity:.9;margin-top:4px;font-size:20px;display:block}.banner.final{color:#ffe07a;text-shadow:0 0 40px #ff6a1a,0 4px #000;letter-spacing:3px;font-size:84px}.reel{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 70px 60px -40px #000c,inset 0 -150px 80px -60px #000c}.reel-top{letter-spacing:1px;justify-content:space-between;font:800 16px Inter,sans-serif;display:flex;position:absolute;top:14px;left:20px;right:20px}.reel-tag{color:#ff5a5a;animation:.8s infinite alternate pulse}.reel-win{color:#fff}.reel-cap{text-align:center;color:#fff;text-shadow:0 0 24px #000,0 3px #000;font:900 clamp(26px,4vw,44px) Cinzel Decorative,serif;position:absolute;top:12%;left:0;right:0}.reel-skip{opacity:.7;font-size:12px;position:absolute;top:44px;right:20px}@keyframes pulse{0%{opacity:.55}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(1.6)}to{opacity:1;transform:scale(1)}}@media (width<=1150px){.panel .pwiz{display:none}}#ui .loading{z-index:60;color:#ffe7c4;opacity:0;pointer-events:none;background:#12080ae8;border:1px solid #ffb04a66;border-radius:18px;align-items:center;gap:8px;padding:7px 12px 9px;font:700 12px Inter,sans-serif;transition:opacity .25s,transform .25s;display:flex;position:fixed;bottom:16px;right:16px;transform:translateY(8px);box-shadow:0 4px 18px #000a}#ui .loading.on{opacity:1;transform:none}#ui .loading .lbar{background:#ffffff1a;border-radius:1px;height:2px;position:absolute;bottom:4px;left:12px;right:12px;overflow:hidden}#ui .loading .lbar div{background:linear-gradient(90deg,#ff8a2a,#ffe07a);height:100%;transition:width .3s}.spin{border:2px solid #ffb04a44;border-top-color:#ffb04a;border-radius:50%;flex:none;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#ui .audio-state{z-index:60;color:#f4ece2b0;pointer-events:none;background:#12080ad0;border:1px solid #ffffff26;border-radius:12px;align-items:center;gap:4px;padding:3px 10px;font:700 11px Inter,sans-serif;display:none;position:fixed;top:10px;right:14px}#ui .audio-state.on{display:flex}#ui .audio-state kbd{padding:0 4px;font-size:10px}#ui .toast{z-index:70;color:#ffe7c4;opacity:0;pointer-events:none;background:#12080ae8;border:1px solid #ffb04a66;border-radius:20px;padding:8px 18px;font:800 15px Inter,sans-serif;transition:opacity .2s,transform .2s;position:fixed;top:18%;left:50%;transform:translate(-50%,-6px)}#ui .toast.on{opacity:1;transform:translate(-50%)}