@font-face{font-family:Inconsolata;font-weight:700;font-display:block;src:url(/jugar/kr/fonts/inconsolata-700.woff2)format("woff2")}@font-face{font-family:Orbitron;font-weight:400 900;font-display:swap;src:url(/jugar/kr/fonts/orbitron.woff2)format("woff2")}:root{--blue:#4a55ff;--red:#ff3b47;--ink:#f2f4ff;--muted:#a7aec8;--panel:#0d0f19e6;--line:#fff2;--display:Orbitron, "Arial Black", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;background:#05060a;margin:0;font:700 15px/1.35 Inconsolata,ui-monospace,monospace;overflow:hidden}#juego{width:100vw;height:100dvh;display:block}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}#ui>[hidden]{display:none!important}button{font:inherit;color:inherit;cursor:pointer}kbd{min-width:28px;height:26px;font:inherit;background:linear-gradient(#22263a,#151827);border:1px solid #ffffff3a;border-bottom-width:3px;border-radius:7px;place-items:center;margin:0 2px;padding:0 6px;font-size:13px;display:inline-grid}#gate{background:radial-gradient(circle at 30% 40%,#2a2fc033,#0000 50%),radial-gradient(circle at 70% 60%,#b8202b33,#0000 50%),#05060a;border:0;place-content:center;justify-items:center;gap:14px;display:grid;position:absolute;inset:0}#gate .sa{opacity:.9;filter:drop-shadow(0 0 18px #7d82ff88);width:72px;height:72px}#gate .logo,.brand h1{font:900 clamp(26px, 6vw, 58px) / 1 var(--display);letter-spacing:.08em;text-align:center;margin:0}#gate .logo b,.brand h1 b{color:#fff;font-weight:900}#gate .logo .k,.brand h1 .k{text-shadow:0 0 2px #fff, 0 0 22px var(--blue), 0 0 50px #2a2fc0}#gate .logo .r,.brand h1 .r{text-shadow:0 0 2px #fff, 0 0 22px var(--red), 0 0 50px #b8202b}#gate .tag{font:900 13px/1.6 var(--display);letter-spacing:.4em;background:linear-gradient(90deg, var(--blue), var(--red));border-radius:6px;padding:2px 12px}#gate .play{opacity:.35;border:3px solid #fff;border-radius:50%;place-items:center;width:84px;height:84px;margin-top:10px;padding-left:6px;font-size:34px;transition:opacity .2s,transform .2s,box-shadow .2s;display:grid}#gate.ready .play{opacity:1;box-shadow:0 0 0 8px #ffffff10,0 0 40px #7d82ff66}#gate.ready:hover .play{transform:scale(1.08)}#gate .hint{opacity:.75}#gate .load{background:#222;border-radius:2px;width:220px;height:4px;overflow:hidden}#gate.ready .load{visibility:hidden}#bar{background:linear-gradient(90deg, var(--blue), var(--red));width:0;height:100%;transition:width .15s;display:block}#menu{touch-action:pan-y;position:absolute;inset:0;overflow:auto}.screen{min-height:100%;padding:max(18px, env(safe-area-inset-top)) 16px max(18px, env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:14px;animation:.25s ease-out in;display:flex}@keyframes in{0%{opacity:0;transform:translateY(8px)}}.screen h2{font:900 clamp(20px, 3.4vw, 32px) / 1.1 var(--display);letter-spacing:.06em;text-transform:uppercase;text-align:center;text-shadow:0 2px 18px #000;margin:4px 0 2px}.back{border:1px solid var(--line);background:#0009;border-radius:999px;align-self:flex-start;min-height:38px;padding:0 14px}.hint{color:var(--muted);text-align:center;text-shadow:0 1px 8px #000;margin:0;font-size:13px}.link{color:var(--muted);background:0 0;border:0;text-decoration:underline}.s-title{background:radial-gradient(#05060a00 30%,#05060acc 85%);justify-content:center}.brand{justify-items:center;gap:8px;margin-bottom:6px;display:grid}.brand .sa{filter:drop-shadow(0 0 10px #fff5);width:44px;height:44px}.brand h1{flex-wrap:wrap;justify-content:center;gap:0 .4em;display:flex}.brand h1 .o{color:var(--muted);align-self:center;font-size:.6em}.brand .sub{font:900 12px/1.6 var(--display);letter-spacing:.35em;background:linear-gradient(90deg, var(--blue), var(--red));border-radius:6px;margin:0;padding:3px 14px}nav.main{gap:8px;width:min(380px,100%);display:grid}.mb{border:1px solid var(--line);background:var(--panel);text-align:left;border-radius:14px;flex-direction:column;align-items:flex-start;min-height:50px;padding:8px 18px;transition:transform .12s,border-color .12s,box-shadow .12s,background .12s;display:flex}.mb span{font:700 17px/1.2 var(--display);letter-spacing:.04em}.mb small{color:var(--muted);font-size:12px}.mb.primary{background:linear-gradient(100deg,#3d44ffdd,#ff3b47dd);border:0}.mb.primary small{color:#fffc}.mb.focus,.mb:focus-visible{border-color:#fff;outline:none;transform:translate(6px);box-shadow:0 0 0 2px #fff,0 0 30px #7d82ff55}.mb.on{border-color:#fff}.foot{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-top:8px;font-size:13px;display:flex}.foot a{color:var(--ink)}.select{grid-template-columns:minmax(200px,1fr) minmax(300px,1.3fr) minmax(200px,1fr);align-items:start;gap:14px;width:min(1180px,100%);display:grid}.grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.card{background:linear-gradient(180deg, color-mix(in srgb, var(--c) 22%, #0d0f19) 0%, #0d0f19ee 70%);border:2px solid #ffffff1c;border-radius:14px;justify-items:center;gap:2px;padding:10px 6px 8px;transition:transform .12s,border-color .12s,box-shadow .12s;display:grid;position:relative}.card img{aspect-ratio:1;filter:drop-shadow(0 6px 10px #000);width:100%;max-width:96px;height:auto}.card b{font:900 14px/1 var(--display);letter-spacing:.06em;color:var(--c);text-shadow:0 0 10px color-mix(in srgb, var(--c) 60%, transparent)}.card.at-blue,.card.at-red{border-color:var(--c);box-shadow:0 0 24px color-mix(in srgb, var(--c) 45%, transparent);transform:translateY(-3px)}.card.at-blue.at-red{border-image:linear-gradient(90deg, var(--blue), var(--red)) 1}.card em{font:900 11px/1.5 var(--display);color:#fff;border-radius:6px;padding:1px 8px;font-style:normal;position:absolute;top:-10px}.card .tag-blue{background:var(--blue);left:6px}.card .tag-red{background:var(--red);right:6px}.panel{border:1px solid var(--line);border-top:4px solid var(--c);background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:16px;padding:14px 16px;transition:box-shadow .2s;position:relative}.panel.locked{box-shadow:0 0 0 2px var(--c), 0 0 40px color-mix(in srgb, var(--c) 40%, transparent)}.panel header{align-items:center;gap:10px;margin-bottom:6px;display:flex}.panel header em{font:900 12px/1.6 var(--display);background:#ffffff1a;border-radius:6px;padding:0 8px;font-style:normal}.panel header b{font:900 24px/1 var(--display);color:var(--c);text-shadow:0 0 16px color-mix(in srgb, var(--c) 60%, transparent)}.panel .ok{font:900 12px/1 var(--display);color:#000;background:var(--c);border-radius:6px;margin-left:auto;padding:4px 8px;animation:.8s ease-in-out infinite alternate pulse}@keyframes pulse{to{filter:brightness(1.4)}}.blurb{color:#d9ddf1;margin:0 0 10px;font-size:13px}.stat{color:var(--muted);grid-template-columns:76px 1fr;align-items:center;gap:8px;margin:5px 0;font-size:12px;display:grid}.stat i{background:linear-gradient(90deg, var(--c) var(--v), #ffffff14 var(--v));border-radius:4px;height:8px}.sp{color:#d9ddf1;margin:10px 0 0;font-size:13px}.sp b{color:var(--c);font-family:var(--display);letter-spacing:.04em;font-size:13px;display:block}.levels{gap:6px;margin-top:12px;display:flex}.levels button{border:1px solid var(--line);background:#ffffff0c;border-radius:10px;flex:1;min-height:34px}.levels .on{border-color:var(--c);background:color-mix(in srgb, var(--c) 35%, transparent)}.stages{grid-template-columns:repeat(4,1fr);gap:12px;width:min(1100px,100%);display:grid}.stage-card{background:var(--panel);text-align:left;border:2px solid #ffffff1c;border-radius:14px;gap:6px;padding:8px;transition:transform .12s,border-color .12s,box-shadow .12s;display:grid}.stage-card img{aspect-ratio:4/3;object-fit:cover;border-radius:8px;width:100%;height:auto}.stage-card b{font:700 15px/1.2 var(--display)}.stage-card small{color:var(--muted);font-size:12px}.stage-card.on{border-color:#fff8}.stage-card.focus,.stage-card:hover:not([disabled]){border-color:#fff;transform:translateY(-4px);box-shadow:0 0 30px #7d82ff55}.stage-card[disabled]{opacity:.6;cursor:default}.stage-card.rnd{place-content:center;justify-items:center}.stage-card .q{font:900 64px/1 var(--display);background:linear-gradient(90deg, var(--blue), var(--red));color:#0000;-webkit-background-clip:text;background-clip:text}.cfgs{grid-template-columns:repeat(3,1fr);gap:10px;width:min(1100px,100%);display:grid}.cfg{background:var(--panel);border:2px solid #ffffff1c;border-radius:14px;gap:8px;padding:10px 12px;display:grid}.cfg>span:first-child{font:700 14px/1.2 var(--display);display:grid}.cfg small{color:var(--muted);font:500 12px/1.3 Inconsolata,ui-monospace,monospace}.cfg.focus{border-color:#fff;box-shadow:0 0 24px #7d82ff55}.cfg.fixed{opacity:.55}.cfg .val{justify-content:space-between;align-items:center;gap:8px;display:flex}.cfg .val b{text-align:center;font:900 20px/1 var(--display);flex:1}.cfg .val button{border:1px solid var(--line);width:36px;height:36px;color:var(--ink);font:900 20px/1 var(--display);cursor:pointer;background:#ffffff10;border-radius:10px}.cfg .val button:hover{background:#ffffff26}.stages-title{font:700 13px/1 var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:4px 0 -4px}.stamp{border:2px solid var(--c);font:900 15px/1 var(--display);color:var(--c);box-shadow:0 0 18px color-mix(in srgb, var(--c) 50%, transparent);background:#07080dd9;border-radius:8px;padding:4px 10px;animation:.35s cubic-bezier(.2,1.6,.4,1) both stamp;position:absolute;top:10px;right:10px;transform:rotate(-6deg)}@keyframes stamp{0%{opacity:0;transform:rotate(-6deg)scale(2.2)}}.readybar{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.rb{background:var(--panel);border:1.5px solid #ffffff2a;border-radius:999px;padding:6px 12px;font:700 13px/1.2 Inconsolata,ui-monospace,monospace}.rb em{font:900 11px/1 var(--display);color:var(--c);font-style:normal}.rb.ok{border-color:var(--c);box-shadow:0 0 16px color-mix(in srgb, var(--c) 45%, transparent)}.select.both .grid{opacity:.45;filter:saturate(.6);transition:opacity .3s,filter .3s}.faceoff{justify-items:center;gap:12px;animation:.3s ease-out both faceoff-in;display:grid}.vs-names{align-items:center;gap:18px;display:flex}.vs-names b{font:900 clamp(22px, 4vw, 34px)/1 var(--display);color:var(--c);text-shadow:0 0 22px color-mix(in srgb, var(--c) 60%, transparent);justify-items:center;gap:4px;display:grid}.vs-names b:first-child{animation:.4s cubic-bezier(.2,1.4,.4,1) both vs-left}.vs-names b:last-child{animation:.4s cubic-bezier(.2,1.4,.4,1) both vs-right}.vs-names em{font:900 11px/1 var(--display);letter-spacing:.12em;color:var(--muted);text-shadow:none;font-style:normal}.vs{font:900 clamp(26px, 5vw, 44px)/1 var(--display);color:var(--ink);font-style:italic;animation:.45s cubic-bezier(.2,1.8,.4,1) .15s both vs-pop}.vs-names.many{flex-wrap:wrap;justify-content:center;gap:10px 16px}.vs-names.many b{font-size:clamp(18px,3vw,26px)}.vs-names .team{align-items:center;gap:12px;display:flex}.vs-names b.cpu{opacity:.9;font-size:clamp(16px,2.4vw,22px)}.vs-names.many .vs{font-size:clamp(20px,3.4vw,30px)}.vs-acts{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.vs-acts button{border:1.5px solid var(--line);background:var(--panel);color:var(--ink);font:900 16px/1 var(--display);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;display:inline-flex}.vs-acts button:hover{background:#ffffff1a}.vs-acts button.go{border-color:var(--ink);background:var(--ink);color:#07080d;animation:1.4s ease-in-out .6s infinite go-pulse}.vs-acts button.go kbd{color:var(--ink);background:#07080d}.vs-acts p{color:var(--muted);margin:0;font-size:13px}@keyframes faceoff-in{0%{opacity:0;transform:translateY(8px)}}@keyframes vs-left{0%{opacity:0;transform:translate(-60px)}}@keyframes vs-right{0%{opacity:0;transform:translate(60px)}}@keyframes vs-pop{0%{opacity:0;transform:scale(2.4)rotate(-8deg)}}@keyframes go-pulse{50%{box-shadow:0 0 0 6px #fff2}}@media (pointer:coarse){.vs-acts kbd{display:none}}@media (max-width:600px){.stamp{padding:3px 8px;font-size:12px;top:-12px;right:6px}}@media (prefers-reduced-motion:reduce){.faceoff,.vs-names b,.vs,.vs-acts button.go{animation:none}}.setup-chip{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;margin:-6px 0 0;padding:4px 12px;font-size:13px}.pkeys{color:var(--muted);margin:10px 0 0;font-size:12px}.or{color:var(--muted);font-size:12px}.toasts{top:max(14px, env(safe-area-inset-top));z-index:30;pointer-events:none;gap:6px;display:grid;position:absolute;left:50%;transform:translate(-50%)}.toasts p{background:#0d0f19f2;border:1px solid #fff3;border-radius:12px;margin:0;padding:8px 16px;font:700 14px/1.2 Inconsolata,ui-monospace,monospace;transition:opacity .4s;animation:.25s ease-out both toast}.toasts p.out{opacity:0}@keyframes toast{0%{opacity:0;transform:translateY(-10px)}}.countbox{justify-items:center;gap:18px;display:grid}.goal-hint{text-align:center;background:#07080dcc;border-radius:12px;max-width:min(640px,100vw - 32px);margin:0;padding:8px 16px;font:700 15px/1.35 Inconsolata,ui-monospace,monospace}.online{justify-items:center;gap:10px;width:min(420px,100%);display:grid}.online .mb{width:100%}.join{gap:8px;width:100%;display:flex}.join input{border:1px solid var(--line);background:var(--panel);color:#fff;min-width:0;min-height:50px;font:900 20px/1 var(--display);letter-spacing:.3em;text-align:center;text-transform:uppercase;border-radius:14px;flex:1}.join .mb{width:auto}.room{border:1px solid var(--line);background:var(--panel);border-radius:16px;justify-items:center;gap:8px;width:100%;padding:16px;display:grid}.room .code{font:900 44px/1 var(--display);letter-spacing:.25em;background:linear-gradient(90deg,#8d93ff,#ff8d95);color:#0000;-webkit-background-clip:text;background-clip:text}.room p{margin:0}.status{color:#ffd27a;min-height:1.4em;margin:0}.opts{gap:10px;width:min(560px,100%);display:grid}.opt{border:1px solid var(--line);background:var(--panel);border-radius:14px;grid-template-columns:150px 1fr;align-items:center;gap:12px;padding:8px 12px;display:grid}.opt .mb{min-height:40px}.opt input[type=range]{accent-color:#8d93ff;width:100%}.opts h3{font:700 13px/1 var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:10px 0 0}.opts h3:first-child{margin-top:0}.opts .hint{margin:-4px 4px 0}.range{grid-template-columns:1fr 4ch;align-items:center;gap:10px;display:grid}.range output{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted)}.controls{justify-items:center;gap:12px;width:min(560px,100%);display:grid}.controls table{border-collapse:separate;border-spacing:6px;border:1px solid var(--line);background:var(--panel);border-radius:16px;width:100%;padding:8px}.controls th{text-align:left;font-weight:700}.controls th.cb{color:#8d93ff}.controls th.cr{color:#ff8d95}.key{border:1px solid var(--line);width:100%;min-height:42px;color:var(--ink);cursor:pointer;background:#ffffff0d;border-radius:10px;font:700 16px/1 Inconsolata,ui-monospace,monospace}.key:hover,.key.focus{background:#ffffff1c;border-color:#fff8}.key.wait{color:#ffd27a;border-color:#ffd27a;animation:.8s steps(2,end) infinite blink}@keyframes blink{50%{background:#ffd27a22}}.howto{grid-template-columns:1fr 1fr;gap:14px;width:min(1100px,100%);display:grid}.howto section{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:14px 18px}.howto .wide{grid-column:1/-1}.howto h3{font:700 16px/1.2 var(--display);margin:0 0 8px}.howto ul{color:#d9ddf1;margin:0;padding-left:18px}.howto li{margin:4px 0}.howto table{border-collapse:collapse;width:100%;font-size:13px}.howto td,.howto th{text-align:left;padding:4px}.howto .cb{color:#8d93ff}.howto .cr{color:#ff8d95}.specials{grid-template-columns:1fr 1fr;gap:4px 18px;list-style:none;display:grid;padding:0!important}.specials i{background:var(--c);width:10px;height:10px;box-shadow:0 0 10px var(--c);border-radius:50%;margin-right:6px;display:inline-block}.specials b{font-family:var(--display);font-size:13px}.credits{border:1px solid var(--line);background:var(--panel);text-align:center;border-radius:18px;justify-items:center;gap:6px;width:min(620px,100%);padding:20px;display:grid}.credits img{filter:drop-shadow(0 0 16px #7d82ff88)}.credits p{color:#d9ddf1;margin:4px 0}.credits a{color:#fff}.credits .small{color:var(--muted);font-size:12px}#hud{inset:max(8px, env(safe-area-inset-top)) 8px auto;pointer-events:none;grid-template-columns:minmax(0,360px) auto minmax(0,360px);justify-content:space-between;align-items:start;gap:8px;display:grid;position:absolute}.hside{gap:6px;min-width:0;display:grid}.hc.mini{border-radius:12px;padding:4px 8px 4px 4px}.hc.h-red.mini{padding:4px 4px 4px 8px}.hc.mini img{border-radius:8px;width:34px;height:34px}.hc.mini .name b{font-size:13px}.hc .orbs.mate{flex:1}.hc{border:1px solid #ffffff1f;border-left:4px solid var(--c);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#07080dcc;border-radius:14px;gap:8px;padding:6px 10px 6px 6px;display:flex}.hc.h-red{border-left:1px solid #ffffff1f;border-right:4px solid var(--c);flex-direction:row-reverse;padding:6px 6px 6px 10px}.hc img{background:color-mix(in srgb, var(--c) 20%, #000);border-radius:10px;width:48px;height:48px}.hc.h-red img{transform:scaleX(-1)}.hc .info{flex:1;gap:4px;min-width:0;display:grid}.hc .name{align-items:baseline;gap:6px;display:flex}.hc.h-red .name,.hc.h-red .row{flex-direction:row-reverse}.hc .name em{font:900 10px/1.4 var(--display);white-space:nowrap;background:#ffffff1c;border-radius:4px;padding:0 5px;font-style:normal}.hc .name b{font:900 15px/1 var(--display);color:var(--c);letter-spacing:.04em}.life{background:#ffffff14;border-radius:6px;height:12px;position:relative;overflow:hidden}.life i{border-radius:6px;position:absolute;inset:0 auto 0 0}.h-red .life i{inset:0 0 0 auto}.life .trail{width:var(--trail);opacity:.55;background:#fff}.life .bar{width:var(--life);background:linear-gradient(90deg, color-mix(in srgb, var(--c) 70%, #fff), var(--c));box-shadow:0 0 10px var(--c);transition:width 80ms}.hc.low .life .bar{animation:.5s infinite alternate low}@keyframes low{to{filter:brightness(1.8)}}.life .num{text-shadow:0 1px 2px #000;font-size:11px;position:absolute;top:-1px;right:6px}.h-red .life .num{left:6px;right:auto}.hc .row{align-items:center;gap:8px;display:flex}.orbs{gap:4px;display:flex}.orbs i{border:2px solid var(--c);opacity:.5;border-radius:50%;width:12px;height:12px}.orbs i.on{background:var(--c);opacity:1;box-shadow:0 0 10px var(--c)}.spc{background:conic-gradient(var(--c) var(--sp), #ffffff1a var(--sp));border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:relative}.spc b{background:#07080d;border-radius:50%;place-items:center;font-size:10px;display:grid;position:absolute;inset:3px}.hc.ready .spc{box-shadow:0 0 12px var(--c)}.hc.ready .spc b{color:var(--c)}.hc.ko{opacity:.5;filter:grayscale()}.clock{background:#07080dcc;border:1px solid #ffffff1f;border-radius:12px;justify-items:center;padding:4px 12px;display:grid}.clock .time{font:900 22px/1.1 var(--display);letter-spacing:.06em}.clock .time.hurry{color:#ff6a74;animation:.5s infinite alternate pulse}.clock .lv{color:var(--muted);white-space:nowrap;font-size:11px}#tags{pointer-events:none;position:absolute;inset:0;overflow:hidden}.nt{font:900 11px/1.5 var(--display);color:#000;background:var(--c);box-shadow:0 0 10px var(--c);border-radius:6px;padding:0 6px;transition:opacity .3s;position:absolute;top:0;left:0}.nt:after{content:"";border:5px solid #0000;border-bottom:0;border-top-color:var(--c);margin-left:-5px;position:absolute;bottom:-5px;left:50%}.ot{border:1.5px solid var(--c);font:900 9px/1.5 var(--display);color:var(--c);opacity:.9;background:#07080dcc;border-radius:5px;padding:0 5px;position:absolute;top:0;left:0}.dmg{font:900 22px/1 var(--display);color:#fff;-webkit-text-stroke:1px #000;text-shadow:0 0 12px var(--c), 0 2px 0 #000;position:absolute;top:0;left:0}#overlay{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}#overlay .box{pointer-events:auto}.count{font:900 clamp(80px, 18vw, 180px) / 1 var(--display);color:#fff;text-shadow:0 0 30px #7d82ff,0 0 80px #ff3b47aa;animation:.83s ease-out both count}.count.go{background:linear-gradient(90deg,#8d93ff,#fff,#ff8d95);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(56px,12vw,130px);animation-duration:.9s}.banner{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--c) 34%, #07080dee) 18% 82%, transparent);justify-items:center;gap:6px;width:100%;padding:22px 16px;animation:.45s cubic-bezier(.2,1.4,.4,1) both banner;display:grid}.banner small{letter-spacing:.3em;text-transform:uppercase;color:#fffc;font:700 clamp(12px,1.6vw,16px)/1 Inconsolata,ui-monospace,monospace}.banner b{font:900 clamp(34px, 7vw, 84px) / 1 var(--display);text-transform:uppercase;color:#fff;text-shadow:0 0 2px #fff, 0 0 28px var(--c), 0 0 70px var(--c)}@keyframes banner{0%{opacity:0;transform:scaleY(0)scaleX(1.3)}}@keyframes count{0%{opacity:0;transform:scale(2.2)}25%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.box{border:1px solid var(--line);background:#0b0d16f2;border-radius:18px;justify-items:stretch;gap:8px;width:min(380px,100vw - 32px);padding:18px;animation:.2s ease-out in;display:grid;box-shadow:0 30px 80px #000}.box h2{text-align:center;font:900 24px/1.1 var(--display);text-transform:uppercase;margin:0 0 6px}.box button{border:1px solid var(--line);min-height:44px;font:700 15px/1 var(--display);background:#ffffff0c;border-radius:12px}.box button.focus,.box button:hover{background:#ffffff1c;border-color:#fff}.results{border-top:4px solid var(--c);width:min(680px,100vw - 24px)}.results .kicker{text-align:center;color:var(--muted);letter-spacing:.2em;text-transform:uppercase;margin:0;font-size:12px}.results h2{color:var(--c);text-shadow:0 0 20px color-mix(in srgb, var(--c) 60%, transparent)}.rcs{grid-template-columns:1fr 1fr;gap:10px;display:grid}.rc{background:#ffffff08;border:1px solid #ffffff1a;border-radius:14px;justify-items:center;gap:4px;padding:10px;display:grid}.rc.win{border-color:var(--c);box-shadow:0 0 24px color-mix(in srgb, var(--c) 35%, transparent)}.rc b{font-family:var(--display);color:var(--c);font-size:13px}.rc dl{grid-template-columns:1fr auto;gap:2px 14px;width:100%;margin:4px 0 0;font-size:13px;display:grid}.rc dt{color:var(--muted)}.rc dd{text-align:right;margin:0}.acts{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px;display:grid}.acts .wait{color:var(--muted);text-align:center;place-items:center;font-size:12px;display:grid}.corner{right:max(8px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));gap:6px;display:flex;position:absolute}.corner button{background:#0009;border:1px solid #fff3;border-radius:10px;width:36px;height:36px}.corner [hidden],body[data-screen=boot] .corner{display:none}body[data-screen=match] .corner{top:auto;bottom:max(8px, env(safe-area-inset-bottom))}.pad{inset:auto 0 max(10px, env(safe-area-inset-bottom)) 0;pointer-events:none;justify-content:space-between;padding:0 12px;display:flex;position:absolute}.pad[hidden]{display:none}.pad>div{pointer-events:auto;gap:10px;display:flex}.pad-r{flex-wrap:wrap;justify-content:flex-end;max-width:160px}.pb{touch-action:none;background:#0007;border:2px solid #fff8;border-radius:50%;width:64px;height:64px;font-size:24px}.pb.on{background:#fff4}.pb.jump{border-color:#fff}.pb.special{color:#ffd27a;border-color:#ffd27a}#aviso{text-align:center;place-items:center;margin:0;padding:16px;display:grid;position:fixed;inset:0}#aviso[hidden]{display:none}@media (max-width:900px){.select{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.card,.panel{min-width:0}.levels button{min-width:0;padding:0 2px}.select .grid{order:-1;grid-column:1/-1;grid-template-columns:repeat(6,1fr);gap:6px}.card{padding:6px 2px}.card b{font-size:10px}.panel{padding:10px}.panel header b{font-size:18px}.stages{grid-template-columns:repeat(2,1fr)}.howto,.specials{grid-template-columns:1fr}#hud{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.hc img{width:34px;height:34px}.hc .name b{font-size:12px}.clock .time{font-size:17px}.clock .lv{display:none}}@media (max-width:560px){.select .grid{grid-template-columns:repeat(3,1fr)}.stat{grid-template-columns:58px 1fr}.blurb{display:none}.rcs{grid-template-columns:1fr}.rc dl{grid-template-columns:repeat(4,auto)}.hc .name em{display:none}.opt,.cfgs{grid-template-columns:1fr}}@media (max-height:520px){.screen{gap:8px}.stages{grid-template-columns:repeat(4,1fr);width:min(820px,100%)}.stage-card small,.brand .sa{display:none}.mb{min-height:40px;padding:4px 14px}.mb small{display:none}nav.main{grid-template-columns:1fr 1fr;width:min(620px,100%)}.panel .blurb,.panel .sp{display:none}}#rotate{display:none}@media (orientation:portrait) and (max-width:600px){body[data-screen=match] #rotate{border:1px solid var(--line);color:var(--muted);white-space:nowrap;pointer-events:none;background:#0009;border-radius:999px;margin:0;padding:6px 14px;font-size:13px;display:block;position:absolute;top:calc(50% + 37.5vw + 14px);left:50%;transform:translate(-50%)}}.results.many .rcs{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.results.many .rc img{width:56px;height:56px}