:root{--ink: #0d0907;--ink-2: #1a120d;--ink-3: #2a1c14;--paper: #f3e3c3;--paper-dim: #c9b38c;--bone: #fff4e0;--bone-dim: #d8c3a0;--orange: #ff7a00;--amber: #ffae00;--yellow: #ffe14d;--crimson: #d9261c;--blood: #8e1109;--chakra: #3aa8ff;--life: #9dff3c;--gold: #ffc233;--gold-hi: #fff2b8;--gold-lo: #9a5200;--p1: #ff5a1f;--p1-hi: #ffb48a;--p1-deep: #8a1c04;--p2: #2f8bff;--p2-hi: #a9d4ff;--p2-deep: #0b2f73;--display: "Dela Gothic One", "Arial Black", Impact, sans-serif;--brush: "Yuji Boku", "Hiragino Mincho ProN", serif;--ui: "Teko", "Oswald", "Arial Narrow", sans-serif;--body: "Barlow Condensed", "Arial Narrow", sans-serif;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-slam: cubic-bezier(.2, 1.6, .4, 1);--brush-mask: url(/ui/brush.webp) center / 100% 100% no-repeat;--splash-mask: url(/ui/splash.webp) center / contain no-repeat}html,body{background:var(--ink);color:var(--bone)}body{font-family:var(--body);-webkit-font-smoothing:antialiased}canvas{display:block;cursor:default;touch-action:none}button{font:inherit;color:inherit}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}kbd{display:inline-grid;place-items:center;min-width:1.7em;height:1.6em;padding:0 .45em;box-sizing:border-box;font:600 .95em/1 var(--ui);letter-spacing:.04em;color:var(--ink);background:linear-gradient(180deg,#fff,#ffe9b8 55%,#f2c46a);border-radius:3px;box-shadow:0 2px #7a3c00,0 0 0 1px #3a1a00,0 3px 8px #00000080;vertical-align:middle}.outl{position:relative;z-index:0;color:#fff}.outl:before{content:attr(data-text);position:absolute;inset:0;z-index:-1;-webkit-text-stroke:.16em var(--ink);color:var(--ink);text-shadow:.05em .07em 0 var(--ink)}.chipp{display:inline-grid;place-items:center;height:24px;padding:2px 11px 0 9px;font:600 21px/1 var(--ui);letter-spacing:.06em;color:#fff;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}.p1 .chipp{background:linear-gradient(90deg,var(--p1-deep),var(--p1))}.p2 .chipp{background:linear-gradient(90deg,var(--p2-deep),var(--p2))}.screen{position:fixed;inset:0;z-index:20;user-select:none;opacity:0;transition:opacity .45s var(--ease-out)}.screen.in{opacity:1}.screen.out{opacity:0}.speed{position:absolute;left:50%;top:50%;width:180vmax;height:180vmax;margin:-90vmax 0 0 -90vmax;pointer-events:none;background:repeating-conic-gradient(from 0deg,rgba(255,240,200,.1) 0deg 1.2deg,transparent 1.2deg 7deg);-webkit-mask:radial-gradient(circle,transparent 12%,#000 40%,transparent 72%);mask:radial-gradient(circle,transparent 12%,#000 40%,transparent 72%);animation:spin 90s linear infinite;mix-blend-mode:screen}@keyframes spin{to{transform:rotate(360deg)}}.brushbg{position:relative;isolation:isolate}.brushbg:before{content:"";position:absolute;inset:-18% -14%;z-index:-1;background:var(--stroke, var(--ink));-webkit-mask:var(--brush-mask);mask:var(--brush-mask)}#loading{position:fixed;inset:0;z-index:40;display:grid;place-content:center;justify-items:center;gap:18px;text-align:center;background:radial-gradient(55% 45% at 50% 45%,rgba(255,110,0,.22),transparent 70%),url(/ui/bg-select.webp) center / cover,var(--ink);transition:opacity .6s ease}#loading:before{content:"";position:absolute;inset:0;background:#0a0604c7}#loading>*{position:relative}#loading.done{opacity:0;pointer-events:none}#loading .mark{width:96px;height:96px;animation:spin 2.2s linear infinite;filter:drop-shadow(0 0 18px rgba(255,122,0,.6))}#loading .logo{width:min(420px,74vw);height:auto;filter:drop-shadow(0 10px 24px rgba(0,0,0,.7))}#loading strong{font:400 clamp(34px,7vw,64px)/1 var(--display);letter-spacing:.04em}#loading .tag{font:500 clamp(15px,2vw,20px)/1 var(--ui);letter-spacing:.5em;color:var(--bone-dim);margin-right:-.5em}#loading .track{position:relative;width:min(380px,70vw);height:10px;margin:6px auto 0;background:#0009;box-shadow:0 0 0 2px var(--ink),0 0 0 3px #ffae0080;transform:skew(-20deg);overflow:hidden}#loading .fill{height:100%;background:linear-gradient(90deg,var(--crimson),var(--orange) 55%,var(--yellow));transform-origin:left;transform:scaleX(.02);transition:transform .5s var(--ease-out);box-shadow:0 0 14px var(--orange)}#loading .status{font:400 17px/1 var(--ui);letter-spacing:.3em;color:var(--bone-dim)}#title:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(34% 42% at 50% 52%,rgba(8,3,2,.55),transparent 100%),linear-gradient(180deg,rgba(0,0,0,.6) 0,transparent 20%,transparent 70%,rgba(0,0,0,.85) 100%);transition:background .6s}#title:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .6s;background:radial-gradient(30% 48% at 50% 62%,rgba(8,3,2,.82),rgba(8,3,2,.4) 70%,transparent 100%)}#title.menu-open:after{opacity:1}@keyframes inkIn{0%{opacity:0;transform:translateY(-52%) scale(1.15);filter:blur(12px)}}#title .brandbar{position:absolute;top:22px;left:32px;display:flex;gap:12px;align-items:center;transition:opacity .3s}#title.menu-open .brandbar{opacity:0}#title .brandbar .mark{width:46px;height:46px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}#title .brandbar b{display:block;font:400 16px/1 var(--display);letter-spacing:.12em;color:#fff;text-shadow:0 2px 0 var(--ink)}#title .brandbar small{display:block;margin-top:5px;font:500 14px/1 var(--ui);letter-spacing:.32em;color:var(--amber)}#title .ver{position:absolute;top:34px;right:180px;font:500 15px/1 var(--ui);letter-spacing:.3em;color:#fff4e08c}#title .logo{position:absolute;left:50%;top:61%;width:min(420px,30vw);transform:translate(-50%,-58%);transition:transform .8s var(--ease-out);transform-origin:center center}#title.menu-open .logo{transform:translate(-50%,-178%) scale(.72)}#title .logo-img{display:block;width:100%;height:auto;filter:drop-shadow(0 16px 30px rgba(0,0,0,.65));animation:logoIn 1.1s .15s var(--ease-slam) both}@keyframes logoIn{0%{opacity:0;transform:scale(1.35) rotate(-3deg);filter:blur(10px)}}#title .sub{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 -60%;font:500 clamp(13px,1.2vw,18px)/1 var(--ui);letter-spacing:.5em;color:var(--bone);text-shadow:0 2px 6px #000;white-space:nowrap;animation:fadeUp .8s .9s both}#title .sub i{width:40px;height:2px;background:linear-gradient(90deg,transparent,var(--amber))}#title .sub i:last-child{transform:scaleX(-1)}#title.menu-open .sub{opacity:0;transition:opacity .3s}#title .press{position:absolute;left:0;right:0;bottom:9%;text-align:center;cursor:pointer;animation:fadeUp .8s 1.2s both}#title .press span{--stroke: linear-gradient(90deg, rgba(10, 5, 2, .95), rgba(60, 10, 2, .92));display:inline-block;padding:16px 56px 12px;text-shadow:0 2px 0 #000;font:500 clamp(19px,2vw,27px)/1 var(--ui);letter-spacing:.38em;color:#fff;animation:pulse 1.6s ease-in-out infinite}#title .press span{position:relative;isolation:isolate}#title .press span:before{content:"";position:absolute;inset:-18px -24px;z-index:-1;background:var(--stroke);-webkit-mask:var(--brush-mask);mask:var(--brush-mask)}#title .press kbd{font-size:.8em;margin:0 .35em}#title.menu-open .press{opacity:0;pointer-events:none;transition:opacity .3s}@keyframes pulse{50%{opacity:.35}}.menu{display:flex;flex-direction:column;gap:6px}#title .menu{position:absolute;z-index:1;left:50%;top:45%;width:min(500px,86vw);opacity:0;transform:translate(-50%,24px);transition:all .6s var(--ease-out) .15s;pointer-events:none}#title.menu-open .menu{opacity:1;transform:translate(-50%);pointer-events:auto}.mi{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:14px;text-align:left;padding:12px 26px 10px 18px;background:none;border:0;cursor:pointer;color:#fff4e09e;isolation:isolate;transition:color .15s,transform .25s var(--ease-out)}.mi .bar{position:absolute;inset:-4px -20px -4px -14px;z-index:-1;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--crimson),var(--orange) 45%,var(--amber));-webkit-mask:var(--brush-mask);mask:var(--brush-mask);transition:transform .3s var(--ease-out)}.mi:after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(10,5,2,.7),rgba(10,5,2,.25) 80%,transparent);clip-path:polygon(0 0,100% 0,calc(100% - 16px) 100%,0 100%);border-left:3px solid rgba(255,174,0,.45)}.mi .shu{width:22px;height:22px;color:#fff4e059;transition:color .2s}.mi .shu svg{width:100%;height:100%;display:block}.mi .lbl{position:relative;font:400 clamp(22px,2.1vw,30px)/1.1 var(--display);letter-spacing:.06em;white-space:nowrap;text-shadow:0 2px 0 rgba(0,0,0,.6)}.mi small{grid-column:2 / -1;margin-top:2px;font:500 14px/1 var(--ui);letter-spacing:.3em;color:var(--bone-dim);max-height:0;opacity:0;overflow:hidden;transition:all .25s}#title .mi small{display:none}.mi .opt{position:relative;display:flex;gap:8px;align-items:center;font:500 23px/1 var(--ui);letter-spacing:.16em;color:var(--yellow)}.mi .opt b{min-width:86px;text-align:center;font-weight:500}.mi .arr{font-style:normal;opacity:.5;padding:0 4px}.mi.sel{color:#fff;transform:translate(10px)}.mi.sel .bar{transform:scaleX(1)}.mi.sel:after{opacity:0}.mi.sel .shu{color:#fff;animation:spin .9s linear infinite;filter:drop-shadow(0 0 6px #fff)}.mi.sel .lbl{text-shadow:0 3px 0 var(--blood),2px 0 0 var(--blood),-2px 0 0 var(--blood),0 -2px 0 var(--blood)}.mi.sel .opt{color:#fff;text-shadow:0 2px 0 var(--blood)}.mi.sel small{max-height:20px;opacity:1;margin-top:6px;color:#fff}.mi.sel .arr{opacity:1}.mi.fire .bar{animation:fire .35s ease-out}@keyframes fire{0%{filter:brightness(2.2);transform:scaleX(1.08)}}#title.menu-open .mi{animation:slideIn .5s var(--ease-out) both;animation-delay:calc(.12s + var(--i) * .07s)}@keyframes slideIn{0%{opacity:0;transform:translate(-40px)}}#title .menudesc{position:absolute;z-index:1;left:50%;transform:translate(-50%);bottom:64px;min-width:320px;text-align:center;padding:10px 22px 8px 16px;font:500 18px/1 var(--ui);letter-spacing:.3em;color:var(--bone);background:linear-gradient(90deg,transparent,rgba(10,5,2,.85) 20%,rgba(10,5,2,.85) 80%,transparent);border-bottom:2px solid var(--orange);opacity:0;transition:opacity .3s}#title.menu-open .menudesc{opacity:1}#title .menudesc.pop{animation:descIn .3s var(--ease-out)}@keyframes descIn{0%{opacity:.2}}#title footer,#select footer{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:10px 32px;min-height:22px;font:500 15px/1.2 var(--ui);letter-spacing:.2em;color:#fff4e0bf;background:linear-gradient(180deg,#080402b3,#080402f2);border-top:2px solid var(--orange);box-shadow:0 -1px #ffae0059}#title footer kbd,#select footer kbd{font-size:12px;margin:0 3px}#title footer a{color:var(--amber)}#controls,#pause{z-index:30;display:grid;place-items:center;background:#080402c7;backdrop-filter:blur(6px)}#controls .sheet,#pause .box{position:relative;width:min(900px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow:auto;box-sizing:border-box;padding:34px clamp(18px,4vw,48px) 28px;color:var(--ink);background:linear-gradient(180deg,rgba(255,250,238,.35),transparent 30%),url(/ui/paper.webp) center / 520px,var(--paper);box-shadow:0 30px 90px #000000bf,inset 0 0 60px #78461459;border-top:14px solid #2a1206;border-bottom:14px solid #2a1206;animation:unroll .5s var(--ease-out) both}#controls .sheet:before,#pause .box:before,#controls .sheet:after,#pause .box:after{content:"";position:sticky;display:block;left:0;right:0;height:0}@keyframes unroll{0%{clip-path:inset(48% 0 48% 0)}to{clip-path:inset(0 0 0 0)}}#controls h2,#pause h2{margin:0 auto;width:max-content;padding:6px 40px 2px;font:400 40px/1.2 var(--display);letter-spacing:.12em;text-align:center;color:#fff;position:relative;isolation:isolate}#controls h2:before,#pause h2:before{content:"";position:absolute;inset:-12px -34px;z-index:-1;background:var(--crimson);-webkit-mask:var(--brush-mask);mask:var(--brush-mask)}#controls .lede{text-align:center;color:#4a3220;font:500 19px/1.4 var(--body);margin:14px 0 22px}.cols{display:grid;grid-template-columns:1fr 1fr;gap:26px}.cols header{display:flex;align-items:center;gap:10px;font:500 23px/1 var(--ui);letter-spacing:.16em;padding-bottom:8px;border-bottom:2px solid rgba(60,30,10,.35)}.cols header small{margin-left:auto;font-size:14px;color:#6b4a2c}.caps{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:4px}.caps li{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;font:500 20px/1 var(--ui);letter-spacing:.12em;padding:4px 0;border-bottom:1px dashed rgba(60,30,10,.18)}.caps .g{width:20px;height:20px;display:grid;place-items:center;color:var(--crimson);font-size:16px}.caps .g svg{width:20px;height:20px}.p1 .caps kbd{box-shadow:0 2px 0 var(--p1-deep),0 0 0 1px var(--p1) inset}.p2 .caps kbd{box-shadow:0 2px 0 var(--p2-deep),0 0 0 1px var(--p2) inset}#controls .notes{margin:22px 0 0;padding-left:18px;color:#4a3220;font:500 17px/1.5 var(--body)}#controls .notes b{color:var(--crimson);font-weight:700}#controls .back{display:block;margin:22px auto 0;background:var(--ink);border:0;color:#fff;padding:11px 26px 8px;cursor:pointer;font:500 20px/1 var(--ui);letter-spacing:.2em;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}#pause .box h2{margin-bottom:20px}#pause .menu{width:min(470px,100%);margin:0 auto 20px;gap:2px}#pause .mi{padding:8px 22px 6px 16px;color:#281408b3}#pause .mi:after{background:linear-gradient(90deg,rgba(60,30,10,.12),transparent);border-left-color:#8c280a80}#pause .mi .shu{color:#3c1e0a59}#pause .mi .lbl{font-size:22px;text-shadow:none}#pause .mi.sel{color:#fff}#pause .mi.sel .lbl{text-shadow:0 2px 0 var(--blood)}#pause .cols{opacity:.9}#pause .caps li{padding:1px 0;font-size:18px}#select:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.35) 0,transparent 22%,transparent 58%,rgba(10,4,2,.82) 100%)}#select .ground{position:absolute;bottom:0;width:44vw;height:60vh;pointer-events:none;opacity:.75;mix-blend-mode:screen}#select .ground.p1{left:-6vw;background:radial-gradient(50% 60% at 50% 100%,rgba(255,90,31,.55),transparent 70%)}#select .ground.p2{right:-6vw;background:radial-gradient(50% 60% at 50% 100%,rgba(47,139,255,.55),transparent 70%)}#select .top{position:absolute;top:0;left:0;right:0;height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:linear-gradient(180deg,#080402f2,#080402bf);border-bottom:3px solid var(--orange);box-shadow:0 3px #00000080,0 8px 30px #00000080}#select .ttl small{display:block;font:500 15px/1 var(--ui);letter-spacing:.44em;color:var(--amber)}#select .ttl h1{margin:4px 0 0;font:400 clamp(24px,2.8vw,38px)/1 var(--display);letter-spacing:.08em;color:#fff;text-shadow:0 3px 0 var(--blood)}#select .timer{position:absolute;left:50%;top:8px;transform:translate(-50%);width:92px;height:92px;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,#2a160a 0 55%,#120804 56% 100%);border-radius:50%;box-shadow:0 0 0 3px var(--ink),0 0 0 6px var(--orange),0 0 0 8px var(--ink),0 10px 26px #0009}#select .timer:before{content:"";position:absolute;inset:-14px;border-radius:50%;background:conic-gradient(var(--amber) 0 8deg,transparent 8deg 45deg);-webkit-mask:radial-gradient(circle,transparent 60%,#000 61%);mask:radial-gradient(circle,transparent 60%,#000 61%);animation:spin 6s linear infinite;opacity:.8}#select .timer b{font:600 50px/.8 var(--ui);color:var(--yellow);text-shadow:0 0 16px rgba(255,174,0,.6)}#select .timer span{font:500 11px/1 var(--ui);letter-spacing:.3em;color:var(--bone-dim)}#select .timer.low b{color:#ff4a2a;animation:pulse .5s infinite}#select .modechip{display:flex;align-items:center;gap:10px;font:400 15px/1 var(--display);letter-spacing:.1em;color:#fff}#select .modechip img{width:40px;height:40px}#select .side{position:absolute;bottom:58px;width:min(380px,29vw)}#select .side.p1{left:26px}#select .side.p2{right:26px;text-align:right}#select .who{display:flex;align-items:center;gap:10px;font:500 17px/1 var(--ui);letter-spacing:.28em;color:var(--bone);text-shadow:0 2px 4px #000}#select .p2 .who{flex-direction:row-reverse}#select .nameplate{position:relative;isolation:isolate;margin:10px 0 6px;padding:10px 0 6px}#select .nameplate:before{content:"";position:absolute;inset:-12px -40px -8px -30px;z-index:-1;-webkit-mask:var(--brush-mask);mask:var(--brush-mask);transition:transform .35s var(--ease-out)}#select .p1 .nameplate:before{background:linear-gradient(90deg,var(--p1-deep),var(--p1) 60%,var(--amber))}#select .p2 .nameplate:before{background:linear-gradient(270deg,var(--p2-deep),var(--p2) 60%,#7fd0ff);transform:scaleX(-1);inset:-12px -30px -8px -40px}#select .fname{position:relative;z-index:0;margin:0;font:400 clamp(26px,3vw,46px)/1.05 var(--display);letter-spacing:.02em;color:#fff;font-style:normal;white-space:nowrap}#select .fname:before{content:attr(data-text);position:absolute;inset:0;z-index:-1;-webkit-text-stroke:8px var(--ink);color:var(--ink);text-shadow:3px 5px 0 var(--ink)}#select .epithet{font:italic 600 clamp(16px,1.4vw,21px)/1.2 var(--body);color:var(--bone);text-shadow:0 2px 4px #000;min-height:1.2em;letter-spacing:.03em}#select .meta{display:grid;gap:5px;margin:12px 0 10px}#select .meta div{display:flex;gap:12px;font:500 17px/1 var(--ui);letter-spacing:.18em;text-shadow:0 2px 4px #000}#select .p2 .meta div{flex-direction:row-reverse}#select .meta dt{color:var(--amber);width:54px}#select .p2 .meta dt{text-align:right}#select .meta dd{margin:0;color:var(--bone)}#select .stats{display:grid;gap:6px;margin:4px 0 12px}#select .st{display:flex;align-items:center;gap:12px;font:500 15px/1 var(--ui);letter-spacing:.22em;color:var(--bone-dim);text-shadow:0 2px 3px #000}#select .p2 .st{flex-direction:row-reverse}#select .st span{width:96px}#select .st i{display:flex;gap:3px;padding:3px;background:#0000008c;transform:skew(-20deg);box-shadow:0 0 0 1px #ffae004d}#select .p2 .st i{flex-direction:row-reverse;transform:skew(20deg)}#select .st u{width:24px;height:8px;background:#ffffff14}#select .p1 .st u.on{background:linear-gradient(180deg,var(--yellow),var(--orange) 60%,var(--p1-deep));box-shadow:0 0 8px #ff7a0099}#select .p2 .st u.on{background:linear-gradient(180deg,#d4efff,var(--p2) 60%,var(--p2-deep));box-shadow:0 0 8px #2f8bff99}#select .costume{display:flex;align-items:center;gap:10px;font:500 21px/1 var(--ui);letter-spacing:.18em}#select .p2 .costume{flex-direction:row-reverse}#select .costume .lab{font-size:14px;color:var(--amber);letter-spacing:.28em}#select .costume b{font-weight:500;color:#fff;min-width:110px;text-align:center;white-space:nowrap;padding:4px 8px 1px;background:#0000008c;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}#select .costume .arr{font-style:normal;color:var(--amber)}#select .costume kbd{font-size:14px}#select .side.locked .fname,#select .side.rand .fname{color:#b9aa92}#select .fname.long{font-size:clamp(22px,2.4vw,36px)}#select .stamp{position:absolute;top:-118px;width:110px;height:110px;display:grid;place-items:center;opacity:0;pointer-events:none;transform:scale(2.4) rotate(-20deg);transition:all .28s var(--ease-slam)}#select .p1 .stamp{right:10px}#select .p2 .stamp{left:10px}#select .stamp:before{content:"";position:absolute;inset:-30%;background:var(--crimson);-webkit-mask:var(--splash-mask);mask:var(--splash-mask);opacity:.9}#select .stamp span{position:relative;display:grid;place-items:center;width:84px;height:84px;border-radius:50%;font:400 26px/1 var(--display);letter-spacing:.06em;color:#fff;background:radial-gradient(circle,#e8321f,#9e1208);box-shadow:0 0 0 3px #fff,0 0 0 6px #9e1208,0 8px 18px #0009}#select .side.ready .stamp{opacity:1;transform:scale(1) rotate(-12deg)}#select .p2.ready .stamp{transform:scale(1) rotate(12deg)}#select .rosterwrap{position:absolute;left:50%;bottom:62px;transform:translate(-50%);display:grid;justify-items:center;gap:8px}#select .rosterhead{display:flex;align-items:center;gap:12px;font:400 14px/1 var(--display);letter-spacing:.5em;color:var(--amber);text-shadow:0 2px 3px #000}#select .rosterhead i{width:60px;height:2px;background:linear-gradient(90deg,transparent,var(--amber))}#select .rosterhead i:last-child{transform:scaleX(-1)}#select .roster{display:grid;gap:8px;padding:12px 16px;background:#0804029e;box-shadow:0 0 0 1px #ffae0040,0 20px 40px #00000080;clip-path:polygon(18px 0,100% 0,calc(100% - 18px) 100%,0 100%)}#select .row{display:flex;gap:8px}#select .row:nth-child(2){margin-left:26px}#select .tile{position:relative;width:86px;height:86px;cursor:pointer;overflow:hidden;clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);background:linear-gradient(160deg,#3a2014,#120a06);transition:transform .15s var(--ease-out)}#select .tile:after{content:"";position:absolute;inset:0;pointer-events:none;clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%,0 0,3px 3px,3px calc(100% - 3px),calc(100% - 16px) calc(100% - 3px),calc(100% - 3px) 3px,16px 3px,3px 3px,0 0);background:#ffae0073}#select .tile .face{position:absolute;inset:0;display:grid;place-items:center}#select .tile.open{background:radial-gradient(90% 80% at 50% 30%,#ff8a2a,#8e1a06 60%,#2a0a04)}#select .tile .art{position:absolute;inset:0}#select .tile .art img{position:absolute;left:50%;top:0;width:170%;transform:translate(-50%) translateY(-4%);filter:drop-shadow(0 0 1px #000)}#select .tile .portrait{width:92%;height:92%;margin-top:8%}#select .tile .tl{position:absolute;left:0;right:0;bottom:0;padding:12px 0 3px;text-align:center;font:500 14px/1 var(--ui);letter-spacing:.1em;color:#fff;background:linear-gradient(0deg,rgba(0,0,0,.85),transparent)}#select .tile.locked{background:linear-gradient(160deg,#2a221c,#0e0a08)}#select .tile.locked .face{color:#fff4e033}#select .tile.locked .lock{width:22px;height:22px;position:absolute;top:14px}#select .tile.locked .q{font:400 32px/1 var(--display);margin-top:16px}#select .tile.locked .tl{color:#fff4e04d}#select .tile.random{background:radial-gradient(circle at 50% 40%,#5a3510,#1a0e06)}#select .tile.random .dice{width:34px;height:34px;color:var(--yellow);margin-top:-10px;animation:spin 4s linear infinite}#select .tile .f1,#select .tile .f2{position:absolute;top:3px;z-index:2;padding:2px 5px 0;font:600 13px/1 var(--ui);color:#fff;opacity:0;transition:opacity .1s}#select .tile .f1{left:14px;background:var(--p1)}#select .tile .f2{right:14px;background:var(--p2)}#select .tile.c1,#select .tile.c2{transform:translateY(-5px) scale(1.06);z-index:2}#select .tile.c1:after{background:var(--p1)}#select .tile.c2:after{background:var(--p2)}#select .tile.c1.c2:after{background:linear-gradient(90deg,var(--p1) 50%,var(--p2) 50%)}#select .tile.c1 .f1,#select .tile.c2 .f2{opacity:1}#select .tile.c1:after,#select .tile.c2:after{animation:framePulse .8s ease-in-out infinite}@keyframes framePulse{50%{filter:brightness(1.6)}}#select .tile.r1:before,#select .tile.r2:before{content:"";position:absolute;inset:0;z-index:1;background:#ffffff29}#select.cpu .tile .f2{background:#8a8a98}#select .toastline{position:absolute;left:50%;bottom:300px;transform:translate(-50%);padding:10px 30px 7px;font:500 21px/1 var(--ui);letter-spacing:.24em;color:#fff;opacity:0;white-space:nowrap;background:#8c1008e6;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%)}#select .toastline.pop{animation:toast 1.8s ease forwards}@keyframes toast{10%,80%{opacity:1}to{opacity:0}}#select footer{padding:9px 26px;font-size:14px;letter-spacing:.14em}#select footer .k{display:flex;gap:7px;align-items:center;flex-wrap:wrap}#select footer .p1 kbd{box-shadow:0 2px 0 var(--p1-deep),0 0 0 1px var(--p1) inset}#select footer .p2 kbd{box-shadow:0 2px 0 var(--p2-deep),0 0 0 1px var(--p2) inset}#select.locked-in:after{content:"";position:absolute;inset:0;background:#fff;animation:white 1.2s ease-in forwards;pointer-events:none}@keyframes white{0%{opacity:0}70%{opacity:0}to{opacity:1}}.portrait{filter:hue-rotate(var(--hue, 0deg)) drop-shadow(0 4px 6px rgba(0,0,0,.6))}.portrait svg{width:100%;height:100%;display:block}.art img{display:block;user-select:none;-webkit-user-drag:none;pointer-events:none}#vs{z-index:22;overflow:hidden}#vs:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 50%,transparent 50%,rgba(0,0,0,.6) 100%)}#vs .hero{position:absolute;bottom:0;height:96vh;width:52vw;pointer-events:none}#vs .hero.p1{left:-3vw;animation:heroL .75s .1s var(--ease-out) backwards}#vs .hero.p2{right:-3vw;animation:heroR .75s .1s var(--ease-out) backwards}#vs .hero .art{position:absolute;inset:0}#vs .hero img{position:absolute;bottom:0;left:50%;height:100%;width:auto;transform:translate(-50%);filter:drop-shadow(3px 0 0 #fff) drop-shadow(-3px 0 0 #fff) drop-shadow(0 -3px 0 #fff) drop-shadow(0 0 26px var(--glow));-webkit-mask:linear-gradient(0deg,transparent 0,#000 14%),linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%),linear-gradient(180deg,transparent 0,#000 5%);-webkit-mask-composite:source-in,source-in;mask:linear-gradient(0deg,transparent 0,#000 14%) intersect,linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%) intersect,linear-gradient(180deg,transparent 0,#000 5%)}#vs .hero.p1{--glow: rgba(255, 90, 31, .9)}#vs .hero.p2{--glow: rgba(47, 139, 255, .9)}#vs .hero.p2 img{transform:translate(-50%) scaleX(-1)}@keyframes heroL{0%{left:-60vw;opacity:0}}@keyframes heroR{0%{right:-60vw;opacity:0}}#vs .slash{position:absolute;left:50%;top:-10%;bottom:-10%;width:10px;background:linear-gradient(180deg,transparent,#fff 20%,#fff 80%,transparent);transform:translate(-50%) rotate(20deg) scaleY(0);box-shadow:0 0 40px #fff,0 0 90px var(--amber);animation:slash .5s .45s var(--ease-out) forwards}@keyframes slash{to{transform:translate(-50%) rotate(20deg) scaleY(1)}}#vs .band{position:absolute;bottom:9%;display:flex;flex-direction:column;gap:8px;isolation:isolate;width:40vw;min-width:0;box-sizing:border-box}#vs .band:before{content:"";position:absolute;inset:-30px -80px -24px -60px;z-index:-1;background:#080402d1;-webkit-mask:var(--brush-mask);mask:var(--brush-mask)}#vs .band.p1{left:4vw;animation:bandL .7s .35s var(--ease-out) both}#vs .band.p2{right:4vw;text-align:right;animation:bandR .7s .35s var(--ease-out) both}#vs .band.p2:before{transform:scaleX(-1);inset:-30px -60px -24px -80px}@keyframes bandL{0%{transform:translate(-60vw)}}@keyframes bandR{0%{transform:translate(60vw)}}#vs .band small{font:500 20px/1 var(--ui);letter-spacing:.4em}#vs .band.p1 small{color:var(--p1-hi)}#vs .band.p2 small{color:var(--p2-hi)}#vs .band b{display:block;width:100%;font:400 clamp(28px,3.8vw,68px)/1 var(--display);letter-spacing:.02em;color:#fff;text-shadow:0 4px 0 var(--ink),3px 0 0 var(--ink),-3px 0 0 var(--ink),0 -3px 0 var(--ink);white-space:nowrap}#vs .band.p1 b{text-shadow:0 5px 0 var(--p1-deep),3px 0 0 var(--ink),-3px 0 0 var(--ink),0 -3px 0 var(--ink)}#vs .band.p2 b{text-shadow:0 5px 0 var(--p2-deep),3px 0 0 var(--ink),-3px 0 0 var(--ink),0 -3px 0 var(--ink)}#vs .band span{font:500 18px/1 var(--ui);letter-spacing:.26em;color:var(--bone-dim)}#vs .vsmark{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);display:flex;font:400 clamp(110px,15vw,240px)/1 var(--display);isolation:isolate}#vs .vsmark:before{content:"";position:absolute;inset:-40%;z-index:-1;background:var(--ink);-webkit-mask:var(--splash-mask);mask:var(--splash-mask);animation:splashIn .5s .5s var(--ease-slam) both}@keyframes splashIn{0%{transform:scale(0) rotate(-40deg)}}#vs .vsmark b{display:block;font-weight:400;background:linear-gradient(180deg,#fff 0%,var(--yellow) 30%,var(--orange) 60%,var(--crimson) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:4px var(--ink);filter:drop-shadow(0 6px 0 var(--ink)) drop-shadow(0 0 30px rgba(255,122,0,.6));animation:slamV .55s .55s var(--ease-slam) both}#vs .vsmark b:last-child{margin-left:-.06em;margin-top:.22em;animation-name:slamS}@keyframes slamV{0%{transform:translate(-40vw,-20vh) scale(3);opacity:0}}@keyframes slamS{0%{transform:translate(40vw,20vh) scale(3);opacity:0}}#vs .stage{position:absolute;left:0;right:0;top:5%;display:flex;justify-content:center;align-items:center;gap:16px;font:500 20px/1 var(--ui);letter-spacing:.44em;color:#fff;text-shadow:0 2px 6px #000;animation:fadeUp .6s 1.1s both}#vs .stage i{width:70px;height:2px;background:var(--amber)}#vs .blink{position:absolute;inset:0;background:#fff;opacity:0;animation:blink .5s .6s ease-out;pointer-events:none}@keyframes blink{0%{opacity:.9}to{opacity:0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}}#fighthud{position:fixed;inset:0;z-index:10;pointer-events:none;user-select:none;opacity:0;transition:opacity .4s;font-family:var(--ui)}#fighthud.on{opacity:1}#fighthud .topbar{position:absolute;top:14px;left:50%;transform:translate(-50%);width:min(1260px,calc(100vw - 24px));display:grid;grid-template-columns:1fr 104px 1fr;align-items:start}#fighthud .side{display:flex;align-items:flex-start;gap:8px}#fighthud .side.p1{grid-column:1;grid-row:1}#fighthud .side.p2{grid-column:3;grid-row:1;flex-direction:row-reverse}#fighthud .clock{grid-column:2;grid-row:1}#fighthud .pframe{position:relative;width:84px;height:84px;flex:none;z-index:1}#fighthud .pslot{position:absolute;inset:0;overflow:hidden;border-radius:50%;background:radial-gradient(circle at 50% 35%,#ff9a3a,#8e1a06 65%,#2a0a04);box-shadow:0 0 0 3px var(--ink),0 0 0 6px var(--amber),0 0 0 8px var(--ink),0 6px 18px #0009}#fighthud .p2 .pslot{background:radial-gradient(circle at 50% 35%,#7fc4ff,#0b3f8a 65%,#04142e);box-shadow:0 0 0 3px var(--ink),0 0 0 6px #7fc4ff,0 0 0 8px var(--ink),0 6px 18px #0009}#fighthud .pslot .art{position:absolute;inset:0}#fighthud .pslot .art img{position:absolute;left:50%;top:0;width:190%;transform:translate(-50%) translateY(-3%)}#fighthud .p2 .pslot .art img{transform:translate(-50%) translateY(-3%) scaleX(-1)}#fighthud .pslot .portrait{width:100%;height:100%;transform:scale(1.25) translateY(10%)}#fighthud .p2 .pslot .portrait svg{transform:scaleX(-1)}#fighthud .pbadge{position:absolute;bottom:-8px;left:50%;transform:translate(-50%) skew(-12deg);padding:2px 8px 0;font:600 16px/1 var(--ui);color:#fff;z-index:2;box-shadow:0 0 0 2px var(--ink)}#fighthud .p1 .pbadge{background:var(--p1)}#fighthud .p2 .pbadge{background:var(--p2)}#fighthud .bars{flex:1;min-width:0;margin-top:8px}#fighthud .nameline{display:flex;align-items:baseline;gap:10px;margin:0 14px 4px}#fighthud .p2 .nameline{flex-direction:row-reverse}#fighthud .nameline b{font:400 clamp(15px,1.4vw,20px)/1 var(--display);letter-spacing:.04em;color:#fff;text-shadow:0 2px 0 var(--ink),2px 0 0 var(--ink),-2px 0 0 var(--ink),0 -2px 0 var(--ink)}#fighthud .nameline span{font:500 15px/1 var(--ui);letter-spacing:.24em;color:var(--amber);text-shadow:0 1px 3px #000}#fighthud .hp{position:relative;height:24px;margin-left:-18px;background:linear-gradient(180deg,#2a0c06,#0a0302);box-shadow:0 0 0 3px var(--ink),0 0 0 5px #ffc233d9,0 0 0 7px var(--ink),0 8px 18px #0009;transform:skew(-24deg);overflow:hidden}#fighthud .p2 .hp{transform:skew(24deg);margin:0 -18px 0 0}#fighthud .hp i{position:absolute;inset:0;transform-origin:left}#fighthud .p2 .hp i{transform-origin:right}#fighthud .hp .chip{background:linear-gradient(180deg,#fff,#ff9a7a)}#fighthud .hp .fill{background:linear-gradient(180deg,#f6ffc4,#c8ff4a 30%,#5fd21e,#1f7a08);transition:background .3s}#fighthud .side.low .hp .fill{background:linear-gradient(180deg,#ffd0b0,#ff4a1e 45%,#8e1109);animation:lowhp .6s ease-in-out infinite}@keyframes lowhp{50%{filter:brightness(1.5)}}#fighthud .hp .gloss{position:absolute;left:0;right:0;top:0;height:42%;background:linear-gradient(180deg,rgba(255,255,255,.45),transparent)}#fighthud .side.hit .hp{animation:shakebar .3s}@keyframes shakebar{25%{margin-left:-23px}50%{margin-left:-14px}75%{margin-left:-20px}}#fighthud .sub{display:grid;grid-template-columns:1fr .5fr;gap:8px;margin:10px 0 0 -6px}#fighthud .p2 .sub{grid-template-columns:.5fr 1fr;margin:10px -6px 0 0}#fighthud .p2 .mana{order:2}#fighthud .mana,#fighthud .stam{position:relative;height:10px;background:#000000b3;box-shadow:0 0 0 2px var(--ink),0 0 0 3px #ffc23366;transform:skew(-24deg);overflow:hidden}#fighthud .p2 .mana,#fighthud .p2 .stam{transform:skew(24deg)}#fighthud .mana i,#fighthud .stam i{position:absolute;inset:0;transform-origin:left}#fighthud .p2 .mana i,#fighthud .p2 .stam i{transform-origin:right}#fighthud .mana i{background:linear-gradient(180deg,#d8f2ff,var(--chakra) 45%,#0b4fb0);box-shadow:0 0 10px var(--chakra)}#fighthud .stam i{background:linear-gradient(180deg,#fff1b8,var(--amber) 50%,#9a5200)}#fighthud .exhausted .stam i{background:#6b1a14}#fighthud .pips{display:flex;gap:8px;margin:9px 10px 0}#fighthud .p1 .pips{justify-content:flex-end}#fighthud .p2 .pips{justify-content:flex-start;flex-direction:row-reverse}#fighthud .pips i{width:14px;height:14px;border-radius:50%;background:#000000a6;box-shadow:0 0 0 2px var(--ink),0 0 0 3px var(--amber)}#fighthud .pips i.on{background:radial-gradient(circle at 40% 35%,#fff 0,var(--yellow) 35%,var(--orange) 80%);box-shadow:0 0 0 2px var(--ink),0 0 0 3px var(--amber),0 0 12px var(--orange)}#fighthud .clock{position:relative;justify-self:center;width:96px;height:96px;margin-top:-4px;display:grid;place-content:center;text-align:center;border-radius:50%;background:radial-gradient(circle,#2a160a 0 58%,#120804 59% 100%);box-shadow:0 0 0 3px var(--ink),0 0 0 7px var(--orange),0 0 0 9px var(--ink),0 10px 26px #0009}#fighthud .clock .time{font:600 56px/.8 var(--ui);color:var(--yellow);text-shadow:0 0 18px rgba(255,174,0,.55),0 3px 0 var(--ink)}#fighthud .clock .round{font:500 12px/1 var(--ui);letter-spacing:.24em;color:var(--bone-dim)}#fighthud .clock.low .time{color:#ff4a2a;animation:pulse .5s infinite}#fighthud .tray{position:absolute;bottom:16px;display:flex;flex-direction:column;gap:6px}#fighthud .tray.p1{left:20px;align-items:flex-start}#fighthud .tray.p2{right:20px;align-items:flex-end}#fighthud .skills{display:flex;gap:8px}#fighthud .sk{--cd: 0;position:relative;width:56px;height:56px;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 35%,#3a2416,#0e0806 75%);box-shadow:inset 0 0 0 2px var(--ink),inset 0 0 0 4px #ffae00b3,0 4px 10px #0009}#fighthud .sk .ico{width:24px;height:24px;color:var(--amber);margin-top:-8px;z-index:1}#fighthud .sk .ico svg{width:100%;height:100%}#fighthud .sk[data-skill=lightning] .ico{color:#9cd2ff}#fighthud .sk[data-skill=fireball] .ico{color:#ff9a2a}#fighthud .sk[data-skill=earth] .ico{color:#e8c07a}#fighthud .sk .cd{position:absolute;inset:0;background:#000000bd;transform-origin:bottom;transform:scaleY(var(--cd));z-index:2}#fighthud .sk kbd{position:absolute;top:2px;right:2px;z-index:3;font-size:11px;min-width:16px;height:16px;border-radius:50%;padding:0}#fighthud .sk em{position:absolute;bottom:7px;z-index:1;font:500 11px/1 var(--ui);font-style:normal;letter-spacing:.1em;color:var(--bone-dim)}#fighthud .sk.off .ico{opacity:.3}#fighthud .sk.off:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 3px #ff3c2899;z-index:3}#fighthud .p1 .sk kbd{box-shadow:0 1px 0 var(--p1-deep)}#fighthud .p2 .sk kbd{box-shadow:0 1px 0 var(--p2-deep)}#fighthud .tray .nomana{font:500 16px/1 var(--ui);letter-spacing:.24em;color:#8fd3ff;opacity:0;text-shadow:0 2px 3px #000}#fighthud .tray.deny .nomana{animation:toast 1s ease}#fighthud .tray.deny .skills{animation:shakeX .3s}@keyframes shakeX{25%{transform:translate(-5px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}#fighthud .tray.is-cpu .skills,#fighthud .tray:not(.is-cpu) .cpu-label{display:none}#fighthud .cpu-label{font:500 18px/1 var(--ui);letter-spacing:.3em;color:#fff;padding:9px 14px 6px;background:#080402b3;border-right:4px solid var(--p2)}#fighthud .ptag{position:absolute;left:0;top:0;padding:3px 9px 0;font:600 18px/1 var(--ui);color:#fff;letter-spacing:.06em;transition:opacity .2s;will-change:transform;box-shadow:0 0 0 2px var(--ink)}#fighthud .ptag:after{content:"";position:absolute;left:50%;bottom:-7px;margin-left:-6px;border:6px solid transparent;border-bottom:0}#fighthud .ptag.p1{background:var(--p1)}#fighthud .ptag.p1:after{border-top-color:var(--p1)}#fighthud .ptag.p2{background:var(--p2)}#fighthud .ptag.p2:after{border-top-color:var(--p2)}#fighthud .combo{position:absolute;top:32%;display:flex;flex-direction:column;opacity:0}#fighthud .combo.p1{left:4vw}#fighthud .combo.p2{right:4vw;align-items:flex-end}#fighthud .combo b{font:400 92px/.9 var(--display);background:linear-gradient(180deg,#fff,var(--yellow) 40%,var(--orange) 70%,var(--crimson));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:3px var(--ink);filter:drop-shadow(0 4px 0 var(--ink))}#fighthud .combo span{font:400 20px/1 var(--display);letter-spacing:.16em;color:#fff;text-shadow:0 2px 0 var(--ink),2px 0 0 var(--ink),-2px 0 0 var(--ink)}#fighthud .combo.pop{animation:combo 1.4s var(--ease-out)}@keyframes combo{0%{opacity:0;transform:scale(1.7) rotate(-6deg)}12%{opacity:1;transform:scale(1) rotate(-3deg)}75%{opacity:1}to{opacity:0;transform:translateY(-10px) rotate(-3deg)}}#announce{position:absolute;left:0;right:0;top:36%;text-align:center;pointer-events:none;opacity:0}#announce:before{content:"";position:absolute;inset:-30% 10%;background:#0a0402d9;-webkit-mask:var(--brush-mask);mask:var(--brush-mask);z-index:-1}#announce span{position:relative;z-index:0;display:inline-block;font:400 clamp(52px,8.5vw,132px)/1.1 var(--display);letter-spacing:.04em;white-space:nowrap;background:linear-gradient(180deg,#fff 0%,var(--yellow) 35%,var(--orange) 68%,var(--crimson) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:.14em var(--ink);paint-order:stroke fill;filter:drop-shadow(0 .06em 0 var(--ink)) drop-shadow(0 0 24px rgba(0,0,0,.85))}#announce span:before{content:none}#announce.show{animation:banner 1.3s var(--ease-out) forwards}#announce.round span{font-size:clamp(44px,6.5vw,100px);letter-spacing:.1em;background-image:linear-gradient(180deg,#fff 0%,#ffe9b8 45%,var(--amber) 100%)}#announce.fight span{font-size:clamp(60px,10vw,150px)}#announce.fight{animation:bannerSlam .9s var(--ease-out) forwards}#announce.ko span{font-size:clamp(100px,17vw,260px);background-image:linear-gradient(180deg,#fff,#ffd04a 30%,#ff3a1c 62%,#6a0a02)}#announce.ko{animation:bannerSlam 2s var(--ease-out) forwards}#announce.ko:before{background:var(--crimson);-webkit-mask:var(--splash-mask);mask:var(--splash-mask);inset:-60% 25%;opacity:.85}#announce.time span,#announce.win span,#announce.perfect span{font-size:clamp(40px,6.5vw,100px)}#announce.win,#announce.perfect,#announce.time{animation:banner 2.2s var(--ease-out) forwards}#announce.perfect span{background-image:linear-gradient(180deg,#fff,#c8ecff 40%,var(--chakra) 70%,var(--p2-deep))}@keyframes banner{0%{opacity:0;transform:scaleX(1.6) scaleY(.4)}15%{opacity:1;transform:none}80%{opacity:1}to{opacity:0;transform:scale(1.04)}}@keyframes bannerSlam{0%{opacity:0;transform:scale(2.6)}14%{opacity:1;transform:scale(.94)}22%{transform:scale(1)}80%{opacity:1}to{opacity:0}}.fct{position:absolute;transform:translate(-50%,-50%);font:400 34px/1 var(--display);color:#fff;letter-spacing:.02em;text-shadow:0 3px 0 var(--ink),2px 0 0 var(--ink),-2px 0 0 var(--ink),0 -2px 0 var(--ink),0 0 16px rgba(255,90,30,.8);animation:fct 1.1s var(--ease-out) forwards;pointer-events:none;white-space:nowrap}.fct.kick{color:var(--yellow)}.fct.evade{font:600 28px/1 var(--ui);letter-spacing:.2em;color:#c8ecff;text-shadow:0 2px 0 #06203d,0 0 12px var(--chakra)}.fct.mana{font:600 26px/1 var(--ui);color:#9ad8ff;text-shadow:0 2px 0 #06203d}.fct.heal{font:600 26px/1 var(--ui);color:var(--life);text-shadow:0 2px 0 #0a3002}@keyframes fct{0%{opacity:0;transform:translate(-50%,-30%) scale(1.8)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-160%)}}#flash{position:fixed;inset:0;z-index:11;background:#fff4e0;opacity:0;pointer-events:none}#fade{position:fixed;inset:0;z-index:25;background:#000;opacity:0;pointer-events:none;transition:opacity .4s ease}#fade.on{opacity:1}#results{z-index:21;overflow:hidden;background:linear-gradient(90deg,#080402f0 0,#080402c7 42%,#08040233 75%)}#results .kanji{position:absolute;right:2vw;top:50%;transform:translateY(-50%);font:400 min(80vh,50vw)/1 var(--brush);color:#d9261c47;pointer-events:none;animation:inkIn 1.4s var(--ease-out) both}#results .winart{position:absolute;right:0;bottom:0;height:94vh;width:48vw;pointer-events:none;animation:heroR .8s var(--ease-out) backwards}#results .winart .art{position:absolute;inset:0}#results .winart img{position:absolute;bottom:0;right:0;height:100%;width:auto;filter:drop-shadow(3px 0 0 #fff) drop-shadow(-3px 0 0 #fff) drop-shadow(0 -3px 0 #fff) drop-shadow(0 0 30px var(--glow));-webkit-mask:linear-gradient(0deg,transparent 0,#000 14%),linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%),linear-gradient(180deg,transparent 0,#000 5%);-webkit-mask-composite:source-in,source-in;mask:linear-gradient(0deg,transparent 0,#000 14%) intersect,linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%) intersect,linear-gradient(180deg,transparent 0,#000 5%)}#results .winart.p1{--glow: rgba(255, 90, 31, .85)}#results .winart.p2{--glow: rgba(47, 139, 255, .85)}#results .winart.p1 img{transform:scaleX(-1)}#results .panel{position:absolute;left:6vw;top:50%;transform:translateY(-50%);width:min(540px,88vw);animation:fadeUp .7s var(--ease-out) both}#results .kicker{display:flex;align-items:center;gap:14px;font:400 18px/1 var(--display);letter-spacing:.5em;color:var(--amber)}#results .kicker i{width:40px;height:2px;background:var(--amber)}#results h2{position:relative;margin:14px 0 8px;font:400 clamp(46px,6vw,92px)/1.05 var(--display);letter-spacing:.02em;color:#fff}#results .p1 h2{text-shadow:0 6px 0 var(--p1-deep),4px 0 0 var(--ink),-4px 0 0 var(--ink),0 -4px 0 var(--ink),0 0 40px rgba(255,90,31,.6)}#results .p2 h2{text-shadow:0 6px 0 var(--p2-deep),4px 0 0 var(--ink),-4px 0 0 var(--ink),0 -4px 0 var(--ink),0 0 40px rgba(47,139,255,.6)}#results .who{font:500 21px/1 var(--ui);letter-spacing:.3em;color:var(--bone)}#results blockquote{position:relative;margin:18px 0 22px;padding:14px 20px 12px;font:italic 600 22px/1.35 var(--body);color:var(--ink);background:url(/ui/paper.webp) center / 400px,var(--paper);clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%)}#results .tally{width:100%;border-collapse:collapse;font:500 20px/1 var(--ui);letter-spacing:.16em;margin-bottom:20px}#results .tally th{font-weight:500;padding:0 0 8px;text-align:right}#results .tally th.p1{color:var(--p1)}#results .tally th.p2{color:var(--p2)}#results .tally td{padding:7px 0;border-top:1px solid rgba(255,174,0,.15);color:var(--bone-dim)}#results .tally td+td{text-align:right;width:70px;color:var(--bone)}#results .tally td.lead{color:var(--yellow);text-shadow:0 0 10px rgba(255,174,0,.6)}#sound{position:fixed;top:24px;right:22px;z-index:35;appearance:none;cursor:pointer;border:0;background:#080402bf;color:#fff;box-shadow:inset 0 0 0 1px #ffae0080;font:500 15px/1 var(--ui);letter-spacing:.24em;padding:9px 14px 6px;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}body.fighting #sound{display:none}body:has(#select) #sound{top:88px}@media(max-width:1100px){#select .side{width:30vw}#select .st span{width:80px}#select .st u{width:18px}#select .tile{width:72px;height:72px}#select .row:nth-child(2){margin-left:22px}#select .modechip span{display:none}}@media(max-width:980px){#select footer{font-size:12px;letter-spacing:.08em;gap:10px}#select footer kbd{font-size:11px}#select .stats{display:none}#select .stamp{top:-100px}#fighthud .sk{width:46px;height:46px}#fighthud .sk em{display:none}#fighthud .sk .ico{margin-top:0}#title .ver{display:none}#title .logo{width:min(400px,40vw)}}@media(max-width:720px){#title .brandbar{left:16px;top:16px}#title .brandbar small{display:none}#sound{top:14px;right:14px;font-size:12px;padding:7px 10px 5px}#title .logo{width:70vw}#title .menudesc{display:none}#title footer,#select footer{padding:10px 16px;flex-direction:column;align-items:flex-start;font-size:12px}#select .top{height:60px;padding:0 14px}#select .modechip,#select .ttl small{display:none}#select .timer{width:70px;height:70px;top:4px;left:auto;right:14px;transform:none}#select .timer b{font-size:36px}#select .side{bottom:auto;top:76px;width:calc(50vw - 24px)}#select .side.p1{left:12px}#select .side.p2{right:12px}#select .meta,#select .epithet,#select .stamp{display:none}#select .fname{font-size:22px}#select .rosterwrap{bottom:96px}#select .tile{width:54px;height:54px}#select .tile .tl{display:none}#fighthud .topbar{grid-template-columns:1fr 72px 1fr}#fighthud .pframe{display:none}#fighthud .hp{margin:0!important}#fighthud .clock{width:64px;height:64px}#fighthud .clock .time{font-size:38px}#fighthud .nameline span{display:none}#fighthud .tray{bottom:10px}#fighthud .tray.p1{left:8px}#fighthud .tray.p2{right:8px}#fighthud .sk{width:36px;height:36px}#fighthud .sk kbd{display:none}.cols{grid-template-columns:1fr}#vs .band b{font-size:28px}#vs .band{bottom:14%}#vs .hero{width:60vw;height:70vh}#results .winart{opacity:.35;width:90vw}}@media(max-height:640px){#select .stats,#select .meta{display:none}#select .tile{width:60px;height:60px}#select .stamp{top:-96px;transform:scale(.8)}#title .logo{transform:translate(-50%,-62%) scale(.85)}#title.menu-open .logo{transform:translate(-50%,-135%) scale(.5)}#title .menu{top:40%}.mi{padding:8px 22px 6px 16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button:focus-visible,a:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}