:root{--ink: #160b12;--plum: #2a1622;--plum2: #3a1f30;--cream: #fbf0dc;--saffron: #ffb42e;--orange: #ff7a2f;--teal: #1fb3a6;--dim: #c4ad99;--p1: #ff5a4e;--p2: #4aa8ff;--p3: #ffcf3a;--p4: #4fd67a;--display: "Lilita One", system-ui, sans-serif;--body: "Nunito", system-ui, sans-serif;--u: min(1vh, .5625vw);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--ink);color:var(--cream);font-family:var(--body);overflow:hidden;user-select:none;-webkit-user-select:none}#view{position:fixed;inset:0;width:100vw;height:100vh;display:block}#ui{position:fixed;inset:0;pointer-events:none;font-size:calc(var(--u) * 2.2)}#ui>*{pointer-events:auto}button{font:inherit;color:inherit}.screen{position:absolute;inset:0;display:flex;flex-direction:column;animation:fadeIn .35s ease both}.screen.leaving{animation:fadeOut .2s ease both}@keyframes fadeIn{0%{opacity:0;transform:scale(1.015)}to{opacity:1;transform:none}}@keyframes fadeOut{to{opacity:0}}.bg{position:absolute;inset:0;background-size:cover;background-position:center;z-index:-2}.bg.pan{animation:pan 40s ease-in-out infinite alternate}@keyframes pan{0%{transform:scale(1.06) translate(-1%)}to{transform:scale(1.12) translate(1%,-1%)}}.shade{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 35%,#160b1226,#160b12d9 75%),linear-gradient(180deg,#160b124d,#160b12bf)}.outline{-webkit-text-stroke:calc(var(--u) * .5) var(--ink);paint-order:stroke fill}.h1{font-family:var(--display);font-size:calc(var(--u) * 7);letter-spacing:.02em;line-height:1;text-shadow:0 calc(var(--u) * .6) 0 rgba(0,0,0,.35)}.h2{font-family:var(--display);font-size:calc(var(--u) * 4);line-height:1.05}.hint{font-weight:800;color:var(--dim);font-size:calc(var(--u) * 1.9)}.key{display:inline-block;min-width:1.7em;padding:.05em .45em;margin:0 .12em;border-radius:.35em;background:#3a2733;border:2px solid #5a4250;border-bottom-width:4px;font-family:var(--display);color:var(--cream);text-align:center;font-size:.9em}.panel{background:linear-gradient(180deg,#301a28eb,#1e101aeb);border:calc(var(--u) * .35) solid rgba(255,180,46,.55);border-radius:calc(var(--u) * 2);box-shadow:0 calc(var(--u) * 1) calc(var(--u) * 3) #00000073,inset 0 0 0 calc(var(--u) * .25) #ffffff0a}.zellige{background-image:radial-gradient(circle at 50% 50%,rgba(31,179,166,.18) 0 18%,transparent 19%),conic-gradient(from 45deg,rgba(255,180,46,.07) 0 25%,transparent 0 50%,rgba(255,180,46,.07) 0 75%,transparent 0);background-size:calc(var(--u) * 6) calc(var(--u) * 6)}.title{align-items:center;justify-content:center}.title .logo{width:min(68vw,calc(var(--u) * 110));filter:drop-shadow(0 calc(var(--u) * 1.5) calc(var(--u) * 2) rgba(0,0,0,.6));animation:logoIn .9s cubic-bezier(.2,1.6,.4,1) both,bob 4s 1s ease-in-out infinite;margin-top:calc(var(--u) * -14)}@keyframes logoIn{0%{transform:scale(.4) rotate(-6deg);opacity:0}to{transform:none;opacity:1}}@keyframes bob{50%{transform:translateY(calc(var(--u) * -1)) rotate(-.6deg)}}.title .press{position:absolute;bottom:calc(var(--u) * 12);font-family:var(--display);font-size:calc(var(--u) * 4.2);color:var(--cream);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.35;transform:scale(.97)}}.title .foot{position:absolute;bottom:calc(var(--u) * 3)}.menu{flex-direction:row;align-items:stretch;padding:calc(var(--u) * 6) calc(var(--u) * 8);gap:calc(var(--u) * 6)}.menu .left{display:flex;flex-direction:column;gap:calc(var(--u) * 1.6);width:calc(var(--u) * 62);justify-content:center}.menu .logo-s{width:calc(var(--u) * 54);margin-bottom:calc(var(--u) * 3);filter:drop-shadow(0 calc(var(--u) * 1) calc(var(--u) * 1.5) rgba(0,0,0,.6))}.mbtn{position:relative;display:flex;align-items:center;gap:calc(var(--u) * 2);text-align:left;font-family:var(--display);font-size:calc(var(--u) * 4.6);padding:calc(var(--u) * 1.3) calc(var(--u) * 3);border-radius:calc(var(--u) * 1.6);border:calc(var(--u) * .35) solid transparent;background:#1e101a99;cursor:pointer;transition:transform .12s,background .12s,border-color .12s;color:var(--cream)}.mbtn small{font-family:var(--body);font-weight:800;font-size:calc(var(--u) * 1.8);color:var(--dim);display:block}.mbtn.on{background:linear-gradient(90deg,var(--saffron),var(--orange));color:var(--ink);transform:translate(calc(var(--u) * 2)) scale(1.03);border-color:#fff3;box-shadow:0 calc(var(--u) * .8) 0 #8a3c12}.mbtn.on small{color:#4a2410}.menu .right{flex:1;display:flex;align-items:flex-end;justify-content:flex-end}.records{padding:calc(var(--u) * 2.2) calc(var(--u) * 3);min-width:calc(var(--u) * 44)}.records h3{margin:0 0 calc(var(--u) * 1);font-family:var(--display);font-weight:400;color:var(--saffron);font-size:calc(var(--u) * 2.8)}.records div{display:flex;justify-content:space-between;gap:2em;font-weight:800;margin:.2em 0}.select{padding:calc(var(--u) * 3) calc(var(--u) * 5) calc(var(--u) * 2);gap:calc(var(--u) * 2)}.select .top{display:flex;align-items:center;justify-content:space-between}.roster{display:flex;gap:calc(var(--u) * 2);justify-content:center}.card{position:relative;width:calc(var(--u) * 27);height:calc(var(--u) * 34);border-radius:calc(var(--u) * 2);overflow:hidden;cursor:pointer;border:calc(var(--u) * .45) solid #ffffff22;background:radial-gradient(circle at 50% 30%,var(--c1),var(--c2));transition:transform .12s;box-shadow:0 calc(var(--u) * .8) calc(var(--u) * 2) #00000080}.card img{position:absolute;left:50%;bottom:calc(var(--u) * 4);height:92%;transform:translate(-50%);filter:drop-shadow(0 calc(var(--u) * .6) 0 rgba(0,0,0,.35));transition:transform .15s}.card:hover img,.card.hot img{transform:translate(-50%) scale(1.06)}.card .nm{position:absolute;left:0;right:0;bottom:0;padding:calc(var(--u) * .8) calc(var(--u) * 1.2);background:linear-gradient(0deg,#160b12f2,#160b1200);font-family:var(--display);font-size:calc(var(--u) * 3)}.card .nm small{display:block;font-family:var(--body);font-weight:800;font-size:calc(var(--u) * 1.6);color:var(--dim)}.card .q{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--display);font-size:calc(var(--u) * 14);color:#fff5}.cursors{position:absolute;top:calc(var(--u) * 1);left:calc(var(--u) * 1);display:flex;gap:calc(var(--u) * .6)}.cur{font-family:var(--display);font-size:calc(var(--u) * 2.2);padding:.05em .45em;border-radius:.5em;color:var(--ink);border:2px solid var(--ink);animation:hop .7s ease-in-out infinite}@keyframes hop{50%{transform:translateY(-15%)}}.slots{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--u) * 2);flex:1;min-height:0}.slot{position:relative;border-radius:calc(var(--u) * 2);overflow:hidden;border:calc(var(--u) * .45) solid var(--pc);background:linear-gradient(180deg,color-mix(in srgb,var(--pc) 30%,#24121d),#1d0f18);display:flex;flex-direction:column;justify-content:flex-end;padding:calc(var(--u) * 1.4);cursor:pointer;min-height:calc(var(--u) * 22)}.slot.empty{--pc: #5a4250 !important;opacity:.8;border-style:dashed}.slot.hot{outline:calc(var(--u) * .5) solid #fff;outline-offset:calc(var(--u) * .3)}.slot img{position:absolute;right:-6%;bottom:-8%;height:112%;opacity:.95;filter:drop-shadow(0 0 calc(var(--u) * 1) rgba(0,0,0,.5))}.slot .tag{position:absolute;top:calc(var(--u) * 1);left:calc(var(--u) * 1.2);font-family:var(--display);font-size:calc(var(--u) * 3.4);color:var(--pc)}.slot .who{position:relative;font-family:var(--display);font-size:calc(var(--u) * 3.2);text-shadow:0 2px 0 #000}.slot .sub{position:relative;font-weight:800;color:var(--dim);font-size:calc(var(--u) * 1.8)}.slot .ready{position:absolute;top:calc(var(--u) * 1.2);right:calc(var(--u) * 1.2);font-family:var(--display);background:var(--pc);color:var(--ink);padding:.1em .6em;border-radius:.6em;font-size:calc(var(--u) * 2)}.pal{display:flex;gap:.3em;margin-top:.3em;position:relative}.pal i{width:.9em;height:.9em;border-radius:50%;border:2px solid #0008}.pal i.on{outline:2px solid #fff}.rules{display:flex;gap:calc(var(--u) * 1.4);align-items:center;justify-content:center}.rule{display:flex;flex-direction:column;align-items:center;padding:calc(var(--u) * .8) calc(var(--u) * 2.4);border-radius:calc(var(--u) * 1.4);background:#1e101abf;border:calc(var(--u) * .3) solid #ffffff1a;cursor:pointer;min-width:calc(var(--u) * 16)}.rule b{font-family:var(--display);font-size:calc(var(--u) * 3);font-weight:400}.rule span{font-weight:800;color:var(--dim);font-size:calc(var(--u) * 1.6)}.rule.hot{border-color:#fff;background:#3c2032e6}.fight{font-family:var(--display);font-size:calc(var(--u) * 4);padding:calc(var(--u) * 1) calc(var(--u) * 4);border-radius:calc(var(--u) * 1.6);border:none;cursor:pointer;background:#4a3542;color:#a9939c}.fight.go{background:linear-gradient(90deg,var(--saffron),var(--orange));color:var(--ink);box-shadow:0 calc(var(--u) * .7) 0 #8a3c12;animation:pulse2 1s ease-in-out infinite}.fight.hot{outline:calc(var(--u) * .5) solid #fff}@keyframes pulse2{50%{transform:scale(1.05)}}.stages{padding:calc(var(--u) * 5) calc(var(--u) * 7);gap:calc(var(--u) * 3)}.stagesel{padding:calc(var(--u) * 3.6) calc(var(--u) * 6) calc(var(--u) * 2.6);gap:calc(var(--u) * 2.2)}.stagewrap{flex:1;min-height:0;display:flex;gap:calc(var(--u) * 3.5);align-items:center;justify-content:center}.spreview{position:relative;width:calc(var(--u) * 88);display:flex;flex-direction:column;cursor:pointer}.spreview .win{position:relative;aspect-ratio:3 / 2;overflow:hidden}.spreview .win img,.scard img{display:block;width:100%;height:100%;object-fit:cover}.spreview .win .ph,.spreview.rnd .win img{display:none}.spreview.rnd .win .ph{display:grid;position:absolute;inset:0}.spreview .info{position:relative;margin-top:calc(var(--u) * -3);padding:calc(var(--u) * 1.6) calc(var(--u) * 3) calc(var(--u) * 1.8);display:flex;flex-direction:column;gap:calc(var(--u) * .5)}.spreview .row{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--u) * 2)}.stagegrid{display:grid;grid-template-columns:repeat(2,calc(var(--u) * 21));gap:calc(var(--u) * 2) calc(var(--u) * 1.8);align-content:center}.scard{cursor:pointer;overflow:hidden;background:#000;display:flex;flex-direction:column}.scard img,.scard .ph{aspect-ratio:3 / 2;height:auto}.scard .ph{display:grid;place-items:center;font-family:var(--display);font-size:calc(var(--u) * 6);color:#fff6}.scard .lbl{padding:calc(var(--u) * .5) calc(var(--u) * 1) calc(var(--u) * .7);font-family:var(--display);font-size:calc(var(--u) * 2);text-align:center;white-space:nowrap}.results{flex-direction:row;padding:calc(var(--u) * 5) calc(var(--u) * 6);gap:calc(var(--u) * 4);align-items:stretch}.results .winner{position:relative;width:44%;display:flex;flex-direction:column;justify-content:flex-end}.results .winner canvas{position:absolute;left:0;right:0;bottom:calc(var(--u) * 8);margin:auto;width:100%;height:80%}.results .banner{position:relative;font-family:var(--display);font-size:calc(var(--u) * 8);line-height:.95;animation:logoIn .6s cubic-bezier(.2,1.6,.4,1) both}.results .stats{flex:1;display:flex;flex-direction:column;gap:calc(var(--u) * 1.4);justify-content:center}.statrow{display:grid;grid-template-columns:calc(var(--u) * 9) 1fr repeat(4,calc(var(--u) * 13));align-items:center;gap:calc(var(--u) * 1);padding:calc(var(--u) * 1) calc(var(--u) * 1.6);border-radius:calc(var(--u) * 1.4);background:#1e101acc;border-left:calc(var(--u) * .8) solid var(--pc)}.statrow.head{background:none;border:none;color:var(--dim);font-weight:800;font-size:calc(var(--u) * 1.6)}.statrow img{height:calc(var(--u) * 7)}.statrow .place{font-family:var(--display);font-size:calc(var(--u) * 4.4);color:var(--pc)}.statrow b{font-family:var(--display);font-weight:400;font-size:calc(var(--u) * 2.8)}.statrow .n{font-family:var(--display);font-size:calc(var(--u) * 3);text-align:center}.btnrow{display:flex;gap:calc(var(--u) * 1.6);margin-top:calc(var(--u) * 2)}.btnrow .mbtn{font-size:calc(var(--u) * 3.2)}.pause{align-items:center;justify-content:center;background:#10080ea8;backdrop-filter:blur(6px)}.pause .panel{padding:calc(var(--u) * 3) calc(var(--u) * 4);display:flex;flex-direction:column;gap:calc(var(--u) * 1.2);min-width:calc(var(--u) * 56)}.howto{padding:calc(var(--u) * 5) calc(var(--u) * 7);gap:calc(var(--u) * 3);overflow:auto}.howto .cols{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--u) * 2.4)}.howto .panel{padding:calc(var(--u) * 2.2) calc(var(--u) * 2.6)}.howto h3{margin:0 0 calc(var(--u) * 1);font-family:var(--display);font-weight:400;font-size:calc(var(--u) * 3);color:var(--saffron)}.howto .row{display:flex;justify-content:space-between;gap:1em;margin:.35em 0;font-weight:800}.howto p{margin:.4em 0;font-weight:700;color:#eadbc6;line-height:1.35}.toast{position:absolute;left:50%;top:calc(var(--u) * 4);transform:translate(-50%);padding:.4em 1.2em;border-radius:1em;font-weight:900;background:#160b12d9;border:2px solid var(--saffron);animation:fadeIn .2s both;pointer-events:none}.traininghud{position:absolute;left:calc(var(--u) * 2);top:calc(var(--u) * 2);padding:calc(var(--u) * 1.4) calc(var(--u) * 2);pointer-events:none;font-weight:800;font-size:calc(var(--u) * 1.8);line-height:1.5}.traininghud b{font-family:var(--display);font-weight:400;color:var(--saffron);font-size:calc(var(--u) * 2.4)}.ladder{display:flex;gap:calc(var(--u) * 1.6);justify-content:center;align-items:flex-end;flex:1}.rung{position:relative;width:calc(var(--u) * 20);height:calc(var(--u) * 28);border-radius:calc(var(--u) * 1.6);overflow:hidden;background:#24121d;border:calc(var(--u) * .4) solid #ffffff22}.rung img{position:absolute;bottom:0;left:50%;transform:translate(-50%);height:90%}.rung.done{opacity:.45;filter:grayscale(.7)}.rung.next{border-color:var(--saffron);transform:scale(1.08)}.rung .lbl{position:absolute;left:0;right:0;bottom:0;text-align:center;font-family:var(--display);padding:.3em;background:linear-gradient(0deg,#160b12,transparent)}.ending{align-items:center;justify-content:flex-end;padding-bottom:calc(var(--u) * 6)}.ending .panel{padding:calc(var(--u) * 2.4) calc(var(--u) * 4);max-width:calc(var(--u) * 110);text-align:center}.mobile-card{position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center;background:var(--ink)}@media(max-width:760px),(pointer:coarse)and (max-width:1100px){.mobile-only{display:grid!important}}.mobile-only{display:none}.slot:after{content:"";position:absolute;left:0;right:0;bottom:0;height:48%;background:linear-gradient(0deg,#140a10f2,#140a1000);z-index:1;pointer-events:none}.slot .who,.slot .sub,.slot .pal,.slot .tag,.slot .ready{z-index:3}.slot .tag,.slot .ready{position:absolute}#boot{position:fixed;inset:0;display:grid;place-items:center;font-family:var(--display);font-size:28px;color:var(--cream);background:var(--ink);z-index:5;transition:opacity .4s}.replay-badge{position:absolute;top:calc(var(--u) * 3);right:calc(var(--u) * 4);display:flex;align-items:center;gap:.5em;font-family:var(--display);font-size:calc(var(--u) * 4);color:var(--cream);padding:.2em .8em;border-radius:.5em;background:#160b12bf;border:2px solid #ff5a4e;pointer-events:none}.replay-badge small{font-family:var(--body);font-weight:800;font-size:.4em;color:var(--dim)}.replay-badge .dot{width:.5em;height:.5em;border-radius:50%;background:#ff5a4e;animation:pulse 1s infinite}body:has(.replay-badge) #view{filter:sepia(.25) contrast(1.05)}.results .winner .glow{position:absolute;left:50%;bottom:18%;width:90%;aspect-ratio:1;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--pc) 55%,transparent),transparent 65%);filter:blur(10px);animation:pulse2 3s ease-in-out infinite}.results .winner canvas{height:88%;bottom:calc(var(--u) * 10)}#hud{position:fixed;inset:0;width:100vw;height:100vh;display:block;pointer-events:none}html,body{touch-action:none;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}#band{position:fixed;left:0;right:0;bottom:0;height:var(--band, 0);display:none;background:linear-gradient(180deg,#1d0f18,#120910);border-top:2px solid rgba(255,180,46,.35)}body.portrait.in-match #band{display:block}#touchpad{position:fixed;inset:0;pointer-events:none;display:none;z-index:3}body.touch.in-match #touchpad{display:block}#touchpad .tleft{position:absolute;left:0;bottom:0;width:50%;height:100%;pointer-events:auto;touch-action:none}body.portrait #touchpad .tleft{height:var(--band)}#touchpad .tstick{position:absolute;display:none;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#ffffff14,#ffffff2e);border:2px solid rgba(255,255,255,.35);pointer-events:none}#touchpad .tknob{position:absolute;left:50%;top:50%;width:46%;height:46%;margin:-23% 0 0 -23%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff8e6,#ffb42e);box-shadow:0 4px 12px #00000073}#touchpad .tbtns{--b: clamp(54px, 12vmin, 96px);position:absolute;right:calc(env(safe-area-inset-right) + 3vmin);bottom:calc(env(safe-area-inset-bottom) + 3vmin);width:calc(var(--b) * 2.6);height:calc(var(--b) * 2.4);pointer-events:none}body.portrait #touchpad .tbtns{bottom:calc(env(safe-area-inset-bottom) + 2vmin)}.tb{position:absolute;width:var(--b);height:var(--b);border-radius:50%;border:3px solid rgba(255,255,255,.55);color:#160b12;font-family:var(--display);font-size:calc(var(--b) * .42);pointer-events:auto;touch-action:none;box-shadow:0 5px #00000059;opacity:.88}.tb.down{transform:translateY(3px) scale(.94);box-shadow:0 2px #00000059;opacity:1;filter:brightness(1.15)}.tb-att{right:calc(var(--b) * 1.05);bottom:0;background:radial-gradient(circle at 35% 30%,#ffe0a0,#ff8a2f);width:calc(var(--b) * 1.15);height:calc(var(--b) * 1.15)}.tb-spe{right:0;bottom:calc(var(--b) * .75);background:radial-gradient(circle at 35% 30%,#c6fff6,#1fb3a6)}.tb-jmp{right:calc(var(--b) * 1.1);bottom:calc(var(--b) * 1.3);background:radial-gradient(circle at 35% 30%,#fff,#c9b8a6)}.tb-shd{right:calc(var(--b) * 2.15);bottom:calc(var(--b) * .55);width:calc(var(--b) * .8);height:calc(var(--b) * .8);font-size:calc(var(--b) * .32);background:radial-gradient(circle at 35% 30%,#d8e6ff,#4aa8ff)}.tpause{position:absolute;top:calc(env(safe-area-inset-top) + 1.5vmin);left:calc(env(safe-area-inset-left) + 2vmin);width:44px;height:36px;border-radius:10px;border:2px solid rgba(255,255,255,.4);background:#160b1299;color:var(--cream);font-size:14px;pointer-events:auto}body.portrait .tpause{top:auto;left:50%;transform:translate(-50%);bottom:calc(var(--band) + 8px)}.fsbtn{position:absolute;top:calc(env(safe-area-inset-top) + var(--u) * 2);right:calc(env(safe-area-inset-right) + var(--u) * 2);z-index:2;font-family:var(--display);font-size:calc(var(--u) * 2.2);padding:.3em .8em;border-radius:.6em;border:2px solid rgba(255,255,255,.3);background:#160b1299;color:var(--cream);cursor:pointer}@media(max-height:520px){:root{--u: min(1.3vh, .75vw)}.select .top .hint{display:none}.stagesel{padding:calc(var(--u) * 2) calc(var(--u) * 4);gap:calc(var(--u) * 1.4)}.stagesel>.hint{display:none}.spreview{width:calc(var(--u) * 80)}.spreview .win{aspect-ratio:16 / 9}.spreview .desc{display:none}.stagegrid{grid-template-columns:repeat(2,calc(var(--u) * 19));gap:calc(var(--u) * 1.2)}.scard img,.scard .ph{aspect-ratio:2 / 1}.scard .lbl{font-size:calc(var(--u) * 1.9);padding:calc(var(--u) * .3) 0 calc(var(--u) * .4)}}@media(orientation:portrait){:root{--u: min(.62vh, 1.2vw)}.menu{flex-direction:column;padding:calc(var(--u) * 5) calc(var(--u) * 4);gap:calc(var(--u) * 3)}.menu .left{width:100%}.menu .logo-s{width:80%;align-self:center}.menu .right{justify-content:center}.select{padding:calc(var(--u) * 3)}.select .top{flex-direction:column;gap:calc(var(--u) * 1)}.roster{flex-wrap:wrap}.card{width:calc(var(--u) * 26);height:calc(var(--u) * 30)}.slots{grid-template-columns:1fr 1fr}.rules{flex-wrap:wrap}.stagesel{padding:calc(var(--u) * 3)}.stagewrap{flex-direction:column;gap:calc(var(--u) * 2.4);justify-content:center}.spreview{width:100%}.stagegrid{width:100%;grid-template-columns:repeat(4,1fr);gap:calc(var(--u) * 1.6) calc(var(--u) * 1.4)}.scard .lbl{font-size:calc(var(--u) * 2.2);padding:calc(var(--u) * .4) 0 calc(var(--u) * .6);overflow:hidden;text-overflow:ellipsis}.results{flex-direction:column;padding:calc(var(--u) * 3)}.results .winner{width:100%;height:40%}.statrow{grid-template-columns:calc(var(--u) * 9) 1fr repeat(4,calc(var(--u) * 10))}.howto .cols{grid-template-columns:1fr}.howto .panel[style]{grid-column:auto!important}.ladder{flex-wrap:wrap}.title .logo{width:92vw}}.options{align-items:center;justify-content:center}.opanel{padding:calc(var(--u) * 3) calc(var(--u) * 4);display:flex;flex-direction:column;gap:calc(var(--u) * .8);min-width:min(92vw,calc(var(--u) * 80))}.orow{display:flex;align-items:center;justify-content:space-between;gap:1em;padding:calc(var(--u) * .9) calc(var(--u) * 2);border-radius:calc(var(--u) * 1.2);background:#1e101a99;border:calc(var(--u) * .3) solid transparent;cursor:pointer}.orow.on{border-color:var(--saffron);background:#462434e6}.olab{font-family:var(--display);font-size:calc(var(--u) * 3)}.octl{display:flex;align-items:center;gap:calc(var(--u) * 1)}.oval{display:flex;align-items:center;gap:calc(var(--u) * 1);min-width:calc(var(--u) * 26);justify-content:center}.oval b{font-family:var(--display);font-weight:400;font-size:calc(var(--u) * 2.8);color:var(--saffron)}.obar{display:block;width:calc(var(--u) * 16);height:calc(var(--u) * 1.4);border-radius:1em;background:#3a2733;overflow:hidden}.obar i{display:block;height:100%;background:linear-gradient(90deg,var(--saffron),var(--orange))}.oarr{border:none;background:#3a2733;color:var(--cream);border-radius:.5em;padding:.2em .6em;cursor:pointer;font-size:calc(var(--u) * 2)}.oarr:hover{background:var(--orange);color:var(--ink)}.oback{justify-content:center;font-family:var(--display)}.statrow.in{animation:rowIn .45s cubic-bezier(.2,1.3,.4,1) both}@keyframes rowIn{0%{opacity:0;transform:translate(calc(var(--u) * 6))}to{opacity:1;transform:none}}.results .btnrow{animation:fadeIn .4s 1.6s both}.slot img.bgp{right:-10%;bottom:-6%;height:108%;opacity:.32;filter:saturate(.8) blur(1px)}.slot img.bgp.preview{opacity:.55;filter:grayscale(.35) brightness(.9)}.slot canvas.spr{position:absolute;right:2%;bottom:4%;height:96%;width:70%;z-index:2;filter:drop-shadow(0 calc(var(--u) * .8) calc(var(--u) * .8) rgba(0,0,0,.55))}.menu{padding-top:calc(var(--u) * 4);padding-bottom:calc(var(--u) * 4)}.menu .left{gap:calc(var(--u) * 1.1)}.menu .logo-s{width:calc(var(--u) * 44);margin-bottom:calc(var(--u) * 1.5)}.menu .mbtn{font-size:calc(var(--u) * 4);padding:calc(var(--u) * .9) calc(var(--u) * 2.6) calc(var(--u) * .9) calc(var(--u) * 5.4)}.menu .mbtn small{font-size:calc(var(--u) * 1.65)}:root{--ol: calc(var(--u) * .42);--depth: calc(var(--u) * .8);--gold: #ffc94a;--skew: -10deg;--slab: #0d060a;--plate: linear-gradient(180deg, #4a2a3c 0%, #2c1724 62%, #241219 100%);--hot: linear-gradient(180deg, #ffe39a 0%, #ffbd3a 42%, #ff8a2f 78%, #f2701f 100%);--zellige: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='%23ffd27a' stroke-opacity='.09' stroke-width='1.2'%3E%3Crect x='16' y='16' width='16' height='16'/%3E%3Crect x='16' y='16' width='16' height='16' transform='rotate(45 24 24)'/%3E%3Cpath d='M0 0L16 16M48 0L32 16M0 48L16 32M48 48L32 32M24 0V12.7M24 48V35.3M0 24H12.7M48 24H35.3'/%3E%3C/g%3E%3C/svg%3E");--zellige-ink: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='%23160b12' stroke-opacity='.11' stroke-width='1.3'%3E%3Crect x='16' y='16' width='16' height='16'/%3E%3Crect x='16' y='16' width='16' height='16' transform='rotate(45 24 24)'/%3E%3Cpath d='M0 0L16 16M48 0L32 16M0 48L16 32M48 48L32 32M24 0V12.7M24 48V35.3M0 24H12.7M48 24H35.3'/%3E%3C/g%3E%3C/svg%3E");--zellige-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.13' stroke-width='1.3'%3E%3Crect x='16' y='16' width='16' height='16'/%3E%3Crect x='16' y='16' width='16' height='16' transform='rotate(45 24 24)'/%3E%3Cpath d='M0 0L16 16M48 0L32 16M0 48L16 32M48 48L32 32M24 0V12.7M24 48V35.3M0 24H12.7M48 24H35.3'/%3E%3C/g%3E%3C/svg%3E");--star-gold: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1L15.22 4.22L19.78 4.22L19.78 8.78L23 12L19.78 15.22L19.78 19.78L15.22 19.78L12 23L8.78 19.78L4.22 19.78L4.22 15.22L1 12L4.22 8.78L4.22 4.22L8.78 4.22Z' fill='%23ffc94a' stroke='%23160b12' stroke-width='1.6' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='12' r='3.2' fill='%23160b12'/%3E%3C/svg%3E");--star-dim: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1L15.22 4.22L19.78 4.22L19.78 8.78L23 12L19.78 15.22L19.78 19.78L15.22 19.78L12 23L8.78 19.78L4.22 19.78L4.22 15.22L1 12L4.22 8.78L4.22 4.22L8.78 4.22Z' fill='none' stroke='%23ffc94a' stroke-opacity='.45' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E");--star-ink: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1L15.22 4.22L19.78 4.22L19.78 8.78L23 12L19.78 15.22L19.78 19.78L15.22 19.78L12 23L8.78 19.78L4.22 19.78L4.22 15.22L1 12L4.22 8.78L4.22 4.22L8.78 4.22Z' fill='%23160b12'/%3E%3Ccircle cx='12' cy='12' r='3.4' fill='%23ffe39a'/%3E%3C/svg%3E")}@keyframes spinStar{to{transform:translateY(-50%) rotate(382.5deg)}}@keyframes glowPulse{50%{filter:brightness(1.08) drop-shadow(0 0 calc(var(--u) * 1.4) rgba(255,170,60,.55))}}.panel{position:relative;background:var(--zellige) center / calc(var(--u) * 6),linear-gradient(180deg,#3e2232,#2a1622 55%,#1e1018);border:var(--ol) solid var(--ink);border-radius:calc(var(--u) * 1.4);box-shadow:inset 0 0 0 calc(var(--u) * .28) #ffc94a99,inset 0 0 0 calc(var(--u) * .62) #160b12eb,inset 0 calc(var(--u) * 2) calc(var(--u) * 3) #ffffff0a,0 var(--depth) 0 var(--slab),0 calc(var(--u) * 1.8) calc(var(--u) * 3.5) #00000080}.panel:before{content:"";position:absolute;inset:calc(var(--u) * -1.1);pointer-events:none;z-index:1;background:var(--star-gold) left top / calc(var(--u) * 2.6) no-repeat,var(--star-gold) right top / calc(var(--u) * 2.6) no-repeat,var(--star-gold) left bottom / calc(var(--u) * 2.6) no-repeat,var(--star-gold) right bottom / calc(var(--u) * 2.6) no-repeat}.panel h3,.panel>.h2{position:relative}.panel h3{display:inline-block;margin:0 0 calc(var(--u) * 1.2);padding:.12em .9em .16em;color:var(--ink);background:var(--hot);border:var(--ol) solid var(--ink);border-radius:calc(var(--u) * .6);transform:skew(var(--skew));box-shadow:0 calc(var(--u) * .45) 0 #7a2e0c}.panel>.h2{text-align:center;margin-bottom:calc(var(--u) * 1)}.panel>.h2:after{content:"";display:block;height:calc(var(--u) * 2);margin:calc(var(--u) * .6) auto 0;width:70%;background:var(--star-gold) center / calc(var(--u) * 2) no-repeat,linear-gradient(90deg,transparent,rgba(255,201,74,.8) 30%,rgba(255,201,74,.8) 44%,transparent 44%,transparent 56%,rgba(255,201,74,.8) 56%,rgba(255,201,74,.8) 70%,transparent) center / 100% calc(var(--u) * .25) no-repeat}.mbtn{position:relative;isolation:isolate;background:none;border:none;border-radius:0;padding:calc(var(--u) * 1.05) calc(var(--u) * 3) calc(var(--u) * 1.05) calc(var(--u) * 5.6);color:var(--cream);box-shadow:none;text-shadow:0 calc(var(--u) * .3) 0 rgba(0,0,0,.45);transition:transform .16s cubic-bezier(.2,1.5,.4,1),color .1s}.mbtn:before{content:"";position:absolute;inset:0;z-index:-1;transform:skew(var(--skew));border:var(--ol) solid var(--ink);border-radius:calc(var(--u) * .7);background:var(--zellige) center / calc(var(--u) * 5),var(--plate);box-shadow:inset 0 calc(var(--u) * .32) 0 #ffd68c38,inset 0 0 0 calc(var(--u) * .22) #ffc94a33,0 calc(var(--u) * .6) 0 var(--slab),0 calc(var(--u) * 1) calc(var(--u) * 1.6) #00000059;transition:box-shadow .15s}.mbtn:after{content:"";position:absolute;left:calc(var(--u) * 1.6);top:50%;width:calc(var(--u) * 2.5);height:calc(var(--u) * 2.5);transform:translateY(-50%);background:var(--star-dim) center / contain no-repeat}.mbtn:hover:before{box-shadow:inset 0 calc(var(--u) * .3) 0 #ffffff1f,inset 0 0 0 calc(var(--u) * .22) #ffc94a66,0 calc(var(--u) * .6) 0 var(--slab)}.mbtn.on{transform:translate(calc(var(--u) * 1.6)) scale(1.03);color:var(--ink);text-shadow:0 calc(var(--u) * .2) 0 rgba(255,255,255,.35);background:none;border:none;box-shadow:none}.mbtn.on:before{background:var(--zellige-ink) center / calc(var(--u) * 5),var(--hot);box-shadow:inset 0 calc(var(--u) * .35) 0 #ffffffb3,inset 0 calc(var(--u) * -.45) 0 #96370a59,0 calc(var(--u) * .75) 0 #7a2e0c,0 0 calc(var(--u) * 3) #ffa03c73}.mbtn.on:after{background-image:var(--star-ink);animation:spinStar 7s linear infinite}.mbtn.on small{color:#5c2b0e}.mbtn:active:before{transform:skew(var(--skew)) translateY(calc(var(--u) * .3));box-shadow:inset 0 calc(var(--u) * .3) 0 #fff6,0 calc(var(--u) * .25) 0 #7a2e0c}.btnrow .mbtn,.pause .mbtn{padding-left:calc(var(--u) * 5)}.key{background:linear-gradient(180deg,#4a3340,#2e1d27);border:calc(var(--u) * .28) solid var(--ink);border-bottom-width:calc(var(--u) * .7);box-shadow:inset 0 calc(var(--u) * .2) 0 #ffffff26}.fsbtn,.oarr{background:var(--plate);border:var(--ol) solid var(--ink);color:var(--cream);box-shadow:inset 0 calc(var(--u) * .25) 0 #ffffff1a,0 calc(var(--u) * .45) 0 var(--slab);transform:skew(var(--skew));border-radius:calc(var(--u) * .6)}.fsbtn:hover,.oarr:hover{background:var(--hot);color:var(--ink)}.toast{background:var(--plate);border:var(--ol) solid var(--ink);box-shadow:inset 0 0 0 calc(var(--u) * .25) #ffc94a99,0 var(--depth) 0 var(--slab);border-radius:calc(var(--u) * .8);font-family:var(--display);font-weight:400;letter-spacing:.02em}.replay-badge{border:var(--ol) solid var(--ink);box-shadow:inset 0 0 0 calc(var(--u) * .25) #ff5a4e,0 var(--depth) 0 var(--slab);transform:skew(var(--skew))}.records{padding:calc(var(--u) * 2.6) calc(var(--u) * 3.2)}.records h3{font-size:calc(var(--u) * 2.4)}.records div{padding:.25em 0;border-bottom:1px dashed rgba(255,201,74,.18)}.records div:last-child{border-bottom:none}.records div span:last-child{font-family:var(--display);color:var(--gold)}.card{border:var(--ol) solid var(--ink);border-radius:calc(var(--u) * 1.2);background:var(--zellige-light) center / calc(var(--u) * 7),radial-gradient(circle at 50% 26%,color-mix(in srgb,var(--c1) 70%,#fff) 0%,var(--c1) 26%,var(--c2) 88%);box-shadow:inset 0 0 0 calc(var(--u) * .3) #ffffff38,0 var(--depth) 0 var(--slab),0 calc(var(--u) * 1.4) calc(var(--u) * 2.4) #00000080;transition:transform .16s cubic-bezier(.2,1.5,.4,1),box-shadow .15s}.card .nm{padding:calc(var(--u) * 2.2) calc(var(--u) * 1.4) calc(var(--u) * .9);background:linear-gradient(180deg,#2a1622,#160b12);clip-path:polygon(0 calc(var(--u) * 1.6),100% 0,100% 100%,0 100%);border-top:none;text-shadow:0 calc(var(--u) * .3) 0 #000}.card .nm:before{content:"";position:absolute;left:0;right:0;top:0;height:calc(var(--u) * 2.1);background:var(--c1);clip-path:polygon(0 calc(var(--u) * 1.6),100% 0,100% calc(var(--u) * .5),0 calc(var(--u) * 2.1))}.card.hot,.card:hover{transform:translateY(calc(var(--u) * -1)) scale(1.03);box-shadow:inset 0 0 0 calc(var(--u) * .3) #ffffff80,0 0 0 calc(var(--u) * .35) #fff,0 calc(var(--u) * 1.6) 0 var(--slab),0 calc(var(--u) * 2) calc(var(--u) * 3) #00000080}.card .q{color:#ffffff59;-webkit-text-stroke:calc(var(--u) * .4) rgba(22,11,18,.5)}.cursors{top:calc(var(--u) * .8);left:calc(var(--u) * .8)}.cur{position:relative;border:calc(var(--u) * .3) solid var(--ink);border-radius:calc(var(--u) * .7);box-shadow:0 calc(var(--u) * .4) 0 var(--slab);padding:.05em .5em .1em}.cur:after{content:"";position:absolute;left:50%;bottom:calc(var(--u) * -1.2);transform:translate(-50%);border:calc(var(--u) * .7) solid transparent;border-top-color:var(--ink)}.slot{border:var(--ol) solid var(--ink);border-radius:calc(var(--u) * 1.2);background:repeating-linear-gradient(-55deg,transparent 0 calc(var(--u) * 1.4),rgba(255,255,255,.035) calc(var(--u) * 1.4) calc(var(--u) * 2.8)),radial-gradient(circle at 70% 40%,color-mix(in srgb,var(--pc) 45%,#2a1622),#1a0d15 75%);box-shadow:inset 0 0 0 calc(var(--u) * .38) var(--pc),inset 0 0 0 calc(var(--u) * .75) #160b12e6,0 var(--depth) 0 var(--slab),0 calc(var(--u) * 1.2) calc(var(--u) * 2.4) #00000073}.slot.empty{border-style:solid;opacity:1;background:repeating-linear-gradient(-55deg,#1d0f18 0 calc(var(--u) * 1.4),#22121c calc(var(--u) * 1.4) calc(var(--u) * 2.8));box-shadow:inset 0 0 0 calc(var(--u) * .3) #ffffff14,0 var(--depth) 0 var(--slab)}.slot.empty .who{color:var(--dim)}.slot.hot{outline:none;box-shadow:inset 0 0 0 calc(var(--u) * .38) var(--pc),inset 0 0 0 calc(var(--u) * .75) #160b12e6,0 0 0 calc(var(--u) * .4) #fff,0 var(--depth) 0 var(--slab)}.slot .tag{font-size:calc(var(--u) * 4.6);line-height:1;-webkit-text-stroke:calc(var(--u) * .45) var(--ink);paint-order:stroke fill;transform:skew(var(--skew))}.slot .ready{top:calc(var(--u) * 1.4);right:calc(var(--u) * 1.4);padding:.12em .7em;font-size:calc(var(--u) * 2.4);border:var(--ol) solid var(--ink);border-radius:calc(var(--u) * .5);transform:rotate(-8deg);box-shadow:0 calc(var(--u) * .4) 0 var(--slab);animation:stamp .35s cubic-bezier(.2,1.8,.4,1) both}@keyframes stamp{0%{transform:rotate(-8deg) scale(2.2);opacity:0}to{transform:rotate(-8deg) scale(1);opacity:1}}.pal i{border:calc(var(--u) * .25) solid var(--ink);width:1em;height:1em;transform:rotate(45deg);border-radius:.15em}.pal i.on{outline:calc(var(--u) * .25) solid #fff;outline-offset:calc(var(--u) * .15)}.rule,.fight{position:relative;isolation:isolate;background:none;border:none;box-shadow:none}.rule:before,.fight:before{content:"";position:absolute;inset:0;z-index:-1;transform:skew(var(--skew));border:var(--ol) solid var(--ink);border-radius:calc(var(--u) * .6);background:var(--zellige) center / calc(var(--u) * 5),var(--plate);box-shadow:inset 0 calc(var(--u) * .3) 0 #ffffff17,0 calc(var(--u) * .55) 0 var(--slab)}.rule.hot{background:none;border:none}.rule.hot:before{box-shadow:inset 0 0 0 calc(var(--u) * .3) var(--gold),0 calc(var(--u) * .55) 0 var(--slab),0 0 0 calc(var(--u) * .3) #fff}.rule b{color:var(--gold)}.fight{padding:calc(var(--u) * 1) calc(var(--u) * 4.2);color:#8d7883}.fight.go{background:none;color:var(--ink);box-shadow:none;animation:glowPulse 1.2s ease-in-out infinite}.fight.go:before{background:var(--zellige-ink) center / calc(var(--u) * 5),var(--hot);box-shadow:inset 0 calc(var(--u) * .35) 0 #ffffffb3,0 calc(var(--u) * .7) 0 #7a2e0c}.fight.hot{outline:none}.fight.hot:before{box-shadow:inset 0 calc(var(--u) * .35) 0 #ffffffb3,0 calc(var(--u) * .7) 0 #7a2e0c,0 0 0 calc(var(--u) * .35) #fff}.scard,.rung{position:relative;border:var(--ol) solid var(--ink);border-radius:50% 50% calc(var(--u) * 1.2) calc(var(--u) * 1.2) / calc(var(--u) * 9) calc(var(--u) * 9) calc(var(--u) * 1.2) calc(var(--u) * 1.2);box-shadow:0 var(--depth) 0 var(--slab),0 calc(var(--u) * 1.6) calc(var(--u) * 3) #00000080;transition:transform .18s cubic-bezier(.2,1.5,.4,1)}.scard:after,.rung:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 calc(var(--u) * .32) var(--gold),inset 0 0 0 calc(var(--u) * .7) #160b12d9}.scard{border-radius:50% 50% calc(var(--u) * 1) calc(var(--u) * 1) / calc(var(--u) * 5) calc(var(--u) * 5) calc(var(--u) * 1) calc(var(--u) * 1)}.scard .lbl{background:linear-gradient(180deg,#2a1622,#160b12);border-top:calc(var(--u) * .3) solid var(--ink);color:var(--cream)}.scard.hot .lbl{background:var(--zellige-ink) center / calc(var(--u) * 4),var(--hot);color:var(--ink)}.scard .ph,.spreview .win .ph{background:var(--zellige) center / calc(var(--u) * 6),linear-gradient(180deg,#3a1f30,#1d0f18)}.scard:not(.hot) img{filter:saturate(.85) brightness(.88)}.stagesel .sbg{filter:blur(calc(var(--u) * 1.4)) brightness(.62) saturate(1.2);transform:scale(1.1);transition:background-image .4s;background-image:url(../assets/ui/keyart.webp)}.spreview .win{border:var(--ol) solid var(--ink);background:#000;border-radius:50% 50% calc(var(--u) * 1.2) calc(var(--u) * 1.2) / calc(var(--u) * 13) calc(var(--u) * 13) calc(var(--u) * 1.2) calc(var(--u) * 1.2);box-shadow:0 var(--depth) 0 var(--slab),0 calc(var(--u) * 2) calc(var(--u) * 5) #0000008c}.spreview .win:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 calc(var(--u) * .4) var(--gold),inset 0 0 0 calc(var(--u) * .85) #160b12d9,inset 0 calc(var(--u) * -10) calc(var(--u) * 8) #160b1273}.spreview .win .pc.kb{animation:kenburns 16s ease-in-out infinite alternate}@keyframes kenburns{0%{transform:scale(1.03)}to{transform:scale(1.13) translate(-2%,-1.5%)}}.spreview .info{isolation:isolate;margin-left:calc(var(--u) * 3);margin-right:calc(var(--u) * 3)}.spreview .info:before{content:"";position:absolute;inset:0;z-index:-1;transform:skew(var(--skew));border:var(--ol) solid var(--ink);border-radius:calc(var(--u) * .9);background:var(--zellige) center / calc(var(--u) * 5),var(--plate);box-shadow:inset 0 0 0 calc(var(--u) * .28) #ffc94a99,0 var(--depth) 0 var(--slab),0 calc(var(--u) * 1.4) calc(var(--u) * 3) #00000073}.spreview .info:after{content:"";position:absolute;left:calc(var(--u) * -1.6);top:calc(var(--u) * -1.6);width:calc(var(--u) * 3.4);height:calc(var(--u) * 3.4);background:var(--star-gold) center / contain no-repeat}.spreview .nm{font-family:var(--display);font-size:calc(var(--u) * 4.4);line-height:1;color:var(--cream);-webkit-text-stroke:calc(var(--u) * .5) var(--ink);paint-order:stroke fill}.spreview .ar{font-family:"Lalezar",var(--display);font-size:calc(var(--u) * 4.4);line-height:1;color:var(--gold);-webkit-text-stroke:calc(var(--u) * .45) var(--ink);paint-order:stroke fill}.spreview .sub{font-family:var(--display);font-size:calc(var(--u) * 2.2);color:var(--saffron)}.spreview .desc{font-weight:800;font-size:calc(var(--u) * 1.8);color:#e6d2bd}.spreview .chips{display:flex;flex-wrap:wrap;gap:calc(var(--u) * .8)}.chip{display:inline-block;padding:.12em .8em .16em;font-weight:900;font-size:calc(var(--u) * 1.5);color:var(--gold);border:calc(var(--u) * .25) solid var(--ink);border-radius:calc(var(--u) * .4);transform:skew(var(--skew));background:linear-gradient(180deg,#ffc94a33,#ffc94a14);box-shadow:0 calc(var(--u) * .3) 0 var(--slab)}.spreview .fight{font-size:calc(var(--u) * 2.6);padding:calc(var(--u) * .6) calc(var(--u) * 2.4);flex-shrink:0}.scard.hot{transform:translateY(calc(var(--u) * -1.2)) scale(1.03);border-color:var(--ink);box-shadow:0 0 0 calc(var(--u) * .4) #fff,0 calc(var(--u) * 1.8) 0 var(--slab),0 0 calc(var(--u) * 4) #ffb42e66}.scard.hot:after{box-shadow:inset 0 0 0 calc(var(--u) * .45) var(--saffron),inset 0 0 0 calc(var(--u) * .85) #160b12d9}.rung{background:var(--zellige) center / calc(var(--u) * 5),linear-gradient(180deg,#3a1f30,#1d0f18);background-size:cover;background-position:center}.rung.next{border-color:var(--ink)}.rung.next:after{box-shadow:inset 0 0 0 calc(var(--u) * .45) var(--saffron),inset 0 0 0 calc(var(--u) * .85) #160b12d9,0 0 calc(var(--u) * 3) #ffb42e80}.statrow{position:relative;isolation:isolate;background:none;border:none;padding:calc(var(--u) * 1) calc(var(--u) * 2.4)}.statrow:before{content:"";position:absolute;inset:0;z-index:-1;transform:skew(var(--skew));border:var(--ol) solid var(--ink);border-radius:calc(var(--u) * .7);background:linear-gradient(90deg,color-mix(in srgb,var(--pc) 55%,#2a1622) 0,color-mix(in srgb,var(--pc) 55%,#2a1622) calc(var(--u) * 1.2),transparent calc(var(--u) * 1.2)),var(--zellige) center / calc(var(--u) * 5),var(--plate);box-shadow:inset 0 calc(var(--u) * .3) 0 #ffffff14,0 calc(var(--u) * .55) 0 var(--slab)}.statrow.head:before{display:none}.statrow:nth-child(2):before{box-shadow:inset 0 0 0 calc(var(--u) * .3) var(--gold),0 calc(var(--u) * .55) 0 var(--slab),0 0 calc(var(--u) * 2.5) #ffc84659}.statrow .place{-webkit-text-stroke:calc(var(--u) * .4) var(--ink);paint-order:stroke fill}.results .banner{-webkit-text-stroke:calc(var(--u) * .7) var(--ink);paint-order:stroke fill;text-shadow:0 calc(var(--u) * .8) 0 rgba(0,0,0,.4);transform:skew(var(--skew))}.orow{position:relative;isolation:isolate;background:none;border:none}.orow:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:calc(var(--u) * .7);border:var(--ol) solid var(--ink);background:var(--plate);box-shadow:inset 0 calc(var(--u) * .25) 0 #ffffff12,0 calc(var(--u) * .45) 0 var(--slab)}.orow.on{background:none;border:none}.orow.on:before{box-shadow:inset 0 0 0 calc(var(--u) * .3) var(--gold),0 calc(var(--u) * .45) 0 var(--slab),0 0 calc(var(--u) * 2) #ffbe3c4d}.orow.on .olab:before{content:"";display:inline-block;width:.8em;height:.8em;margin-right:.4em;vertical-align:-.05em;background:var(--star-gold) center / contain no-repeat}.obar{border:calc(var(--u) * .28) solid var(--ink);height:calc(var(--u) * 1.8);transform:skew(var(--skew));border-radius:calc(var(--u) * .4);background:#1a0d15}.oback:before{background:var(--hot)!important}.oback{color:var(--ink)}.traininghud.panel:before{display:none}.tb{border:calc(var(--b) * .06) solid var(--ink);box-shadow:inset 0 calc(var(--b) * .06) 0 #ffffff8c,0 calc(var(--b) * .07) 0 #0d060acc}.tpause{border:3px solid var(--ink);background:var(--plate);box-shadow:0 3px 0 var(--slab)}.select .top .h1,.stages>.h1,.stages>.top .h1,.howto>.h1{position:relative;display:inline-block;align-self:flex-start;isolation:isolate;padding:calc(var(--u) * .6) calc(var(--u) * 3.4) calc(var(--u) * .8) calc(var(--u) * 6.4);font-size:calc(var(--u) * 5.6)}.select .top .h1:before,.stages>.h1:before,.stages>.top .h1:before,.howto>.h1:before{content:"";position:absolute;inset:0;z-index:-1;transform:skew(var(--skew));border:var(--ol) solid var(--ink);border-radius:calc(var(--u) * .8);background:var(--zellige) center / calc(var(--u) * 5),var(--plate);box-shadow:inset 0 0 0 calc(var(--u) * .28) #ffc94a99,0 var(--depth) 0 var(--slab)}.select .top .h1:after,.stages>.h1:after,.stages>.top .h1:after,.howto>.h1:after{content:"";position:absolute;left:calc(var(--u) * 1.8);top:50%;width:calc(var(--u) * 3.6);height:calc(var(--u) * 3.6);transform:translateY(-50%);background:var(--star-gold) center / contain no-repeat;animation:spinStar 9s linear infinite}.stages>.h1{align-self:center}.slot canvas.spr{right:0;bottom:24%;height:72%;width:70%}.slot img.bgp{opacity:.2;filter:saturate(.6) blur(2px)}.slot .sub{max-width:58%}.stages>.hint,.howto>.hint,.select .top .hint{align-self:center;padding:calc(var(--u) * .6) calc(var(--u) * 2.2);border-radius:calc(var(--u) * .6);background:#160b12b8;border:calc(var(--u) * .25) solid rgba(255,201,74,.25);color:#e6d2bd}.results{align-items:stretch}.results .winner{width:42%;justify-content:flex-start}.results .winner canvas{left:0;right:0;bottom:12.2%;height:74%;width:100%;margin:auto;z-index:2}.results .winner .glow{bottom:16%;width:80%}.results .winner .halo{position:absolute;left:50%;bottom:20%;width:66%;aspect-ratio:1;transform:translate(-50%);border-radius:50%;background:var(--zellige-light) center / calc(var(--u) * 7);opacity:.5;mask-image:radial-gradient(circle,transparent 38%,#000 40%,#000 60%,transparent 70%);-webkit-mask-image:radial-gradient(circle,transparent 38%,#000 40%,#000 60%,transparent 70%);animation:haloSpin 30s linear infinite}@keyframes haloSpin{to{transform:translate(-50%) rotate(360deg)}}.results .winner .podium{position:absolute;left:14%;right:14%;bottom:10%;height:calc(var(--u) * 6);z-index:1;transform:skew(var(--skew));border:var(--ol) solid var(--ink);border-radius:calc(var(--u) * .8);background:var(--zellige-ink) center / calc(var(--u) * 5),linear-gradient(180deg,color-mix(in srgb,var(--pc) 70%,#fff) 0%,var(--pc) 30%,color-mix(in srgb,var(--pc) 55%,#160b12) 100%);box-shadow:inset 0 calc(var(--u) * .4) 0 #ffffff80,0 var(--depth) 0 var(--slab),0 calc(var(--u) * 2) calc(var(--u) * 4) #00000080}.results .banner{position:relative;z-index:3;align-self:flex-start;display:flex;flex-direction:column;line-height:.9;padding:calc(var(--u) * 1.2) calc(var(--u) * 3.4) calc(var(--u) * 1.4);isolation:isolate;color:var(--cream);-webkit-text-stroke:0;text-shadow:none;transform:none;animation:logoIn .6s .2s cubic-bezier(.2,1.6,.4,1) both}.results .banner:before{content:"";position:absolute;inset:0;z-index:-1;transform:skew(var(--skew));border:var(--ol) solid var(--ink);border-radius:calc(var(--u) * .9);background:var(--zellige-ink) center / calc(var(--u) * 5),linear-gradient(180deg,color-mix(in srgb,var(--pc) 75%,#fff),var(--pc) 45%,color-mix(in srgb,var(--pc) 60%,#160b12));box-shadow:inset 0 calc(var(--u) * .4) 0 #ffffff80,0 var(--depth) 0 var(--slab),0 calc(var(--u) * 1.6) calc(var(--u) * 3) #00000073}.results .banner .bn{font-size:calc(var(--u) * 7.5);-webkit-text-stroke:calc(var(--u) * .7) var(--ink);paint-order:stroke fill}.results .banner .bw{font-size:calc(var(--u) * 4.4);color:#fff6dc;-webkit-text-stroke:calc(var(--u) * .55) var(--ink);paint-order:stroke fill;margin-left:calc(var(--u) * .4)}.results .side{flex:1;display:flex;flex-direction:column;justify-content:center;gap:calc(var(--u) * 2.5)}.statpanel{padding:calc(var(--u) * 2.4) calc(var(--u) * 3) calc(var(--u) * 3)}.statpanel .stats{display:flex;flex-direction:column;gap:calc(var(--u) * 1.3)}.results .btnrow{margin-top:0;justify-content:flex-end}@media(orientation:portrait){.results .winner{width:100%;height:42%}.results .banner .bn{font-size:calc(var(--u) * 6)}}.howto{padding-top:calc(var(--u) * 3.5);padding-bottom:calc(var(--u) * 2.5);gap:calc(var(--u) * 2.2)}.howto>.hint{flex-shrink:0}@media(orientation:portrait){.roster{gap:calc(var(--u) * 1.6)}.roster .card{width:calc((100% - var(--u) * 3.2) / 3);height:calc(var(--u) * 29)}.roster .card .nm{font-size:calc(var(--u) * 2.6)}}.rung img:nth-of-type(1):not(:last-of-type){left:34%;height:80%}.rung img:nth-of-type(2){left:68%;height:80%}.stages>.top .h2{position:relative;isolation:isolate;padding:calc(var(--u) * .5) calc(var(--u) * 2.6);color:var(--ink);-webkit-text-stroke:0}.stages>.top .h2:before{content:"";position:absolute;inset:0;z-index:-1;transform:skew(var(--skew));border:var(--ol) solid var(--ink);border-radius:calc(var(--u) * .7);background:var(--zellige-ink) center / calc(var(--u) * 5),var(--hot);box-shadow:inset 0 calc(var(--u) * .35) 0 #fff9,0 var(--depth) 0 #7a2e0c}#boot,.loading{font-family:var(--display)}#boot:before,.loading:before{content:"";display:block;width:64px;height:64px;margin:0 auto 14px;background:var(--star-gold) center / contain no-repeat;animation:bootSpin 1.6s linear infinite}@keyframes bootSpin{to{transform:rotate(360deg)}}#boot{text-align:center;align-content:center}.cpanel{min-width:min(94vw,calc(var(--u) * 92));gap:calc(var(--u) * .6)}.ctabs{display:flex;gap:calc(var(--u) * 1.4);justify-content:center;margin-bottom:calc(var(--u) * .8)}.ctab{position:relative;isolation:isolate;border:none;background:none;cursor:pointer;color:var(--cream);font-family:var(--display);font-size:calc(var(--u) * 2.4);padding:calc(var(--u) * .6) calc(var(--u) * 2.2)}.ctab:before{content:"";position:absolute;inset:0;z-index:-1;transform:skew(var(--skew));border:var(--ol) solid var(--ink);border-radius:calc(var(--u) * .6);background:var(--plate);box-shadow:inset 0 calc(var(--u) * .25) 0 #ffd68c2e,0 calc(var(--u) * .45) 0 var(--slab)}.ctab.on{color:var(--ink)}.ctab.on:before{background:var(--zellige-ink) center / calc(var(--u) * 5),var(--hot);box-shadow:inset 0 calc(var(--u) * .3) 0 #fff9,0 calc(var(--u) * .45) 0 #7a2e0c}.clist{display:flex;flex-direction:column;gap:calc(var(--u) * .55)}.crow{padding-top:calc(var(--u) * .55);padding-bottom:calc(var(--u) * .55)}.crow .olab{font-size:calc(var(--u) * 2.5)}.ckeys{display:flex;gap:calc(var(--u) * .8)}.ckey{min-width:calc(var(--u) * 11);padding:calc(var(--u) * .35) calc(var(--u) * 1.2);cursor:pointer;font-family:var(--display);font-size:calc(var(--u) * 2.2);color:var(--cream);text-align:center;background:linear-gradient(180deg,#4a3340,#2e1d27);border:calc(var(--u) * .28) solid var(--ink);border-bottom-width:calc(var(--u) * .7);border-radius:calc(var(--u) * .6);box-shadow:inset 0 calc(var(--u) * .2) 0 #ffffff26}.ckey.sel{background:var(--hot);color:var(--ink);box-shadow:inset 0 calc(var(--u) * .2) 0 #fff9,0 0 calc(var(--u) * 1.6) #ffaa3c80}.ckey.cap{background:#fff3d6;color:var(--ink);animation:pulse .9s ease-in-out infinite}.ctog{font-family:var(--display);font-weight:400;color:var(--gold);font-size:calc(var(--u) * 2.4)}.cbtn .olab{color:var(--dim)}.olink{font-family:var(--display);color:var(--gold);font-size:calc(var(--u) * 2.2)}.cnote{text-align:center;margin-top:calc(var(--u) * .4);font-size:calc(var(--u) * 1.6)}@media(orientation:portrait){.ckey{min-width:calc(var(--u) * 9)}.ctab{font-size:calc(var(--u) * 2);padding:calc(var(--u) * .5) calc(var(--u) * 1.2)}}.tframe{position:relative;overflow:hidden;isolation:isolate;cursor:pointer;border:var(--ol) solid var(--ink);border-radius:calc(var(--u) * 1.1);background:#1d0f18;box-shadow:0 var(--depth) 0 var(--slab),0 calc(var(--u) * 1.6) calc(var(--u) * 3) #00000080;transition:transform .2s cubic-bezier(.2,1.5,.4,1),box-shadow .2s}.tframe:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;box-shadow:inset 0 0 0 calc(var(--u) * .32) #ffc94abf,inset 0 0 0 calc(var(--u) * .7) #160b12d9,inset 0 calc(var(--u) * -9) calc(var(--u) * 7) #160b128c}.tframe>img.art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.8,.3,1),filter .25s;filter:saturate(.85) brightness(.82)}.tframe.on{transform:translateY(calc(var(--u) * -.8)) scale(1.025);z-index:3;box-shadow:0 0 0 calc(var(--u) * .4) #fff,0 calc(var(--u) * 1.4) 0 var(--slab),0 0 calc(var(--u) * 5) #ffaa3c8c}.tframe.on:after{box-shadow:inset 0 0 0 calc(var(--u) * .45) var(--saffron),inset 0 0 0 calc(var(--u) * .85) #160b12d9,inset 0 calc(var(--u) * -9) calc(var(--u) * 7) #160b1273}.tframe.on>img.art{transform:scale(1.06);filter:none}.nplate{position:absolute;left:calc(var(--u) * 1.6);bottom:calc(var(--u) * 1.4);z-index:3;isolation:isolate;padding:calc(var(--u) * .5) calc(var(--u) * 2.4) calc(var(--u) * .6) calc(var(--u) * 4.6);font-family:var(--display);font-size:calc(var(--u) * 3.6);line-height:1;color:var(--cream);-webkit-text-stroke:calc(var(--u) * .45) var(--ink);paint-order:stroke fill}.nplate:before{content:"";position:absolute;inset:0;z-index:-1;transform:skew(var(--skew));border:var(--ol) solid var(--ink);border-radius:calc(var(--u) * .7);background:var(--zellige) center / calc(var(--u) * 5),var(--plate);box-shadow:inset 0 calc(var(--u) * .3) 0 #ffd68c33,0 calc(var(--u) * .55) 0 var(--slab)}.nplate:after{content:"";position:absolute;left:calc(var(--u) * 1.2);top:50%;width:calc(var(--u) * 2.4);height:calc(var(--u) * 2.4);transform:translateY(-50%);background:var(--star-dim) center / contain no-repeat}.nplate small{display:block;font-family:var(--body);font-weight:800;font-size:calc(var(--u) * 1.55);color:var(--dim);-webkit-text-stroke:0;margin-top:.25em;max-height:0;overflow:hidden;transition:max-height .25s}.tframe.on .nplate{color:var(--ink);-webkit-text-stroke:0;text-shadow:0 calc(var(--u) * .2) 0 rgba(255,255,255,.4)}.tframe.on .nplate:before{background:var(--zellige-ink) center / calc(var(--u) * 5),var(--hot);box-shadow:inset 0 calc(var(--u) * .35) 0 #ffffffb3,0 calc(var(--u) * .7) 0 #7a2e0c,0 0 calc(var(--u) * 3) #ffa03c80}.tframe.on .nplate:after{background-image:var(--star-ink);animation:spinStar 7s linear infinite}.tframe.on .nplate small{color:#5c2b0e;max-height:3em}.wipe{position:fixed;inset:-10vh -40vw;z-index:50;visibility:hidden;pointer-events:none;transform:skew(-14deg);background:var(--zellige) center / calc(var(--u) * 7),linear-gradient(90deg,#2a1622,#3e2232 50%,#2a1622);box-shadow:inset calc(var(--u) * 1.2) 0 0 var(--gold),inset calc(var(--u) * -1.2) 0 0 var(--gold)}.wipe .seam{position:absolute;top:0;bottom:0;left:50%;width:calc(var(--u) * .5);background:#ffc94a80}.wipe .star{position:absolute;left:50%;top:50%;width:calc(var(--u) * 16);height:calc(var(--u) * 16);margin:calc(var(--u) * -8) 0 0 calc(var(--u) * -8);background:var(--star-gold) center / contain no-repeat;transform:skew(14deg);filter:drop-shadow(0 0 calc(var(--u) * 2) rgba(255,190,70,.6))}.title2{align-items:center;justify-content:center;overflow:hidden}.title2 .layer{position:absolute;inset:-4%;background-size:cover;background-position:center;will-change:transform}.title2 .chars{background-size:cover}.title2 .logo{position:relative;z-index:2;width:min(64vw,calc(var(--u) * 104));margin-top:calc(var(--u) * -10);filter:drop-shadow(0 calc(var(--u) * 1.5) calc(var(--u) * 2) rgba(0,0,0,.6));animation:bob 4s 1.2s ease-in-out infinite}.title2 .pressplate{position:absolute;z-index:2;bottom:calc(var(--u) * 11);isolation:isolate;padding:calc(var(--u) * .9) calc(var(--u) * 4.4) calc(var(--u) * 1) calc(var(--u) * 7);font-family:var(--display);font-size:calc(var(--u) * 3.8);color:var(--ink);text-shadow:0 calc(var(--u) * .2) 0 rgba(255,255,255,.4);animation:pressPulse 1.5s ease-in-out infinite}.title2 .pressplate:before{content:"";position:absolute;inset:0;z-index:-1;transform:skew(var(--skew));border:var(--ol) solid var(--ink);border-radius:calc(var(--u) * .8);background:var(--zellige-ink) center / calc(var(--u) * 5),var(--hot);box-shadow:inset 0 calc(var(--u) * .35) 0 #ffffffb3,0 calc(var(--u) * .75) 0 #7a2e0c,0 0 calc(var(--u) * 4) #ffa03c8c}.title2 .pressplate:after{content:"";position:absolute;left:calc(var(--u) * 2);top:50%;width:calc(var(--u) * 3.2);height:calc(var(--u) * 3.2);transform:translateY(-50%);background:var(--star-ink) center / contain no-repeat;animation:spinStar 6s linear infinite}@keyframes pressPulse{50%{transform:scale(1.04);filter:brightness(1.08)}}.title2 .foot{position:absolute;z-index:2;bottom:calc(var(--u) * 3)}.title2 .ver{position:absolute;z-index:2;right:calc(var(--u) * 3);bottom:calc(var(--u) * 2.6);font-weight:900;color:#fbf0dc8c;font-size:calc(var(--u) * 1.6)}.embers{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.embers i{position:absolute;bottom:-4vh;width:calc(var(--u) * .9);height:calc(var(--u) * .9);border-radius:50%;background:radial-gradient(circle,#fff3c4,#ffb42e 45%,#ff8c2800 70%);animation:ember linear infinite;opacity:0}@keyframes ember{0%{transform:translate(0);opacity:0}10%{opacity:.9}to{transform:translate(var(--dx, 4vw),-110vh);opacity:0}}.menu2{display:grid;grid-template-columns:calc(var(--u) * 50) 1fr;grid-template-rows:auto 1fr auto;gap:calc(var(--u) * 2.4) calc(var(--u) * 4);padding:calc(var(--u) * 4) calc(var(--u) * 5) calc(var(--u) * 3)}.menu2 .bg{filter:blur(calc(var(--u) * .8)) brightness(.55) saturate(1.15);transform:scale(1.06)}.menu2 .logo-s{grid-column:1;grid-row:1;width:100%;filter:drop-shadow(0 calc(var(--u) * 1) calc(var(--u) * 1.5) rgba(0,0,0,.6))}.menu2 .side{grid-column:1;grid-row:2 / 4;display:flex;flex-direction:column;justify-content:flex-end;gap:calc(var(--u) * 1.6)}.menu2 .side .mbtn{font-size:calc(var(--u) * 3)}.menu2 .records{min-width:0}.mosaic{grid-column:2;grid-row:1 / 3;display:grid;gap:calc(var(--u) * 2.2);grid-template-columns:repeat(6,1fr);grid-template-rows:1fr 1fr .9fr;grid-template-areas:"v v v v a a" "v v v v a a" "t t h h o o";min-height:0}.mosaic .tframe:nth-child(1){grid-area:v}.mosaic .tframe:nth-child(2){grid-area:a}.mosaic .tframe:nth-child(3){grid-area:t}.mosaic .tframe:nth-child(4){grid-area:h}.mosaic .tframe:nth-child(5){grid-area:o}.mosaic .tframe:nth-child(1) .nplate{font-size:calc(var(--u) * 5.6);left:calc(var(--u) * 2.4);bottom:calc(var(--u) * 2.2)}.mosaic .tframe.opt>img.art{object-position:center}.menu2 .foot{grid-column:2;grid-row:3;align-self:end;justify-self:end}@media(orientation:portrait){.menu2{grid-template-columns:1fr;grid-template-rows:auto 1fr auto auto;padding:calc(var(--u) * 4) calc(var(--u) * 3) calc(var(--u) * 3);gap:calc(var(--u) * 2.4)}.menu2 .logo-s{grid-row:1;width:78%;justify-self:center}.mosaic{grid-column:1;grid-row:2;grid-template-columns:1fr 1fr;grid-template-rows:1.5fr 1fr 1fr;grid-template-areas:"v v" "a t" "h o"}.mosaic .tframe:nth-child(1) .nplate{font-size:calc(var(--u) * 4.6)}.menu2 .side{grid-column:1;grid-row:3;flex-direction:row;flex-wrap:wrap;justify-content:center}.menu2 .records{display:none}.menu2 .foot{grid-column:1;grid-row:4;justify-self:center}}@media(max-height:520px)and (orientation:landscape){.menu2{grid-template-columns:calc(var(--u) * 42) 1fr;padding:calc(var(--u) * 2.4) calc(var(--u) * 3);gap:calc(var(--u) * 1.6) calc(var(--u) * 2.4)}.menu2 .records,.menu2 .foot{display:none}.mosaic{grid-row:1 / 4}}.select2 .slot{justify-content:flex-end}.select2 .slot:after{z-index:2;height:40%}.select2 .slot .render{position:absolute;z-index:1;left:50%;bottom:calc(var(--u) * 6.5);height:88%;max-width:128%;transform:translate(-50%);filter:drop-shadow(0 calc(var(--u) * 1) calc(var(--u) * 1.2) rgba(0,0,0,.55));transform-origin:50% 90%}.select2 .slot .render.live{animation:breathe 3.4s ease-in-out infinite}.select2 .slot .render.preview{opacity:.5;filter:grayscale(.45) brightness(.85) drop-shadow(0 0 calc(var(--u) * 1) rgba(0,0,0,.4))}@keyframes breathe{50%{transform:translate(-50%) translateY(calc(var(--u) * -.5)) scale(1.012)}}.select2 .slot .halo2{position:absolute;z-index:0;left:50%;bottom:12%;width:86%;aspect-ratio:1;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--pc) 45%,transparent),transparent 66%)}.select2 .slot .who{font-size:calc(var(--u) * 4.2);line-height:.95;-webkit-text-stroke:calc(var(--u) * .5) var(--ink);paint-order:stroke fill;text-shadow:0 calc(var(--u) * .4) 0 rgba(0,0,0,.4)}.select2 .slot .sub{max-width:none;text-shadow:0 .1em 0 #000,0 0 .5em #000}.select2 .slot.empty .joinicon{position:absolute;z-index:2;left:50%;top:42%;width:42%;aspect-ratio:1;transform:translate(-50%,-50%);opacity:.55;background:var(--star-dim) center / 100% no-repeat;display:grid;place-items:center}.select2 .slot.empty .joinicon svg{width:44%;height:44%;fill:none;stroke:var(--gold);stroke-width:1.8;opacity:.85}.select2 .slot.empty .who{text-align:center;align-self:center;margin-bottom:calc(var(--u) * 3)}.select2 .slot.empty .sub{text-align:center}.select2 .slot.empty{animation:emptyPulse 2.2s ease-in-out infinite}@keyframes emptyPulse{50%{filter:brightness(1.15)}}.cpu-pips{display:flex;gap:calc(var(--u) * .45);margin-top:calc(var(--u) * .5);position:relative;z-index:3}.cpu-pips i{width:calc(var(--u) * 1.3);height:calc(var(--u) * 1.3);transform:rotate(45deg);border:calc(var(--u) * .22) solid var(--ink);background:#3a2733}.cpu-pips i.on{background:var(--gold)}.select2 .roster .card{height:calc(var(--u) * 24);width:calc(var(--u) * 21);border-radius:50% 50% calc(var(--u) * 1.1) calc(var(--u) * 1.1) / calc(var(--u) * 7) calc(var(--u) * 7) calc(var(--u) * 1.1) calc(var(--u) * 1.1)}.select2 .roster .card img{height:96%;bottom:calc(var(--u) * 3.6)}.select2 .roster .card .nm{font-size:calc(var(--u) * 2.4);padding-top:calc(var(--u) * 1.8)}.select2 .roster .card .nm small{display:none}.select2 .rules{gap:calc(var(--u) * 1.8)}.select2 .fight{font-size:calc(var(--u) * 4.6);padding:calc(var(--u) * .9) calc(var(--u) * 6)}@media(orientation:portrait){.select2 .roster .card{width:calc((100% - var(--u) * 6.4) / 5);height:calc(var(--u) * 20)}.select2 .roster .card .nm{font-size:calc(var(--u) * 1.9)}.select2 .slot .who{font-size:calc(var(--u) * 3.4)}}.vs{overflow:hidden;background:var(--ink)}.vs .side{position:absolute;top:-10%;bottom:-10%;overflow:hidden}.vs .side.l{left:-10%;right:50%;transform:skew(-12deg);background:var(--zellige-ink) center / calc(var(--u) * 8),linear-gradient(135deg,#ffd27a,#ff8a2f 55%,#c4521c)}.vs .side.r{left:50%;right:-10%;transform:skew(-12deg);background:var(--zellige) center / calc(var(--u) * 8),linear-gradient(225deg,#5a2a6a,#3a1840 55%,#1d0c22)}.vs .side .rays{position:absolute;inset:0;background:repeating-conic-gradient(from 0deg at 50% 60%,rgba(255,255,255,.07) 0 6deg,transparent 6deg 14deg)}.vs .fighter{position:absolute;bottom:0;height:92%;width:calc(50% / var(--n));left:calc(50% / var(--n) * var(--i));display:flex;align-items:flex-end;justify-content:center}.vs .fighter.r{left:calc(50% + 50% / var(--n) * var(--i))}.vs .fighter img{height:100%;filter:drop-shadow(0 calc(var(--u) * 1.5) calc(var(--u) * 2) rgba(0,0,0,.55))}.vs .fighter .name{position:absolute;bottom:calc(var(--u) * 21);isolation:isolate;padding:calc(var(--u) * .5) calc(var(--u) * 3) calc(var(--u) * .7);font-family:var(--display);font-size:calc(var(--u) * 6.5);color:var(--cream);-webkit-text-stroke:calc(var(--u) * .6) var(--ink);paint-order:stroke fill;white-space:nowrap}.vs .fighter .name:before{content:"";position:absolute;inset:0;z-index:-1;transform:skew(var(--skew));border:var(--ol) solid var(--ink);border-radius:calc(var(--u) * .8);background:var(--zellige) center / calc(var(--u) * 5),var(--plate);box-shadow:inset 0 0 0 calc(var(--u) * .28) #ffc94aa6,0 var(--depth) 0 var(--slab)}.vs .emblem{position:absolute;left:50%;top:44%;width:calc(var(--u) * 30);height:calc(var(--u) * 30);transform:translate(-50%,-50%);z-index:5;display:grid;place-items:center}.vs .emblem:before{content:"";position:absolute;inset:0;background:var(--star-gold) center / contain no-repeat;filter:drop-shadow(0 0 calc(var(--u) * 3) rgba(255,190,70,.7));animation:spinStar 14s linear infinite}.vs .emblem b{position:relative;font-family:var(--display);font-weight:400;font-size:calc(var(--u) * 13);line-height:1;color:#fff3d6;-webkit-text-stroke:calc(var(--u) * .9) var(--ink);paint-order:stroke fill;text-shadow:0 calc(var(--u) * .8) 0 rgba(0,0,0,.45);transform:skew(var(--skew))}.vs .stageplate{position:absolute;left:50%;bottom:calc(var(--u) * 4);transform:translate(-50%);z-index:6;isolation:isolate;text-align:center;padding:calc(var(--u) * 1) calc(var(--u) * 5) calc(var(--u) * 1.2);min-width:calc(var(--u) * 60)}.vs .stageplate:before{content:"";position:absolute;inset:0;z-index:-1;transform:skew(var(--skew));border:var(--ol) solid var(--ink);border-radius:calc(var(--u) * .9);background:var(--zellige) center / calc(var(--u) * 5),var(--plate);box-shadow:inset 0 0 0 calc(var(--u) * .3) #ffc94ab3,0 var(--depth) 0 var(--slab),0 calc(var(--u) * 1.6) calc(var(--u) * 3) #00000080}.vs .stageplate .sn{font-family:var(--display);font-size:calc(var(--u) * 4);color:var(--cream);-webkit-text-stroke:calc(var(--u) * .45) var(--ink);paint-order:stroke fill}.vs .stageplate .sc{font-weight:900;color:var(--saffron);letter-spacing:.25em;font-size:calc(var(--u) * 1.8)}.vs .stageplate .sa{font-family:"Lalezar",var(--display);color:var(--gold);font-size:calc(var(--u) * 3.6);line-height:1;-webkit-text-stroke:calc(var(--u) * .4) var(--ink);paint-order:stroke fill}.vs .loadbar{position:absolute;left:50%;bottom:calc(var(--u) * 1.4);width:calc(var(--u) * 40);height:calc(var(--u) * .8);transform:translate(-50%) skew(var(--skew));z-index:6;border:calc(var(--u) * .25) solid var(--ink);background:#1a0d15;border-radius:calc(var(--u) * .3);overflow:hidden}.vs .loadbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--saffron),var(--orange));transition:width .25s}.vs.many .fighter img{height:78%}.vs.many .fighter .name{font-size:calc(var(--u) * 4);bottom:calc(var(--u) * 19)}@media(orientation:portrait){.vs .side.l{inset:-10% -20% 50%;transform:skewY(-8deg)}.vs .side.r{inset:50% -20% -10%;transform:skewY(-8deg)}.vs .fighter,.vs .fighter.r{width:calc(100% / var(--n));left:calc(100% / var(--n) * var(--i))}.vs .fighter.l{top:3%;bottom:auto;height:45%}.vs .fighter.r{bottom:calc(var(--u) * 17);height:41%}.vs .fighter .name{font-size:calc(var(--u) * 5)}.vs .fighter.l .name{bottom:auto;top:0;left:calc(var(--u) * 3)}.vs .fighter.r .name{bottom:calc(var(--u) * -1);right:calc(var(--u) * 3)}.vs.many .fighter .name{font-size:calc(var(--u) * 3.6);bottom:auto;left:auto;right:auto}.vs.many .fighter.r .name{bottom:calc(var(--u) * -1)}.vs .emblem{top:50%;width:calc(var(--u) * 24);height:calc(var(--u) * 24)}.vs .emblem b{font-size:calc(var(--u) * 10)}.vs .stageplate{min-width:80%;bottom:calc(var(--u) * 2)}}.results .winner img.render{position:absolute;z-index:2;left:50%;bottom:13%;height:76%;max-width:100%;transform:translate(-50%);object-fit:contain;filter:drop-shadow(0 calc(var(--u) * 1.4) calc(var(--u) * 1.6) rgba(0,0,0,.55));transform-origin:50% 95%}.statrow img.bust{height:calc(var(--u) * 7)}@media(orientation:portrait){.results .winner{flex:1 1 auto;height:auto;min-height:40%}.results .side{flex:0 0 auto}}.credits{align-items:center;justify-content:center}.credits .panel{padding:calc(var(--u) * 3) calc(var(--u) * 4.4);max-width:min(94vw,calc(var(--u) * 120));max-height:88vh;overflow:auto}.credits dl{display:grid;grid-template-columns:auto 1fr;gap:calc(var(--u) * .7) calc(var(--u) * 2.6);margin:0}.credits dt{font-family:var(--display);color:var(--gold);font-size:calc(var(--u) * 2.2)}.credits dd{margin:0;font-weight:800;color:#eadbc6;font-size:calc(var(--u) * 1.9);line-height:1.35}.credits .mbtn{margin-top:calc(var(--u) * 2);align-self:center}#boot{display:grid;place-items:center;align-content:center;gap:18px}#boot img{width:min(70vw,520px);filter:drop-shadow(0 8px 12px rgba(0,0,0,.6))}#boot .bar{width:min(60vw,360px);height:12px;border:3px solid #000;border-radius:4px;background:#1a0d15;transform:skew(-10deg);overflow:hidden}#boot .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ffb42e,#ff7a2f);transition:width .2s}#boot:before{display:none}.arcade2 .arcade-me{position:absolute;left:calc(var(--u) * -2);bottom:0;height:74%;z-index:0;opacity:.95;filter:drop-shadow(0 calc(var(--u) * 1.4) calc(var(--u) * 2) rgba(0,0,0,.6));pointer-events:none}.arcade2 .ladder{position:relative;padding-left:22%}.arcade2 .route{position:absolute;left:24%;right:2%;bottom:44%;height:calc(var(--u) * .6);border-top:calc(var(--u) * .6) dashed rgba(255,201,74,.6);z-index:-1}@media(orientation:portrait){.arcade2 .arcade-me{left:0;right:0;margin:0 auto;height:50%}.arcade2 .ladder{padding-left:0;flex:0 0 auto;align-content:flex-start;row-gap:calc(var(--u) * 3);margin-top:calc(var(--u) * 4)}.arcade2 .route{display:none}.arcade2 .hint{margin-top:auto;position:relative;z-index:1}}#oops{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:14px;padding:12px 18px;max-width:92vw;background:#2a1622;border:3px solid #160b12;border-radius:10px;box-shadow:inset 0 0 0 2px #ff5a4e,0 6px #0d060a;color:#fbf0dc;font:800 15px Nunito,system-ui,sans-serif}#oops b{font-family:Lilita One,system-ui;font-weight:400;color:#ff8a7a;white-space:nowrap}#oops span{opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#oops button{font:400 16px Lilita One,system-ui;color:#160b12;background:linear-gradient(180deg,#ffe39a,#ff8a2f);border:3px solid #160b12;border-radius:6px;padding:4px 12px;cursor:pointer}.howto .panel[style]{column-count:2;column-gap:calc(var(--u) * 4)}.howto .panel[style] h3{column-span:all}.howto .panel[style] p{break-inside:avoid;margin:0 0 .45em;font-size:calc(var(--u) * 1.85);line-height:1.3}.howto .cols{gap:calc(var(--u) * 1.8)}.howto .row{margin:.2em 0}.howto .panel{padding:calc(var(--u) * 1.8) calc(var(--u) * 2.4)}@media(orientation:portrait){.howto .panel[style]{column-count:1}}