@import "https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Orbitron:wght@500;600;700;800;900&display=swap";:root{color:#eef6ff;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#090c17;font-family:Rajdhani,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;cursor:pointer}button:focus-visible{outline-offset:4px;outline:2px solid #7ff8ef}.table{isolation:isolate;background:#090e1b;position:fixed;inset:0;overflow:hidden}.table:after{content:"";pointer-events:none;z-index:3;background:repeating-linear-gradient(0deg,#0000 0 3px,#00000009 3px 4px);border:5px solid #18212e;position:absolute;inset:0;box-shadow:inset 0 0 90px #03051085}.half{--accent:#ff9945;--glow:#ff5e1929;background:radial-gradient(at 12%,#7139266b,#0000 30%),radial-gradient(at 75% -50%,#8d2b5766,#0000 65%),linear-gradient(110deg,#1b1620,#171a2b 60%,#141b2a);width:100%;height:42.3%;position:absolute;left:0;overflow:hidden}.top-half{border-bottom:2px solid #c57c4666;top:0}.bottom-half{--accent:#57f6df;--glow:#00ddc433;background:radial-gradient(at 12%,#1e686d7a,#0000 30%),radial-gradient(at 75% 130%,#21318d66,#0000 65%),linear-gradient(110deg,#10252c,#111e2d 65%,#171a30);border-top:2px solid #46c5ba66;bottom:0}.half:before{content:"";background:linear-gradient(90deg, transparent 49.5%, var(--accent) 50%, transparent 50.5%), linear-gradient(transparent 49.5%, var(--accent) 50%, transparent 50.5%);opacity:.035;background-size:58px 58px;position:absolute;inset:0;transform:skew(-15deg)scale(1.1)}.half:after{content:"";border:1px solid color-mix(in srgb, var(--accent) 20%, transparent);clip-path:polygon(0 0,32% 0,32% 1%,0 1%,0 99%,100% 99%,100% 0,98% 0,98% 100%,0 100%);pointer-events:none;position:absolute;inset:4% 1.5%}.circuit{background:linear-gradient(135deg, transparent 72%, var(--glow) 72% 72.2%, transparent 72.2% 75%, var(--glow) 75% 75.4%, transparent 75.4%), linear-gradient(45deg, transparent 30%, var(--glow) 30% 30.2%, transparent 30.2% 32%, var(--glow) 32% 32.3%, transparent 32.3%);position:absolute;inset:0}.gear{border:2.3vh dashed var(--accent);opacity:.055;width:38vh;height:38vh;box-shadow:0 0 0 2px var(--accent), inset 0 0 0 14px #101723, inset 0 0 0 16px var(--accent);border-radius:50%;position:absolute;top:-14vh;right:-13vh;transform:rotate(20deg)}.gear-two{opacity:.045;width:26vh;height:26vh;top:auto;bottom:-18vh;right:12vh}.foundation-band{background:linear-gradient(#060b13,#131c2d 50%,#070b14);border-block:4px solid #171f2e;width:100%;height:15.4%;position:absolute;top:42.3%;box-shadow:0 0 22px #0007,inset 0 1px #dda36166,inset 0 -1px #53e4d755}.foundation-band:before,.foundation-band:after{content:"";opacity:.3;background:repeating-linear-gradient(90deg,#b98c4b 0 8px,#0000 8px 22px);height:2px;position:absolute;top:5px;left:1%;right:1%}.foundation-band:after{background:repeating-linear-gradient(90deg,#3d9d9a 0 8px,#0000 8px 22px);top:auto;bottom:5px}.tableau-rails{pointer-events:none;justify-content:space-between;width:42.6%;height:27.5%;display:flex;position:absolute;top:12.5%;left:50.1%}.tableau-rails i{clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:linear-gradient(#ffaa7710,#0000);border:1px solid #fb9d6b14;width:19%}.bottom-rails{top:69%}.reactor{aspect-ratio:1;--energy:#ffa450;pointer-events:none;width:min(20vw,29vh);filter:drop-shadow(0 0 9px color-mix(in srgb, var(--energy) 30%, transparent));position:absolute;top:24.5%;left:12%;transform:translate(-50%,-50%)}.reactor-bottom{--energy:#4ffff0;top:81%}.reactor:before{content:"";background:radial-gradient(ellipse, color-mix(in srgb, var(--energy) 19%, transparent), transparent 65%);position:absolute;inset:-15%}.reactor-ring{border:3px dashed color-mix(in srgb, var(--energy) 60%, transparent);box-shadow:0 0 0 5px #08111a, inset 0 0 0 6px #08111a, inset 0 0 0 8px color-mix(in srgb, var(--energy) 35%, transparent);border-radius:50%;animation:70s linear infinite orbit;position:absolute;inset:0}.reactor-ring.inner{border:1px solid var(--energy);box-shadow:none;border-left:8px solid #0000;border-right:8px solid #0000;animation-duration:20s;animation-direction:reverse;inset:13%}.board-ui{pointer-events:none;z-index:2;position:absolute;inset:0}.player{--color:#ffb16d;align-items:center;gap:12px;display:flex;position:absolute;top:3.1%;left:3.5%}.avatar{width:clamp(25px,4.9vh,48px);height:clamp(25px,4.9vh,48px);color:var(--color);border:1px solid var(--color);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:linear-gradient(135deg,#172136,#273443);place-items:center;font:700 clamp(16px,2.8vh,28px) Orbitron;display:grid;position:relative;box-shadow:inset 0 0 12px #000}.avatar span{font:7px monospace;position:absolute;bottom:1px;right:3px}.player small{letter-spacing:2px;color:var(--color);opacity:.75;font-size:clamp(6px,.85vh,10px);display:block}.player b{letter-spacing:2px;margin-top:3px;font:700 clamp(12px,2.2vh,24px) Orbitron;display:block}.health-panel{color:#ffd694;--health-color:#f0a14d;--health-glow:#ff7a2f;filter:drop-shadow(0 2px 5px #0008);grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(5px,.7cqw,10px);width:clamp(130px,24cqw,310px);margin-left:clamp(6px,1cqw,16px);display:grid;position:relative}.bottom-health{color:#aafff3;--health-color:#58e5d2;--health-glow:#2affdf}.health-panel>span,.health-panel>b{letter-spacing:.8px;text-shadow:0 0 7px var(--health-glow);font:800 clamp(10px,1.4cqh,16px)/1 Orbitron}.player .health-panel>b{text-align:right;font-variant-numeric:tabular-nums;min-width:3ch;margin-top:0;font-size:clamp(18px,2.8cqh,30px)}.health-track{border:1px solid color-mix(in srgb, var(--health-color) 55%, #fff);clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%);height:clamp(12px,1.8cqh,20px);box-shadow:inset 0 0 5px #000, 0 0 8px color-mix(in srgb, var(--health-glow) 45%, transparent);background:#090d17d9;padding:1px;position:relative;overflow:hidden}.health-track:after{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 9%,#08101966 9% 10%);position:absolute;inset:1px}.health-track i{width:100%;height:100%;transform:scaleX(var(--health,1));transform-origin:0;background:linear-gradient(90deg, color-mix(in srgb, var(--health-color) 72%, #40151b), var(--health-color) 72%, #fff2be);box-shadow:0 0 9px var(--health-glow);transition:transform .4s cubic-bezier(.2,.8,.2,1),background .25s;display:block}.health-panel.is-critical{color:#ff9a91;--health-color:#ef414d;--health-glow:#ff2037}.health-float{z-index:4;color:#ff7f72;text-shadow:0 0 8px #ff263e,1px 2px #26070c;white-space:nowrap;font:900 clamp(12px,1.8cqh,21px)/1 Orbitron;position:absolute;top:12px;right:0}.health-float.heal{color:#98ffe5;text-shadow:0 0 8px #20eebd,1px 2px #06261d}.hp-counter{color:#ffb36b;filter:drop-shadow(0 0 9px #ff79003a);width:6%;position:absolute;top:18.6%;left:18.7%}.hp-counter>span{letter-spacing:1.3px;white-space:nowrap;font-size:clamp(6px,.95vh,11px);font-weight:700}.hp-counter b{letter-spacing:-2px;font:800 clamp(20px,min(5.9vh,4.2vw),68px)/1.1 Orbitron;display:block}.life-meter{width:90%;height:4px;clip-path:inset(0 var(--depleted,0%) 0 0);background:repeating-linear-gradient(90deg,currentColor 0 5%,#0000 5% 8%);margin-top:8px;transition:clip-path .3s}.hp-counter:before{content:"";background:currentColor;width:15px;height:1px;position:absolute;top:47%;left:-20px}.board-label{letter-spacing:2px;color:#b7bbcdaa;font-size:clamp(6px,1vh,11px);font-weight:600;position:absolute}.deck-label{left:26.1%}.columns-label{left:50.2%;right:6.8%}.columns-label span{float:right;opacity:.5}.top-deck-label,.top-columns-label{top:11.5%}.bottom-deck-label,.bottom-columns-label{top:68%}.deck-count{letter-spacing:.7px;color:#a2b0c0;font-size:clamp(6px,.95vh,10px);position:absolute;left:26.1%}.top-deck-count{top:34.6%}.bottom-deck-count{top:91.1%}.shared-label{color:#9aa6be;flex-direction:column;gap:6px;display:flex;position:absolute;top:46.3%;left:3.5%}.shared-label b{letter-spacing:2px;font-size:clamp(6px,1vh,12px);font-weight:500;line-height:1.5}.shared-label strong{letter-spacing:1px;color:#d8deed;font:600 clamp(10px,1.7vh,18px) Orbitron}.shared-label>span{color:#6d819d;font:clamp(5px,.7vh,8px)/1.5 monospace}.title-lockup{text-align:right;position:absolute;top:2.3%;right:3.5%;transform:skew(-8deg)}.title-lockup>span{letter-spacing:5px;color:#c4cadb;font:600 clamp(7px,1.1vh,12px) Orbitron}.title-lockup b{letter-spacing:-1px;color:#e5edff;text-shadow:2px 2px #a1486b,0 0 25px #fd945f25;font:italic 900 clamp(16px,2.8vh,34px) Orbitron;display:block}.title-lockup b span{color:#ffac68;margin-left:3px}.title-lockup small{letter-spacing:2px;color:#788ba7;font-size:clamp(5px,.75vh,8px)}.game-controls{top:2.5%;right:3.5%;left:unset;z-index:5;gap:5px;display:flex;position:absolute}.game-controls button{color:#86b8c7;background:#0a1723b0;border:1px solid #3c667455;place-items:center;width:30px;height:27px;transition:all .2s;display:grid}.game-controls button:disabled{opacity:.25;cursor:default}.game-controls svg{width:13px;height:13px}.game-status{letter-spacing:1px;color:#63839c;align-items:center;gap:7px;font:9px monospace;display:flex;position:absolute;bottom:3.1%;right:3.5%}.game-status i{background:#52bba9;width:3px;height:3px}#game-canvas{touch-action:none;z-index:1;position:absolute;inset:0}canvas{width:100%;height:100%;display:block}#loading{color:#68fdeb;z-index:8;letter-spacing:3px;background:#0a1422;place-items:center;font-family:Orbitron;display:grid;position:absolute;inset:0}#toast{color:#d5fff7;letter-spacing:.7px;opacity:0;pointer-events:none;z-index:7;text-align:center;background:#102237ed;border:1px solid #72e8df65;max-width:55%;padding:10px 20px;font-size:13px;transition:all .2s;position:absolute;bottom:4%;left:50%;transform:translate(-50%,10px);box-shadow:0 0 20px #39e9d517}#toast.visible{opacity:1;transform:translate(-50%)}dialog{color:#e7f7ff;background:linear-gradient(135deg,#152334,#0e1426);border:1px solid #5bb8c699;max-width:480px;padding:34px;box-shadow:0 0 70px #3de5ef1a}dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#030616bb}dialog h2{font:700 27px/1.4 Orbitron}dialog p,dialog li{color:#aebed2;font-size:16px;line-height:1.6}dialog ol{padding-left:20px}dialog li{padding:6px 0 6px 5px}dialog li b{color:#80eee4}.eyebrow{color:#ffa45d;letter-spacing:2px;font:9px Orbitron}.primary{color:#081b28;text-transform:uppercase;letter-spacing:1px;background:#55dace;border:0;padding:12px 20px;font-weight:700}.close-modal{color:#8eb4c8;background:0 0;border:0;font-size:26px;position:absolute;top:8px;right:12px}.modal-tip{background:#2a52642a;border-left:2px solid #649fad;padding:12px}#win-dialog{text-align:center}#winner-avatar{object-fit:cover;object-position:center 20%;border:2px solid #5bb8c699;border-radius:50%;width:80px;height:80px;margin:0 auto;display:block}#win-dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}@keyframes orbit{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.reactor-ring{animation:none}}@media (width<=700px){.player{gap:6px}.player small{letter-spacing:.5px;font-size:5px}.player b{letter-spacing:1px;font-size:10px}.title-lockup b{font-size:13px}.title-lockup>span{letter-spacing:2px;font-size:6px}.title-lockup small{letter-spacing:1px;font-size:4px}.hp-counter b{font-size:clamp(20px,5vw,35px)}.hp-counter>span{letter-spacing:.3px;font-size:5px}.hp-counter small{letter-spacing:.2px;font-size:4px}.hp-counter:before{width:7px;left:-9px}.board-label{letter-spacing:1px;font-size:5px}.columns-label span{display:none}.shared-label{left:2%}.shared-label strong{font-size:8px}.shared-label b{letter-spacing:1px;font-size:5px}.shared-label>span{font-size:4px}.deck-count{letter-spacing:0;font-size:5px}.game-controls{gap:3px}.game-controls button{width:23px;height:23px}.game-controls svg{width:11px}.game-status{font-size:6px}#toast{width:max-content;max-width:90%;font-size:10px;bottom:8%}.reactor-ring{border-width:2px}.life-meter{margin-top:4px}dialog{margin:15px;padding:24px}}.avatar-strip{z-index:6;background:#171121;border-right:3px solid #ccf4f1;grid-template-rows:1fr 1fr;width:25%;height:100dvh;display:grid;position:fixed;inset:0 auto 0 0;box-shadow:4px 0 15px #b1ffff42}.portrait{isolation:isolate;min-height:0;position:relative;overflow:hidden}.portrait img{object-fit:cover;object-position:50% 32%;width:100%;height:100%;display:block}.portrait:after{content:"";pointer-events:none;background:linear-gradient(#12050940,#0000 25% 60%,#19080fbc);position:absolute;inset:0;box-shadow:inset 0 0 30px #10051a66}.portrait-opponent{border-bottom:3px solid #f5e1d2}.portrait-player{border-top:3px solid #e6dfff}.portrait-player:after{background:linear-gradient(#09041444,#0000 25% 60%,#150522bc)}.portrait-id{z-index:1;color:#fff6e2;letter-spacing:1.7px;text-shadow:0 1px 6px #000;align-items:center;gap:8px;font-size:clamp(7px,.8vw,11px);font-weight:600;display:flex;position:absolute;top:17px;left:7%;right:7%}.portrait-id i{background:#ffead166;flex:1;height:1px}.portrait-name{z-index:1;text-shadow:2px 3px #30101e,-1px -1px #30101e,0 0 10px #000;position:absolute;bottom:7%;left:9%;transform:rotate(-4deg)}.portrait-name small{letter-spacing:2.3px;color:#fff3c8;margin-bottom:4px;font:600 clamp(6px,.7vw,10px) Rajdhani;display:block}.portrait-name b{letter-spacing:-1px;color:#ffdaac;-webkit-text-stroke:1px #5a2b22;font:italic 900 clamp(17px,2.8vw,45px) Orbitron}.portrait-player .portrait-name{text-align:right;left:auto;right:9%;transform:rotate(3deg)}.portrait-player .portrait-name b{color:#e3d9ff;-webkit-text-stroke:1px #392251}.portrait-player .portrait-name small{color:#dbc9ff}.portrait-abilities{z-index:7;filter:drop-shadow(0 6px 8px #05030a99);gap:clamp(5px,.72vw,9px);display:grid;position:absolute;top:62.5%;right:0;transform:translate(50%)}.ability-icon{appearance:none;aspect-ratio:1;color:#fff5d4;text-shadow:0 0 8px #ffcf71;isolation:isolate;cursor:pointer;background:radial-gradient(circle at 42% 34%,#72513e 0 7%,#362333 34%,#141321 72%);border:1px solid #f4d493;border-radius:50%;place-items:center;width:clamp(26px,2.65vw,40px);padding:0;font-family:Orbitron;display:grid;position:relative;box-shadow:0 0 0 2px #211625,0 0 0 3px #a77545,inset 0 0 8px #f0b95a45,0 0 11px #f0b95a60}.ability-icon:hover:not(:disabled),.ability-icon:focus-visible{color:#fff;border-color:#fff4c8;outline:none;box-shadow:0 0 0 2px #211625,0 0 0 3px #ffe0a2,inset 0 0 9px #ffd48775,0 0 16px #ffc35e9c}.ability-icon:active:not(:disabled){transform:scale(.92)}.ability-icon:disabled{cursor:not-allowed;filter:grayscale(.75)brightness(.62);text-shadow:none;box-shadow:0 0 0 2px #17131b,0 0 0 3px #564b43,inset 0 0 7px #0008}.ability-icon.is-active{color:#fff;animation:1.4s ease-in-out infinite ability-pulse;box-shadow:0 0 0 2px #211625,0 0 0 3px #ffdf95,inset 0 0 10px #ffd77c80,0 0 20px #ffc45db5}.ability-icon.is-active:disabled{filter:none;cursor:default}.ability-icon:before,.ability-icon:after{content:"";pointer-events:none;position:absolute}.ability-icon:before{border:1px solid #ffe8b178;border-color:#ffe8b178 #ffe8b178 #ffae3e #0000;border-radius:50%;inset:3px;transform:rotate(-24deg)}.ability-icon:after{clip-path:polygon(0 0,100% 0,75% 100%,0 100%);background:#f7d596;width:20%;height:3px;top:calc(50% - 1px);right:-4px;box-shadow:0 0 8px #ffbc4f}.ability-icon b{font:italic 900 clamp(11px,1.32vw,19px)/1 Orbitron;transform:translateY(-2px)}.ability-icon svg{stroke-width:2.7px;filter:drop-shadow(0 0 3px #ffc252);width:43%;height:43%;transform:translateY(-2px)}.ability-icon small{letter-spacing:.5px;color:#eecb8e;text-shadow:0 1px 3px #000;font:700 clamp(4px,.3vw,5px)/1 Rajdhani;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.ability-cooldown{z-index:2;background:radial-gradient(circle, #0d0d18ed 0 58%, transparent 61%), conic-gradient(#f3cf85 calc(var(--cooldown-progress,1) * 1turn), #251c29 0);color:#fff1c9;text-shadow:0 1px 3px #000;border-radius:50%;place-items:center;font:700 clamp(7px,.72vw,11px)/1 Rajdhani;display:none;position:absolute;inset:2px}.ability-icon.is-cooling .ability-cooldown{display:grid}.ability-draw-one{background:radial-gradient(circle at 42% 34%,#5d5940 0 7%,#333124 34%,#131820 72%)}.ability-shuffle{background:radial-gradient(circle at 42% 34%,#5b3c5d 0 7%,#30223c 34%,#141321 72%)}.draw-one-progress{background:#100f1ca8;border:1px solid #ffe1a2a8;width:7.7%;height:4px;position:absolute;top:88.2%;left:26.2%;overflow:visible;box-shadow:0 0 8px #ffc85a66}.draw-one-progress[hidden]{display:none}.draw-one-progress i{width:100%;height:100%;transform:scaleX(var(--ability-progress,1));transform-origin:0;background:linear-gradient(90deg,#f1a845,#fff1b5);display:block;box-shadow:0 0 7px #ffd36e}.draw-one-progress span{color:#ffe8af;letter-spacing:.4px;text-shadow:0 1px 3px #000;font:700 clamp(5px,.6vw,8px)/1 Rajdhani;position:absolute;bottom:5px;right:-2px}@keyframes ability-pulse{50%{filter:brightness(1.3)}}@media (height<=600px){.portrait-abilities{gap:5px;top:60%}.ability-icon{width:24px}.ability-icon b{font-size:11px}.ability-icon small{font-size:4px;bottom:3px}}@media (prefers-reduced-motion:reduce){.ability-icon.is-active{animation:none}}.versus{z-index:3;filter:drop-shadow(0 3px #33132c)drop-shadow(0 0 10px #dd7bd166);color:#ffe5b7;-webkit-text-stroke:2px #54232c;letter-spacing:-7px;font:italic 900 clamp(32px,5.4vw,85px) Orbitron;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-7deg)}.versus:before{content:"";z-index:-1;background:#fff0da;height:3px;position:absolute;top:44%;left:-25%;right:-25%;transform:rotate(-13deg);box-shadow:0 0 12px #ffc478}.table{background:#4e5969;width:75%;left:25%;container-type:size}.table:after{background:repeating-linear-gradient(0deg,#0000 0 3px,#daeaff04 3px 4px);border:0;box-shadow:inset 0 0 80px #24344830}.half{--accent:#ffdbac;--glow:#ffdaaf25;background:radial-gradient(at 15%,#e5b77d65,#0000 34%),radial-gradient(at 100% 0,#dc9d916b,#0000 55%),linear-gradient(115deg,#758193,#726d83 55%,#8c7a86);border-color:#eee7ed80}.bottom-half{--accent:#aafff6;--glow:#b9fff333;background:radial-gradient(at 15% 55%,#6adace7a,#0000 35%),radial-gradient(at 100% 100%,#8aa6d459,#0000 58%),linear-gradient(115deg,#638d99,#477880 56%,#688398);border-color:#c7ffff80}.half:before{opacity:.025}.half:after{opacity:.35}.circuit{opacity:.4}.gear{opacity:.13;box-shadow:0 0 0 2px var(--accent), inset 0 0 0 14px #667b8a, inset 0 0 0 16px var(--accent);border-width:2.2vh;top:auto;bottom:-16vh;right:-14vh}.gear-two{opacity:.045;top:-18vh;bottom:auto;right:8vh}.foundation-band{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(at 18%,#e8b77b1c,#0000 28%),radial-gradient(at 82%,#73e8df18,#0000 30%),linear-gradient(100deg,#263447f2,#34465af5 50%,#283b4ff2);border-block:2px solid #e3f4f0a3;box-shadow:0 0 25px #17243855,inset 0 1px #fff7e766,inset 0 -1px #b9fff35c}.foundation-band:before,.foundation-band:after{opacity:.36}.player{--color:#ffe0a8;gap:10px;top:3.3%}.bottom-player{--color:#9dfff2;top:60%}.player b{text-shadow:0 2px 8px #41486133;letter-spacing:1px;font-size:clamp(10px,2.15cqh,24px)}.player small{letter-spacing:1.4px;color:#f7f1e9;opacity:.9;font-size:clamp(5px,.8cqh,10px)}.avatar{width:4.1cqh;min-width:23px;height:4.1cqh;min-height:23px;box-shadow:none;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);border:1px solid color-mix(in srgb, var(--color) 50%, transparent);background:0 0;font-size:2.5cqh}.title-lockup{top:3%;right:4%;transform:skew(-5deg)}.title-lockup>span{letter-spacing:3px;color:#f6eced;font-size:clamp(6px,1cqh,12px)}.title-lockup b{color:#f3e6fa;text-shadow:1px 2px #8c677f,-1px -1px #f8e9e9,0 0 12px #eabdff55;font-size:clamp(13px,2.5cqh,30px)}.title-lockup b span{color:#ffd5a4}.title-lockup small{color:#ece5ed;letter-spacing:1.3px;font-size:clamp(4px,.7cqh,9px)}.hp-counter{color:#ffdd9d;filter:drop-shadow(0 0 9px #ffbe7666);width:6%;top:20%;left:19.5%}.bottom-counter{color:#a3fff7;filter:drop-shadow(0 0 9px #71ffec66);top:76.5%}.hp-counter b{letter-spacing:-2px;font-size:clamp(18px,min(5.1cqh,4.7cqw),62px)}.hp-counter>span{letter-spacing:.8px;font-size:clamp(5px,.85cqh,10px)}.hp-counter small{letter-spacing:.7px;font-size:clamp(4px,.65cqh,8px)}.hp-counter:before{display:none}.life-meter{opacity:.6;height:4px;margin-top:8px}.board-label{color:#fff9f2d9;letter-spacing:1px;font-size:clamp(5px,.95cqh,11px)}.deck-count{color:#edf1f0;letter-spacing:.4px;font-size:clamp(5px,.85cqh,10px)}.shared-label{color:#f0eff5;top:46.1%;left:3.5%}.shared-label b{letter-spacing:1.4px;font-size:clamp(5px,.8cqh,10px)}.shared-label strong{color:#f8f8ff;font-size:clamp(8px,1.45cqh,17px)}.shared-label>span{color:#edf1f3a6;font-size:clamp(4px,.65cqh,8px)}.tableau-rails{width:42.6%;left:50.1%}.tableau-rails i{clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:linear-gradient(#fbd4a552,#f2c49918);border:1px solid #ffe6be9c;box-shadow:inset 0 1px #f8ebdd55}.bottom-rails i{background:linear-gradient(#6fe4d43a,#76dbd019);border-color:#b1fff4a8}.reactor{--energy:#ffe0a1;filter:drop-shadow(0 0 7px #ffdf9d88);width:min(24cqw,29cqh);left:12%}.reactor-bottom{--energy:#a4ffff;filter:drop-shadow(0 0 7px #63fbea88)}.reactor:before{background:radial-gradient(ellipse, color-mix(in srgb, var(--energy) 35%, transparent), transparent 65%);inset:-30%}.sigil-art{color:var(--energy);animation:100s linear infinite orbit;position:absolute;inset:0}.sigil-art svg{width:100%;height:100%;overflow:visible}.board-frame{pointer-events:none;z-index:4;clip-path:polygon(20px 0,62% 0,63% 10px,90% 10px,91% 0,calc(100% - 20px) 0,100% 20px,100% calc(100% - 20px),calc(100% - 20px) 100%,20px 100%,0 calc(100% - 20px),0 20px);border:1px solid #e3f4f077;position:absolute;inset:10px}.board-frame:before{content:"";clip-path:polygon(20px 0,98% 0,100% 20px,100% 95%,97% 100%,2% 100%,0 97%,0 20px);border:1px solid #d0e3e744;position:absolute;inset:7px}.board-frame i{clip-path:polygon(0 0,100% 0,0 100%);filter:drop-shadow(0 0 4px #bdffff);background:#b5ffff;width:18px;height:18px;position:absolute;top:0;left:0}.board-frame i:nth-child(2){background:#ffe0d4;left:auto;right:0;transform:rotate(90deg)}.board-frame i:nth-child(3){top:auto;bottom:0;transform:rotate(-90deg)}.board-frame i:nth-child(4){inset:auto 0 0 auto;transform:rotate(180deg)}.game-controls{gap:5px}.game-controls button{color:#d7fbf4;background:#9fe6e50d;border:1px solid #cbf5ef88;width:28px;height:27px}.game-controls button:hover{color:#fff;background:#b3fcf733;box-shadow:0 0 10px #c5fff955}.game-status{color:#d9f3f5bb;letter-spacing:.7px;font-size:clamp(5px,.8cqh,10px)}.game-status i{background:#d9fff0}.ambient-motes{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:hidden}.ambient-motes i{opacity:.5;background:#ffefd3;border-radius:50%;animation:8s ease-in-out infinite drift;position:absolute;box-shadow:0 0 7px 2px #ffe3aa88}.ambient-motes i.cyan{background:#caffff;box-shadow:0 0 8px 2px #94ffff99}.ambient-motes i.cross{border-radius:0;transform:rotate(45deg);box-shadow:0 0 10px 3px #f9d9ff88}#toast{color:#e9ffff;background:#284657e8;border-color:#d0ffff99;font-size:clamp(9px,1.3cqh,14px)}@keyframes drift{0%,to{opacity:.1;translate:0 8px}50%{opacity:.8;translate:6px -9px}}@media (prefers-reduced-motion:reduce){.ambient-motes i,.sigil-art{animation:none}}@media (width<=750px){.portrait-id{letter-spacing:.6px;gap:3px;font-size:5px;top:10px}.portrait-name small{letter-spacing:.7px;font-size:5px}.portrait-name b{-webkit-text-stroke:.4px #3d243a;letter-spacing:-.5px;font-size:clamp(10px,2.8vw,21px)}.versus{-webkit-text-stroke:1px #54232c;letter-spacing:-4px;font-size:7vw}.player small{letter-spacing:.5px;font-size:4px}.player b{font-size:8px}.title-lockup b{font-size:10px}.title-lockup>span{letter-spacing:1px;font-size:5px}.title-lockup small{display:none}.avatar{width:18px;min-width:18px;height:18px;min-height:18px;font-size:11px}.avatar span{font-size:4px}.hp-counter{width:7%;left:19%}.hp-counter b{letter-spacing:-1px;font-size:4.8cqw}.hp-counter>span{letter-spacing:0;font-size:4px}.hp-counter small{letter-spacing:0;font-size:3px}.life-meter{height:2px}.board-label{letter-spacing:.4px;font-size:4px}.deck-count{font-size:4px}.shared-label strong{font-size:6px}.shared-label b{font-size:4px}.shared-label>span{font-size:3px}.game-controls{gap:3px}.game-controls button{width:20px;height:21px}.game-controls svg{width:10px}.game-status{font-size:4px}.board-frame{inset:6px}.board-frame i{width:12px;height:12px}.portrait-name{bottom:9%}}.half{height:41%}.foundation-band{height:18%;top:41%}.hp-counter{aspect-ratio:1;text-align:center;filter:none;background:#172c3b55;border:2px solid;border-radius:50%;place-items:center;width:7.3cqw;padding:0;display:grid;top:24.5122%;left:18.3%;transform:translateY(-50%);box-shadow:0 0 12px #ffffff18,inset 0 0 12px #ffffff0a}.bottom-counter{top:80.9756%}.hp-counter b{letter-spacing:-1px;color:#fff;text-shadow:0 2px 4px #152432;font-variant-numeric:tabular-nums;font-size:min(4cqw,5.5cqh);line-height:1}.tableau-rails{width:100%;height:100%;display:block;inset:0}.tableau-rails i{clip-path:none;border-radius:6px;position:absolute}.portrait-name b{font-size:clamp(14px,2.1vw,34px)}@media (width<=750px){.portrait-name b{font-size:2.1vw}}.portrait-transition{z-index:30;pointer-events:none;--burst:#ffe3a4;--burst-hot:#ff9f2f;--burst-soft:#fff8d5;position:fixed;inset:0;overflow:visible}.portrait-transition[data-player="0"]{--burst:#e8d9ff;--burst-hot:#9f68ff;--burst-soft:#f8f2ff}.portrait-transition-wash{background:radial-gradient(circle at var(--origin-x) var(--origin-y), color-mix(in srgb, var(--burst) 32%, transparent), transparent 46%), linear-gradient(90deg, color-mix(in srgb, var(--burst-hot) 14%, transparent), transparent 62%);mix-blend-mode:screen;position:absolute;inset:0}.portrait-transition-glow{left:var(--origin-x);top:var(--origin-y);aspect-ratio:1;background:radial-gradient(circle, #fff 0 4%, var(--burst-soft) 12%, color-mix(in srgb, var(--burst-hot) 64%, transparent) 37%, transparent 70%);filter:blur(2px);mix-blend-mode:screen;transform-origin:50%;border-radius:50%;width:min(58vw,620px);position:absolute;transform:translate(-50%,-50%)}.portrait-transition-beam{left:var(--origin-x);top:calc(var(--origin-y) - 2px);width:calc(100vw - var(--origin-x));transform-origin:0;background:linear-gradient(90deg, #fff, var(--burst) 18%, color-mix(in srgb, var(--burst-hot) 72%, transparent) 58%, transparent);height:5px;box-shadow:0 0 8px 2px var(--burst), 0 0 28px 6px var(--burst-hot);position:absolute}.portrait-transition-ring{left:var(--origin-x);top:var(--origin-y);aspect-ratio:1;border:2px solid var(--burst);transform-origin:50%;width:min(18vw,230px);box-shadow:0 0 18px var(--burst-hot), inset 0 0 18px var(--burst-hot);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.portrait-transition-spark{left:var(--origin-x);top:var(--origin-y);background:var(--burst-soft);width:clamp(12px,1.6vw,25px);height:3px;box-shadow:0 0 8px 2px var(--burst-hot);transform-origin:0;border-radius:999px;position:absolute}.portrait-transition-ember{width:clamp(5px,.7vw,10px);height:clamp(5px,.7vw,10px);box-shadow:0 0 9px 3px var(--burst-hot), 0 0 22px var(--burst);border-radius:50%}.portrait-transition[data-stage=swimsuit] .portrait-transition-beam{height:7px;box-shadow:0 0 10px 3px var(--burst), 0 0 38px 10px var(--burst-hot)}@media (prefers-reduced-motion:reduce){.portrait-transition{display:none}}.combat-effects{z-index:80;pointer-events:none;position:fixed;inset:0;overflow:hidden}.combat-event{--fx:#ff643b;--fx-light:#fff1b7}.combat-event.is-heal{--fx:#26efb8;--fx-light:#defff3}.combat-event.is-combo{--fx:#ff942f;--fx-light:#fff6ca}.combat-event>span{position:absolute}.combat-orb{border:1px solid var(--fx-light);color:var(--fx-light);box-shadow:0 0 16px var(--fx), inset 0 0 16px var(--fx);white-space:nowrap;text-shadow:0 2px 2px #000, 0 0 12px var(--fx);z-index:3;background:#30131bef;border-radius:40px;align-items:center;gap:4px;padding:6px 9px;font:900 clamp(14px,1.8vw,23px)/1 Orbitron,sans-serif;display:flex}.is-heal .combat-orb{background:#062b24ef}.combat-symbol{font-size:1.15em}.combat-combo{z-index:4;color:#fff6cf;white-space:nowrap;text-shadow:3px 4px #791b0a,0 0 10px #ff692a,0 0 28px #ff942f;font:italic 900 clamp(30px,4.5vw,64px)/1 Orbitron,sans-serif}.combat-trail{background:var(--fx-light);width:10px;height:10px;box-shadow:0 0 10px 4px var(--fx);border-radius:50%}.combat-ring{border:3px solid var(--fx-light);width:80px;height:80px;box-shadow:0 0 20px var(--fx), inset 0 0 15px var(--fx);border-radius:50%}.combat-flash{background:radial-gradient(circle, #fff 0%, var(--fx-light) 12%, var(--fx) 35%, transparent 70%);mix-blend-mode:screen;border-radius:50%;width:95px;height:95px}.combat-spark{background:var(--fx-light);width:22px;height:5px;box-shadow:0 0 10px 3px var(--fx);border-radius:50%}.is-heal .combat-spark,.is-heal .combat-trail{width:auto;height:auto;box-shadow:none;color:var(--fx-light);text-shadow:0 0 10px var(--fx);background:0 0;font:900 18px/1 sans-serif}#match-dialog{box-sizing:border-box;background:linear-gradient(140deg,#221a34,#0e1426 65%);border-color:#c3a1f599;width:min(860px,100vw - 32px);max-width:860px;max-height:calc(100dvh - 32px);padding:clamp(16px,3vw,34px)}#match-dialog h2{margin:8px 0;font-size:clamp(20px,3vw,30px)}#match-description{margin:0 0 22px}.difficulty-options{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1.8vw,18px);min-width:0;margin:0;padding:0;display:grid}.difficulty-options legend{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.difficulty-card{aspect-ratio:3/5;isolation:isolate;cursor:pointer;background:#1a142b;border:1px solid #917caa88;transition:border-color .2s,box-shadow .2s;display:block;position:relative;overflow:hidden}.difficulty-card input{opacity:0;width:1px;height:1px;position:absolute}.difficulty-card img{object-fit:cover;object-position:50% 25%;width:100%;height:100%;transition:transform .3s;display:block}.difficulty-card:after{content:"";pointer-events:none;background:linear-gradient(#100b2510 40%,#100b2540 65%,#100b25eb);position:absolute;inset:0;box-shadow:inset 0 0 0 4px #160e2533}.difficulty-card:hover{border-color:#e5cfff}.difficulty-card:hover img{transform:scale(1.035)}.difficulty-card:has(input:checked){border-color:#ffdaac;box-shadow:0 0 0 2px #ffdaac,0 0 24px #ac73ec66}.difficulty-card:has(input:focus-visible){outline-offset:5px;outline:3px solid #fff}.difficulty-check{z-index:2;color:#23142f;opacity:0;background:#ffdaac;border:1px solid #ffdaac;place-items:center;width:24px;height:24px;font-weight:900;display:grid;position:absolute;top:10px;right:10px}.difficulty-card:has(input:checked) .difficulty-check{opacity:1}.difficulty-card .portrait-name{bottom:8%;left:8%}.difficulty-card .portrait-name b{font-size:clamp(12px,3.4vw,36px)}.difficulty-card .portrait-name small{letter-spacing:clamp(.5px,.15vw,1.5px);font-size:clamp(5px,1vw,10px)}#match-dialog .primary{width:100%}#difficulty-description{min-height:1.6em;margin:18px 0}@media (prefers-reduced-motion:reduce){.difficulty-card,.difficulty-card img{transition:none}.difficulty-card:hover img{transform:none}}.hp-counter b{color:inherit;font-size:min(3.4cqw,4.7cqh);transition:color .25s}.hp-counter.is-critical{color:#ff9a91}.life-deck-count{color:#e0e8ee;font-variant-numeric:tabular-nums;pointer-events:none;background:#172c3bdd;border-radius:3px;padding:.3cqh .45cqw;font:700 min(1.4cqw,2cqh)/1.2 Orbitron;position:absolute;transform:translateY(-100%)}.combat-combo-buster{font-size:clamp(15px,2.25vw,32px)}.four-combo{z-index:10;position:absolute;inset:0}.four-combo-shade{background:#03040aed;position:absolute;inset:0}.four-combo-avatar{object-fit:cover;border:2px solid #d2d9ed;border-radius:18px;position:absolute;box-shadow:0 0 35px #9eb5ff55}.four-combo-avatar.is-attacker{border-color:#ffd37b;box-shadow:0 0 60px #ffac4966}.four-combo-title{z-index:3;text-align:center;color:#fff2c7;text-shadow:0 0 20px #ff8d32;width:100%;font:italic 900 clamp(22px,4vw,52px)/1.2 Orbitron,sans-serif;position:absolute;top:5%}.four-combo-title small{letter-spacing:3px;margin-top:8px;font-size:.4em;display:block}.four-combo-shot{z-index:4;color:#fff4d2;white-space:nowrap;background:#6d251b;border:1px solid #ffe8a3;border-radius:20px;padding:5px 8px;font:800 clamp(10px,1.2vw,16px)/1 Orbitron,sans-serif;position:absolute;box-shadow:0 0 12px #ff953c}.fatal-impact-flash{z-index:100;pointer-events:none;background:#fff4da;position:absolute;inset:-30px}.portrait-speech{z-index:90}#loading{z-index:200;letter-spacing:normal;background:radial-gradient(at 50% 35%,#28213b,#090c17 70%);padding:24px;position:fixed;inset:0}.loading-card{text-align:center;width:min(440px,100%)}.loading-card h1{color:#f4f3ff;margin:20px 0;font:800 clamp(30px,6vw,48px)/1.2 Orbitron,sans-serif}.loading-card h1 em{color:#e9c694;font-style:normal}.loading-mark{color:#e9c694;margin:32px 0;font-size:38px}.loading-mark span{color:#ccf4f1;padding:0 24px}.loading-meter{align-items:center;gap:16px;display:flex}.loading-meter progress{appearance:none;background:#ffffff14;border:0;border-radius:8px;width:100%;height:8px;overflow:hidden}.loading-meter progress::-webkit-progress-bar{background:#ffffff14}.loading-meter progress::-webkit-progress-value{background:linear-gradient(90deg,#ccf4f1,#e9c694)}.loading-meter progress::-moz-progress-bar{background:#ccf4f1}.loading-percent{color:#f4f3ff;min-width:48px;font-size:14px}.loading-status{color:#b3bacd;font:500 18px Rajdhani,sans-serif}.loading-retry[hidden]{display:none}#win-dialog{box-sizing:border-box;width:min(420px,100vw - 32px);max-height:calc(100dvh - 32px);overflow-y:auto}.match-score{margin:16px 0 24px}.score-label{text-transform:uppercase;letter-spacing:.18em;color:#aac6d5;font-size:12px;display:block}#final-score{color:#f2d893;font-variant-numeric:tabular-nums;font-size:44px;line-height:1.2;display:block}#score-record{color:#f2d893;margin:4px 0}.score-summary{justify-content:space-between;gap:12px;font-size:14px;display:flex}#score-breakdown{text-align:left;border-top:1px solid #5bb8c640;grid-template-columns:1fr auto;gap:5px 16px;padding-top:12px;font-size:15px;display:grid}#score-breakdown dd{color:#c8e6ef;text-align:right;font-variant-numeric:tabular-nums;margin:0}