:root{--ink:#2a3cb8;--red:#c42638;--green:#2c9a4c;--paper:#f7f3e8;--rule:#b3c8ea;--cross:#2a3cb8;--hud:1}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{color:var(--ink);background-color:var(--paper);background-image:linear-gradient(90deg, transparent 78px, #e38080 78px, #e38080 80px, transparent 80px), repeating-linear-gradient(var(--paper) 0 31px, var(--rule) 31px 32px);-webkit-user-select:none;user-select:none;font-family:Patrick Hand,Comic Sans MS,cursive}#game{width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}#hud{pointer-events:none;position:fixed;inset:0}#hud>div{position:absolute;inset:0}#panels{font-size:calc(22px * var(--hud))}#score{top:calc(12px * var(--hud));left:calc(96px * var(--hud));font-size:1.2em;position:absolute}#waveBox{top:calc(12px * var(--hud));right:calc(24px * var(--hud));text-align:right;font-size:1.2em;position:absolute}#left{color:var(--red);font-size:.75em}#combo{top:calc(48px * var(--hud));left:calc(96px * var(--hud));color:var(--red);opacity:0;font-size:1em;transition:opacity .2s;position:absolute}#banner{text-align:center;opacity:0;font-family:Gaegu,cursive;transition:opacity .4s;position:absolute;top:22%;left:0;right:0}#banner.show{opacity:1}#bannerTitle{font-size:3.4em;font-weight:700;line-height:1}#bannerSub{color:var(--red);font-size:1.2em}#hint{left:0;right:0;bottom:calc(120px * var(--hud));text-align:center;opacity:.85;font-size:.9em;position:absolute}#hpWrap{left:calc(96px * var(--hud));bottom:calc(58px * var(--hud));align-items:center;gap:.45em;display:flex;position:absolute}#hpBar{border:2px solid var(--ink);background:var(--paper);border-radius:6px 3px 7px 4px;width:11em;height:.8em;overflow:hidden}#hpFill{background:repeating-linear-gradient(-55deg, var(--ink) 0 3px, transparent 3px 7px);width:100%;height:100%;transition:width .15s}#hpFill.low{background:repeating-linear-gradient(-55deg, var(--red) 0 3px, transparent 3px 7px)}#extras{left:calc(96px * var(--hud));bottom:calc(22px * var(--hud));align-items:center;gap:1.1em;font-size:.82em;display:flex;position:absolute}#nades{letter-spacing:4px;font-size:1.2em}#gaugeWrap{align-items:center;gap:.4em;display:flex}#gauge{border:2px solid var(--ink);border-radius:4px;width:5em;height:.6em;overflow:hidden}#gaugeFill{background:var(--red);width:0;height:100%}#gaugeWrap.full{color:var(--red);animation:.6s infinite alternate pulse}@keyframes pulse{to{transform:scale(1.08)}}#weapons{right:calc(24px * var(--hud));bottom:calc(104px * var(--hud));text-align:right;font-size:.82em;line-height:1.35;position:absolute}#weapons div{opacity:.5}#weapons div.on{opacity:1;border-bottom:2px solid var(--ink);font-size:1.2em}#weapons span{min-width:3.4em;display:inline-block}#wname{right:calc(24px * var(--hud));bottom:calc(42px * var(--hud));font-family:Gaegu,cursive;font-size:1.75em;font-weight:700;position:absolute}#wsub{right:calc(24px * var(--hud));bottom:calc(18px * var(--hud));color:var(--red);font-size:.82em;position:absolute}#cross{color:var(--cross);line-height:0;transition:transform .12s,opacity .12s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#cross svg{overflow:visible}#cross.grapple{color:var(--green)}#cross.grapple svg circle:first-child{stroke-dasharray:4 3}#cross.ads{transform:translate(-50%,-50%)scale(.5)}#cross.hide{opacity:0}#hitmark{opacity:0;color:var(--ink);line-height:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8)}#hitmark.kill{color:var(--red);transform:translate(-50%,-50%)scale(1.15)}#dmgDir{opacity:0;width:220px;height:220px;margin:-110px 0 0 -110px;line-height:0;position:absolute;top:50%;left:50%}#scope{background:radial-gradient(circle at center, transparent 0 33vh, var(--ink) calc(33vh + 2px), var(--paper) calc(33vh + 4px));display:none;position:absolute;inset:0}#scope:before,#scope:after{content:"";background:var(--ink);position:absolute}#scope:before{width:2px;top:17vh;bottom:17vh;left:50%}#scope:after{height:2px;top:50%;left:calc(50% - 33vh);right:calc(50% - 33vh)}#scope.on{display:block}#hurt{opacity:0;position:absolute;inset:0;box-shadow:inset 0 0 140px 40px #c426388c}#flash{opacity:0;background:#fff;position:absolute;inset:0}#killcam{display:none;position:absolute;inset:0}#killcam.on{display:block}.kcBar{background:var(--paper);height:9vh;position:absolute;left:0;right:0}.kcBar.top{border-bottom:3px solid var(--ink);top:0}.kcBar.bot{border-top:3px solid var(--ink);bottom:0}#kcLabel{text-align:center;white-space:nowrap;border:2px solid var(--ink);color:var(--ink);text-shadow:0 0 4px var(--paper), 0 0 4px var(--paper);background:#f7f3e8f0;border-radius:12px 7px 13px 8px;padding:2px 18px 4px;font-family:Gaegu,cursive;font-size:30px;font-weight:700;position:absolute;bottom:calc(9vh + 12px);left:50%;transform:translate(-50%)}#kcLabel b{color:var(--red)}.wico{vertical-align:-6px;width:auto;height:26px;margin:0 6px 0 2px;overflow:visible}#kcLabel small{opacity:.8;font-family:Patrick Hand,cursive;font-size:18px;font-weight:400;display:block}#kcTop{text-align:center;letter-spacing:4px;color:var(--red);font-family:Gaegu,cursive;font-size:26px;font-weight:700;position:absolute;top:2.4vh;left:0;right:0}#hud.kc #panels,#hud.kc #center{visibility:hidden}#hud.kc #hurt{opacity:0!important}#dmgLayer{pointer-events:none;position:fixed;inset:0;overflow:hidden}.dn{color:var(--ink);white-space:nowrap;will-change:transform, opacity;text-shadow:0 0 3px var(--paper), 0 0 3px var(--paper);font-family:Gaegu,cursive;font-size:22px;font-weight:700;position:absolute;top:0;left:0}.dn.head{color:var(--red);font-size:28px}.dn.kill{color:var(--red);font-size:32px}.overlay{background:#f7f3e859;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow:auto}.card{background:var(--paper);border:3px solid var(--ink);text-align:center;border-radius:14px 8px 16px 10px;width:100%;max-width:780px;margin:auto;padding:24px 36px;transform:rotate(-.4deg);box-shadow:6px 7px #2a3cb82e}.card.small{max-width:420px}h1{letter-spacing:2px;margin:0;font-family:Gaegu,cursive;font-size:72px;font-weight:700;line-height:1}h2{margin:0 0 12px;font-family:Gaegu,cursive;font-size:56px;font-weight:700}h3{border-bottom:2px solid var(--ink);margin:6px 0;font-size:22px;display:inline-block}.tag{margin:4px 0 16px;font-size:24px}button{color:var(--paper);background:var(--ink);cursor:pointer;border:0;border-radius:10px 6px 12px 7px;margin:8px auto;padding:10px 28px;font-family:inherit;transition:transform .1s;display:block;box-shadow:3px 4px #0003}button:hover{transform:rotate(-1deg)scale(1.03)}button.big{min-width:260px;font-size:40px;line-height:1.1}button.big small{opacity:.85;font-size:15px;display:block}button.alt{color:var(--ink);border:2px solid var(--ink);box-shadow:none;background:0 0;font-size:20px}.btnrow{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btnrow button{margin:4px 0}#best{color:var(--red);min-height:1em;margin:4px 0;font-size:20px}#pauseMsg{color:var(--red);min-height:1em;margin:0 0 6px;font-size:18px}hr{border:0;border-top:2px solid var(--ink);opacity:.6;margin:14px 0}.cols{text-align:left;grid-template-columns:1fr 1fr;gap:20px;display:grid}.cols p{margin:4px 0;font-size:18px}.cols b{color:var(--red);font-weight:400}#overStats{font-size:24px;line-height:1.4}#settings .card{max-width:860px}.setgrid{text-align:left;grid-template-columns:1fr 1fr;gap:28px;display:grid}.setgrid h3{margin-bottom:10px}.row{justify-content:space-between;align-items:center;gap:12px;min-height:34px;margin:9px 0;font-size:18px;display:flex}.row>span{flex:1}.row input[type=range]{width:140px;accent-color:var(--ink)}.row b{text-align:right;min-width:44px;color:var(--red);font-weight:400}.row input[type=checkbox]{width:20px;height:20px;accent-color:var(--ink)}.seg{border:2px solid var(--ink);border-radius:8px 5px 9px 6px;display:flex;overflow:hidden}.seg button{box-shadow:none;color:var(--ink);white-space:nowrap;background:0 0;border-radius:0;align-items:center;height:32px;margin:0;padding:4px 11px;font-size:17px;line-height:0;display:flex}.seg button+button{border-left:2px solid var(--ink)}.seg button.on{background:var(--ink);color:var(--paper)}.seg button:hover{transform:none}.swatches{gap:7px;display:flex}.swatches button{border:2px solid var(--paper);width:26px;height:26px;box-shadow:0 0 0 2px var(--ink);border-radius:50%;margin:0;padding:0}.swatches button.on{box-shadow:0 0 0 2px var(--paper), 0 0 0 4px var(--ink);transform:scale(1.1)}.note{color:var(--red);min-height:1em;margin:-4px 0 6px;font-size:15px}.preview{border:2px dashed var(--ink);width:200px;height:90px;color:var(--cross);background:repeating-linear-gradient(var(--paper) 0 17px, var(--rule) 17px 18px);border-radius:10px;justify-content:center;align-items:center;margin:14px auto 4px;line-height:0;display:flex}.skins{flex-wrap:wrap;justify-content:center;gap:18px;margin:14px 0 6px;display:flex}.skin{background:var(--paper);color:var(--ink);border:2px solid var(--ink);background-image:repeating-linear-gradient(var(--paper) 0 23px, var(--rule) 23px 24px);border-radius:12px 7px 13px 8px;flex-direction:column;align-items:center;width:210px;margin:0;padding:10px 10px 8px;font-size:24px;line-height:1.1;display:flex;box-shadow:3px 4px #2a3cb826}.skin img,.skin canvas.pic{object-fit:contain;width:180px;height:180px}.skin span{opacity:.8;margin-top:2px;font-size:15px}.skin small{color:var(--red);min-height:1.2em;margin-top:4px;font-size:15px}.skin.on{box-shadow:0 0 0 3px var(--paper), 0 0 0 5px var(--red);border-width:3px}#locker .note{margin:0 0 8px}.skin .nm{align-items:center;gap:6px;display:flex}.rico{vertical-align:-3px;flex:none;width:18px;height:18px}.skin .rarw{letter-spacing:1px;text-transform:uppercase;opacity:.75;margin-top:2px;font-size:12px;font-style:normal}.skin.legendary .rarw{color:var(--red);opacity:1}.skin.mythic{border-color:#7a3fd0}.skin.mythic .rarw{color:#7a3fd0;opacity:1}.skin.locked{cursor:default}.skin.locked:hover{transform:none}.skin.locked img,.skin.locked canvas.pic{filter:grayscale()opacity(.35)}.skin .lock{opacity:1;color:var(--red);margin-top:4px;font-size:14px}.achs{text-align:left;max-width:620px;margin:10px auto 6px}.achStats{text-align:center;margin:4px 0 8px;font-size:16px}.ach{border-bottom:1px dashed var(--rule);grid-template-columns:26px 1fr 96px;align-items:center;gap:10px;padding:6px 0;font-size:19px;line-height:1.15;display:grid}.ach .tick{color:var(--red);text-align:center;font-size:22px}.ach small{opacity:.8;font-size:14px;display:block}.ach small.reward{color:var(--red);opacity:1}.ach .prog{text-align:right;font-size:15px}.ach .bar{border:1.5px solid var(--ink);border-radius:4px;height:7px;margin-top:3px;overflow:hidden}.ach .bar i{background:var(--ink);height:100%;display:block}.ach.done .bar i{background:var(--red)}#adminBtn{opacity:.6;margin:14px auto 0;padding:2px 12px;font-size:14px}#toasts{z-index:50;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%)}.toast{background:var(--paper);color:var(--ink);border:3px solid var(--red);text-align:center;white-space:nowrap;border-radius:12px 7px 13px 8px;padding:8px 22px;font-size:21px;animation:6s forwards toast;box-shadow:4px 5px #00000026}.toast b{color:var(--red);letter-spacing:1px;font-weight:400}.toast small{font-size:15px;display:block}@keyframes toast{0%{opacity:0;transform:translateY(-20px)rotate(-1deg)}6%,85%{opacity:1;transform:none}to{opacity:0}}.legend{justify-content:center;gap:16px;margin:0 0 6px;font-size:15px;display:flex}.legend span{align-items:center;gap:4px;display:flex}.seg.tabs{margin:6px auto 4px;display:inline-flex}.seg.tabs button{height:36px;padding:4px 16px;font-size:19px}.pane{min-height:330px}.wpick{text-align:center;flex:0 0 100%;margin:-4px 0 4px}.wpick .seg{display:inline-flex}.wpick .seg button{height:40px;padding:4px 14px;font-size:18px}.wlabel{letter-spacing:1px;margin-bottom:4px;font-size:15px}.wlabel em{color:var(--red);letter-spacing:0;font-style:normal}.wstats{margin:6px 0 0;font-size:15px}.wstats b{color:var(--red);font-weight:400}#custom .card{max-width:860px}#custom .note{margin:0 0 10px}.lookGrid{text-align:left;grid-template-columns:250px 1fr;align-items:start;gap:26px;margin-bottom:10px;display:grid}.lookStage{text-align:center}#lookPreview{border:2px dashed var(--ink);background:repeating-linear-gradient(var(--paper) 0 23px, var(--rule) 23px 24px);border-radius:10px;width:240px;height:360px}#lookTurn{padding:4px 16px;font-size:17px}#lookBack{font-size:20px}.lrow{align-items:flex-start;gap:10px;margin:9px 0;font-size:18px;display:flex}.lrow>span{flex:none;width:92px;padding-top:3px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips button{box-shadow:none;color:var(--ink);border:2px solid var(--ink);background:0 0;border-radius:8px 5px 9px 6px;margin:0;padding:2px 11px;font-size:16px}.chips button.on{background:var(--ink);color:var(--paper)}.lrow .swatches{flex-wrap:wrap;gap:9px;padding:5px 0 0 3px}.swatches button.auto{background:repeating-linear-gradient(45deg, var(--paper) 0 4px, var(--ink) 4px 6px)}button.big.red{background:var(--red);font-size:30px}#lobby .card{max-width:780px}.lobbyGrid{text-align:left;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:8px;display:grid}#lobbyPlayers{margin:8px 0 12px;padding:0;font-size:20px;list-style:none}#lobbyPlayers li{border-bottom:1px dashed var(--rule);align-items:center;gap:6px;padding:3px 0;display:flex}#lobbyPlayers em,.board em{opacity:.7;font-size:15px}#lobbyStatus{min-height:1.2em}.kb{gap:4px;margin-left:auto;display:flex}.kb button,#banList button{box-shadow:none;color:var(--red);border:1.5px solid var(--red);background:0 0;border-radius:6px 4px 7px 5px;margin:0;padding:1px 8px;font-size:14px;line-height:1.3}#banList{text-align:left;margin:0 0 10px;font-size:15px}#banList .banned{align-items:center;gap:5px;margin:2px 10px 2px 4px;display:inline-flex}#pausePlayers{text-align:left;margin:4px 0 10px;padding:0;font-size:18px;list-style:none}#pausePlayers li{border-bottom:1px dashed var(--rule);align-items:center;gap:6px;padding:3px 0;display:flex}.swatch{border:2px solid var(--ink);vertical-align:-2px;border-radius:50%;flex:none;width:14px;height:14px;margin-right:6px;display:inline-block}#netName,#rooms input{color:var(--ink);background:var(--paper);border:2px solid var(--ink);border-radius:6px;width:150px;padding:3px 8px;font-family:inherit;font-size:18px}.invite{margin:6px 0;font-size:17px}#lobbyAddr code{color:var(--red);word-break:break-all;font-family:inherit;font-size:16px}#rooms .card{max-width:780px}#rooms .roomName{max-width:340px;margin:0 auto 6px}#rooms .big{min-width:200px;margin-top:8px;font-size:30px}#rooms em{opacity:.7;font-size:14px;font-style:normal}#joinCode{text-transform:uppercase;letter-spacing:2px}#roomsStatus{min-height:1.2em}.roomCode{letter-spacing:3px;color:var(--red);font-family:inherit;font-size:26px}button.alt.small{margin:2px 0 8px;padding:2px 10px;font-size:15px}#lobbyStart:disabled,.seg button:disabled{opacity:.55;cursor:default;transform:none}table.board{border-collapse:collapse;min-width:300px;margin:10px auto 0;font-size:19px}table.board th{border-bottom:2px solid var(--ink);letter-spacing:1px;padding:2px 10px;font-size:15px;font-weight:400}table.board td{border-bottom:1px dashed var(--rule);text-align:center;padding:3px 10px}table.board td:nth-child(2),#board td:first-child{text-align:left}#board{border:3px solid var(--ink);background:#f7f3e8f2;border-radius:12px 7px 13px 8px;padding:6px 16px 14px;position:absolute;top:16%;left:50%;transform:translate(-50%)}#board tr.me td{color:var(--red)}#feed{top:calc(96px * var(--hud));right:calc(24px * var(--hud));text-align:right;font-size:.82em;line-height:1.55;position:absolute}#feed b{color:var(--red);font-weight:400}#lobbyPlayers li.teamHead{letter-spacing:1px;border:0;justify-content:space-between;margin-top:6px;font-size:15px}#teamBtn{margin:0 0 10px;padding:4px 16px;font-size:17px}.rules{text-align:left;grid-template-columns:1fr 1fr;gap:2px 28px;margin:6px 0 4px;display:grid}.rrow{border-bottom:1px dashed var(--rule);justify-content:space-between;align-items:center;gap:8px;padding:3px 0;font-size:17px;display:flex}.rrow select{color:var(--ink);background:var(--paper);border:2px solid var(--ink);cursor:pointer;border-radius:6px 4px 7px 5px;padding:1px 4px;font-family:inherit;font-size:16px}.rrow select:disabled{cursor:default;opacity:1;border-style:dashed}.rrow.changed span{color:var(--red)}#rulesReset{margin:2px auto 10px;padding:3px 14px;font-size:16px}#weapons div.off{opacity:.22;text-decoration:line-through}.board th.team{text-align:left;padding-top:10px}#feed i{opacity:.6;font-size:.85em}@media (width<=700px){.cols,.setgrid,.lobbyGrid,.lookGrid,.rules{grid-template-columns:1fr}h1{font-size:48px}.card{padding:18px 16px}}button.big.green{background:var(--green);font-size:30px}#prompt{left:0;right:0;bottom:calc(250px * var(--hud));text-align:center;text-shadow:0 0 6px var(--paper,#f7f3e8), 0 0 2px var(--paper,#f7f3e8);font-size:1.15em;font-weight:700;position:absolute}#prompt.bad{color:var(--red)}#buffs{left:calc(96px * var(--hud));top:calc(72px * var(--hud));color:var(--red);font-size:.9em;font-weight:700;position:absolute}#spotifyBox{font-size:17px}#spotifyBox button{margin:4px 6px 4px 0;padding:5px 12px;font-size:17px}#spotifyBox button.link{box-shadow:none;color:var(--ink);opacity:.65;background:0 0;border:0;padding:0;font-size:14px;text-decoration:underline}.spNote{opacity:.85;margin:4px 0 6px;font-size:15px}.spRow{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.spRow input{min-width:0;font:inherit;border:2px solid var(--ink);background:var(--paper);color:var(--ink);border-radius:6px;flex:1;padding:4px 8px;font-size:15px}.spNow{align-items:center;gap:10px;margin:6px 0 8px;line-height:1.2;display:flex}.spNow img,.spNow .spDisc{border:2px solid var(--ink);border-radius:6px;flex:none;width:56px;height:56px}.spNow .spDisc{background:radial-gradient(circle, var(--paper) 18%, var(--ink) 20%);border-radius:50%}.spNow span{font-size:15px}.spNow em{opacity:.7;font-size:13px}.spPasteNote{z-index:100;background:var(--paper);max-width:min(560px,100% - 32px);color:var(--ink);border:2px solid var(--ink);border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;font-size:16px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.spPasteNote input{font:inherit;padding:4px 6px;font-size:13px}.spOpen{color:var(--ink);border:2px solid var(--ink);border-radius:8px;margin:2px 0 6px;padding:4px 10px;font-size:16px;text-decoration:none}.spOpen:hover{background:var(--ink);color:var(--paper)}
