.playmat .playmat-fx{z-index:1;pointer-events:none;opacity:1;background:0 0;position:absolute;inset:0;overflow:hidden;animation:none!important}.playmat .playmat-particle{left:var(--particle-x);height:100%;width:var(--particle-size);animation:9s linear infinite playmatParticleFall;animation-delay:var(--particle-delay);position:absolute;top:0}.playmat .playmat-particle:after{content:"";width:100%;height:var(--particle-size);opacity:.8;background:#fff;border-radius:50%;display:block;box-shadow:0 0 4px #d9efff80}.playmat .fx-embers .playmat-particle{animation:8s linear infinite playmatParticleRise;animation-delay:var(--particle-delay)}.playmat .fx-embers .playmat-particle:after{background:#ffcf77;box-shadow:0 0 7px #ff7e36}.playmat .fx-petals .playmat-particle{animation-duration:12s}.playmat .fx-petals .playmat-particle:after{box-sizing:border-box;height:10px;animation:4s ease-in-out infinite alternate playmatPetalSway;animation-delay:var(--particle-delay);background:#ffd1e2;border:1px solid #fff3f9b3;border-radius:70% 10%;box-shadow:0 1px 2px #28132999}.playmat .fx-rain .playmat-particle{width:1px;animation-duration:3s}.playmat .fx-rain .playmat-particle:after{opacity:.55;background:#d0efff;border-radius:1px;height:23px;transform:rotate(16deg)}.playmat .fx-sparkles .playmat-particle{top:var(--particle-y);height:6px;animation:5s ease-in-out infinite playmatParticleStar;animation-delay:var(--particle-delay)}.playmat .fx-sparkles .playmat-particle:after{background:#fff4cb;box-shadow:0 0 6px #fff0b6}.playmat[data-mat=official-character-05-playmat-v1] .playmat-particle:after{background:#a6f5c6;box-shadow:0 0 6px #a6f5c6}.playmat .fx-waves .playmat-particle{top:var(--particle-y);width:42px;height:9px;animation:7s ease-in-out infinite alternate playmatParticleWave;animation-delay:var(--particle-delay)}.playmat .fx-waves .playmat-particle:after{width:100%;height:9px;box-shadow:none;background:0 0;border-bottom:1px solid #b9eaff80;border-radius:50%}.playmat .fx-mist .playmat-particle{width:180px;height:35px;animation:12s ease-in-out infinite alternate playmatParticleMist;animation-delay:var(--particle-delay);top:78%}.playmat .fx-mist .playmat-particle:after{width:100%;height:100%;box-shadow:none;background:radial-gradient(#d8e7ef30,#0000 70%)}.playmat .fx-lightning .playmat-particle{width:35px;height:70%;animation:12s ease-in-out infinite playmatParticleLightning;animation-delay:var(--particle-delay);top:10%}.playmat .fx-lightning .playmat-particle:after{clip-path:polygon(65% 0,30% 46%,57% 43%,15% 100%,84% 34%,54% 39%);width:100%;height:100%;box-shadow:none;background:#ddebff}@keyframes playmatParticleFall{0%{transform:translate(-12px,-12px)}to{transform:translate(24px,100%)}}@keyframes playmatParticleRise{0%{opacity:0;transform:translate(-8px,100%)}15%,70%{opacity:.85}to{opacity:0;transform:translate(20px,-12px)}}@keyframes playmatPetalSway{0%{transform:rotate(-25deg)}to{transform:rotate(25deg)}}@keyframes playmatParticleStar{0%,to{opacity:.25;transform:translateY(3px)scale(.7)}50%{opacity:.85;transform:translateY(-3px)scale(1)}}@keyframes playmatParticleWave{0%{opacity:.3;transform:translate(-14px)}to{opacity:.65;transform:translate(16px)}}@keyframes playmatParticleMist{0%{opacity:.4;transform:translate(-40px)}to{opacity:.9;transform:translate(40px)}}@keyframes playmatParticleLightning{0%,28%,40%,to{opacity:.025}34%{opacity:.38}}@media (prefers-reduced-motion:reduce){.playmat .playmat-particle:after{animation:none!important}.playmat .playmat-particle{top:var(--particle-y);height:var(--particle-size);opacity:.6;animation:none!important}.playmat .fx-snow .playmat-particle,.playmat .fx-rain .playmat-particle,.playmat .fx-petals .playmat-particle{height:100%;top:0;animation:42s linear infinite playmatParticleFall!important;animation-delay:var(--particle-delay)!important}.playmat .fx-embers .playmat-particle{height:100%;top:0;animation:42s linear infinite playmatParticleRise!important;animation-delay:var(--particle-delay)!important}.playmat .fx-mist .playmat-particle{height:35px;top:82%;animation:36s ease-in-out infinite alternate playmatParticleMist!important;animation-delay:var(--particle-delay)!important}.playmat .fx-waves .playmat-particle{height:9px;animation:36s ease-in-out infinite alternate playmatParticleWave!important;animation-delay:var(--particle-delay)!important}.playmat .fx-lightning .playmat-particle{opacity:.06;height:70%;top:10%}}.playmat[data-mat=anime-neon-rain] .playmat-fx{background:linear-gradient(120deg,#0000 40%,#f0dcff59 50%,#0000 60%) 0 0/300% 100%;animation:5s ease-in-out infinite fxFlash!important}.playmat[data-mat=anime-neon-rain] .playmat-particle{display:none}@media (prefers-reduced-motion:reduce){.playmat[data-mat=anime-neon-rain] .playmat-fx{opacity:.3;background-position:50% 0;animation:12s ease-in-out infinite alternate playmatNeonReducedGlow!important}}@keyframes playmatNeonReducedGlow{0%{opacity:.3;background-position:45% 0}to{opacity:.7;background-position:55% 0}}.playmat:is([data-mat^=official-],[data-mat=anime-celestial-dragon]){--ambient-light:255, 207, 112;--ambient-cool:120, 204, 255}.playmat:is([data-mat^=official-],[data-mat=anime-celestial-dragon]) .playmat-fx:before,.playmat:is([data-mat^=official-],[data-mat=anime-celestial-dragon]) .playmat-fx:after{content:"";pointer-events:none;background:radial-gradient(ellipse at 18% 18%, rgba(var(--ambient-light), .58), transparent 38%), radial-gradient(ellipse at 85% 80%, rgba(var(--ambient-cool), .4), transparent 36%);animation:16s ease-in-out infinite alternate playmatAmbientLight;position:absolute;inset:-12%}.playmat:is([data-mat^=official-],[data-mat=anime-celestial-dragon]) .playmat-fx:after{background:repeating-conic-gradient(from 210deg at 18% 5%, transparent 0deg 13deg, rgba(var(--ambient-light), .3) 14deg 18deg, transparent 20deg 34deg);animation:22s ease-in-out infinite alternate playmatAmbientRays;-webkit-mask-image:linear-gradient(#000b,#0000 90%);mask-image:linear-gradient(#000b,#0000 90%)}.playmat:is([data-mat^=official-],[data-mat=anime-celestial-dragon]) .fx-sparkles .playmat-particle:after{height:var(--particle-size);opacity:.95;clip-path:polygon(50% 0,60% 38%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 38%);box-shadow:none;background:#fff0bc;border-radius:0}.playmat[data-mat=official-character-02-playmat-v1]{--ambient-light:163, 216, 255;--ambient-cool:81, 135, 244}.playmat[data-mat=official-character-02-playmat-v1] .playmat-fx:after{background:linear-gradient(115deg,#0000 32%,#c8ecff3d 36%,#0000 40% 64%,#86c5ff40 67%,#0000 71%);-webkit-mask-image:none;mask-image:none}.playmat[data-mat=official-character-02-playmat-v1] .playmat-particle:after{opacity:.8;width:2px;height:36px;box-shadow:0 0 5px #9ddfff}.playmat[data-mat=official-character-03-playmat-v1]{--ambient-light:255, 164, 57;--ambient-cool:255, 204, 134}.playmat:is([data-mat=official-character-03-playmat-v1],[data-mat=official-character-04-playmat-v1],[data-mat=official-character-06-playmat-v1]) .playmat-fx:after{background:radial-gradient(at 25% 70%,#e4ecff40,#0000 32%),radial-gradient(at 75% 85%,#ffdeb038,#0000 30%);animation:18s ease-in-out infinite alternate playmatAmbientSmoke;-webkit-mask-image:none;mask-image:none}.playmat[data-mat=official-character-04-playmat-v1]{--ambient-light:255, 193, 93;--ambient-cool:121, 180, 255}.playmat[data-mat=official-character-06-playmat-v1]{--ambient-light:255, 180, 66;--ambient-cool:255, 221, 160}.playmat[data-mat=official-character-05-playmat-v1]{--ambient-light:88, 255, 167;--ambient-cool:42, 217, 185}.playmat[data-mat=official-character-05-playmat-v1] .playmat-fx:after{background:linear-gradient(112deg,#0000 15%,#62ffc65c 24%,#0000 35%,#35e99940 45%,#0000 57%,#a2ffd452 68%,#0000 80%);-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}.playmat[data-mat=official-character-05-playmat-v1] .fx-sparkles .playmat-particle:after{background:#c2ffe4}.playmat[data-mat=official-character-07-playmat-v1]{--ambient-light:255, 190, 79;--ambient-cool:255, 220, 148}.playmat[data-mat=official-character-08-playmat-v1]{--ambient-light:202, 234, 255;--ambient-cool:188, 226, 255}.playmat[data-mat=official-character-08-playmat-v1] .playmat-fx:after{background:radial-gradient(at 20% 70%,#d9f7ff80,#0000 27%),radial-gradient(at 65% 65%,#e9faff6b,#0000 29%),radial-gradient(at 88% 90%,#cce8ff80,#0000 22%);animation:14s ease-in-out infinite alternate playmatAmbientSmoke;-webkit-mask-image:none;mask-image:none}.playmat[data-mat=official-character-09-playmat-v1] .playmat-particle:after{width:16px;height:12px;box-shadow:none;clip-path:polygon(0 10%,35% 20%,50% 45%,65% 20%,100% 10%,85% 70%,60% 80%,50% 55%,40% 80%,15% 70%);background:#fff0bf;border:0}.playmat[data-mat=official-character-10-playmat-v1]{--ambient-light:255, 104, 65;--ambient-cool:119, 222, 255}.playmat[data-mat=official-character-10-playmat-v1] .playmat-fx:after{background:repeating-radial-gradient(at 65% 90%,#0000 0 28px,#b1ecff75 29px 31px,#0000 33px 52px);animation:10s ease-in-out infinite alternate playmatAmbientSurf;-webkit-mask-image:linear-gradient(#0000 25%,#000 85%);mask-image:linear-gradient(#0000 25%,#000 85%)}.playmat[data-mat=anime-celestial-dragon]{--ambient-light:191, 169, 255;--ambient-cool:130, 235, 255}.playmat[data-mat=anime-celestial-dragon] .playmat-fx:after{background:linear-gradient(118deg,#0000 8%,#b3a3ff75 19%,#0000 32%,#a5efff66 45%,#0000 58%,#c9b6ff70 73%,#0000 88%);-webkit-mask-image:linear-gradient(#000,#0000 95%);mask-image:linear-gradient(#000,#0000 95%)}.playmat[data-mat=anime-celestial-dragon] .fx-sparkles .playmat-particle:after{background:#fff}@media (forced-colors:active){.playmat:is([data-mat=anime-neon-rain],[data-mat=anime-celestial-dragon]) .playmat-fx,.playmat:is([data-mat=anime-neon-rain],[data-mat=anime-celestial-dragon]) .playmat-fx:before,.playmat:is([data-mat=anime-neon-rain],[data-mat=anime-celestial-dragon]) .playmat-fx:after,.playmat:is([data-mat=anime-neon-rain],[data-mat=anime-celestial-dragon]) .playmat-particle,.playmat:is([data-mat=anime-neon-rain],[data-mat=anime-celestial-dragon]) .playmat-particle:after{forced-color-adjust:none}}@keyframes playmatAmbientLight{0%{opacity:.68;transform:translate(-2%,-2%)scale(.98)}to{opacity:.95;transform:translate(2%,2%)scale(1.05)}}@keyframes playmatAmbientRays{0%{transform:rotate(-4deg)translate(-2%)}to{transform:rotate(5deg)translate(3%)}}@keyframes playmatAmbientSmoke{0%{transform:translate(-5%,3%)scale(.95)}to{transform:translate(5%,-5%)scale(1.08)}}@keyframes playmatAmbientSurf{0%{transform:translate(-2%,2%)scale(.96)}to{transform:translate(2%,-2%)scale(1.06)}}@media (prefers-reduced-motion:reduce){.playmat:is([data-mat^=official-],[data-mat=anime-celestial-dragon]) .playmat-fx:before,.playmat:is([data-mat^=official-],[data-mat=anime-celestial-dragon]) .playmat-fx:after{animation-duration:75s!important;animation-iteration-count:infinite!important}.playmat[data-mat=anime-celestial-dragon] .playmat-fx:before,.playmat[data-mat=anime-celestial-dragon] .playmat-fx:after{animation-duration:24s!important}.playmat[data-mat=anime-celestial-dragon] .fx-sparkles .playmat-particle{animation:18s ease-in-out infinite playmatParticleStar!important;animation-delay:var(--particle-delay)!important}}.playmat .playmat-fx.canvas-ready{opacity:1!important;background:0 0!important;animation:none!important;-webkit-mask-image:none!important;mask-image:none!important}.playmat .playmat-fx.canvas-ready:before,.playmat .playmat-fx.canvas-ready:after,.playmat .playmat-fx.canvas-ready .playmat-particle{display:none!important}.playmat-ambient-canvas{pointer-events:none;forced-color-adjust:none;width:100%;height:100%;position:absolute;inset:0}.shield-help{margin:0 0 8px;font-size:12px}.shield-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;display:grid}.shield-option{text-align:left;min-height:76px;color:var(--text);border:1px solid var(--border);cursor:pointer;background:#080c16b8;border-radius:10px;align-items:center;gap:10px;padding:7px;display:flex}.shield-option.selected{border-color:var(--gold);box-shadow:0 0 0 2px #c9a84c33}.shield-option small{color:var(--text-dim);margin-top:3px;font-size:10px;display:block}.shield-preview{aspect-ratio:429/600;background:url(/card-backs/official-card-back.png) 50%/cover no-repeat;border:1px solid #ffffff4d;border-radius:4px;flex:none;width:38px;position:relative;overflow:hidden;box-shadow:0 3px 8px #00000073}.shield-preview:after{content:"";pointer-events:none;position:absolute;inset:0}.shield-preview.shield-inferno:after{background:radial-gradient(circle at 50% 78%,#ffd76acc 0 5%,#ef4423a6 10%,#0000 42%);box-shadow:inset 0 0 12px #ef4423}.shield-preview.shield-tide:after{background:radial-gradient(at 25% 85%,#0000 0 20%,#79dfffcc 24% 27%,#0000 31%),linear-gradient(145deg,#0000 45%,#48aee866);box-shadow:inset 0 0 12px #48aee8}.shield-preview.shield-moss:after{background:linear-gradient(35deg,#0000 45%,#c9d3d5bf 47% 49%,#0000 51%),linear-gradient(-35deg,#0000 45%,#aab9bca6 47% 49%,#0000 51%);box-shadow:inset 0 0 12px #42a568}.shield-preview.shield-bloom:after{background:radial-gradient(at 30% 45%,#f6a5dabf 0 6%,#0000 8%),radial-gradient(at 70% 58%,#c45aa8b3 0 7%,#0000 9%);box-shadow:inset 0 0 12px #c45aa8}.shield-preview.shield-haki:after{background:conic-gradient(from 35deg at 50% 50%,transparent 0 26%,#ffbb3cbf 28%,transparent 31% 62%,#ef4444d9 65%,transparent 68%),radial-gradient(circle,transparent 18%,#991b1b8a);box-shadow:inset 0 0 12px #f59e0b}.shield-preview.shield-phoenix:after{background:radial-gradient(ellipse at 50% 80%,#fbbf24b3,transparent 38%),conic-gradient(from 170deg at 50% 75%,transparent 0 23%,#22d3eeb3 26%,transparent 37% 65%,#22d3eeb3 70%,transparent 74%);box-shadow:inset 0 0 12px #22d3ee}.shield-preview.shield-eclipse:after{background:radial-gradient(circle at 50% 42%,#101323 0 15%,#d8b4febf 18% 21%,#0000 25%),linear-gradient(135deg,#581c8780,#0000 65%);box-shadow:inset 0 0 12px #c4b5fd}.shield-preview.shield-neon:after{background:linear-gradient(132deg,#0000 25%,#22d3eebf 28%,#0000 32% 66%,#e879f9b3 69%,#0000 73%),radial-gradient(circle,#4c1d9559,#0000 65%);box-shadow:inset 0 0 12px #22d3ee}[data-card-shield] .stack-deck .stack-layer,[data-card-shield] .life-card,[data-card-shield] .card.facedown,[data-card-shield] .hand-back,.hand-back[data-card-shield]{background:url(/card-backs/official-card-back.png) 50%/cover no-repeat}[data-card-shield=shield-inferno] .stack-deck .stack-layer,[data-card-shield=shield-inferno] .life-card,[data-card-shield=shield-inferno] .card.facedown,[data-card-shield=shield-inferno] .hand-back,.opp-hand[data-card-shield=shield-inferno] .hand-back{box-shadow:inset 0 0 10px #ef4423,var(--shadow);background-image:radial-gradient(circle at 50% 78%,#ffd76aa6,#ef442359 22%,#0000 48%),url(/card-backs/official-card-back.png)}[data-card-shield=shield-tide] .stack-deck .stack-layer,[data-card-shield=shield-tide] .life-card,[data-card-shield=shield-tide] .card.facedown,[data-card-shield=shield-tide] .hand-back,.opp-hand[data-card-shield=shield-tide] .hand-back{box-shadow:inset 0 0 10px #48aee8,var(--shadow);background-image:linear-gradient(145deg,#0000 35%,#48aee86b),url(/card-backs/official-card-back.png)}[data-card-shield=shield-moss] .stack-deck .stack-layer,[data-card-shield=shield-moss] .life-card,[data-card-shield=shield-moss] .card.facedown,[data-card-shield=shield-moss] .hand-back,.opp-hand[data-card-shield=shield-moss] .hand-back{box-shadow:inset 0 0 10px #42a568,var(--shadow);background-image:linear-gradient(35deg,#0000 45%,#c9d3d58c 47% 49%,#0000 51%),linear-gradient(-35deg,#0000 45%,#aab9bc80 47% 49%,#0000 51%),url(/card-backs/official-card-back.png)}[data-card-shield=shield-bloom] .stack-deck .stack-layer,[data-card-shield=shield-bloom] .life-card,[data-card-shield=shield-bloom] .card.facedown,[data-card-shield=shield-bloom] .hand-back,.opp-hand[data-card-shield=shield-bloom] .hand-back{box-shadow:inset 0 0 10px #c45aa8,var(--shadow);background-image:radial-gradient(at 30% 45%,#f6a5daa6 0 5%,#0000 8%),radial-gradient(at 70% 58%,#c45aa894 0 6%,#0000 9%),url(/card-backs/official-card-back.png)}:is([data-card-shield=shield-haki] .stack-deck .stack-layer,[data-card-shield=shield-haki] .life-card,[data-card-shield=shield-haki] .card.facedown,[data-card-shield=shield-haki] .hand-back,.opp-hand[data-card-shield=shield-haki] .hand-back){background-image:conic-gradient(from 35deg at 50% 50%,transparent 0 26%,#ffbb3c94 28%,transparent 31% 62%,#ef4444b3 65%,transparent 68%),radial-gradient(circle,transparent 18%,#991b1b73),url(/card-backs/official-card-back.png);box-shadow:inset 0 0 10px #f59e0b,var(--shadow)}:is([data-card-shield=shield-phoenix] .stack-deck .stack-layer,[data-card-shield=shield-phoenix] .life-card,[data-card-shield=shield-phoenix] .card.facedown,[data-card-shield=shield-phoenix] .hand-back,.opp-hand[data-card-shield=shield-phoenix] .hand-back){background-image:radial-gradient(ellipse at 50% 80%,#fbbf2480,transparent 38%),conic-gradient(from 170deg at 50% 75%,transparent 0 23%,#22d3ee8c 26%,transparent 37% 65%,#22d3ee8c 70%,transparent 74%),url(/card-backs/official-card-back.png);box-shadow:inset 0 0 10px #22d3ee,var(--shadow)}:is([data-card-shield=shield-eclipse] .stack-deck .stack-layer,[data-card-shield=shield-eclipse] .life-card,[data-card-shield=shield-eclipse] .card.facedown,[data-card-shield=shield-eclipse] .hand-back,.opp-hand[data-card-shield=shield-eclipse] .hand-back){box-shadow:inset 0 0 10px #c4b5fd,var(--shadow);background-image:radial-gradient(circle at 50% 42%,#101323cc 0 15%,#d8b4fe9e 18% 21%,#0000 25%),linear-gradient(135deg,#581c876b,#0000 65%),url(/card-backs/official-card-back.png)}:is([data-card-shield=shield-neon] .stack-deck .stack-layer,[data-card-shield=shield-neon] .life-card,[data-card-shield=shield-neon] .card.facedown,[data-card-shield=shield-neon] .hand-back,.opp-hand[data-card-shield=shield-neon] .hand-back){box-shadow:inset 0 0 10px #22d3ee,var(--shadow);background-image:linear-gradient(132deg,#0000 25%,#22d3ee94 28%,#0000 32% 66%,#e879f999 69%,#0000 73%),radial-gradient(circle,#4c1d954d,#0000 65%),url(/card-backs/official-card-back.png)}.stack-don .stack-layer{background:#f4f4f2 url(/card-backs/official-don-back.png) 50%/contain no-repeat}@media (width<=700px){.shield-grid{grid-template-columns:1fr 1fr}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a0b;--bg-2:#131316;--bg-3:#1b1b20;--panel:#17171b;--border:#2a2a31;--border-soft:#232329;--gold:#c9a84c;--gold-dim:#8a7431;--blue:#3b82f6;--blue-dim:#1e40af;--text:#ececf1;--text-dim:#9a9aa6;--text-faint:#6a6a76;--red:#e0524a;--green:#3fbf6b;--purple:#a06bd6;--black-color:#4b4b57;--yellow:#e0c34a;--rest-rotate:90deg;--radius:10px;--shadow:0 6px 20px #00000073;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:radial-gradient(1200px 600px at 50% -10%, #c9a84c0f, transparent 60%), var(--bg);color:var(--text);margin:0;font-size:14px}img{max-width:100%}[hidden]{display:none!important}button{font-family:inherit}.app{grid-template-rows:auto 1fr;grid-template-columns:1fr minmax(280px,340px);gap:0;height:100vh;display:grid}.app.no-side{grid-template-columns:1fr}.topbar{padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top,0px));background:linear-gradient(180deg, var(--bg-2), var(--bg));border-bottom:1px solid var(--border);grid-column:1/-1;align-items:center;gap:16px;display:flex}.app-screen-match{grid-template-rows:auto minmax(0,1fr)}.app-match-active{grid-template-rows:minmax(0,1fr)}.app-match-active>.board-wrap{grid-row:1}.app-screen-match .topbar.match-topbar{gap:8px;min-height:42px;padding:4px 12px}.match-topbar .phases{flex:1;justify-content:center}.board-wrap.match-mode .battle-line .match-clocks{margin-left:2px}.board-wrap.match-mode .battle-line .match-clock{min-width:62px;padding:2px 6px}.board-wrap.match-mode .battle-line .match-clock strong{margin-top:1px;font-size:12px}.board-wrap.match-mode .battle-line{scrollbar-width:thin;justify-content:center;width:100%;min-width:0;overflow-x:auto}.board-wrap.match-mode .battle-line .bl-rule{flex:12px;min-width:12px}.board-wrap.match-mode .battle-line .phases{flex:none}.board-wrap.match-mode .battle-line .phase-pill{padding:3px 7px}.board-wrap.match-mode .battle-line .match-clocks{flex:none}.brand{letter-spacing:.5px;align-items:center;gap:10px;font-weight:700;display:flex}.brand .mark{background:linear-gradient(135deg, var(--gold), var(--gold-dim));color:#14140c;border-radius:7px;place-items:center;width:26px;height:26px;font-size:13px;font-weight:900;display:grid}.brand small{color:var(--text-dim);font-weight:500}.topbar .spacer{flex:1}.board-wrap{padding:14px;position:relative;overflow:auto}.toolbar{z-index:6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--border);background:linear-gradient(#0a0a0bf5,#0a0a0bdb);margin:-14px -14px 12px;padding:8px 14px;position:sticky;top:0}.side{border-left:1px solid var(--border);background:var(--bg-2);flex-direction:column;min-height:0;display:flex}.badge{border:1px solid var(--border);background:var(--bg-3);color:var(--text-dim);border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.badge .dot{background:var(--text-faint);border-radius:50%;width:8px;height:8px}.badge.ok .dot{background:var(--green)}.badge.warn .dot{background:var(--gold)}.badge.err .dot{background:var(--red)}.badge.gold{color:var(--gold);border-color:var(--gold-dim)}.btn{border:1px solid var(--border);background:var(--bg-3);color:var(--text);cursor:pointer;border-radius:8px;padding:7px 12px;font-size:13px;font-weight:600;transition:border-color .12s,background .12s,transform 50ms}.btn:hover{border-color:var(--gold-dim)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:focus-visible,.card:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #60a5faf2}.btn.primary{background:linear-gradient(180deg, var(--blue), var(--blue-dim));border-color:var(--blue-dim)}.btn.gold{background:linear-gradient(180deg, var(--gold), var(--gold-dim));color:#14140c;border-color:var(--gold-dim)}.btn.ghost{background:0 0}.btn.sm{padding:4px 8px;font-size:12px}.table{--slot-w:96px;--card-w:78px;--card-h:108px;flex-direction:column;gap:8px;min-width:900px;max-width:1180px;margin:0 auto;display:flex}.opp-hand{justify-content:center;align-items:flex-start;gap:2px;height:46px;padding-top:2px;display:flex;position:relative}.hand-back{transform-origin:bottom;border:1px solid var(--blue-dim);width:34px;height:48px;box-shadow:var(--shadow);background:linear-gradient(160deg,#1b2740,#0d1220);border-radius:5px;place-items:center;margin:0 -4px;display:grid}.hand-back .card-back-mark{color:#c9a84c80;letter-spacing:1px;font-size:8px;font-weight:900}.hand-back.hand-revealed{border-color:var(--gold);z-index:3;pointer-events:auto;background:0 0;overflow:visible;box-shadow:0 0 0 1px #ffdc6a80,0 7px 18px #000000b8}.hand-revealed .card{cursor:zoom-in;border-radius:inherit;width:100%;height:100%}.hand-revealed .card:hover{z-index:8;transform:translateY(5px)scale(1.14)}.opponent-revealed-sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hand-count-badge{background:var(--bg-3);border:1px solid var(--border);color:var(--text-dim);border-radius:999px;padding:2px 9px;font-size:12px;font-weight:700;position:absolute;top:8px;right:calc(50% - 260px)}.mat-zones{position:absolute;inset:0}.matzone{background:#0a0a0c2e;border:1px solid #ffffff29;border-radius:8px;position:absolute}.matzone .mz-label{letter-spacing:.6px;text-transform:uppercase;color:#ffffff73;pointer-events:none;white-space:nowrap;font-size:8.5px;font-weight:800;position:absolute;top:3px;left:6px}.matzone .mz-count{color:#fff;text-align:center;background:#0000008c;border-radius:999px;min-width:18px;padding:0 4px;font-size:11px;font-weight:800;position:absolute;top:2px;right:5px}.mz-content{justify-content:center;align-items:center;display:flex;position:absolute;inset:15px 5px 5px}.mz-leader{border-color:#c9a84c80;box-shadow:inset 0 0 0 1px #c9a84c2e}.mz-chars{justify-content:center;align-items:center;gap:.7%;display:flex;position:absolute;inset:11px 2px 2px}.mz-charslot{border:1px dashed #ffffff14;border-radius:5px;flex:1 1 0;justify-content:center;align-items:center;height:100%;display:flex}.mz-single{justify-content:center;align-items:center;height:100%;display:flex}.card.card-fit{width:auto;max-width:100%;height:100%}.mz-life{width:100%;height:100%;position:relative}.life-card{aspect-ratio:63/88;border:1px solid var(--gold-dim);background:linear-gradient(160deg,#3a2a12,#1a1206);border-radius:3px;width:76%;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 2px 5px #0000008c}.life-card:first-child{top:0}.life-card:nth-child(2){top:12%}.life-card:nth-child(3){top:24%}.life-card:nth-child(4){top:36%}.life-card:nth-child(5){top:48%}.life-card:nth-child(6){top:60%}.mz-stack{width:82%;height:88%;position:relative}.mz-stack .stack-layer{box-shadow:var(--shadow);border-radius:5px;position:absolute;inset:0}.stack-deck .stack-layer{border:1px solid var(--blue-dim);background:linear-gradient(160deg,#1b2740,#0d1220)}.stack-don .stack-layer{border:1px solid var(--gold-dim);background-color:#f4f4f2;background-position:50%;background-repeat:no-repeat;background-size:contain}.mz-empty{color:var(--text-faint);font-size:10px}.mz-cost>.mz-content{bottom:0}.mz-cost .don-token{flex:none}.mz-don{flex-wrap:nowrap;place-content:center flex-start;align-items:center;gap:4px;width:100%;height:100%;display:flex}.don-token{aspect-ratio:389/541;border:1px solid var(--gold-dim);background:linear-gradient(160deg, var(--gold), var(--gold-dim));width:auto;min-width:0;height:100%;box-shadow:var(--shadow);border-radius:3px;overflow:hidden}.don-token img{object-fit:cover;width:100%;height:100%;display:block}.don-token.rested{transform:rotate(var(--rest-rotate));opacity:.5;background:var(--bg-3)}.don-token.attachable{cursor:grab;transition:transform .12s,box-shadow .12s,filter .12s}.don-token.attachable:hover{filter:brightness(1.15);transform:translateY(-3px)}.don-token.attachable:active{cursor:grabbing}.don-token.selected{transform:translateY(-4px);box-shadow:0 0 0 2px #ffd54a,0 0 18px #ffd54acc}.mz-dondeck .stack-don{aspect-ratio:389/541;width:auto;max-width:78%;height:88%}.mat-chip{z-index:4;transform-origin:0 0;position:absolute;top:1px;left:2px;transform:scale(.82)}.mat-chip.flip{transform-origin:0 0;top:1px;left:2px;right:auto}.pc-avatar-btn{cursor:pointer;background:0 0;border:none;padding:0;display:inline-flex}.pc-avatar-btn:disabled{cursor:default}.battle-line{align-items:center;gap:10px;padding:2px 6px;display:flex}.bl-rule{background:linear-gradient(90deg, transparent, var(--gold-dim), var(--gold), var(--gold-dim), transparent);opacity:.7;border-radius:2px;flex:1;height:2px}.bl-badge{letter-spacing:.5px;border:1px solid var(--border);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:800}.bl-badge.you{color:#14140c;background:linear-gradient(180deg, var(--gold), var(--gold-dim));border-color:var(--gold-dim)}.bl-badge.opp{color:var(--text);background:var(--bg-3)}.bl-badge.dim{color:var(--text-dim);background:0 0}.card{width:var(--card-w);height:var(--card-h);border:1px solid var(--border);box-shadow:var(--shadow);cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(160deg,#202028,#0e0e13);border-radius:8px;flex-direction:column;flex:none;justify-content:flex-end;padding:5px 5px 4px 8px;transition:transform .12s,border-color .12s,box-shadow .12s;display:flex;position:relative;overflow:hidden}.card-sm{--card-w:60px;--card-h:84px}.card-lg{--card-w:92px;--card-h:128px}.card.card-fit{aspect-ratio:63/88;flex:none;width:auto;height:100%;max-height:100%}.card-fit .cname{max-height:20px;font-size:8px}.card-fit .cbtm{font-size:7px}.card-fit .pow{font-size:9px}.card-fit .cost-pip{width:13px;height:13px;font-size:8px}.card:hover{border-color:var(--gold);z-index:3;transform:translateY(-3px);box-shadow:0 10px 22px #0000008c}.card.rested{transform:rotate(var(--rest-rotate))}.card.rested:hover{transform:rotate(var(--rest-rotate)) translateY(-3px)}.card.selected{border-color:var(--blue);box-shadow:0 0 0 2px #3b82f680}.card.leader{border-color:var(--gold-dim);box-shadow:0 0 0 1px var(--gold-dim), var(--shadow)}.card.facedown{border-color:var(--blue-dim);background:linear-gradient(160deg,#1b2740,#0d1220);justify-content:center;align-items:center}.card .card-accent{width:5px;position:absolute;top:0;bottom:0;left:0}.card .card-art{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.card.has-active-effects{overflow:visible}.card.has-active-effects .card-art{border-radius:inherit}.card .cname{color:var(--text);text-shadow:0 1px 3px #000000e6;max-height:26px;font-size:10px;font-weight:700;line-height:1.1;position:relative;overflow:hidden}.card .cbtm{justify-content:space-between;align-items:flex-end;margin-top:2px;font-size:9px;display:flex;position:relative}.card .cnum{color:var(--text-faint);text-shadow:0 1px 2px #000000e6}.card .pow{color:var(--gold);text-shadow:0 1px 3px #000000f2;font-size:12px;font-weight:900}.card .cost-pip{background:var(--blue-dim);color:#fff;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;font-weight:800;display:grid;position:absolute;top:4px;right:4px;box-shadow:0 1px 3px #0009}.card .don-pip{color:#14140c;background:var(--gold);border-radius:5px;padding:0 4px;font-size:9px;font-weight:900;position:absolute;top:4px;left:10px}.card .card-back-mark{color:#c9a84c8c;letter-spacing:2px;font-size:16px;font-weight:900}.card-effect-system{z-index:6;pointer-events:none;position:absolute;inset:0;overflow:hidden;container-type:inline-size}.card-effect-ribbons{flex-direction:column;align-items:flex-start;gap:2px;display:flex;position:absolute;bottom:3%;left:5%;right:5%}.effect-ribbon{--effect-ribbon-color:#ffad32;white-space:nowrap;text-overflow:ellipsis;color:#fff4dd;max-width:100%;box-shadow:none;letter-spacing:.05em;text-transform:uppercase;text-shadow:0 1px 2px #000;background:0 0;border:0;border-radius:0;padding:1px 5px 1px 9px;font-size:clamp(10px,14%,16px);font-weight:900;line-height:1.25;animation:2.2s linear infinite effect-ribbon-scan;overflow:hidden}.effect-ribbon.effect-rush{--effect-ribbon-color:#ff9d20}.effect-ribbon.effect-double{--effect-ribbon-color:#ec243a}.effect-ribbon.effect-blocker{--effect-ribbon-color:#13aadb}.effect-ribbon.effect-banish{--effect-ribbon-color:#a84cff}.effect-ribbon.effect-power{--effect-ribbon-color:#19c875}.effect-ribbon.effect-cost{--effect-ribbon-color:#ffad32}.card.opponent-effect-target{border:2px solid #f04f59}.card.opponent-effect-target.selected{outline-offset:2px;outline:3px solid #ff3948}.effect-ribbon.effect-power,.effect-ribbon.effect-cost{letter-spacing:0;text-shadow:0 1px 2px #000;box-shadow:none;font-size:clamp(20px,1.7vw,28px);animation:none}.effect-ribbon.effect-power{font-size:min(clamp(24px,2.04vw,33.6px),var(--effect-power-fit));text-overflow:clip;padding:0;overflow:visible}.effect-ribbon.effect-negated,.effect-ribbon.effect-restricted{--effect-ribbon-color:#7b8498}.effect-ribbon.effect-generic{--effect-ribbon-color:#d8ad25}@keyframes effect-ribbon-scan{0%{filter:brightness(.86)}50%{filter:brightness(1.25)}to{filter:brightness(.86)}}@media (prefers-reduced-motion:reduce){.effect-ribbon{animation:none}}.you-hand{justify-content:center;align-items:flex-end;gap:6px;min-height:150px;padding:6px 10px 2px;display:flex}.you-hand .hand-label{color:var(--text-faint);letter-spacing:.6px;align-self:center;margin-right:4px;font-size:11px;font-weight:800}.hand-card{transform-origin:bottom;transition:transform .12s}.hand-card:hover{z-index:4;transform:translateY(-8px)!important}.phases{align-items:center;gap:6px;display:flex}.phase-pill{letter-spacing:.4px;border:1px solid var(--border);color:var(--text-faint);background:var(--bg-3);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.phase-pill.active{color:#14140c;background:linear-gradient(180deg, var(--gold), var(--gold-dim));border-color:var(--gold-dim)}.phase-arrow{color:var(--text-faint);font-size:11px}.battle-bar{border:1px solid var(--red);border-radius:var(--radius);background:linear-gradient(#e0524a24,#e0524a0d);align-items:center;gap:10px;margin-bottom:10px;padding:8px 12px;display:flex}.battle-steps{gap:5px;display:flex}.battle-step{border:1px solid var(--border);color:var(--text-faint);border-radius:6px;padding:3px 8px;font-size:13.75px;font-weight:700}.battle-step.active{color:#fff;background:var(--red);border-color:var(--red)}.side-tabs{border-bottom:1px solid var(--border);display:flex}.side-tab{color:var(--text-dim);cursor:pointer;background:0 0;border:none;flex:1;padding:10px;font-size:12px;font-weight:700}.side-tab.active{color:var(--gold);box-shadow:inset 0 -2px 0 var(--gold)}.side-body{flex:1;min-height:0;padding:10px;overflow:auto}.log-line{border-radius:6px;align-items:baseline;gap:8px;padding:5px 6px;font-size:12px;display:flex}.log-line:nth-child(odd){background:#ffffff05}.log-line .lt{color:var(--text-faint);font-variant-numeric:tabular-nums;min-width:46px;font-size:10px}.log-line .la{font-weight:700}.log-line.k-phase .la{color:var(--gold)}.log-line.k-battle .la{color:var(--red)}.log-line.k-card .la{color:var(--blue)}.log-line.k-system .la{color:var(--text-dim)}.log-line.k-emote .la{color:var(--purple)}.emote-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.emote-btn{border:1px solid var(--border);background:var(--bg-3);cursor:pointer;border-radius:10px;padding:10px;font-size:22px}.emote-btn:hover{border-color:var(--gold)}.emote-label{color:var(--text-faint);margin-top:2px;font-size:10px;display:block}.emote-floats{pointer-events:none;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;bottom:16px;right:16px}.emote-float{font-size:26px;animation:.3s pop}@keyframes pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.banner{z-index:5;border-radius:var(--radius);align-items:center;gap:12px;margin-bottom:10px;padding:8px 14px;font-weight:600;display:flex;position:sticky;top:0}.banner.reconnect{border:1px solid var(--gold-dim);color:var(--gold);background:linear-gradient(#c9a84c29,#c9a84c0d)}.banner.resync{border:1px solid var(--blue-dim);color:var(--blue);background:linear-gradient(#3b82f629,#3b82f60d)}.banner.reject{border:1px solid var(--red);color:var(--red);background:linear-gradient(#e0524a29,#e0524a0d)}.banner .spacer{flex:1}.controls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.controls .group{background:var(--bg-2);border:1px solid var(--border-soft);border-radius:8px;gap:4px;padding:4px;display:flex}.controls .glabel{color:var(--text-faint);text-transform:uppercase;letter-spacing:.5px;align-self:center;padding:0 4px;font-size:10px}.playmat{border:1px solid var(--border);box-shadow:inset 0 0 0 1px #ffffff08, var(--shadow);aspect-ratio:2.55;border-radius:14px;position:relative;overflow:hidden}.playmat-bg{z-index:0;position:absolute;inset:0}.playmat.flipped .playmat-bg{transform:rotate(180deg)}.playmat-scrim{z-index:1;background:linear-gradient(#0a0a0bc7,#0a0a0b9e);position:absolute;inset:0}.playmat-surface{z-index:2;padding:0;position:absolute;inset:0}.gsage-mark{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.36;flex-direction:column;align-items:flex-start;gap:2px;display:flex;position:absolute}.gsage-mark .gm-word{letter-spacing:1.5px;text-transform:uppercase;font-size:10px;font-weight:800}.gsage-mark .gm-rule{opacity:.7;border-radius:1px;width:60%;height:1px;display:block}.mat-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.mat-swatch{border:1px solid var(--border);background:var(--bg-3);cursor:pointer;text-align:left;border-radius:12px;flex-direction:column;gap:6px;padding:6px;display:flex}.mat-swatch:hover{border-color:var(--gold-dim)}.mat-swatch.selected{border-color:var(--gold);box-shadow:0 0 0 2px #c9a84c59}.mat-thumb{border:1px solid #ffffff0f;border-radius:8px;height:62px;display:block;position:relative;overflow:hidden}.mat-thumb .gsage-mark .gm-word{letter-spacing:2px;font-size:10px}.mat-thumb .gsage-mark .gm-rule{height:1.5px}.mat-name{color:var(--text);font-size:11px;font-weight:700}.avatar{vertical-align:middle;background-position:50%;background-size:cover;border-radius:50%;flex:none;display:inline-block}.avatar-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:6px;display:grid}.avatar-swatch{border:1px solid var(--border);background:var(--bg-3);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:5px;padding:7px 4px;display:flex}.avatar-swatch:hover{border-color:var(--gold-dim)}.avatar-swatch.selected{border-color:var(--gold);box-shadow:0 0 0 2px #c9a84c59}.avatar-name{color:var(--text-dim);font-size:10px}.profile-chip{background:var(--bg-3);border:1px solid var(--border);border-radius:999px;align-items:center;gap:7px;padding:3px 8px 3px 4px;display:inline-flex}.pc-text{flex-direction:column;line-height:1.1;display:flex}.pc-name{color:var(--text);align-items:center;gap:5px;font-size:12px;font-weight:700;display:flex}.pc-tier{color:var(--gold);letter-spacing:.4px;font-size:10px;font-weight:700}.pc-dot{background:var(--text-faint);border-radius:50%;flex:none;width:7px;height:7px}.pc-dot.on{background:var(--green)}.pc-dot.off{background:var(--text-faint)}.profile{font-size:13px}.profile .muted{color:var(--text-faint)}.pf-section{margin-top:12px}.profile-save-final{clear:both;border-top:1px solid #c9a84c47;justify-content:flex-start;margin-top:22px;padding-top:16px;display:flex}.profile-save-final .btn{min-width:150px;min-height:44px}.pf-h{text-transform:uppercase;letter-spacing:.6px;color:var(--gold);border-bottom:1px solid var(--border-soft);margin:0 0 6px;padding-bottom:4px;font-size:11px;font-weight:800}.pf-header{align-items:center;gap:12px;display:flex}.pf-header .avatar{border-radius:14px}.pf-id{flex-direction:column;gap:2px;display:flex}.pf-name{align-items:center;gap:7px;font-size:16px;font-weight:800;display:flex}.pf-grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.pf-stat{background:var(--bg-2);border:1px solid var(--border-soft);border-radius:7px;justify-content:space-between;gap:8px;padding:5px 8px;display:flex}.pf-stat-l{color:var(--text-dim)}.pf-stat-v{font-weight:700}.pf-stat-v.accent{color:var(--gold)}.pf-deck{background:var(--bg-2);border:1px solid var(--border-soft);border-radius:7px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px;padding:6px 8px;display:flex}.pf-deck-stats{align-items:center;gap:6px;display:flex}.color-dots{vertical-align:middle;gap:3px;display:inline-flex}.color-dot{background:#3a3a42;border:1px solid #0000004d;border-radius:50%;width:10px;height:10px;display:inline-block}.color-dot.c-red{background:var(--red)}.color-dot.c-green{background:var(--green)}.color-dot.c-blue{background:var(--blue)}.color-dot.c-purple{background:var(--purple)}.color-dot.c-black{background:var(--black-color)}.color-dot.c-yellow{background:var(--yellow)}.pf-history{flex-direction:column;gap:4px;display:flex}.pf-history-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;max-height:222px;padding-right:5px;overflow:hidden auto}.pf-hist{background:var(--bg-2);border-left:3px solid var(--border);border-radius:6px;flex-wrap:wrap;align-items:baseline;gap:8px;padding:5px 8px;font-size:12px;display:flex}.pf-hist.r-win{border-left-color:var(--green)}.pf-hist.r-loss{border-left-color:var(--red)}.pf-hist.r-draw{border-left-color:var(--gold)}.pf-res{font-weight:800}.pf-res.r-win{color:var(--green)}.pf-res.r-loss{color:var(--red)}.pf-res.r-draw{color:var(--gold)}.pf-res.r-unknown{color:var(--text-faint)}.pf-badges{flex-wrap:wrap;gap:6px;display:flex}.pf-badge{border:1px solid var(--gold-dim);color:var(--gold);background:linear-gradient(#c9a84c29,#c9a84c0d);border-radius:999px;padding:4px 9px;font-size:11px;font-weight:700}.topnav{gap:4px;display:flex}.navbtn{border:1px solid var(--border);background:var(--bg-3);color:var(--text-dim);cursor:pointer;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:700}.navbtn:hover{border-color:var(--gold-dim);color:var(--text)}.reconnect-match{border-color:var(--gold-dim);min-width:150px;color:var(--gold);margin-left:28px;padding:9px 22px;font-size:12px}.navbtn.active{color:#14140c;background:linear-gradient(180deg, var(--gold), var(--gold-dim));border-color:var(--gold-dim)}.screen{max-width:1180px;margin:0 auto}.screen-title{align-items:center;gap:10px;margin:4px 0 14px;font-size:20px;display:flex}.group-title{text-transform:uppercase;letter-spacing:.6px;color:var(--gold);margin:12px 0 6px;font-size:12px}.muted{color:var(--text-faint)}.code-input{background:var(--bg-2);border:1px solid var(--border);color:var(--text);border-radius:8px;width:100%;padding:7px 10px;font-size:13px}.toggle-row{align-items:center;gap:8px;padding:4px 0;font-size:13px;display:flex}.mode-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.mode-card{text-align:left;border:1px solid var(--border);background:var(--bg-3);cursor:pointer;border-radius:12px;padding:12px}.mode-card:hover{border-color:var(--gold-dim)}.mode-card.active{border-color:var(--gold);box-shadow:0 0 0 2px #c9a84c4d}.mode-name{align-items:center;gap:8px;margin-bottom:4px;font-weight:800;display:flex}.mode-desc{font-size:12px}.lobby-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.lobby-actions .code-input{width:auto;min-width:200px}.lobby-cols{grid-template-columns:1fr 1fr;gap:20px;margin-top:16px;display:grid}.ranks-head{flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.ranks-head h3{margin:0}.ranks-list{flex-direction:column;gap:8px;display:flex}.rank-row{border:1px solid var(--border);background:var(--bg-2);border-radius:12px;align-items:center;gap:14px;padding:10px 12px;display:flex}.rank-row.current{border-color:var(--gold);box-shadow:0 0 0 2px #c9a84c40}.rank-row.dragon{background:linear-gradient(90deg, #63481233, var(--bg-2) 38%);border-color:#e7b6478c}.rank-name{font-size:15px;font-weight:800}.rank-band{font-size:12px}.rank-desc{color:var(--text);margin-top:2px;font-size:13px}.db-grid{grid-template-columns:1fr minmax(300px,380px);align-items:start;gap:16px;display:grid}.db-filters{flex-wrap:wrap;align-items:end;gap:8px;margin-bottom:10px;display:flex}.db-filters .code-input{width:220px}.db-select,.db-field{color:var(--text-dim);flex-direction:column;gap:3px;font-size:11px;display:flex}.db-select select,.db-field select,.db-field textarea{background:var(--bg-2);border:1px solid var(--border);color:var(--text);border-radius:7px;padding:6px 8px;font-size:12px}.db-section-h{color:var(--gold);text-transform:uppercase;letter-spacing:.5px;margin:12px 0 4px;font-size:12px}.db-cost-label{color:var(--text-faint);margin:6px 0 3px;font-size:11px;font-weight:700}.db-cards{flex-direction:column;gap:3px;display:flex}.db-cardrow{background:var(--bg-2);border:1px solid var(--border-soft);border-radius:7px;align-items:center;gap:6px;padding:4px 6px;display:flex}.db-accent{border-radius:3px;flex:none;align-self:stretch;width:4px}.db-thumb{object-fit:cover;background:var(--bg-3);border-radius:3px;flex:none;width:26px;height:36px}.db-thumb-empty{display:inline-block}.db-cardname{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;font-weight:600;overflow:hidden}.db-cardnum{flex:none;font-size:11px}.db-power{color:var(--gold);flex:none;font-size:11px;font-weight:800}.db-copies{color:var(--text-dim);text-align:center;min-width:28px;font-size:11px}.db-deck{background:var(--bg-2);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex;position:sticky;top:0}.db-count{font-size:13px}.db-count.ok{color:var(--green)}.db-valid.ok{color:var(--green);font-weight:700}.db-valid.err{color:var(--red);font-weight:700}.db-errors{color:var(--red);margin:4px 0;padding-left:16px;font-size:11px}.db-list{border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);flex-direction:column;gap:2px;max-height:200px;padding:6px 0;display:flex;overflow:auto}.db-list-row{align-items:center;gap:6px;font-size:12px;display:flex}.db-qty{color:var(--gold);font-weight:800}.db-list-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.db-export{resize:vertical;width:100%;font-family:monospace}.db-buttons{flex-wrap:wrap;gap:6px;display:flex}.db-saved-row{align-items:center;gap:6px;font-size:12px;display:flex}.db-saved-row .btn:first-child{text-align:left;flex:1}.don-swatch{border:1px solid var(--border);background-position:50%;border-radius:5px;width:34px;height:24px;display:inline-block}.don-picker-head{align-items:center;gap:8px;display:flex}.don-css-row{gap:6px;margin-top:6px;display:flex}.don-css-swatch{border:1px solid var(--border);cursor:pointer;border-radius:5px;width:28px;height:22px}.don-css-swatch.selected{outline:2px solid var(--gold)}.trash-stack{cursor:pointer;isolation:isolate;overflow:visible}.trash-stack:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.trash-stack-card{pointer-events:none;transition:transform .16s,filter .16s;display:block;position:absolute;inset:0}.trash-stack-card>.card{pointer-events:auto}.trash-stack.expanded{z-index:45}.trash-stack.expanded .trash-stack-card{transform:translateY(var(--trash-offset));z-index:calc(1 + var(--trash-index))}.trash-stack.expanded .trash-stack-card:hover{transform:translate(-42%, var(--trash-offset)) scale(1.75);z-index:80;filter:drop-shadow(0 12px 20px #000c)}.trash-stack-opponent .trash-stack-card{transform:none}.trash-stack-opponent.expanded .trash-stack-card{transform:translateX(calc(var(--trash-index) * 38px))}.trash-stack-opponent.expanded .trash-stack-card:hover{transform:translateX(calc(var(--trash-index) * 38px + 42%)) scale(1.75)}.revealed-card-reader{z-index:12000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#020409c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.revealed-card-reader-content{filter:drop-shadow(0 24px 70px #000000e6);width:min(421px,71.4771vh - 34.309px,100vw - 48px);position:relative}.revealed-card-reader-card{aspect-ratio:421/589;cursor:zoom-out;background:#08090f;border:2px solid #e8d9a0e0;border-radius:13px;width:100%;padding:0;display:block;overflow:hidden}.revealed-card-reader-card img{object-fit:contain;width:100%;height:100%;display:block}.revealed-card-reader-card .card{width:100%;height:100%}.revealed-card-reader-close{z-index:2;color:#fff;cursor:pointer;background:#c51624;border:2px solid #ffb0b0;border-radius:50%;place-items:center;width:42px;height:42px;padding:0 0 3px;font-size:32px;font-weight:900;line-height:1;display:grid;position:absolute;top:-18px;right:-18px;box-shadow:0 5px 18px #000000bf,0 0 18px #ff28378c}.revealed-card-reader-close:hover{background:#f02232;transform:scale(1.06)}.action-panel.choice.reveal-ack-panel{z-index:74;border-color:var(--gold);text-align:center;background:#080a0ff5;flex-flow:wrap;justify-content:center;align-items:center;gap:5px 9px;width:max-content;max-width:calc(100vw - 32px);padding:6px 9px;position:fixed;top:104px;left:50%;transform:translate(-50%);box-shadow:0 8px 22px #000000a6}.action-panel.choice.reveal-ack-panel.reveal-ack-anchored{z-index:90;width:max-content;max-width:calc(100% - 12px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reveal-ack-panel .ap-title{color:#ffe082;text-shadow:0 1px 3px #000;margin:0}.reveal-ack-panel .muted{color:#f3f6fb;text-shadow:0 1px 3px #000;margin:0}.reveal-ack-panel .choice-actions{flex:none;margin:0}.reveal-ack-panel .ca-btn{white-space:nowrap;min-height:30px;padding:4px 9px}@media (width<=720px){.reveal-ack-panel{text-align:center;flex-direction:column;gap:7px;top:72px}}.trigger-decision{z-index:70;border:1px solid var(--gold);pointer-events:none;background:#080a0ff5;border-radius:8px;flex-direction:column;justify-content:center;align-items:stretch;gap:7px;width:140px;min-height:82px;padding:9px;display:flex;position:absolute;top:23%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 28px #000000b8}.trigger-decision .btn{pointer-events:auto;min-height:30px;padding:5px 8px;box-shadow:0 4px 12px #0000007a}.matchmenu{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.revert-toast{z-index:21;border:1px solid var(--gold-dim);box-shadow:var(--shadow);background:#0a0a0bf2;border-radius:10px;align-items:center;gap:12px;padding:8px 14px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.elo-pop{z-index:22;background:var(--panel);border:1px solid var(--gold-dim);width:230px;box-shadow:var(--shadow);border-radius:12px;padding:12px;position:fixed;top:120px;right:380px}.elo-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.elo-body{flex-direction:column;gap:4px;font-size:13px;display:flex}@media (width<=900px){.app{grid-template-rows:auto auto 1fr;grid-template-columns:1fr}.side{border-left:none;border-top:1px solid var(--border);max-height:40vh}.db-grid,.lobby-cols{grid-template-columns:1fr}.elo-pop{right:16px}}.setup-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:40;background:#0a0a0b99;place-items:center;display:grid;position:absolute;inset:0}.setup-card{background:var(--panel,#16161a);border:1px solid var(--gold,#c9a84c);text-align:center;border-radius:12px;min-width:300px;max-width:90vw;padding:22px 26px;box-shadow:0 12px 40px #0000008c}.setup-card h3{color:var(--gold,#c9a84c);letter-spacing:.5px;margin:0 0 8px}.setup-actions{flex-direction:column;align-items:stretch;gap:8px;margin-top:12px;display:flex}.card.targetable{cursor:crosshair;outline-offset:1px;z-index:6;outline:2px solid #ef4444;animation:1.1s ease-in-out infinite tgt-pulse;box-shadow:0 0 0 2px #ef444473,0 0 16px 3px #ef44448c}.table3.targeting-attack .card.targetable{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M27 3 13 17l2 2L29 5V3h-2Z' fill='%23f5d477' stroke='%23100d08' stroke-width='1.5'/%3E%3Cpath d='m10 15 7 7M8 20l4 4M11 23l-6 6' fill='none' stroke='%23f5d477' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") 4 28,pointer}@keyframes tgt-pulse{0%,to{box-shadow:0 0 0 2px #ef444473,0 0 12px 2px #ef444466}50%{box-shadow:0 0 0 3px #ef4444b3,0 0 22px 5px #ef4444b3}}.table.targeting .card:not(.targetable){opacity:.72}.targeting-banner{z-index:45;color:#fecaca;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ef444429;border:1px solid #ef4444;border-radius:999px;align-items:center;gap:10px;padding:8px 14px;font-size:13px;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0006}.targeting-banner .dot{background:#ef4444;box-shadow:0 0 8px #ef4444}.controls.slim{align-items:center;gap:10px;display:flex}.controls.slim .group{align-items:center;gap:6px;display:flex}.card-actions{background:var(--panel,#16161a);border:1px solid var(--gold,#c9a84c);border-radius:10px;flex-direction:column;gap:6px;max-width:460px;padding:8px 12px;display:inline-flex;box-shadow:0 6px 20px #00000073}.card-actions.opponent{border-color:var(--line,#2a2a30)}.ca-head{align-items:center;gap:8px;display:flex}.ca-name{color:var(--gold,#c9a84c);font-weight:600}.card-actions.opponent .ca-name{color:var(--text,#e6e6ea)}.ca-pow{color:#ef4444;font-size:12px;font-weight:700}.ca-x{color:var(--text-dim,#8a8a92);cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:13px}.ca-btns{flex-wrap:wrap;gap:6px;display:flex}.ca-empty{color:var(--text-dim,#8a8a92);font-size:12px}.card-art{object-fit:cover;border-radius:inherit;z-index:1;width:100%;height:100%;position:absolute;inset:0}.card.has-art .cname,.card.has-art .cbtm,.card.has-art .cost-pip{display:none}.card.has-art .card-accent{z-index:2}.card.has-art .don-pip{z-index:3}.card-hover-preview{z-index:10000;pointer-events:none;background:#08090f;border:1px solid #e8d9a0cc;border-radius:12px;animation:.12s ease-out both card-preview-in;position:fixed;overflow:hidden;box-shadow:0 22px 70px #000000c7,0 0 28px #c9a84c3d}.card-hover-preview img{aspect-ratio:421/589;object-fit:cover;width:100%;height:auto;display:block}.card-hover-preview span{text-overflow:ellipsis;white-space:nowrap;color:#fff;background:#05070dd1;border-radius:5px;max-width:calc(100% - 20px);padding:5px 8px;font-size:12px;position:absolute;bottom:10px;left:10px;overflow:hidden;box-shadow:0 2px 8px #0000008c}@keyframes card-preview-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media (hover:none),(pointer:coarse){.card-hover-preview{display:none}}@media (prefers-reduced-motion:reduce){.card-hover-preview{animation:none}}.home{background:radial-gradient(1200px 600px at 20% 10%,#24358f 0%,#0a1030 45%,#05060c 100%);place-items:center;min-height:calc(100vh - 60px);padding:32px 16px;display:grid;position:relative;overflow:hidden}.home:before{content:"";background-image:var(--home-bg,none);opacity:.95;background-position:50%;background-size:cover;position:absolute;inset:0}.home:after{content:"";background:linear-gradient(#03050c40 0%,#03050c59 40%,#03050cd9 100%);position:absolute;inset:0}.home>*{z-index:1;position:relative}.home-hero{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff14;box-shadow:0 20px 60px #0009;background:#080a14b8!important}.home-footer{text-align:center;color:#ffffff8c;z-index:1;font-size:11px;position:absolute;bottom:8px;left:0;right:0}.home-hero{text-align:center;border:1px solid var(--line,#2a2a30);background:linear-gradient(#c9a84c14,#3b82f60d);border-radius:18px;width:100%;max-width:560px;padding:40px 28px;box-shadow:0 20px 60px #0006}.home-logo{justify-content:center;align-items:center;gap:16px;margin-bottom:24px;display:flex}.home-mark{color:#0a0a0b;background:linear-gradient(135deg,#c9a84c,#8a6f2a);border-radius:14px;place-items:center;width:64px;height:64px;font-size:26px;font-weight:800;display:grid;box-shadow:0 6px 20px #c9a84c66}.home-titles h1{letter-spacing:1px;background:linear-gradient(90deg,#c9a84c,#e8d9a0);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:30px}.home-titles p{color:var(--text-dim,#8a8a92);margin:4px 0 0;font-size:13px}.home-login-label{color:var(--text,#e6e6ea);margin-bottom:10px;font-size:15px;display:block}.home-login-row{gap:10px;display:flex}.auth-tabs{gap:8px;margin-bottom:14px;display:flex}.auth-title{color:var(--text,#e6e6ea);margin:0 0 18px;font-size:21px}.auth-field{width:100%;margin-top:10px}.auth-submit{width:100%;margin-top:12px}.auth-switch{color:var(--text-dim,#8a8a92);margin:16px 0 0;font-size:13px}.guest-entry{border-top:1px solid var(--border);gap:8px;margin-top:14px;padding-top:14px;display:grid}.guest-entry small{color:var(--text-faint)}.home-input{border:1px solid var(--line,#2a2a30);color:#fff;background:#0e0e12;border-radius:10px;flex:1;padding:12px 14px;font-size:15px}.home-input:focus{border-color:var(--gold,#c9a84c);outline:none}.home-input:focus-visible{outline-offset:2px;outline:3px solid #60a5faf2}.btn.lg{padding:12px 20px;font-size:15px}.home-note{color:var(--text-dim,#8a8a92);margin-top:14px;font-size:12px}.home-welcome{color:var(--text,#e6e6ea);margin-bottom:20px;font-size:16px}.linkbtn{color:var(--blue,#3b82f6);cursor:pointer;background:0 0;border:none;font-size:13px;text-decoration:underline}.home-actions{flex-direction:column;gap:12px;display:flex}.home-cta{text-align:left;cursor:pointer;border:1px solid var(--line,#2a2a30);color:var(--text,#e6e6ea);background:#14141a;border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;padding:16px 20px;transition:all .15s;display:flex}.home-cta:hover{border-color:var(--gold,#c9a84c);transform:translateY(-1px)}.home-cta.play{border-color:var(--gold,#c9a84c);background:linear-gradient(135deg,#c9a84c2e,#3b82f61f)}.cta-title{font-size:18px;font-weight:700}.home-cta.play .cta-title{color:var(--gold,#c9a84c)}.cta-sub{color:var(--text-dim,#8a8a92);font-size:12px}.home-hint{color:var(--text-dim,#8a8a92);margin-top:18px;font-size:13px}.match-clocks{gap:6px;margin-left:10px;display:flex}.match-clock{border:1px solid var(--border);min-width:72px;color:var(--text-faint);background:#ffffff06;border-radius:8px;padding:4px 8px;line-height:1.05;display:grid}.match-clock span{text-transform:uppercase;letter-spacing:.08em;font-size:9px}.match-clock strong{color:var(--text);font-variant-numeric:tabular-nums;margin-top:3px;font-size:15px}.match-clock.running{border-color:var(--gold);box-shadow:0 0 12px #c9a84c33}.match-clock.running strong{color:#f8d76c}.match-clock.opponent.running{border-color:#ef4444;box-shadow:0 0 12px #ef444433}.match-clock.opponent.running strong{color:#fca5a5}.register-card{text-align:left;max-width:600px}.register-card .home-logo{justify-content:flex-start}.register-form{gap:14px;display:grid}.register-field{color:var(--text,#e6e6ea);gap:7px;font-size:13px;font-weight:650;display:grid}.register-field .home-input{box-sizing:border-box;width:100%;font-weight:400}.home-input.input-error{border-color:#ef4444}.register-requirements{color:var(--text-dim,#8a8a92);background:#ffffff08;border-radius:10px;gap:6px;margin:0;padding:12px 14px 12px 32px;font-size:12px;display:grid}.register-requirements li::marker{color:#64748b}.register-requirements li.met{color:#86efac}.register-requirements li.met::marker{color:#22c55e}@media (width<=600px){.register-card{padding:28px 18px}.register-card .home-logo{align-items:flex-start}.register-card .home-titles h1{font-size:24px}}.empty-match{text-align:center;place-items:center;gap:12px;padding:60px 20px;display:grid}.empty-match h3{color:var(--gold,#c9a84c);margin:0}.empty-match p{color:var(--text-dim,#8a8a92);margin:0}.board-wrap.match-mode{flex-direction:column;gap:4px;min-height:0;padding:8px 12px;display:flex;overflow:hidden}.board-wrap.match-mode .toolbar{flex:none;margin:0 0 4px;padding:6px 8px;position:static}.board-wrap.match-mode .table{flex-direction:column;flex:auto;align-items:center;gap:2px;width:100%;min-width:0;max-width:none;height:auto;min-height:0;display:flex}.board-wrap.match-mode .playmat{aspect-ratio:2.55;flex:1 1 0;width:auto;max-width:100%;height:100%;min-height:0}.board-wrap.match-mode .opp-hand{flex:none;height:34px}.board-wrap.match-mode .you-hand{flex:none;height:auto;min-height:0;padding:2px 8px}.board-wrap.match-mode .you-hand .hand-card .card{width:58px;height:80px}.board-wrap.match-mode .battle-line{flex:none;padding:0 6px}.board-wrap.match-mode .setup-overlay{z-index:60}.db-cards{grid-template-columns:repeat(auto-fill,minmax(108px,1fr));align-items:start;gap:10px;display:grid!important}.db-tile{flex-direction:column;gap:3px;display:flex}.db-tile-face{cursor:pointer;aspect-ratio:5/7;background:#0e0e12;border:2px solid #0000;border-radius:9px;width:100%;padding:0;transition:transform .1s,border-color .1s;position:relative;overflow:hidden}.db-tile-face:hover:not(:disabled){border-color:var(--gold,#c9a84c);transform:translateY(-2px)}.db-tile-face:disabled{cursor:default}.db-tile.in-deck .db-tile-face{border-color:var(--blue,#3b82f6)}.db-tile-img{object-fit:cover;width:100%;height:100%;display:block}.db-tile-noimg{text-align:left;background:linear-gradient(160deg,#1a1a20,#0e0e12);border-left:4px solid #666;flex-direction:column;justify-content:flex-end;gap:4px;width:100%;height:100%;padding:8px;display:flex}.db-tile-noimg-name{color:#e6e6ea;font-size:12px;font-weight:700;line-height:1.1}.db-tile-noimg-num{color:#8a8a92;font-size:10px}.db-tile-count{color:#fff;background:#3b82f6eb;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:800;position:absolute;top:4px;left:4px}.db-tile-add{color:#0a0a0b;opacity:0;background:#c9a84cf2;border-radius:6px;place-items:center;width:22px;height:22px;font-size:15px;font-weight:900;transition:opacity .1s;display:grid;position:absolute;bottom:4px;right:4px}.db-tile-face:hover:not(:disabled) .db-tile-add{opacity:1}.db-tile-bar{align-items:center;gap:4px;display:flex}.db-tile-name{color:var(--text-dim,#8a8a92);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:10px;overflow:hidden}.db-mini{background:var(--bg-3,#1a1a20);border:1px solid var(--border,#2a2a30);width:20px;height:20px;color:var(--text,#e6e6ea);cursor:pointer;border-radius:5px;place-items:center;font-size:12px;display:grid}.db-mini:disabled{opacity:.4;cursor:default}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.mz-stack.clickable{cursor:pointer}.mz-stack.clickable:hover .stack-layer{filter:brightness(1.2)}.mz-stack.can-draw{position:relative}.mz-stack.can-draw .stack-layer{animation:1.1s ease-in-out infinite drawPulse;box-shadow:0 0 0 2px #ffd54a,0 0 22px 6px #ffd54a8c}.mz-stack.can-draw .draw-cta{color:#1a1200;letter-spacing:1px;pointer-events:none;z-index:3;background:#ffd54a;border-radius:6px;padding:3px 7px;font-size:11px;font-weight:900;position:absolute;top:calc(100% + 5px);left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000080}@keyframes drawPulse{0%,to{box-shadow:0 0 0 2px #ffd54a,0 0 14px 3px #ffd54a59}50%{box-shadow:0 0 0 2px #fff0a8,0 0 26px 9px #ffd54ab3}}.turn-hint{color:#ffd54a;white-space:nowrap;text-overflow:ellipsis;max-width:46vw;margin-left:10px;font-size:12px;overflow:hidden}.card-actions .ca-btns{flex-wrap:wrap;gap:6px;display:flex}.ca-btn{border:1px solid var(--line,#2c2f3a);color:var(--text,#eee);cursor:pointer;background:#171a24;border-radius:10px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;transition:transform 80ms,background .12s;display:inline-flex}.ca-btn:hover{background:#222636;transform:translateY(-1px)}.ca-btn .ca-ico{font-size:18px;line-height:1}.ca-btn.primary{color:#1a1200;background:linear-gradient(#ffd54a,#f0a500);border-color:#f0a500}.ca-btn.primary:hover{background:linear-gradient(#ffe07a,#f7b520)}.ca-btn.danger{color:#ff9c9c;border-color:#7a2a2a}.ca-btn.ghost{opacity:.85}.ca-cost{color:#ffd54a;background:#2b2f3f;border-radius:999px;margin-left:6px;padding:1px 7px;font-size:11px;font-weight:800}.ca-text{color:var(--text-dim,#9aa);max-width:520px;margin-top:6px;font-size:11px;line-height:1.35}.deck-menu{border-color:#4a6cff}.btn.danger{color:#ffb3b3;background:#3a1a1a;border:1px solid #7a2a2a}.btn.danger:hover{background:#4a2020}.banner.searching{align-items:center;gap:10px;display:flex}.spinner{border:2px solid #ffffff40;border-top-color:#ffd54a;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.setup-leave{margin-top:12px;font-size:12px}.db-list-row.leader-row{background:#ffd54a14;border-radius:6px}.ca-btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.6);transform:none}.undo-prompt{align-items:center;gap:10px;display:flex}.action-panel{background:linear-gradient(90deg,#ffd54a24,#ffd54a0a);border:1px solid #f0a500;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;width:100%;padding:8px 12px;display:flex}.action-panel.ended{background:linear-gradient(90deg,#4a6cff29,#4a6cff0a);border-color:#4a6cff}.action-panel .ap-title{color:#ffd54a;font-weight:800}.action-panel.ended .ap-title{color:#9fb4ff}.deckbuilder.shop-design{max-width:1600px;margin:0 auto}.shop-design .db-head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.shop-design .db-grid{grid-template-columns:minmax(0,1fr) 420px;gap:24px}.shop-design .db-panel{background:#0b1120f2;border:1px solid #ffffff1a;border-radius:16px;min-width:0;padding:20px;box-shadow:0 25px 50px -12px #0009}.shop-design .db-top{grid-template-columns:minmax(260px,.7fr) minmax(340px,1fr);gap:16px;display:grid}.shop-design .db-lbl{color:#fff;flex-direction:column;gap:8px;font-size:13px;font-weight:600;display:flex}.shop-design .db-input{color:#0f172a;background:#fff;border:1px solid #ffffff26;border-radius:8px;outline:none;width:100%;min-height:46px;padding:0 14px;font-size:14px}.shop-design .db-input:focus{box-shadow:0 0 0 2px #7dd3fccc}.shop-design .db-filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.shop-design .db-select{text-transform:uppercase;letter-spacing:.06em;color:#ffffffa6;gap:6px;font-size:11px;font-weight:700}.shop-design .db-select select{color:#0f172a;text-transform:none;letter-spacing:0;background:#fff;border:1px solid #cbd5e1;border-radius:8px;min-height:44px;padding:0 10px;font-size:13px;font-weight:600}.shop-design .db-import{background:#a78bfa12;border:1px solid #a78bfa40;border-radius:12px;margin-top:18px;padding:14px}.shop-design .db-import summary{cursor:pointer;color:#ddd6fe;font-weight:800}.shop-design .db-import textarea{color:#fff;background:#0000004d;border:1px solid #ffffff26;border-radius:8px;width:100%;margin-top:12px;padding:10px;font-family:ui-monospace,monospace;font-size:13px}.shop-design .db-import .db-buttons{margin-top:10px}.btn.violet{color:#fff;background:#8b5cf6;border:1px solid #8b5cf6;font-weight:800}.btn.violet:hover{background:#a78bfa}.btn.violet:disabled{opacity:.4;cursor:not-allowed}.btn.lg{min-height:46px;padding:0 16px;font-size:14px}.shop-design .db-count-line{text-align:right;margin-top:18px;font-size:11px}.shop-design .db-catalog-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;max-height:68vh;padding-right:8px;overflow:auto}.shop-design .db-section-h{color:#c4b5fd;margin:16px 0 6px}.shop-design .db-cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.shop-design .db-tile{background:#111827;border:1px solid #334155;border-radius:12px;transition:transform .15s,border-color .15s;overflow:hidden;box-shadow:0 10px 15px -3px #0006}.shop-design .db-tile:hover{border-color:#a78bfa;transform:translateY(-4px)}.shop-design .db-tile.in-deck{border-color:#8b5cf6}.shop-design .db-tile-face{aspect-ratio:5/7;cursor:pointer;background:linear-gradient(#1e293b,#020617);border:0;width:100%;padding:8px;display:block;position:relative}.shop-design .db-tile-face:disabled{cursor:default;opacity:.8}.shop-design .db-tile-img{object-fit:contain;width:100%;height:100%;transition:transform .15s;display:block}.shop-design .db-tile:hover .db-tile-img{transform:scale(1.03)}.shop-design .db-tile-count{color:#fff;background:#8b5cf6;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800;position:absolute;top:8px;right:8px}.shop-design .db-tile-body{flex-direction:column;gap:3px;padding:10px 12px 12px;display:flex}.shop-design .db-tile-name{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.2;display:-webkit-box;overflow:hidden}.shop-design .db-tile-num{color:#bae6fd;font-size:11px;font-weight:600}.shop-design .db-tile-meta{color:#ffffff73;white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.shop-design .db-tile-actions{gap:4px;margin-top:8px;display:flex}.shop-design .db-tile-cta{color:#fff;cursor:pointer;background:#7c3aed;border:0;border-radius:6px;flex:1;padding:8px 6px;font-size:11px;font-weight:800}.shop-design .db-tile-cta:hover:not(:disabled){background:#8b5cf6}.shop-design .db-tile-cta:disabled{cursor:default;opacity:.8;background:#4c1d95}.shop-design .db-mini{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #fff3;border-radius:6px;min-width:30px;font-weight:800}.shop-design .db-deck{gap:12px;height:fit-content;position:sticky;top:72px}.shop-design .db-deck-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.shop-design .db-kicker{text-transform:uppercase;letter-spacing:.16em;color:#c4b5fd;margin:0;font-size:11px;font-weight:800}.shop-design .db-deck-title{color:#fff;margin:4px 0 0;font-size:20px;font-weight:900}.pill{border-radius:999px;padding:4px 12px;font-size:11px;font-weight:800}.pill.ok{color:#6ee7b7;background:#34d39926}.pill.warn{color:#fde68a;background:#fcd34d26}.shop-design .db-rulecounts{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.shop-design .db-rulecount{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.shop-design .db-rulecount.ok{background:#34d39914;border-color:#34d39980}.shop-design .db-rc-label{text-transform:uppercase;letter-spacing:.08em;color:#ffffff8c;font-size:10px;font-weight:700}.shop-design .db-rc-value{color:#fff;font-size:18px}.shop-design .db-rc-value small{color:#ffffff80;font-size:11px;font-weight:600}.shop-design .db-typechips{flex-wrap:wrap;gap:6px;display:flex}.shop-design .db-chip{color:#fff;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff26;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800}.shop-design .db-chip span{color:#ffffff8c;margin-left:4px}.shop-design .db-chip.active{background:#7c3aed;border-color:#a78bfa}.shop-design .db-list{border:0;gap:6px;max-height:46vh;padding:0}.shop-design .db-row{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;padding:8px;display:flex}.shop-design .db-row.leader-row{background:#c9a84c14;border-color:#c9a84c80}.shop-design .db-row-thumb{object-fit:contain;background:#0f172a;border-radius:4px;flex:none;width:40px;height:56px}.shop-design .db-row-thumb.noimg{display:inline-block}.shop-design .db-row-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.shop-design .db-row-main strong{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.shop-design .db-row-main .muted{font-size:10.5px}.shop-design .db-qty-input{color:#fff;text-align:center;background:#0000004d;border:1px solid #fff3;border-radius:6px;width:54px;height:38px;font-size:13px}.shop-design .db-x{color:#fca5a5;cursor:pointer;background:#ef44441a;border:1px solid #f8717159;border-radius:8px;min-width:38px;min-height:38px;font-size:20px;font-weight:800}.shop-design .db-x:hover{color:#fee2e2;background:#ef444433}.shop-design .db-drop{text-align:center;color:#fef3c7;background:#fcd34d1f;border:1px dashed #fcd34d99;border-radius:8px;margin:0;padding:16px;font-size:12px;font-weight:700}.shop-design .db-savebtns{gap:8px;display:grid}.shop-design .db-saved-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;flex-direction:column;gap:6px;max-height:190px;padding-right:4px;display:flex;overflow:auto}.shop-design .db-errors{color:#fca5a5;margin:0;padding-left:16px;font-size:11px}@media (width<=1100px){.shop-design .db-grid{grid-template-columns:1fr}.shop-design .db-deck{position:static}.shop-design .db-top,.shop-design .db-filters{grid-template-columns:1fr 1fr}}.board-wrap.match-mode .table.table3{grid-template-rows:1fr;grid-template-columns:minmax(230px,300px) minmax(0,1fr) minmax(250px,320px);align-items:stretch;gap:10px;height:100%;min-height:0;display:grid}.table3 .col-left{flex-direction:column;gap:8px;min-width:0;min-height:0;display:flex}.table3 .col-left .opp-hand{flex:none;justify-content:flex-start;height:40px;padding-left:8px}.table3 .col-log{border:1px solid var(--border);background:#14161ed9;border-radius:10px;flex:0 auto;min-height:56px;max-height:34%;padding:6px;font-size:11px;overflow:auto}.table3 .col-left .you-hand{overscroll-behavior:contain;background:#ffd54a0d;border:1px solid #f0a50055;border-radius:10px;flex-direction:column;flex:auto;align-items:stretch;gap:4px;min-height:150px;padding:0 6px 10px;display:flex;position:relative;overflow:hidden auto}.table3 .you-hand .hand-label{z-index:3;color:#ffd54a;text-align:center;background:linear-gradient(#1a1608fa 70%,#1a160800);align-self:stretch;margin:0 -6px 4px;padding:7px 6px 5px;position:sticky;top:0}.table3 .hand-grid{flex-wrap:wrap;place-content:flex-start center;gap:6px 8px;padding-top:6px;display:flex}.table3 .hand-card:hover{z-index:4;transform:translateY(-4px)scale(1.04)!important}.table3 .col-center{flex-direction:column;align-items:center;gap:2px;min-width:0;min-height:0;display:flex;position:relative}.board-end-turn{z-index:24;box-shadow:none;background:0 0;border:0;padding:0;position:absolute;bottom:2.8%;right:2.6%}.board-end-turn .btn{white-space:nowrap;min-height:40px}.board-wrap.match-mode .table3 .col-center .playmat{aspect-ratio:2.55;flex:1 1 0;width:auto;max-width:100%;height:100%;min-height:0}.table3 .col-right{flex-direction:column;gap:8px;min-height:0;display:flex;overflow:auto}.actions-col{flex-direction:column;gap:8px;display:flex}.actions-col .action-panel{flex-direction:column;align-items:stretch}.actions-col .action-panel .ca-btn{justify-content:center}.actions-col .action-panel .ca-btn[style]{margin-left:0!important}.actions-col .controls.slim{flex-direction:column;align-items:stretch;gap:6px}.actions-col .controls.slim .group{flex-wrap:wrap}.actions-col .turn-hint{white-space:normal;max-width:none;margin:0}.actions-col .card-actions{max-width:none;position:static}.actions-col .battle-bar{flex-direction:column;align-items:stretch;gap:6px}.actions-col .battle-bar .controls{flex-wrap:wrap}.actions-col .matchmenu{border-top:1px solid var(--border);flex-direction:column;gap:4px;padding-top:8px;display:flex}.actions-col .matchmenu .btn{text-align:left}.side-inline{border:1px solid var(--border);background:var(--bg-2);border-radius:10px;flex-direction:column;max-height:40vh;display:flex;overflow:auto}@media (width<=1200px){.board-wrap.match-mode .table.table3{grid-template-columns:minmax(200px,240px) minmax(0,1fr) minmax(220px,260px)}.board-wrap.match-mode .table3 .you-hand .hand-card .card{width:58px;height:81px}}.topbar .brand div{white-space:nowrap}@media (width<=1500px){.topbar .brand small{display:none}.topbar .navbtn{padding:6px 10px}}.action-panel.choice{background:linear-gradient(90deg,#a78bfa29,#a78bfa0a);border-color:#a78bfa}.action-panel.choice .ap-title{color:#ddd6fe}.action-panel.choice .choice-cards{box-sizing:border-box;overscroll-behavior:contain;scrollbar-gutter:stable;background:#040a1252;border:1px solid #a78bfa47;border-radius:8px;flex-wrap:wrap;align-content:flex-start;gap:8px;width:100%;max-width:100%;max-height:min(52vh,430px);padding:4px 6px 8px;display:flex;overflow:hidden auto}.board-wrap.match-mode .action-panel.choice:not(.reveal-ack-panel){top:max(76px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));bottom:max(10px, env(safe-area-inset-bottom));z-index:90;box-sizing:border-box;flex-flow:column;width:min(440px,100vw - 20px);min-height:0;max-height:calc(100dvh - 86px);display:flex;position:fixed;overflow:hidden}.board-wrap.match-mode .action-panel.choice:not(.reveal-ack-panel) .choice-cards{flex:auto;min-height:0;max-height:none}.board-wrap.match-mode .action-panel.choice:not(.reveal-ack-panel) .choice-actions{flex:none}.action-panel.choice.choice-viewport{z-index:150;top:max(76px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));bottom:max(10px, env(safe-area-inset-bottom));box-sizing:border-box;background:#091321;flex-flow:column;align-items:stretch;width:min(440px,100vw - 20px);min-height:0;max-height:calc(100dvh - 86px);display:flex;position:fixed;overflow:hidden;box-shadow:0 16px 40px #000b}.action-panel.choice.choice-viewport .choice-cards{flex:auto;align-content:flex-start;min-height:0;max-height:none;overflow:hidden auto}.action-panel.choice.choice-viewport .choice-actions{flex:none}.effect-choice-modal-host{z-index:150;box-sizing:border-box;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.effect-choice-modal-host .action-panel.choice{box-sizing:border-box;pointer-events:auto;background:#091321;flex-flow:column;align-items:stretch;width:min(640px,100%);max-width:100%;min-height:0;max-height:100%;display:flex;position:relative;inset:auto;overflow:hidden;transform:none;box-shadow:0 16px 40px #000b}.effect-choice-modal-host .action-panel.choice .choice-cards{flex:auto;align-content:flex-start;min-height:0;max-height:none;overflow:hidden auto}.effect-choice-modal-host .action-panel.choice .choice-actions{flex:none}.quit-confirm-overlay{z-index:220;pointer-events:auto;background:#00050eb8}.quit-confirm-overlay .action-panel.choice{gap:12px}.choice-card{flex-direction:column;align-items:center;gap:4px;display:flex;position:relative}.choice-card.dim{opacity:.55}.choice-card.picked .card{box-shadow:0 0 0 3px #34d399}.choice-card-role{letter-spacing:.08em;color:#ffe082;font-size:11px;font-weight:900}.choice-tag{color:#062;background:#34d399;border-radius:999px;padding:2px 6px;font-size:10px;font-weight:800}.choice-order{color:#ddd6fe;cursor:pointer;background:#00000059;border:1px solid #a78bfa;border-radius:999px;min-width:34px;height:24px;font-size:12px;font-weight:800}.choice-order.set{color:#fff;background:#7c3aed}.choice-actions{flex-wrap:wrap;gap:6px;display:flex}.admin-integrity-filters{flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0;display:flex}.admin-integrity-filters input{flex:1;min-width:230px}.admin-integrity-id{overflow-wrap:anywhere;font-family:monospace;font-size:11px}.monitor-center{gap:18px;display:grid}.monitor-center .screen-title{margin-bottom:5px}.monitor-center .admin-tile{cursor:default}.monitor-center .admin-card h4{margin:0 0 10px}.monitor-nav{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:7px;padding-bottom:5px;display:flex}.monitor-nav a{border:1px solid var(--border);color:var(--text);border-radius:7px;padding:7px 10px;font-size:12px;text-decoration:none}.monitor-nav a:hover{border-color:var(--gold);color:var(--gold)}.monitor-section{border:1px solid var(--border);background:#ffffff04;border-radius:12px;gap:12px;padding:18px;scroll-margin-top:16px;display:grid;position:relative}.monitor-section-head h3{margin:0 0 4px;font-size:17px}.monitor-section-head p,.monitor-footnote{margin:0;font-size:12px;line-height:1.5}.monitor-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;display:grid}.monitor-grid .admin-card{min-width:0}.monitor-status{border-radius:6px;padding:5px 9px;font-size:11px;position:absolute;top:18px;right:18px}.monitor-status.ok{color:#86efac;background:#22c55e21}.monitor-status.warn{color:#fcd34d;background:#f59e0b21}.monitor-list{gap:7px;display:grid}.monitor-list>div{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:6px 0;font-size:12px;display:flex}.monitor-chart-card{background:linear-gradient(145deg,#1a263eb3,#0a101deb);border:1px solid #8fa5cf38;border-radius:12px;min-width:0;padding:18px 20px 12px;box-shadow:inset 0 1px #ffffff09}.monitor-chart-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.monitor-chart-head h4{color:#f2f6ff;margin:0;font-size:14px}.monitor-chart-legend{color:var(--text-dim);flex-wrap:wrap;gap:16px;font-size:11px;display:flex}.monitor-chart-legend span:before{content:"";background:#64d5ee;border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.monitor-chart-legend .secondary:before{background:#f5b96b}.monitor-chart-card svg{width:100%;height:auto;max-height:300px;display:block;overflow:visible}.monitor-chart-card svg text{fill:#99a9c3;font-size:11px}.monitor-chart-gridline{stroke:#adc2e526;stroke-dasharray:3 5}.monitor-chart-area{fill:#4bbadd1c}.monitor-chart-primary,.monitor-chart-secondary{fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.monitor-chart-primary{stroke:#64d5ee}.monitor-chart-secondary{stroke:#f5b96b}.monitor-chart-hit{fill:#0000}.monitor-chart-hit:hover{fill:#64d5ee}@media (width<=640px){.monitor-section{padding:12px}.monitor-status{justify-self:start;position:static}.monitor-grid{grid-template-columns:1fr}}.navbtn.admin{color:#ddd6fe;border-color:#a78bfa}.admin-roadmap{max-width:1600px;margin:0 auto}.adm-grid{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:18px;display:grid}.adm-side{flex-direction:column;gap:10px;max-height:calc(100vh - 90px);display:flex;position:sticky;top:70px;overflow:auto}.adm-docs{flex-direction:column;gap:4px;display:flex}.adm-doc{text-align:left;border:1px solid var(--border);background:var(--bg-2);color:var(--text);cursor:pointer;border-radius:8px;flex-direction:column;gap:2px;padding:8px 10px;font-size:12px;font-weight:700;display:flex}.adm-doc small{font-weight:500}.adm-doc.active{background:#a78bfa1f;border-color:#a78bfa}.adm-toc{flex-direction:column;gap:2px;display:flex}.adm-toc-item{color:var(--text-dim);border-radius:4px;padding:2px 6px;font-size:12px;text-decoration:none}.adm-toc-item:hover{color:#fff;background:#ffffff0f}.adm-toc-item.l1{color:#ffd54a;margin-top:6px;font-weight:800}.adm-toc-item.l2{font-weight:700}.adm-toc-item.l3{padding-left:16px}.adm-body{border:1px solid var(--border);background:#0b1120e6;border-radius:14px;padding:22px 26px;font-size:13.5px;line-height:1.55}.md h1{color:#fff;margin:0 0 12px;font-size:24px}.md h2{color:#ffd54a;border-bottom:1px solid var(--border);margin:26px 0 10px;padding-bottom:6px;scroll-margin-top:70px;font-size:19px}.md h3{color:#c4b5fd;margin:20px 0 8px;scroll-margin-top:70px;font-size:15px}.md h4{color:#9fb4ff;margin:14px 0 6px;font-size:13px}.md p,.md li{color:var(--text)}.md code{background:#ffffff14;border-radius:4px;padding:1px 5px;font-size:12px}.md pre{border:1px solid var(--border);background:#05060c;border-radius:8px;padding:10px;font-size:12px;overflow:auto}.md table{border-collapse:collapse;width:100%;margin:10px 0;font-size:12px;display:block;overflow-x:auto}.md th,.md td{border:1px solid var(--border);vertical-align:top;text-align:left;padding:6px 8px}.md th{color:#fff;background:#ffffff0f}.md blockquote{color:var(--text-dim);background:#a78bfa0f;border-left:3px solid #a78bfa;margin:10px 0;padding:4px 12px}.md hr{border:0;border-top:1px solid var(--border);margin:20px 0}.md a{color:#9fb4ff}@media (width<=1000px){.adm-grid{grid-template-columns:1fr}.adm-side{max-height:none;position:static}}.die{border:2px solid;border-radius:14px;transition:transform .1s;position:relative;box-shadow:inset 0 -6px 10px #00000040,0 8px 18px #00000080}.die .pip{border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 1px 2px #0006}.die.rolling{animation:.35s linear infinite dieTumble}@keyframes dieTumble{0%{transform:rotate(-12deg)translateY(0)}50%{transform:rotate(10deg)translateY(-8px)}to{transform:rotate(-12deg)translateY(0)}}.dice-roll{justify-content:center;align-items:center;gap:18px;padding:8px 0;display:flex}.dice-side{flex-direction:column;align-items:center;gap:6px;display:flex}.dice-who{letter-spacing:1px;color:var(--text-dim);font-size:10px;font-weight:800}.dice-vs{color:#ffd54a;font-size:14px;font-weight:900}.dice-val{color:#fff;opacity:0;font-size:22px;transition:opacity .3s}.dice-val.show{opacity:1}.dice-picker{flex-wrap:wrap;gap:8px;display:flex}.dice-pick{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:12px;padding:3px}.dice-pick.selected{border-color:#ffd54a}.deck-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:14px;display:grid}.deck-grid-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;align-content:start;max-height:calc(100vh - 190px);padding-right:8px;overflow:auto}.mydecks{position:relative}.mydecks-head{min-height:112px;padding-right:190px;display:block}.mydecks-title-row{justify-content:space-between;align-items:flex-start;gap:20px;width:100%;margin-bottom:20px;padding:5px 7px 8px 0;display:flex;overflow:visible}.mydecks-title-row .screen-title{margin:0}.board-wrap:not(.match-mode):not(.screen-admin) .mydecks-play{z-index:3;min-width:160px;min-height:48px;margin:0;position:absolute;top:8px;right:6px;overflow:hidden;box-shadow:inset 0 1px #fff0b2,inset 0 -2px 5px #5427028c,0 5px 10px #0000006b!important}.mydecks-play:after{content:none!important;display:none!important}@media (width<=720px){.mydecks-head{min-height:0}.mydecks-title-row{flex-direction:column;align-items:stretch;margin-bottom:12px;padding:5px 7px 8px}.mydecks-head{padding-right:0}.board-wrap:not(.match-mode):not(.screen-admin) .mydecks-play{width:100%;min-height:48px;margin:0;display:block;position:static}}.deck-card{border:1px solid var(--border);background:#0b1120eb;border-radius:14px;flex-direction:column;gap:10px;padding:14px;display:flex}.deck-card.open{border-color:#a78bfa}.deck-card-head{gap:12px;display:flex}.deck-leader{object-fit:contain;background:#0f172a;border-radius:8px;flex:none;width:84px;height:118px}.deck-leader.noimg{display:inline-block}.deck-card-main{flex-direction:column;gap:3px;min-width:0;font-size:12px;display:flex}.deck-name{color:#fff;font-size:15px}.deck-card-actions{flex-wrap:wrap;gap:6px;display:flex}.btn.ghost.danger{color:#fca5a5;border-color:#f8717159}.deck-list{border-top:1px solid var(--border);flex-direction:column;gap:2px;max-height:260px;padding-top:8px;font-size:12px;display:flex;overflow:auto}.deck-list-row{align-items:center;gap:8px;display:flex}.deck-list-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.profile-grid{grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);align-items:start;gap:16px;display:grid}.myprofile .db-panel,.mydecks .db-panel{border:1px solid var(--border);background:#0b1120eb;border-radius:14px;padding:16px}@media (width<=1000px){.profile-grid{grid-template-columns:1fr}}.matzone.droppable.drag-over{background:#ffd54a1f;outline:2px dashed #ffd54a}.table3 .hand-card[draggable=true],.shop-design .db-tile[draggable=true]{cursor:grab}@media (width>=1500px){.board-wrap.match-mode .table3 .you-hand .hand-card .card{width:84px;height:118px}.board-wrap.match-mode .table.table3{grid-template-columns:minmax(260px,340px) minmax(0,1fr) minmax(260px,330px)}}.card-art,.db-tile-img,.card-hover-preview img,.deck-leader,.db-row-thumb{image-rendering:auto}.card-hover-preview img{border-radius:12px;box-shadow:0 20px 60px #000c}.tutor{background:linear-gradient(135deg,#ffd54a29,#0b1120f2);border:2px solid #ffd54a;border-radius:14px;align-items:flex-start;gap:8px;padding:10px;display:flex;box-shadow:0 12px 30px #00000080}.tutor-mascot{filter:drop-shadow(0 6px 10px #00000080);flex:none;animation:2.4s ease-in-out infinite mascotBob}@keyframes mascotBob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.tutor-bubble{color:#1a1200;background:#fffdf5;border-radius:12px;flex:1;padding:10px 12px;font-size:12.5px;line-height:1.45;position:relative}.tutor-bubble:before{content:"";border:6px solid #0000;border-right-color:#fffdf5;position:absolute;top:24px;left:-10px}.tutor-title{color:#7a4a00;margin-bottom:4px;font-size:13px;display:block}.tutor-text{margin:0 0 8px}.tutor-nav{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tutor-nav .btn{color:#1a1200;background:#ffd54a;border-color:#f0a500}.tutor-nav .btn.ghost{color:#7a4a00;background:0 0}.tutor-glow{border-radius:10px;animation:1.1s ease-in-out infinite drawPulse;box-shadow:0 0 0 3px #ffd54a,0 0 24px 8px #ffd54a8c!important}.mode-card.tutorial{border-color:#ffd54a}.board-wrap.match-mode .table.table3>*{min-width:0}.table3 .col-center{justify-content:center;overflow:hidden}.board-wrap.match-mode .table3 .col-center .playmat{flex:0 auto;width:100%;height:auto;max-height:calc(50% - 16px)}.topbar{overflow:hidden}.topbar .badge{white-space:nowrap;text-overflow:ellipsis;max-width:260px;overflow:hidden}.counter-pip{color:#fff;background:#dc2626eb;border-radius:4px;padding:1px 4px;font-size:9px;font-weight:900;position:absolute;top:50%;left:3px;transform:translateY(-50%);box-shadow:0 1px 3px #0009}.rv-legend{color:var(--text-dim);margin-left:auto;font-size:12px}.rv-heading{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rv-heading h2,.rv-heading h3,.rv-heading h4{flex:auto;margin-right:4px}.rv{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.rv-status{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;white-space:nowrap;background:#ffffff0d;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:800}.rv-tested .rv-status{color:#6ee7b7;background:#34d3991f;border-color:#34d399}.rv-failed .rv-status{color:#fca5a5;background:#f871711f;border-color:#f87171}.rv-comment-btn{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:999px;padding:2px 8px;font-size:12px}.rv-comment-btn.has{color:#ffd54a;border-color:#ffd54a}.rv-box{flex-direction:column;gap:6px;width:100%;min-width:260px;display:flex}.rv-box textarea{color:#fff;background:#0e0e12;border:1px solid #ffd54a;border-radius:8px;width:100%;padding:8px;font-size:12px}.rv-box-actions{align-items:center;gap:6px;display:flex}.rv-note{color:#ffe9a8;background:#ffd54a14;border-left:3px solid #ffd54a;border-radius:4px;width:100%;margin:2px 0 0;padding:4px 8px;font-size:12px}.rv-dot{background:#555;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.rv-dot.rv-tested{background:#34d399}.rv-dot.rv-failed{background:#f87171}tr.rv-tested td:first-child{box-shadow:inset 3px 0 #34d399}tr.rv-failed td:first-child{box-shadow:inset 3px 0 #f87171}.md table td:last-child{min-width:170px}.playmat-fx{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.playmat.flipped .playmat-fx{transform:rotate(180deg)}.fx-waves{background:repeating-linear-gradient(#0000 0 34px,#ffffff0f 34px 36px);animation:6s linear infinite fxWaves;-webkit-mask-image:linear-gradient(#0000 40%,#000 100%);mask-image:linear-gradient(#0000 40%,#000 100%)}@keyframes fxWaves{0%{background-position:0 0}to{background-position:0 36px}}.fx-sparkles{background-image:radial-gradient(2px 2px at 20% 30%,#ffffffe6 50%,#0000 51%),radial-gradient(1.5px 1.5px at 70% 60%,#fffc 50%,#0000 51%),radial-gradient(2px 2px at 45% 80%,#ffffffb3 50%,#0000 51%),radial-gradient(1.5px 1.5px at 85% 20%,#fffc 50%,#0000 51%),radial-gradient(1px 1px at 10% 75%,#ffffffe6 50%,#0000 51%);background-size:320px 220px;animation:3s ease-in-out infinite fxTwinkle}@keyframes fxTwinkle{0%,to{opacity:.35}50%{opacity:1}}.fx-petals{background-image:radial-gradient(6px 3px at 15% 10%,#ffb6c1d9 50%,#0000 52%),radial-gradient(5px 3px at 65% 30%,#ffb6c1cc 50%,#0000 52%),radial-gradient(6px 3px at 40% 55%,#ff96aacc 50%,#0000 52%),radial-gradient(5px 3px at 85% 75%,#ffb6c1d9 50%,#0000 52%);background-size:300px 260px;animation:9s linear infinite fxFall}@keyframes fxFall{0%{background-position:0 -260px}to{background-position:60px 260px}}.fx-embers{background-image:radial-gradient(3px 3px at 20% 90%,#ffa03ce6 50%,#0000 52%),radial-gradient(2px 2px at 50% 80%,#ff7828e6 50%,#0000 52%),radial-gradient(2.5px 2.5px at 80% 95%,#ffc850e6 50%,#0000 52%),radial-gradient(2px 2px at 35% 70%,#ff8c32cc 50%,#0000 52%);background-size:260px 300px;animation:7s linear infinite fxRise}@keyframes fxRise{0%{opacity:.9;background-position:0 300px}to{opacity:.3;background-position:30px -300px}}.fx-lightning{background:linear-gradient(120deg,#0000 40%,#f0dcff59 50%,#0000 60%) 0 0/300% 100%;animation:5s ease-in-out infinite fxFlash}@keyframes fxFlash{0%,88%,to{opacity:0;background-position:100% 0}90%{opacity:1}92%{opacity:.2}94%{opacity:.9;background-position:0 0}97%{opacity:0}}.mat-custom{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}@media (prefers-reduced-motion:reduce){.playmat-fx{animation:none!important}}.shop-design .db-deck{overscroll-behavior:contain;max-height:calc(100vh - 90px);overflow:auto}.shop-design .db-list{max-height:34vh}.shop-design .db-savebtns{background:#0b1120fa;border-top:1px solid #ffffff14;margin:0 -2px;padding:10px 0 12px;position:static}.shop-design .db-saved{border-top:1px solid #ffffff14;min-height:0;padding-top:4px}.shop-design .db-saved-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;max-height:180px;overflow:hidden auto}.card.has-art .card-accent{display:none}.card.has-art{background:#0b0b0f}.board-wrap.match-mode .table3 .you-hand .hand-card .card{width:92px;height:129px}@media (width>=1500px){.board-wrap.match-mode .table3 .you-hand .hand-card .card{width:108px;height:151px}.board-wrap.match-mode .table.table3{grid-template-columns:minmax(250px,320px) minmax(0,1fr) minmax(250px,300px)}}.board-wrap.match-mode .table3 .col-left .you-hand{min-height:160px}.card .card-art,.db-tile-img,.card-hover-preview img{image-rendering:-webkit-optimize-contrast;backface-visibility:hidden;transform:translateZ(0)}.card.card-fit{border-width:0;padding:0}.mz-chars{inset:11px 3px 2px}.mz-charslot{border-color:#ffffff0d}@media (width>=1500px){.board-wrap.match-mode .table3 .you-hand .hand-card .card{width:100px;height:140px}.board-wrap.match-mode .table.table3{grid-template-columns:minmax(240px,300px) minmax(0,1fr) minmax(240px,280px)}}.choice-order.auto{opacity:.6;border-style:dashed}.table3 .hand-grid{isolation:isolate;justify-content:center;align-items:end;gap:0;width:100%;min-height:158px;padding:14px 8px 8px;display:grid;overflow:hidden}.table3 .hand-card{min-width:0;transform:rotate(var(--hand-tilt));transform-origin:50% 115%;transition:transform .16s,filter .16s;position:relative}.table3 .hand-card:hover{transform:translateY(-10px) rotate(var(--hand-tilt)) scale(1.04)!important;z-index:30!important}.table3 .hand-card.is-selected{filter:drop-shadow(0 0 8px #ffd54acc);transform:translateY(-16px)rotate(0);z-index:40!important}.hand-play{z-index:45;color:#ffe58a;white-space:nowrap;cursor:pointer;background:#17130a;border:1px solid #f0c94d;border-radius:999px;padding:3px 9px;font-size:10px;font-weight:900;position:absolute;bottom:-25px;left:50%;transform:translate(-50%);box-shadow:0 3px 10px #000000a6}.hand-play:hover{background:#3a2d08}.board-wrap.match-mode .table3 .col-left .you-hand{contain:layout paint;padding-bottom:30px;overflow-x:hidden}.community-author-line{z-index:3;text-transform:none;letter-spacing:.07em;text-shadow:0 0 2px #fff,0 0 6px,0 0 12px;font-family:inherit;font-variant-caps:normal;font-weight:700;text-decoration:none;position:relative;overflow:visible}.community-author-line:before,.community-author-line:after{content:none}.community-author-line.community-author-effect:before{z-index:4;content:attr(data-text);pointer-events:none;color:#0000;-webkit-text-fill-color:transparent;filter:brightness(1.65)contrast(1.2)drop-shadow(0 0 1px #fff)drop-shadow(0 0 3px #dff5ff);mix-blend-mode:screen;opacity:.35;background-image:radial-gradient(circle,#fff 0 .8px,#dff5ff 1px 1.35px,#0000 2px),radial-gradient(circle,#fff 0 .6px,#bfcddd .85px 1.1px,#0000 1.7px),linear-gradient(105deg,#0000 28%,#fff 46%,#dff5ff 52%,#0000 70%);background-position:1px 1px,6px 5px,180% 0;background-size:11px 8px,17px 11px,230% 100%;-webkit-background-clip:text;background-clip:text;animation:1.8s ease-in-out infinite authorSilverShimmer;position:absolute;inset:0;overflow:hidden}.community-author-user{color:#bae6fd;text-shadow:0 0 2px #fff,0 0 7px #bae6fd,0 0 13px #bae6fd}.community-author-vip{color:#ff00c8;text-shadow:0 0 2px #fff,0 0 7px #ff00c8,0 0 14px #ff00c8}.community-author-moderator{color:#fde047;text-shadow:0 0 2px #fff,0 0 7px #fde047,0 0 13px #fde047}.community-author-official{color:#4ade80;text-shadow:0 0 2px #fff,0 0 7px #4ade80,0 0 13px #4ade80}.community-role-label{font-size:.64rem;font-weight:800}@keyframes authorSilverShimmer{0%,to{background-position:1px 1px,6px 5px,180% 0}50%{background-position:4px 3px,10px 1px,-70% 0}}@media (prefers-reduced-motion:reduce){.community-author-effect:before{animation:none!important}}:root{--bg:#020a13;--bg-2:#06111d;--bg-3:#0a1927;--panel:#071521;--border:#617080;--border-soft:#263b4d;--gold:#e8b85c;--gold-dim:#8b5d21;--blue:#46aef5;--blue-dim:#174c75;--text:#f2f5f7;--text-dim:#a9b4bd;--text-faint:#71808c;--radius:8px;--shadow:0 18px 50px #000000a6}body{background:#020914 url(/ui/grand-line-night.png) 50%/cover no-repeat fixed}.board-wrap:not(.match-mode){isolation:isolate;background:linear-gradient(#01070e5c,#01070ea8),url(/ui/grand-line-night.png) 50%/cover no-repeat fixed;min-height:0;padding:clamp(18px,3vw,42px);position:relative}.board-wrap:not(.match-mode):before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 76% 15%,#4fbeff1c,#0000 28%),linear-gradient(#01060c05,#01060c7a);position:fixed;inset:0}.board-wrap:not(.match-mode)>.screen:not(.lobby),.board-wrap:not(.match-mode)>.ranks{background:linear-gradient(145deg,#071521f7,#030d17f5);border:1px solid #bcccd87a;border-radius:8px;width:min(1240px,100%);margin:0 auto;padding:26px;box-shadow:inset 0 0 0 2px #ffffff09,0 25px 70px #000000b3,0 0 22px #63c1ff1c}.screen-title,.ranks-head h3{color:#f1f4f6;text-transform:uppercase;letter-spacing:.1em;text-shadow:0 2px 2px #000,0 0 12px #a7dcff47;font-family:Georgia,Times New Roman,serif;font-size:27px}.topbar{background:linear-gradient(#081927fa,#020b14fc);border-bottom:1px solid #637586;min-height:62px;padding-inline:22px;box-shadow:0 5px 24px #0000009e,inset 0 -1px #ffffff14}.brand{letter-spacing:.12em;text-transform:uppercase;font-family:Georgia,serif}.brand .mark,.home-mark{text-shadow:0 2px 2px #17212a;color:#eef4f7!important;background:linear-gradient(160deg,#f8fafb,#8e9aa5 48%,#e7ebef 70%,#65717c)!important;border:1px solid #fff!important;box-shadow:inset 0 0 0 2px #36434e,0 0 14px #cae9ff59!important}.navbtn{text-transform:uppercase;letter-spacing:.06em;color:#aeb9c2!important;background:0 0!important;border:1px solid #0000!important;border-radius:4px!important;font-size:11px!important}.navbtn:hover,.navbtn.active{color:#fff!important;background:linear-gradient(#344d60b3,#0a1d2ccc)!important;border-color:#718494!important;box-shadow:inset 0 0 0 1px #ffffff0f,0 0 12px #4cafef1f!important}.home.home-login-screen:before,.home.home-entered:before{opacity:1;filter:none;background:url(/ui/grand-line-night.png) 50%/cover no-repeat;animation:none;inset:0}.home-login-screen .home-hero,.home-entered .home-hero{clip-path:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:2px solid #9eabb5;border-radius:8px;width:min(540px,100vw - 28px);max-width:540px;padding:32px 42px 28px;overflow:visible;box-shadow:inset 0 0 0 2px #263846,inset 0 0 55px #00000085,0 28px 80px #000000d1,0 0 14px #bee0f76b;background:linear-gradient(145deg,#071826f9,#020d17fb)!important}.home-login-screen .home-hero:before,.home-login-screen .home-hero:after,.home-entered .home-hero:before,.home-entered .home-hero:after{content:"";filter:drop-shadow(0 0 4px #d5edffcc);border-color:#e7edf1;width:25px;height:25px;position:absolute}.home-login-screen .home-hero:before,.home-entered .home-hero:before{border-top:4px double;border-left:4px double;inset:-5px auto auto -5px}.home-login-screen .home-hero:after,.home-entered .home-hero:after{border-bottom:4px double;border-right:4px double;inset:auto -5px -5px auto}.home-login-screen .home-mark,.home-entered .home-mark{letter-spacing:-.1em;width:auto;height:auto;text-shadow:none;font:900 72px/1 Arial,sans-serif;background:linear-gradient(#fff,#8996a2 58%,#e9eef1)!important;color:#0000!important;box-shadow:none!important;-webkit-background-clip:text!important;background-clip:text!important;border:0!important}.home-season{text-transform:uppercase;color:#b9c4cd!important;letter-spacing:.34em!important;margin-top:16px!important;font-size:10px!important;display:block!important}.home-login-screen .auth-kicker{display:none}.home-login-screen .entry-tabs{background:#00060c99;border:1px solid #354c60;border-radius:5px;margin:0 0 16px;padding:3px}.home-login-screen .entry-tabs button{color:#8494a1;border-radius:3px}.home-login-screen .entry-tabs button.active{color:#eef3f6;background:linear-gradient(#29475d,#102b3f);box-shadow:inset 0 1px #ffffff1f}.home-login-screen .auth-control{align-items:center;gap:0;margin-top:18px;display:flex;position:relative}.home-login-screen .auth-switch{text-align:center;border-top:1px solid #43515c;margin-top:25px;padding-top:22px}.btn,.home-cta,.mode-card,.db-panel,.rank-row,.pf-stat,.pf-deck,.pf-hist,.mat-swatch,.avatar-swatch,.queue-panel,.equipped-deck,.modal,.dialog{background:linear-gradient(145deg,#091c2bf5,#030e18fa);border-color:#526a7c;box-shadow:inset 0 1px #ffffff0d,0 7px 20px #00000061}.btn{color:#e8edf1;background:linear-gradient(#173247,#091b2a);border-radius:6px}.btn:hover{border-color:#d8e2e8;box-shadow:inset 0 1px #ffffff1f,0 0 14px #4eb5f742}input,select,textarea,.code-input,.db-input{color:#eef3f6!important;background:#020c15e6!important;border-color:#738594!important;box-shadow:inset 0 2px 8px #000000b3!important}.board-wrap.match-mode,.side{background:#03101b}.toolbar,.side-tabs{background:linear-gradient(#091e2dfa,#03101bfa);border-color:#52697b}.playmat{border-color:#718391;box-shadow:inset 0 0 0 1px #deecf51f,0 9px 28px #000000a6}.battle-bar,.choice-panel,.card-actions{background:linear-gradient(#102b3bf7,#05141ffa)!important;border-color:#bd9145!important}@media (width<=900px){.home-login-screen .home-hero,.home-entered .home-hero{padding:24px 20px 22px}.home-login-screen .home-mark,.home-entered .home-mark{font-size:56px}.home-login-screen .home-note{margin:20px -20px -22px}.lobby-layout{grid-template-columns:1fr}.queue-panel{border-top:1px solid #536a7b;border-left:0}}.home:before{opacity:1;background-image:url(/playmats/one-piece-ace-inferno.webp);background-position:50%;background-size:cover;animation:24s ease-in-out infinite alternate voyageDrift}.home:after{background:repeating-radial-gradient(at 64% 84%,#0000 0 16px,#ff564a09 18px 20px,#0000 22px 38px) 0 100%/120% 48%,linear-gradient(90deg,#02030729 0%,#0203076b 42%,#0203072e 100%) 0 0/100% 100%,linear-gradient(#02030714,#020307d1) 0 0/100% 100%;animation:8s linear infinite oceanShimmer}@keyframes voyageDrift{0%{background-position:48%;transform:scale(1.01)}to{background-position:54% 49%;transform:scale(1.035)}}@keyframes oceanShimmer{0%{background-position:0 100%,0 0,0 0}to{background-position:120px 100%,0 0,0 0}}.home{place-items:center start;padding-left:clamp(24px,8vw,150px)}.home.home-login-screen{isolation:isolate;background:#070201;place-items:center end;padding:clamp(28px,5vh,64px) clamp(24px,7vw,128px)}.home.home-login-screen:before{opacity:1;filter:saturate(1.08)contrast(1.04);background-image:url(/playmats/one-piece-ace-inferno.webp);background-position:50%;background-size:cover;animation:8s ease-in-out infinite alternate aceInfernoBreath;inset:-3%}.home.home-login-screen:after{z-index:0;background:linear-gradient(90deg,#02010308 0%,#0402040a 45%,#0402057a 72%,#020103c2 100%),radial-gradient(circle at 19% 44%,#ffcb3d14,#0000 29%),linear-gradient(#04020414,#0502035c);animation:2.7s ease-in-out infinite alternate aceFireLight}.home-login-screen .home-hero{z-index:3;box-sizing:border-box;-webkit-backdrop-filter:blur(13px)saturate(1.3);backdrop-filter:blur(13px)saturate(1.3);border-color:#ffae38ad;width:min(440px,100vw - 32px);max-width:440px;padding:26px 25px;box-shadow:inset 0 0 0 1px #ffebbf0f,inset 0 -28px 65px #4a090333,0 26px 80px #000000db,0 0 42px #ff4f052e;background:linear-gradient(145deg,#0c0709e6,#1f0807d1)!important}.home-login-screen .home-logo{border-bottom:1px solid #ffaf412b;padding-bottom:17px}.auth-kicker{color:#e59d42;letter-spacing:.23em;align-items:center;gap:10px;margin:0 0 9px;font-size:9px;font-weight:900;display:flex}.auth-kicker span{background:linear-gradient(90deg,#0000,#ff9d3094,#0000);flex:1;height:1px}.home-login-screen .auth-title{color:#fff2d3;letter-spacing:.04em;margin:0;font-family:Georgia,serif;font-size:25px}.auth-intro{color:#b9aa9f;margin:6px 0 18px;font-size:12px;line-height:1.45}.auth-control{color:#e9d8bd;letter-spacing:.08em;text-transform:uppercase;gap:7px;margin-top:11px;font-size:11px;font-weight:800;display:grid}.auth-control .home-input{box-sizing:border-box;letter-spacing:0;text-transform:none;background:linear-gradient(#040408f0,#0b0709f5);border-color:#d4842580;width:100%;min-height:44px;font-weight:500;transition:border-color .18s,box-shadow .18s,background .18s;box-shadow:inset 0 1px 7px #000c,0 0 0 1px #0000}.auth-control .home-input:focus{background:#08070a;border-color:#ffbd54;outline:none;box-shadow:inset 0 1px 7px #000,0 0 0 3px #ff7e172b,0 0 20px #ff50001a}.entry-tabs{background:#03030794;border:1px solid #ce7b204d;border-radius:4px 12px;grid-template-columns:1fr 1fr;gap:4px;margin:0 0 14px;padding:4px;display:grid;box-shadow:inset 0 2px 9px #00000080}.entry-tabs button{color:#94877d;cursor:pointer;letter-spacing:.07em;background:0 0;border:1px solid #0000;border-radius:3px 9px;min-height:36px;font-size:11px;font-weight:900;transition:all .18s}.entry-tabs button:hover{color:#f1d9b6;background:#ff7c1c12}.entry-tabs button.active{color:#ffe2aa;background:linear-gradient(#842c14bd,#330f0ce0);border-color:#ffb44694;box-shadow:inset 0 1px #ffe6b129,0 3px 10px #00000059}.entry-panel{animation:.22s ease-out both entryPanelIn}.guest-panel{text-align:center;justify-items:center;padding:3px 0 0;display:grid}.guest-panel .guest-emblem{color:#f5b754;background:radial-gradient(circle,#6f2112b8,#0c07094d 70%);border:1px solid #ffae3c7a;border-radius:50%;place-items:center;width:48px;height:48px;margin:1px 0 8px;font-size:23px;display:grid;box-shadow:0 0 22px #ff4a0029}.guest-panel>strong{color:#f9e6c6;font-family:Georgia,serif;font-size:18px}.guest-panel>p{color:#aa9d94;max-width:330px;margin:5px 0 4px;font-size:12px;line-height:1.4}.guest-panel .auth-control{text-align:left;width:100%}.guest-panel small{color:#81746d;margin-top:11px}.home-login-screen .home-note{color:#796e68;background:#0303063d;border-top:1px solid #ffa43424;justify-content:center;align-items:center;gap:7px;margin:15px -25px -26px;padding:11px 20px;font-size:10px;display:flex}.home-login-screen .home-note span{color:#b67530;font-size:7px}@keyframes entryPanelIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.home-login-screen .auth-submit{text-transform:uppercase;letter-spacing:.12em;min-height:46px;margin-top:17px}.home-login-screen .auth-submit:disabled{opacity:.5;cursor:not-allowed}.home-fire-filters{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.home-fire-fx{display:none}.home-login-screen .home-fire-fx{z-index:1;pointer-events:none;mix-blend-mode:screen;display:block;position:absolute;inset:0;overflow:hidden}.home-fire-fx span{display:block;position:absolute}.home-fire-fx span:first-child,.home-fire-fx span:nth-child(2){transform-origin:35% 62%;will-change:transform,filter,opacity;background:url(/playmats/one-piece-ace-inferno.webp) 50%/cover no-repeat;inset:-3%}.home-fire-fx span:first-child{opacity:.33;filter:url(#ace-flame-warp)saturate(1.35)brightness(1.18);animation:2.35s ease-in-out infinite alternate aceFlameLick;-webkit-mask-image:radial-gradient(37% 58% at 25% 56%,#000 18%,#000000db 48%,#0000 74%),radial-gradient(22% 42% at 84% 22%,#000 8%,#0000 72%);mask-image:radial-gradient(37% 58% at 25% 56%,#000 18%,#000000db 48%,#0000 74%),radial-gradient(22% 42% at 84% 22%,#000 8%,#0000 72%)}.home-fire-fx span:nth-child(2){opacity:.18;filter:url(#ace-heat-haze)saturate(1.18)brightness(1.12);animation:3.8s ease-in-out infinite alternate-reverse aceFlameRoll;-webkit-mask-image:linear-gradient(90deg,#000 0 50%,#0000 68%),linear-gradient(0deg,#000 0 22%,#0000 58%);mask-image:linear-gradient(90deg,#000 0 50%,#0000 68%),linear-gradient(0deg,#000 0 22%,#0000 58%)}.home-fire-fx span:nth-child(3){filter:drop-shadow(0 0 5px #ff3d00);opacity:.9;background:#ffd875;border-radius:50%;width:8px;height:8px;animation:4.8s linear infinite aceEmbers;bottom:0;left:4%;box-shadow:8vw -9vh #ff6a18,17vw -24vh 1px #ffc44d,27vw -12vh 0 -1px #fff0a6,39vw -38vh 1px #ff7b20,49vw -18vh #ffc04a,61vw -44vh 1px -1px #ff681b,72vw -27vh 0 -1px #ffe787,84vw -52vh 1px #ff6a18,91vw -16vh #ffc44d}@keyframes aceInfernoBreath{0%{filter:saturate(1.04)contrast(1.02)brightness(.96);transform:scale(1.025)translate(-.2%)}to{filter:saturate(1.2)contrast(1.06)brightness(1.08);transform:scale(1.075)translate(.7%,-.5%)}}@keyframes aceFireLight{0%{opacity:.83;filter:hue-rotate(-5deg)}to{opacity:1;filter:hue-rotate(7deg)}}@keyframes aceFlameLick{0%{opacity:.2;transform:translate(-.25%,.45%)scale(1.002,1.006)}to{opacity:.4;transform:translate(.4%,-.7%)scale(1.008,1.018)}}@keyframes aceFlameRoll{0%{opacity:.1;transform:translate(-.3%,.2%)scale(1.003)}to{opacity:.24;transform:translate(.35%,-.45%)scale(1.012)}}@keyframes aceEmbers{0%{opacity:0;transform:translateY(18vh)rotate(0)}12%{opacity:.95}82%{opacity:.75}to{opacity:0;transform:translate(5vw,-58vh)rotate(20deg)}}.home-hero{text-align:left;border:1px solid #eebc5b9e;border-radius:6px 18px;max-width:470px;padding:28px 24px;box-shadow:inset 0 0 0 1px #ffffff0d,0 24px 80px #000,0 0 34px #a51c262e;background:linear-gradient(145deg,#08090ff0,#16080cdb)!important}.home-logo{justify-content:flex-start;margin-bottom:18px}.home-mark{background:linear-gradient(145deg,#f7d789,#8d5a18);border-radius:4px 13px;width:52px;height:52px;box-shadow:inset 0 0 0 2px #2a1607,0 0 18px #e2a73773}.home-titles h1{letter-spacing:.12em;font-family:Georgia,serif}.home-input,.lobby .code-input{background:#04060be6;border-color:#cb8f368c;border-radius:3px 10px;box-shadow:inset 0 2px 8px #000}.home .btn,.lobby .btn,.home-cta{color:#f8e6bd;letter-spacing:.04em;background:linear-gradient(#40161c,#180b10 52%,#08080c);border:1px solid #bd7d2b;border-radius:3px 12px;position:relative;box-shadow:inset 0 1px #ffe6aa40,inset 0 -2px 8px #000,0 5px 14px #00000080}.home .btn:before,.lobby .btn:before,.home-cta:before{content:"";pointer-events:none;border:1px solid #f3be5b33;border-radius:2px 8px;position:absolute;inset:3px}.home .btn:hover,.lobby .btn:hover,.home-cta:hover{filter:brightness(1.18);border-color:#ffd889;transform:translateY(-2px);box-shadow:inset 0 1px #ffe8b0,0 7px 20px #000,0 0 16px #c22a366b}.home-cta.play{background:linear-gradient(#72212b,#2b0d14 55%,#0a080c);border-color:#e0a64b}.home-cta.play .cta-title,.home .linkbtn{color:#ffd987}.home.home-entered{isolation:isolate;background:#070201;place-items:center end;padding:clamp(28px,5vh,64px) clamp(24px,7vw,128px)}.home.home-entered:before{opacity:1;filter:saturate(1.08)contrast(1.04);background-image:url(/playmats/one-piece-ace-inferno.webp);background-position:50%;background-size:cover;animation:8s ease-in-out infinite alternate aceInfernoBreath;inset:-3%}.home.home-entered:after{z-index:0;background:linear-gradient(90deg,#02010308 0%,#0402040a 45%,#0402057a 72%,#020103c2 100%),radial-gradient(circle at 19% 44%,#ffcb3d14,#0000 29%),linear-gradient(#04020414,#0502035c);animation:2.7s ease-in-out infinite alternate aceFireLight}.home-entered .home-fire-fx{z-index:1;pointer-events:none;mix-blend-mode:screen;display:block;position:absolute;inset:0;overflow:hidden}.home-login-screen .home-hero{clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px));-webkit-backdrop-filter:blur(18px)saturate(1.18);backdrop-filter:blur(18px)saturate(1.18);border:0;border-left:2px solid #ff7618e6;border-right:1px solid #ffbe5947;border-radius:0;width:min(470px,100vw - 32px);max-width:470px;padding:31px 32px 29px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffefca1a,inset 0 -1px #ff771838,0 34px 95px #000000d1,-12px 0 48px #ff47001f;background:linear-gradient(145deg,#05070bf0,#0d090be8 58%,#1c0805e8)!important}.home-entered .home-hero{z-index:3;box-sizing:border-box;clip-path:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid #ffc78433;border-radius:24px;width:min(492px,100vw - 32px);max-width:492px;padding:27px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,inset 0 0 50px #ff4d0009,0 24px 70px #0000008a,-10px 0 42px #ff490014;background:linear-gradient(145deg,#070a10ad,#0f080a96 58%,#2b0d078a)!important}.home-entered .home-hero:before{content:"";background:linear-gradient(#0000 3%,#ffb142 24%,#ff5420 68%,#0000 97%);width:3px;position:absolute;inset:0 auto 0 0;box-shadow:0 0 18px #ff521094}.home-entered .home-hero:after{content:"";background:linear-gradient(90deg,#0000,#ffbf68cc,#0000);width:150px;height:1px;position:absolute;top:0;right:36px;box-shadow:0 0 14px #ff571247}.home-entered .home-logo{border-bottom:1px solid #ffffff17;margin-bottom:17px;padding-bottom:16px}.home-entered .home-mark{background:linear-gradient(145deg,#ffd47d,#c57620);border-radius:14px;width:46px;height:46px;font-size:21px;box-shadow:inset 0 1px #ffffff7a,0 8px 24px #ff680a33}.home-entered .home-titles h1{color:#fff0d4;-webkit-text-fill-color:initial;letter-spacing:.14em;background:0 0;font-family:inherit;font-size:25px;font-weight:800}.home-entered .home-titles p{color:#e0dcda99;margin-top:5px}.home-entered .home-welcome{color:#e8e3de;background:#05070b5c;border:1px solid #ffffff16;border-radius:13px;flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:15px;padding:11px 13px;display:flex;box-shadow:inset 0 1px #ffffff06}.home-entered .home-welcome .badge{background:#fff1;border-color:#ffffff14;margin-left:auto}.home-entered .home-welcome .home-logout{white-space:nowrap;margin-left:7px}.home-entered .home-cta{letter-spacing:normal;background:linear-gradient(105deg,#06090e80,#0c0a0d59);border:1px solid #ffffff1a;border-radius:15px;grid-template-columns:44px minmax(0,1fr) 22px;align-items:center;gap:13px;min-height:70px;padding:11px 14px;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:grid;box-shadow:inset 0 1px #ffffff09,0 7px 18px #00000024}.home-entered .home-cta:before{display:none}.home-entered .home-cta .cta-icon{color:#ffc66d;background:#ff661b17;border:1px solid #ffb05333;border-radius:13px;place-items:center;width:44px;height:44px;font-size:17px;display:grid;box-shadow:inset 0 1px #ffffff0d}.home-entered .home-cta .cta-copy{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.home-entered .home-cta .cta-title{color:#f5eee5;letter-spacing:.015em;font-size:16px;font-weight:750}.home-entered .home-cta .cta-sub{color:#d5d0cf91;letter-spacing:.025em;font-size:11px}.home-entered .home-cta .cta-arrow{color:#ffdba675;font-size:28px;font-weight:300;line-height:1;transition:transform .18s,color .18s}.home-entered .home-cta.play{background:linear-gradient(105deg,#ae2f12ba,#69190e91 56%,#240c0b6e);border-color:#ff7b3580;box-shadow:inset 0 1px #ffdba926,0 10px 26px #4b0d043d,0 0 24px #ff4d0c0f}.home-entered .home-cta.play .cta-title{color:#fff2d7}.home-entered .home-cta:hover{filter:none;background:linear-gradient(105deg,#171011b3,#0e0a0d80);border-color:#ff9d50a8;transform:translateY(-2px);box-shadow:inset 0 1px #fff1,0 12px 26px #0000003d,0 0 20px #ff550f14}.home-entered .home-cta.play:hover{background:linear-gradient(105deg,#c93915c7,#701b0e9e 60%,#270c0a7a)}.home-entered .home-cta:hover .cta-arrow{color:#ffc979;transform:translate(3px)}.home-entered .home-hint{color:#e1d8d1a3;margin:15px 2px 0}.home-entered .home-actions{gap:13px}.home-entered .home-cta,.home-entered .home-cta.play{clip-path:polygon(11px 0,calc(100% - 11px) 0,100% 11px,100% calc(100% - 11px),calc(100% - 11px) 100%,11px 100%,0 calc(100% - 11px),0 11px);color:#090907;background:linear-gradient(90deg,#ffffff12,#0000 17%,#fff8c252 49%,#0000 78%),linear-gradient(#ffe09a 0%,#d8912e 13%,#f1b94f 48%,#c9781c 76%,#ffd56f 96%,#8d4a0c 100%);border:2px solid #ffd36c;border-radius:0;min-height:76px;padding:12px 18px;position:relative;overflow:hidden;box-shadow:inset 0 2px #fff3bd,inset 0 -3px #733706,inset 0 0 20px #fff0ae6b,0 5px #3a1a03b8,0 9px 20px #00000061,0 0 16px #ffb43338}.home-entered .home-cta:before,.home-entered .home-cta.play:before{clip-path:inherit;border:1px solid #4c2302b8;border-radius:0;display:block;inset:5px;box-shadow:inset 0 0 0 1px #fff0ae5c}.home-entered .home-cta:after{content:"";z-index:0;pointer-events:none;clip-path:inherit;background:conic-gradient(from 0deg,transparent 0 54%,#ffffdcfa 61%,#fff4a8 66%,transparent 74%);-webkit-mask-composite:xor;filter:none;will-change:transform;backface-visibility:hidden;padding:2px;animation:4.8s linear infinite grandLineButtonShine;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.home-entered .home-cta:nth-child(2):after{animation-delay:.45s}.home-entered .home-cta:nth-child(3):after{animation-delay:.9s}.home-entered .home-cta .cta-icon{z-index:1;color:#17120a;background:linear-gradient(145deg,#ffe89fb3,#aa5e1238);border:1px solid #592b049e;border-radius:12px;width:46px;height:46px;position:relative;box-shadow:inset 0 1px #ffffff8c,0 1px #ffe5908c}.home-entered .home-cta .cta-copy,.home-entered .home-cta .cta-arrow{z-index:1;position:relative}.home-entered .home-cta .cta-kicker{color:#392005;letter-spacing:.2em;text-shadow:0 1px #ffefb28c;font-weight:950}.home-entered .home-cta .cta-title,.home-entered .home-cta.play .cta-title{color:#080805;text-shadow:0 1px #fff0b99e;font-size:17px;font-weight:950}.home-entered .home-cta .cta-sub{color:#2f1b08;text-shadow:0 1px #ffeeae7a;font-weight:650}.home-entered .home-cta .cta-arrow{color:#1b1006;text-shadow:0 1px #fff0b9a6;font-weight:500}.home-entered .home-cta:hover,.home-entered .home-cta.play:hover{filter:brightness(1.08)saturate(1.05);background:linear-gradient(90deg,#ffffff1a,#0000 17%,#fff9ca66 49%,#0000 78%),linear-gradient(#ffe9b0 0%,#e39b32 13%,#fac95e 48%,#d88820 76%,#ffe181 96%,#9a510c 100%);border-color:#fff0a9;transform:translateY(-2px);box-shadow:inset 0 2px #fff8d4,inset 0 -3px #733706,inset 0 0 24px #fff7c98f,0 6px #3a1a03b8,0 12px 24px #0000006b,0 0 24px #ffbe3a7a}.home-entered .home-cta:hover .cta-arrow{color:#120a02}.home-entered .pirate-ship-svg{filter:drop-shadow(0 1px #fff1b785);width:35px;height:35px}@keyframes grandLineButtonShine{0%{opacity:1;transform:translateZ(0)rotate(0)}to{opacity:1;transform:translateZ(0)rotate(360deg)}}.home-login-screen .home-hero:before{content:"";background:linear-gradient(90deg,#0000,#ffad3e);width:110px;height:2px;position:absolute;top:0;right:0;box-shadow:0 0 16px #ff5b00bf}.home-login-screen .home-logo{border-bottom:1px solid #ffffff16;margin-bottom:22px;padding-bottom:18px}.home-login-screen .home-mark{background:linear-gradient(145deg,#ffce72,#b76b1d);border-radius:12px;width:46px;height:46px;font-size:22px;box-shadow:inset 0 0 0 1px #fff7d86b,0 7px 24px #ff680a38}.home-login-screen .home-titles h1{color:#f7e9cb;-webkit-text-fill-color:initial;letter-spacing:.16em;background:0 0;font-size:27px}.home-login-screen .home-titles p{color:#8e8b91;letter-spacing:.02em;margin-top:6px}.home-login-screen .auth-kicker{color:#ff923c;letter-spacing:.25em;margin-bottom:8px}.home-login-screen .auth-kicker span{background:#ff7924;flex:0 0 22px;box-shadow:0 0 8px #ff51008c}.home-login-screen .auth-kicker span:last-child{display:none}.home-login-screen .auth-title{color:#fff;letter-spacing:-.025em;font-family:inherit;font-size:27px;font-weight:800}.home-login-screen .auth-intro{color:#9e9da3;margin:7px 0 20px;line-height:1.5}.home-login-screen .entry-tabs{background:#00000059;border-color:#ffffff17;border-radius:999px;gap:0;margin-bottom:18px;padding:3px}.home-login-screen .entry-tabs button{color:#817f85;letter-spacing:.09em;border:0;border-radius:999px;min-height:35px;font-size:10px}.home-login-screen .entry-tabs button:hover{color:#e8e4dc;background:0 0}.home-login-screen .entry-tabs button.active{color:#fff4df;background:linear-gradient(100deg,#cf4a1e,#8b2515);border:0;box-shadow:inset 0 1px #ffe7bf47,0 4px 16px #861f0b59}.home-login-screen .auth-control{color:#c8c4c0;letter-spacing:.12em;gap:8px;margin-top:13px;font-size:10px;font-weight:900}.home-login-screen .auth-control .home-input{color:#f7f3ed;background:#020408b8;border:1px solid #ffffff1f;border-bottom-color:#ff8b3073;border-radius:8px;min-height:49px;padding-inline:16px;box-shadow:inset 0 2px 10px #0000008c,0 6px 18px #00000029}.home-login-screen .auth-submit{border-radius:8px;min-height:49px;margin-top:20px}.home-login-screen .auth-submit:not(:disabled){color:#fff;background:linear-gradient(100deg,#e05220,#a62c17 54%,#70160f);border-color:#ff9750;box-shadow:inset 0 1px #ffe8ca66,0 9px 24px #57100585,0 0 24px #ff430026}.home-login-screen .home-note{color:#68676c;background:#00000036;border-top-color:#ffffff12;margin:18px -32px -29px;padding:12px 20px}@media (width<=900px){.home-login-screen .home-hero{justify-self:center;width:calc(100vw - 48px);min-width:0;max-width:440px;padding:22px 20px 25px}.home-login-screen .home-logo{gap:10px;margin-bottom:18px;padding-bottom:15px}.home-login-screen .home-titles{min-width:0}.home-login-screen .home-titles h1{white-space:normal;font-size:clamp(19px,6vw,25px)}.home-login-screen .home-titles p,.home-login-screen .auth-intro{white-space:normal;overflow-wrap:anywhere}.home-login-screen .home-note{margin:17px -20px -25px}}.screen.lobby{background:linear-gradient(135deg,#06080ef5,#1e090ee8);border:1px solid #c2842d75;border-radius:5px 20px;max-width:1240px;padding:20px 24px 28px;position:relative;overflow:hidden;box-shadow:0 24px 70px #000,inset 0 0 55px #79131d21}.screen.lobby:before{content:"";opacity:.2;pointer-events:none;background:url(/playmats/one-piece-ace-inferno.webp) 50%/cover;animation:32s ease-in-out infinite alternate voyageDrift;position:absolute;inset:0}.screen.lobby>*{z-index:1;position:relative}.lobby .screen-title{color:#f5d58e;letter-spacing:.12em;font-family:Georgia,serif}.lobby section{border-left:1px solid #cc90373d;padding:8px 12px 12px}.lobby .mode-card{color:#f5e8ce;background:linear-gradient(145deg,#280d14f0,#080a10f2);border-color:#9f5b2ba6;border-radius:3px 13px;min-height:74px;padding:12px 14px;position:relative;box-shadow:inset 0 0 0 1px #ffd6820a,0 5px 12px #00000059}.lobby .mode-card:after{content:"◆";color:#e8b24f73;font-size:9px;position:absolute;top:7px;right:9px}.lobby .mode-card:hover{border-color:#e4ad55;transform:translateY(-1px)}.screen.lobby{clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,0 100%);background:linear-gradient(135deg,#05070bf7,#0c090cf5 64%,#1e0906f0);border:1px solid #ffffff17;border-left:2px solid #d94b20;border-radius:0;width:min(1380px,100vw - 36px);max-width:1380px;padding:0;box-shadow:0 30px 90px #000000b8}.screen.lobby:before{opacity:.09;filter:saturate(.75)}.lobby-head{background:linear-gradient(90deg,#ff4c0f14,#0000 48%);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:24px;padding:24px 28px 20px;display:flex}.lobby-head .screen-title{font-size:28px;color:#fff!important;letter-spacing:-.025em!important;margin:3px 0 4px!important;font-family:inherit!important}.lobby-head p{color:#8e8d93;margin:0;font-size:13px}.lobby-kicker{color:#ff7d32;letter-spacing:.24em;font-size:9px;font-weight:900}.lobby-online{color:#90d6a9;letter-spacing:.06em;text-transform:uppercase;background:#14532d21;border:1px solid #4bde802e;border-radius:999px;align-items:center;gap:8px;padding:7px 11px;font-size:10px;font-weight:800;display:flex}.lobby-online i{background:#4ade80;border-radius:50%;width:7px;height:7px;box-shadow:0 0 9px #22c55e}.lobby-layout{z-index:1;grid-template-columns:minmax(0,1fr) 340px;gap:0;display:grid;position:relative}.lobby-modes{gap:22px;padding:25px 28px 28px;display:grid}.lobby section.lobby-mode-section{border:0;padding:0}.lobby-section-head{align-items:center;gap:11px;margin-bottom:12px;display:flex}.lobby-section-icon{color:#ff9a56;background:#ff581114;border:1px solid #ff7a2f61;border-radius:8px;place-items:center;width:32px;height:32px;font-family:Georgia,serif;font-size:14px;display:grid}.lobby-section-head .group-title{letter-spacing:.04em;margin:0;font-size:14px;color:#eee9e2!important}.lobby-section-head p{color:#77767c;margin:3px 0 0;font-size:11px}.lobby .mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.lobby .mode-card{color:#d8d5d1;background:linear-gradient(145deg,#12141beb,#07080cf5);border:1px solid #ffffff17;border-radius:10px;min-height:96px;padding:15px;transition:transform .16s,border-color .16s,background .16s;box-shadow:0 8px 24px #0003}.lobby .mode-card:after{content:"";border:1px solid #555;border-radius:50%;width:7px;height:7px;top:12px;right:12px}.lobby .mode-card:hover{background:linear-gradient(145deg,#22191af0,#09090ef7);border-color:#ff823980;transform:translateY(-2px)}.lobby .mode-card.active:after{background:#ff6a27;border-color:#ff9e5b;box-shadow:0 0 8px #ff4b12}.lobby .mode-name{color:#f4eee7;font-size:13px}.lobby .mode-desc{color:#89878c;margin-top:7px;font-size:11px;line-height:1.35}.queue-panel{background:linear-gradient(#040509b3,#100607b8);border-left:1px solid #ffffff14;flex-direction:column;min-width:0;padding:25px 24px 20px;display:flex;position:relative}.queue-panel-head{border-bottom:1px solid #ffffff14;gap:5px;margin-bottom:20px;padding-bottom:17px;display:grid}.queue-panel-head>span,.queue-label{color:#8b898e;letter-spacing:.15em;text-transform:uppercase;font-size:9px;font-weight:900}.queue-panel-head strong{color:#fff;font-size:21px}.queue-panel-head small{color:#8d8b90;line-height:1.4}.queue-deck,.queue-code .code-input{box-sizing:border-box;min-height:46px;margin-top:8px;color:#e9e5df!important;background:#06070b!important;border:1px solid #ffffff1f!important;border-bottom-color:#ff7e3075!important;border-radius:8px!important;width:100%!important;min-width:0!important}.equipped-deck{--deck-accent:#f08a46;border:1px solid color-mix(in srgb,var(--deck-accent) 58%,#333);background:linear-gradient(105deg,color-mix(in srgb,var(--deck-accent) 19%,#080a0f),#05060af5 58%);min-height:82px;box-shadow:inset 3px 0 0 var(--deck-accent),inset 0 1px 0 #ffffff12,0 10px 24px #0000004d;cursor:pointer;isolation:isolate;border-radius:5px 15px;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:11px;margin-top:8px;padding:9px 11px 9px 9px;display:grid;position:relative;overflow:hidden}.equipped-deck:after{content:"";background:var(--deck-accent);filter:blur(35px);opacity:.11;pointer-events:none;border-radius:50%;width:110px;height:90px;position:absolute;inset:auto -20px -35px auto}.equipped-leader{z-index:1;border:1px solid color-mix(in srgb,var(--deck-accent) 75%,#fff);width:52px;height:72px;box-shadow:0 5px 14px #000,0 0 12px color-mix(in srgb,var(--deck-accent) 34%,transparent);background:#090b10;border-radius:5px;position:relative;overflow:hidden}.equipped-leader img{object-fit:contain;width:100%;height:100%;display:block}.equipped-leader span{height:100%;color:var(--deck-accent);letter-spacing:.1em;place-items:center;font-size:8px;font-weight:900;display:grid}.equipped-copy{z-index:1;flex-direction:column;gap:2px;min-width:0;display:flex;position:relative}.equipped-copy small{color:color-mix(in srgb,var(--deck-accent) 78%,#fff);letter-spacing:.16em;font-size:8px;font-weight:900}.equipped-copy strong{color:var(--deck-accent);letter-spacing:.025em;text-overflow:ellipsis;text-shadow:0 0 13px color-mix(in srgb,var(--deck-accent) 42%,transparent);white-space:nowrap;font-size:16px;font-weight:950;overflow:hidden}.equipped-copy span{color:#f0ece7;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:750;overflow:hidden}.equipped-copy em{color:#77777e;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap;font-size:9px;font-style:normal;overflow:hidden}.equipped-change{z-index:1;color:#85838a;letter-spacing:.08em;text-transform:uppercase;align-self:start;margin-top:3px;font-size:9px;font-weight:900;position:relative}.queue-deck-native{z-index:5;cursor:pointer;opacity:0;width:100%;height:100%;position:absolute;inset:0}.equipped-deck:hover{border-color:var(--deck-accent);box-shadow:inset 3px 0 0 var(--deck-accent),inset 0 1px 0 #ffffff1a,0 12px 28px #00000061,0 0 16px color-mix(in srgb,var(--deck-accent) 13%,transparent);transform:translateY(-1px)}.queue-code{margin-top:16px}.queue-code label{display:block}.queue-actions{gap:8px;margin-top:20px;display:grid}.queue-actions .btn{min-height:43px;border-radius:8px!important}.queue-start{text-transform:uppercase;letter-spacing:.09em;color:#fff!important;background:linear-gradient(105deg,#db4d20,#8e2114)!important;border-color:#ff8440!important;box-shadow:0 8px 22px #69140861!important}.queue-ranks{color:#bbb6af!important;background:#ffffff09!important;border-color:#ffffff1f!important}.queue-empty{color:#8d8986;background:#ff4b0a0a;border:1px dashed #ff80334d;border-radius:8px;margin-top:8px;padding:13px;font-size:11px;line-height:1.45}.queue-status{color:#f3dacb;background:#6b1c0c3b;border:1px solid #ff8d404d;border-radius:8px;align-items:center;gap:12px;margin-top:16px;padding:13px;font-size:12px;display:flex}.queue-status small{color:#9c8277;margin-top:3px;display:block}.queue-secure{color:#605e63;text-align:center;margin-top:auto;padding-top:20px;font-size:9px}.queue-secure span{color:#a84c26;margin-right:6px}.lobby-info-strip{z-index:1;color:#646369;background:#0000002e;border-top:1px solid #ffffff12;justify-content:space-between;gap:20px;padding:11px 28px;font-size:10px;display:flex;position:relative}@media (width<=1050px){.lobby-layout{grid-template-columns:1fr}.queue-panel{border-top:1px solid #ffffff14;border-left:0}.lobby .mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.queue-secure{margin-top:18px}}@media (width<=620px){.screen.lobby{width:calc(100vw - 20px)}.lobby-head{align-items:flex-start;padding:20px}.lobby-online{display:none}.lobby-modes{padding:20px}.lobby .mode-grid{grid-template-columns:1fr}.queue-panel{padding:20px}.lobby-info-strip{padding:11px 20px;display:grid}}.myprofile{max-width:1320px}.myprofile .profile-grid{grid-template-columns:minmax(0,1.55fr) minmax(270px,.75fr)}.myprofile .db-panel{background:linear-gradient(145deg,#0c0f19f7,#1c0a10e6);border-color:#bc7f3161;border-radius:5px 16px;box-shadow:0 16px 44px #0000006b}.pf-body{flex-direction:column;display:flex}.pf-header{background:linear-gradient(90deg,#6f19244d,#080b12b3);border:1px solid #d3973a6b;border-radius:4px 14px;order:0;padding:12px}.pf-header .avatar{border-radius:9px;flex:none}.pf-name{font-size:20px}.pf-body .pf-section{order:3}.pf-body .pf-priority-ranking{order:1}.pf-body .pf-priority-history{background:#370c1438;border:1px solid #ca344059;border-radius:4px 13px;order:2;margin-top:14px;padding:12px}.pf-history{gap:6px}.pf-hist{background:#05080eb8;padding:8px 10px}.pf-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pf-stat{background:#04070db8;border-color:#cd903733;flex-direction:column;min-height:48px}.pf-stat-v{font-size:15px}.pf-customizations{border-top:1px solid #d3973a4d;grid-template-columns:1fr 1fr;gap:10px 14px;margin-top:14px;padding-top:12px;display:grid}.pf-customizations .pf-section:first-child{grid-column:1/-1}.avatar-grid{grid-template-columns:repeat(5,minmax(52px,1fr));gap:5px}.avatar-swatch{border-radius:6px;min-height:54px;padding:5px 3px}.avatar-name{font-size:9px}.community-author-line{text-decoration:none}.community-author-admin{color:#ff3b3b;text-shadow:0 0 2px #2a0000,0 0 7px #ff2020e6,0 0 13px #be0000bf}.community-author-admin.community-author-effect:before{opacity:.14}@media (width<=900px){.home{place-items:center;padding:24px 14px}.home.home-login-screen{place-items:end center;padding:24px 12px 42px}.home.home-login-screen:before{background-position:38%}.home-login-screen .home-hero{width:100%;min-width:0;max-width:440px;padding:22px 20px;overflow:hidden;background:linear-gradient(145deg,#0c0709f0,#1f0807e3)!important}.home-login-screen .home-logo{gap:10px}.home-login-screen .home-titles{min-width:0}.home-login-screen .home-titles h1{white-space:normal;font-size:clamp(20px,6.4vw,27px)}.home-login-screen .home-titles p,.auth-intro{white-space:normal;overflow-wrap:anywhere}.myprofile .profile-grid{grid-template-columns:1fr}.pf-grid{grid-template-columns:repeat(2,1fr)}.pf-customizations{grid-template-columns:1fr}.avatar-grid{grid-template-columns:repeat(5,1fr)}}.app-screen-home,.app-screen-register{grid-template-rows:1fr}.app-screen-home>.topbar,.app-screen-register>.topbar{display:none}.app-screen-home>.board-wrap,.app-screen-register>.board-wrap{grid-row:1;padding:0}.app-screen-home .home,.app-screen-register .register-page{min-height:100vh}.topbar{background:linear-gradient(#1c0b10,#08090e 78%);border-bottom-color:#cf903480;min-height:58px;box-shadow:0 5px 22px #0000009e,inset 0 -1px #ffd68014}.brand{color:#f5dfb4;cursor:pointer;letter-spacing:.08em;background:0 0;border:0;font-family:Georgia,serif}.brand .mark{background:linear-gradient(145deg,#f1c66e,#774510);border-radius:3px 9px;box-shadow:inset 0 0 0 1px #2a1505,0 0 13px #d7972f59}.topnav{background:#040509a3;border:1px solid #9652274d;border-radius:3px 12px;padding:3px}.navbtn{color:#bfae91;background:0 0;border:0;border-right:1px solid #bd7b2a33;border-radius:2px 8px;position:relative}.navbtn:hover{color:#ffe2a4;background:linear-gradient(#6f1c26bf,#18090ecc)}.navbtn.active{color:#fff0c5;background:linear-gradient(#6f202a,#250d14);border:1px solid #a96928;box-shadow:inset 0 0 10px #ffbb531f,0 0 10px #9e1f2b40}.board-wrap:not(.match-mode)>.screen:not(.lobby),.board-wrap:not(.match-mode)>.deckbuilder{position:relative}.board-wrap:not(.match-mode):not(.screen-deck):not(.screen-admin) .screen-title{color:#f3d496;letter-spacing:.08em;font-family:Georgia,serif}.board-wrap:not(.match-mode):not(.screen-deck):not(.screen-admin) .group-title,.board-wrap:not(.match-mode):not(.screen-deck):not(.screen-admin) .pf-h{color:#e6b85f}.board-wrap:not(.match-mode):not(.screen-deck):not(.screen-admin) .btn{color:#f2dfbd;background:linear-gradient(#32131a,#120a0e);border-color:#88501f;border-radius:3px 10px;position:relative;box-shadow:inset 0 1px #ffdb951f,0 3px 9px #0006}.board-wrap:not(.match-mode):not(.screen-deck):not(.screen-admin) .btn.primary,.board-wrap:not(.match-mode):not(.screen-deck):not(.screen-admin) .btn.gold{color:#ffe7ae;background:linear-gradient(#7c2630,#2b0d14 65%,#11090d);border-color:#d69a3d}.board-wrap:not(.match-mode):not(.screen-deck):not(.screen-admin) .btn:hover{filter:brightness(1.14);border-color:#ffd171}.board-wrap:not(.match-mode):not(.screen-deck):not(.screen-admin) .code-input,.board-wrap:not(.match-mode):not(.screen-deck):not(.screen-admin) select,.board-wrap:not(.match-mode):not(.screen-deck):not(.screen-admin) textarea{background:#080a10;border-color:#aa692a7a;border-radius:3px 9px}.mydecks .db-panel,.rank-row{background:linear-gradient(145deg,#131520f7,#1d0a10e6);border-color:#ae6f2b5c;border-radius:4px 14px;box-shadow:0 10px 28px #0000004d}.deck-card{background:linear-gradient(145deg,#0f131ef7,#230c12e6);border-color:#b2702a61;border-radius:4px 14px}.rank-row.current{background:linear-gradient(90deg,#701c2773,#0d0f17f2);border-color:#e2aa4f}.banner{border-radius:3px 10px}@media (width<=760px){.topbar{gap:8px;padding-inline:8px}.topnav{overflow-x:auto}.navbtn{white-space:nowrap}.topbar>.badge{display:none}}@media (prefers-reduced-motion:reduce){.home:before,.home:after,.screen.lobby:before,.home-fire-fx span{animation:none!important}.home-fire-fx{display:none!important}}@media (width<=900px){.home.home-login-screen .home-hero{justify-self:center;width:calc(100vw - 48px);max-width:440px;padding:22px 20px 25px}.home.home-login-screen .home-note{margin:17px -20px -25px}}.home-ace-screen:before,.home.home-login-screen:before,.home.home-entered:before{filter:none!important;animation:none!important;transform:none!important}.home-ace-screen:after,.home.home-login-screen:after,.home.home-entered:after{animation:none!important}.home-ace-screen .home-hero{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.home-ace-screen .home-fire-fx{contain:strict;mix-blend-mode:screen!important}.home-ace-screen .home-fire-fx span:first-child,.home-ace-screen .home-fire-fx span:nth-child(2){will-change:transform,opacity;inset:-1.5%;background:url(/playmats/one-piece-ace-inferno.webp) 50%/cover no-repeat!important}.home-ace-screen .home-fire-fx span:first-child{opacity:.66;animation:2.35s ease-in-out infinite alternate aceFlameLeftLite;-webkit-mask-image:radial-gradient(25% 47% at 5% 24%,#000 20%,#0000 72%),radial-gradient(27% 52% at 31% 48%,#000 12%,#0000 70%),radial-gradient(31% 23% at 18% 91%,#000 12%,#0000 74%);mask-image:radial-gradient(25% 47% at 5% 24%,#000 20%,#0000 72%),radial-gradient(27% 52% at 31% 48%,#000 12%,#0000 70%),radial-gradient(31% 23% at 18% 91%,#000 12%,#0000 74%);filter:url(#ace-fire-left)saturate(1.48)brightness(1.2)!important}.home-ace-screen .home-fire-fx span:nth-child(2){opacity:.58;animation:2.9s ease-in-out infinite alternate-reverse aceFlameRightLite;-webkit-mask-image:radial-gradient(35% 48% at 87% 13%,#000 18%,#0000 72%),radial-gradient(30% 24% at 93% 78%,#000 8%,#0000 72%);mask-image:radial-gradient(35% 48% at 87% 13%,#000 18%,#0000 72%),radial-gradient(30% 24% at 93% 78%,#000 8%,#0000 72%);filter:url(#ace-fire-right)saturate(1.48)brightness(1.2)!important}.home-ace-screen .home-fire-fx span:nth-child(3){will-change:transform,opacity;filter:none!important}@keyframes aceFlameLeftLite{0%{opacity:.42;transform:translate(-7px,12px)scale(1.004,1.015)}48%{opacity:.72;transform:translate(8px,-5px)scale(1.022,1.05)}to{opacity:.56;transform:translate(-2px,-18px)scale(1.012,1.075)}}@keyframes aceFlameRightLite{0%{opacity:.36;transform:translate(9px,8px)scale(1.005,1.018)}52%{opacity:.66;transform:translate(-11px,-7px)scale(1.03,1.055)}to{opacity:.5;transform:translate(4px,-20px)scale(1.016,1.082)}}.screen.lobby:before{filter:none!important;animation:none!important}.board-wrap:not(.match-mode){background-image:linear-gradient(90deg,#03040842,#05030566),url(/playmats/one-piece-ace-inferno.webp);background-position:50%;background-size:cover;background-attachment:fixed;min-height:calc(100vh - 60px)}.board-wrap:not(.match-mode):before,.board-wrap:not(.match-mode):after{content:"";z-index:0;pointer-events:none;will-change:transform,opacity;filter:saturate(1.3)brightness(1.1);mix-blend-mode:screen;background:url(/playmats/one-piece-ace-inferno.webp) 50%/cover no-repeat fixed;position:fixed;inset:-1.5%}.board-wrap:not(.match-mode):before{animation:2.7s ease-in-out infinite alternate aceFlameWindowLeft;-webkit-mask-image:radial-gradient(25% 47% at 5% 24%,#000 20%,#0000 72%),radial-gradient(27% 52% at 31% 48%,#000 12%,#0000 70%),radial-gradient(31% 23% at 18% 91%,#000 12%,#0000 74%);mask-image:radial-gradient(25% 47% at 5% 24%,#000 20%,#0000 72%),radial-gradient(27% 52% at 31% 48%,#000 12%,#0000 70%),radial-gradient(31% 23% at 18% 91%,#000 12%,#0000 74%)}.board-wrap:not(.match-mode):after{animation:3.4s ease-in-out infinite alternate-reverse aceFlameWindowRight;-webkit-mask-image:radial-gradient(35% 48% at 87% 13%,#000 18%,#0000 72%),radial-gradient(30% 24% at 93% 78%,#000 8%,#0000 72%);mask-image:radial-gradient(35% 48% at 87% 13%,#000 18%,#0000 72%),radial-gradient(30% 24% at 93% 78%,#000 8%,#0000 72%)}.board-wrap:not(.match-mode)>*{z-index:1;position:relative}@keyframes aceFlameWindowLeft{0%{opacity:.45;transform:translate(-6px,8px)scale(.96,.98)}to{opacity:.92;transform:translate(9px,-13px)scale(1.04,1.08)}}@keyframes aceFlameWindowRight{0%{opacity:.38;transform:translate(7px,-5px)scale(.97)}to{opacity:.78;transform:translate(-8px,11px)scale(1.06)}}.board-wrap:not(.match-mode):not(.screen-admin) .btn,.lobby .mode-card,.queue-population{isolation:isolate;overflow:hidden}.board-wrap:not(.match-mode):not(.screen-admin) .btn:after,.lobby .mode-card:before{content:"";z-index:-1;border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;will-change:background-position;backface-visibility:hidden;background:repeating-linear-gradient(112deg,#0000 0 10%,#ffbd53d1 17%,#ff4812b8 24%,#0000 31% 39%,#ff761e94 45%,#0000 50%) 0 0/200% 100%;padding:1px;animation:3.8s linear infinite fireFrameFlow;position:absolute;inset:0;transform:translateZ(0);-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes fireFrameFlow{0%{background-position:0 0}to{background-position:-200% 0}}.home-season{color:#ffbd70;letter-spacing:.15em;text-transform:uppercase;background:#46140742;border:1px solid #ff983d45;border-radius:999px;align-items:center;gap:8px;margin-top:9px;padding:5px 9px;font-size:9px;font-weight:900;display:inline-flex}.home-season i{background:#ff6a21;border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite alternate seasonEmber;box-shadow:0 0 9px #ff4a0b}.home-season b{color:#fff0d5;border-left:1px solid #ffffff24;padding-left:7px;font-weight:900}@keyframes seasonEmber{to{background:#ffd16b;transform:scale(1.35);box-shadow:0 0 14px #ff5a13}}.mode-queue-count{color:#dca371;white-space:nowrap;background:#ff530f12;border:1px solid #ff843638;border-radius:999px;align-items:center;gap:5px;margin-left:8px;padding:3px 7px;font-size:9px;font-weight:800;display:inline-flex}.mode-queue-count i,.queue-live-dot{background:#ff7736;border-radius:50%;width:5px;height:5px;box-shadow:0 0 7px #ff4c17}.queue-population{background:linear-gradient(105deg,#ff4a091a,#05070b4d);border:1px solid #ff80323d;border-radius:12px;align-items:center;gap:11px;margin:-8px 0 18px;padding:12px 13px;display:flex;position:relative}.queue-population-flame{color:#ffb45f;background:#ff4c0c1a;border-radius:11px;place-items:center;width:36px;height:36px;font-size:19px;display:grid}.queue-population>div{flex-direction:column;display:flex}.queue-population strong{color:#fff2dc;font-size:20px;line-height:1}.queue-population small{color:#a7968c;margin-top:4px;font-size:10px}.queue-live-dot{background:#4ade80;margin-left:auto;box-shadow:0 0 8px #22c55e}.dice-fly{will-change:transform,opacity;backface-visibility:hidden}@keyframes diceDropTop{0%{opacity:0;transform:translate(-50%,-280px)rotate(-420deg)scale(.72)}16%{opacity:1}70%{transform:translate(-50%,-16px)rotate(610deg)scale(1.06)}84%{transform:translate(-50%,7px)rotate(690deg)scale(.94,1.08)}to{opacity:1;transform:translate(-50%)rotate(720deg)scale(1)}}@keyframes diceDropBottom{0%{opacity:0;transform:translate(-50%,-330px)rotate(420deg)scale(.72)}16%{opacity:1}70%{transform:translate(-50%,-18px)rotate(-610deg)scale(1.06)}84%{transform:translate(-50%,8px)rotate(-690deg)scale(.94,1.08)}to{opacity:1;transform:translate(-50%)rotate(-720deg)scale(1)}}@media (prefers-reduced-motion:reduce){.home-fire-fx{display:block!important}.home-ace-screen .home-fire-fx span:first-child{animation:2.9s ease-in-out infinite alternate aceFlameLeftLite!important}.home-ace-screen .home-fire-fx span:nth-child(2){animation:3.5s ease-in-out infinite alternate-reverse aceFlameRightLite!important}.board-wrap:not(.match-mode):before{animation:3.8s ease-in-out infinite alternate aceFlameWindowLeft!important}.board-wrap:not(.match-mode):after{animation:4.6s ease-in-out infinite alternate-reverse aceFlameWindowRight!important}.dice-stage.rolling .dice-fly.theirs{animation:2.4s cubic-bezier(.18,.72,.2,1) forwards diceDropTop!important}.dice-stage.rolling .dice-fly.mine{animation:2.4s cubic-bezier(.18,.72,.2,1) forwards diceDropBottom!important}.die.rolling{animation:.35s linear infinite dieTumble!important}.dice-stage.landed .dice-fly{animation:.9s cubic-bezier(.28,.84,.42,1) diceBounce!important}}.home-fire-fx,.ace-shell-fx,.backdrop-fx-toggle{display:none!important}.board-wrap:not(.match-mode).backdrop-fx-on{background-image:linear-gradient(90deg,#03040833,#05030557),url(/fx/ace-background-plate.png)}.board-wrap:not(.match-mode).backdrop-fx-off{background-image:linear-gradient(90deg,#03040842,#05030566),url(/playmats/one-piece-ace-inferno.webp)}.board-wrap:not(.match-mode):before,.board-wrap:not(.match-mode):after{content:none!important}.backdrop-fx-off .home-ace-screen:before,.backdrop-fx-off .home.home-login-screen:before,.backdrop-fx-off .home.home-entered:before{background-image:url(/playmats/one-piece-ace-inferno.webp)!important}.ace-shell-fx,.home-ace-screen .home-fire-fx{z-index:1;contain:strict;pointer-events:none;display:block;position:absolute;inset:0;overflow:hidden;mix-blend-mode:normal!important}.ace-shell-fx>span,.ace-shell-fx>i,.home-ace-screen .home-fire-fx>span,.home-ace-screen .home-fire-fx>i{pointer-events:none;display:block;position:absolute}.ace-shell-fx .ace-fire-layer,.home-ace-screen .home-fire-fx .ace-fire-layer{z-index:1;will-change:transform,filter,opacity;filter:url(#ace-shell-fire)saturate(1.16)brightness(1.04)!important;opacity:.48!important;background:url(/fx/ace-fire-layer.png) 50%/cover no-repeat!important;animation:3.1s ease-in-out infinite alternate aceFireTravel!important;inset:-2%!important;-webkit-mask-image:none!important;mask-image:none!important}.ace-shell-fx .ace-character-layer,.home-ace-screen .home-fire-fx .ace-character-layer{z-index:3;will-change:transform;filter:none!important;opacity:1!important;background:url(/fx/ace-character-layer.png) 50%/cover no-repeat!important;animation:4.4s ease-in-out infinite alternate aceCharacterFloat!important;inset:-1%!important;-webkit-mask-image:none!important;mask-image:none!important}.ace-shell-fx .ace-embers-layer,.home-ace-screen .home-fire-fx .ace-embers-layer{border-radius:50%;filter:drop-shadow(0 0 5px #ff3d00)!important;opacity:.9!important;background:#fff0a0!important;width:8px!important;height:8px!important;animation:4.8s linear infinite aceEmbers!important;bottom:-4%!important;left:2%!important;box-shadow:7vw -8vh #ff6a18,16vw -26vh 1px #ffc44d,29vw -13vh 0 -1px #fff0a6,41vw -41vh 1px #ff7b20,54vw -19vh #ffc04a,67vw -47vh 1px -1px #ff681b,78vw -28vh 0 -1px #ffe787,88vw -55vh 1px #ff6a18,95vw -17vh #ffc44d!important}@keyframes aceFireTravel{0%{transform:translate3d(calc(var(--fx-x,0px) * -.35),calc(15px + var(--fx-y,0px) * -.25),0) scale(1.008,1.018);opacity:.3}48%{transform:translate3d(calc(8px + var(--fx-x,0px) * -.35),calc(-7px + var(--fx-y,0px) * -.25),0) scale(1.022,1.06);opacity:.54}to{transform:translate3d(calc(-5px + var(--fx-x,0px) * -.35),calc(-24px + var(--fx-y,0px) * -.25),0) scale(1.014,1.09);opacity:.4}}@keyframes aceCharacterFloat{0%{transform:translate3d(var(--fx-x,0px),calc(5px + var(--fx-y,0px)),0)}to{transform:translate3d(var(--fx-x,0px),calc(-8px + var(--fx-y,0px)),0)}}.ace-lightning{z-index:2;clip-path:polygon(46% 0,100% 0,63% 40%,96% 40%,16% 100%,37% 55%,0 55%);filter:drop-shadow(0 0 4px #fff)drop-shadow(0 0 12px #68c8ff)drop-shadow(0 0 26px #187cff);opacity:0;transform-origin:top;background:linear-gradient(#fff,#bde9ff 42%,#5ebcff);width:clamp(3px,.32vw,6px);height:clamp(120px,30vh,290px)}.ace-lightning.one{animation:8.6s step-end infinite aceLightningOne;top:3%;left:57%;transform:rotate(9deg)}.ace-lightning.two{height:clamp(90px,22vh,210px);animation:11.3s step-end 2.7s infinite aceLightningTwo;top:8%;left:73%;transform:rotate(-13deg)scale(.72)}.ace-shell-fx:after,.home-ace-screen .home-fire-fx:after{content:"";z-index:1;opacity:0;pointer-events:none;background:radial-gradient(circle at 64% 15%,#d2efff6b,#0000 38%);animation:8.6s step-end infinite aceStormFlash;position:absolute;inset:0}@keyframes aceLightningOne{0%,71%,73%,74%,to{opacity:0}71.4%,72.2%,73.4%{opacity:1}71.8%,72.8%{opacity:.18}}@keyframes aceLightningTwo{0%,43%,45%,46%,to{opacity:0}43.4%,44.2%,45.2%{opacity:.9}43.8%,44.7%{opacity:.12}}@keyframes aceStormFlash{0%,71%,74%,to{opacity:0}71.4%{opacity:.52}71.9%{opacity:.08}72.4%{opacity:.34}73.2%{opacity:0}}.backdrop-fx-off .ace-shell-fx,.backdrop-fx-off .home-fire-fx{display:none!important}.board-wrap:not(.match-mode)>.backdrop-fx-toggle{z-index:90;color:#eaf8ff;cursor:pointer;text-align:left;background:linear-gradient(135deg,#050f1df0,#16080ded);border:1px solid #85d3ffb3;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:34px auto;align-items:center;column-gap:9px;min-width:166px;padding:9px 13px;transition:transform .18s,filter .18s,border-color .18s;display:grid;bottom:18px;left:18px;box-shadow:0 8px 28px #0000009e,0 0 18px #4bb1ff38;position:fixed!important;top:auto!important}.backdrop-fx-toggle>span{color:#bcecff;text-shadow:0 0 10px #5ac8ff;background:#4bb1ff24;border-radius:9px;grid-row:1/3;place-items:center;width:34px;height:34px;font-size:20px;display:grid}.backdrop-fx-toggle strong{letter-spacing:.11em;text-transform:uppercase;font-size:11px}.backdrop-fx-toggle small{color:#8293a3;font-size:9px}.backdrop-fx-toggle:hover{filter:brightness(1.18);border-color:#e0f6ff;transform:translateY(-2px)}.backdrop-fx-toggle.is-off{color:#ffcfad;border-color:#ff915080}.backdrop-fx-toggle.is-off>span{color:#ff9c63;text-shadow:none;background:#ff5f181a}@media (width<=700px){.backdrop-fx-toggle{min-width:0;padding:8px;bottom:10px;left:10px}.backdrop-fx-toggle strong,.backdrop-fx-toggle small{display:none}.backdrop-fx-toggle>span{grid-row:auto;width:30px;height:30px}}@media (prefers-reduced-motion:reduce){.backdrop-fx-on .ace-fire-layer{animation:4s ease-in-out infinite alternate aceFireTravel!important}.backdrop-fx-on .ace-character-layer{animation:5.5s ease-in-out infinite alternate aceCharacterFloat!important}.backdrop-fx-on .ace-lightning.one{animation:10s step-end infinite aceLightningOne!important}.backdrop-fx-on .ace-lightning.two{animation:13s step-end 2.7s infinite aceLightningTwo!important}}.ace-shell-fx,.home-ace-screen .home-fire-fx{z-index:1;contain:strict;pointer-events:none;position:absolute;inset:0;overflow:hidden;display:block!important}.ace-shell-fx .ace-fire-layer,.home-ace-screen .home-fire-fx .ace-fire-layer{z-index:1;transform-origin:50% 100%;will-change:transform,opacity;display:block;position:absolute;filter:saturate(1.08)brightness(1.03)!important;opacity:.46!important;background:url(/fx/ace-fire-layer.png) 50%/cover no-repeat!important;animation:3.8s ease-in-out infinite alternate aceFlameBreathe!important;inset:-2%!important}.ace-shell-fx .ace-character-layer,.home-ace-screen .home-fire-fx .ace-character-layer{z-index:2;will-change:transform;display:block;position:absolute;filter:none!important;opacity:1!important;background:url(/fx/ace-character-layer.png) 50%/cover no-repeat!important;animation:5.5s ease-in-out infinite alternate acePortgasFloat!important;inset:-1%!important}@keyframes aceFlameBreathe{0%{opacity:.38;transform:skew(-.35deg)scale(1.002,1.008)}45%{opacity:.5;transform:skew(.5deg)scale(1.006,1.025)}to{opacity:.43;transform:skew(-.2deg)scale(1.003,1.04)}}@keyframes acePortgasFloat{0%{transform:translateY(4px)}to{transform:translateY(-7px)}}.ace-shell-fx:after,.home-ace-screen .home-fire-fx:after,.ace-lightning,.ace-embers-layer,.backdrop-fx-toggle{animation:none!important;display:none!important}.board-wrap:not(.match-mode):not(.screen-admin) .btn:after,.lobby .mode-card:before{animation:none!important}@media (prefers-reduced-motion:reduce){.ace-shell-fx .ace-fire-layer,.home-ace-screen .home-fire-fx .ace-fire-layer{animation:5s ease-in-out infinite alternate aceFlameBreathe!important}.ace-shell-fx .ace-character-layer,.home-ace-screen .home-fire-fx .ace-character-layer{animation:7s ease-in-out infinite alternate acePortgasFloat!important}}.board-wrap:not(.match-mode){background-image:linear-gradient(90deg,#03040842,#05030566),url(/playmats/one-piece-ace-inferno.webp)}.home-ace-screen:before,.home.home-login-screen:before,.home.home-entered:before{background-image:url(/playmats/one-piece-ace-inferno.webp)!important}.ace-shell-fx,.home-fire-fx{animation:none!important;display:none!important}.battle-power{color:var(--text-dim);border:1px solid var(--border);background:#00000040;border-radius:8px;padding:2px 8px;font-size:12px}.battle-power.holds{color:#4ade80;border-color:#4ade8080}.battle-power.hit{color:#f87171;border-color:#f8717180}.counter-stage{background:#ffd54a14;border:1px dashed #ffd54a;border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;width:100%;padding:6px 8px;display:flex}.counter-chip{color:#ffe9a8;background:#ffd54a29;border:1px solid #ffd54a;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:700}.counter-chip.staged{cursor:pointer}.counter-chip.staged:hover{color:#fff;background:#f8717140;border-color:#f87171}.counter-chip.applied{color:#bbf7d0;background:#4ade8024;border-color:#4ade80}.card.staged-counter{outline-offset:2px;outline:3px solid #ffd54a;transform:translateY(-10px);box-shadow:0 0 18px #ffd54ab3}.dice-stage{z-index:30;pointer-events:none;position:absolute;inset:0}.dice-stage.reveal{pointer-events:auto;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(60% 60%,#05060cc7,#05060c59)}.dice-fly{flex-direction:column;align-items:center;gap:6px;transition:top .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;left:50%;transform:translate(-50%)}.dice-owner{letter-spacing:1px;color:#fff;text-shadow:0 0 6px #000000e6;font-size:11px;font-weight:800}.dice-stage.rolling .dice-fly.theirs{animation:2.4s ease-in forwards diceAirTop;top:6%}.dice-stage.rolling .dice-fly.mine{animation:2.4s ease-in forwards diceAirBottom;top:58%}@keyframes diceAirTop{0%{top:-12%;transform:translate(-50%)rotate(-380deg)scale(.85)}55%{top:12%;transform:translate(-50%)rotate(320deg)scale(1.06)}78%{top:19%;transform:translate(-50%)rotate(540deg)scale(1)}to{top:22%;transform:translate(-50%)rotate(720deg)scale(1)}}@keyframes diceAirBottom{0%{top:44%;transform:translate(-50%)rotate(380deg)scale(.85)}55%{top:64%;transform:translate(-50%)rotate(-320deg)scale(1.06)}78%{top:71%;transform:translate(-50%)rotate(-540deg)scale(1)}to{top:74%;transform:translate(-50%)rotate(-720deg)scale(1)}}.dice-stage.landed .dice-fly.theirs{animation:.9s cubic-bezier(.28,.84,.42,1) diceBounce;top:22%}.dice-stage.landed .dice-fly.mine{animation:.9s cubic-bezier(.28,.84,.42,1) diceBounce;top:74%}@keyframes diceBounce{0%{transform:translate(-50%,-34px)scale(1.12)rotate(6deg)}22%{transform:translate(-50%)scale(.9,1.06)}40%{transform:translate(-50%,-18px)scale(1.04)rotate(-3deg)}58%{transform:translate(-50%)scale(.95,1.03)}74%{transform:translate(-50%,-7px)scale(1.01)}88%{transform:translate(-50%)scale(1)}to{transform:translate(-50%)scale(1)}}.dice-stage.reveal .dice-fly.theirs{top:26%;transform:translate(calc(100px - 50%))scale(1.1)}.dice-stage.reveal .dice-fly.mine{top:26%;transform:translate(calc(-50% - 100px))scale(1.1)}.dice-stage .dice-val{color:#fff;text-shadow:0 0 8px #000000e6;font-size:26px;font-weight:900}.dice-result{background:#0a0a0eeb;border:1px solid #ffd54a;border-radius:16px;flex-direction:column;align-items:center;gap:10px;min-width:280px;padding:14px 22px;animation:.5s ease-out diceResultIn;display:flex;position:absolute;top:58%;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #0009}@keyframes diceResultIn{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}.dice-vs.big{font-size:32px}.dice-winner{letter-spacing:.5px;font-size:16px;font-weight:900}.dice-winner.you{color:#ffd54a;text-shadow:0 0 10px #ffd54acc}.dice-winner.opp{color:#bae6fd;text-shadow:0 0 10px #bae6fdb3}.dice-winner.tie{color:var(--text-dim)}.dice-result .ca-btn{pointer-events:auto}@media (prefers-reduced-motion:reduce){.dice-fly,.dice-result{transition:none!important;animation:none!important}}.dice-choice{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.community-name-wrap{vertical-align:middle;align-items:center;gap:5px;display:inline-flex}.rank-badge{vertical-align:middle;background:#ffffff0f;border:1px solid #ffffff29;border-radius:4px;flex:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden;box-shadow:inset 0 0 0 1px #00000047}.rank-badge img{object-fit:contain;width:100%;height:100%;image-rendering:-webkit-optimize-contrast;display:block}.rank-badge.dragon{background:0 0;border:0;overflow:visible}.dragon-rank-art{image-rendering:-webkit-optimize-contrast;background-color:#070d1b;border:2px solid #e7b647;border-radius:5px;box-shadow:inset 0 0 0 1px #fff2b1,0 0 6px #f0b7308c}.dragon-rank-art.dragon-black{filter:brightness(.78)contrast(1.18);position:relative;box-shadow:inset 0 0 0 1px #fff2b1,0 0 8px #ffc32bbf}.dragon-rank-art.dragon-black:after{content:"";pointer-events:none;background:radial-gradient(#fff9bb 0 18%,#ffcb24 36%,#c48100 58%,#0000 76%);border-radius:50%;width:18%;height:16%;position:absolute;top:40%;left:60%;transform:rotate(-20deg);box-shadow:0 0 6px 2px #ffce28}.rank-badge.unranked{background:repeating-linear-gradient(45deg,#3a3f4b,#3a3f4b 3px,#333844 3px 6px);border-color:#ffffff1a}.ranks-tabs{gap:6px;margin-left:12px;display:inline-flex}.lb-sub{margin:4px 0 12px;font-size:12px}.lb-empty{border:1px dashed var(--border);background:var(--bg-2);border-radius:10px;padding:18px}.lb-league{margin-bottom:16px}.lb-league-head{align-items:center;gap:10px;margin:0 0 6px;display:flex}.lb-league-head h4{margin:0;font-size:15px}.lb-rows{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.lb-row{border:1px solid var(--border);background:#ffffff08;border-radius:8px;grid-template-columns:52px 1fr auto auto;align-items:center;gap:12px;padding:8px 12px;display:grid}.lb-row:hover{background:#ffffff0f}.lb-pos{color:var(--text-faint);font-variant-numeric:tabular-nums;font-weight:800}.lb-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.lb-score{color:#ffd54a;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:800}.lb-wl{white-space:nowrap;font-size:12px}@media (width<=640px){.lb-row{grid-template-columns:40px 1fr auto}.lb-wl{display:none}}.admin-shell{border:1px solid var(--border);background:var(--bg-2);border-radius:12px;grid-template-columns:210px 1fr;gap:0;min-height:70vh;display:grid;overflow:hidden}.admin-side{background:#0d0d14;border-right:1px solid #ffffff0d;flex-direction:column;gap:4px;padding:14px 10px;display:flex}.admin-brand{flex-direction:column;padding:6px 8px 12px;display:flex}.admin-brand strong{letter-spacing:.2em;font-size:13px}.admin-brand span{color:var(--text-faint);letter-spacing:.12em;text-transform:uppercase;font-size:9px}.admin-navitem{text-align:left;color:#ffffff73;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:9px;padding:9px 10px;font-size:13px;display:flex}.admin-navitem:hover{color:#fffc;background:#ffffff08}.admin-navitem.active{color:#0b0b12;background:#fff;font-weight:600}.admin-navitem .ai-ic{text-align:center;width:16px}.admin-main{min-width:0;padding:18px;overflow:auto}.admin-card{border:1px solid var(--border);background:#ffffff05;border-radius:10px;padding:14px}.admin-tiles{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:10px;display:grid}.admin-tile{border:1px solid var(--border);text-align:left;cursor:pointer;background:#ffffff08;border-radius:10px;flex-direction:column;gap:4px;padding:16px;display:flex}.admin-tile.warn{background:#ef444414;border-color:#f8717180}.admin-tile .at-n{color:#ffd54a;font-size:28px;font-weight:800}.admin-tile .at-l{color:var(--text-faint);font-size:12px}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:13px}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 10px}.admin-table th{color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.admin-table select{background:var(--bg-2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:4px 6px}.admin-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-account-form{margin:10px 0 14px}.admin-account-form h3,.admin-deck-create h3{margin-top:0}.admin-deck-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:end;gap:16px;margin:14px 0 18px;padding:0 2px 15px;display:flex}.admin-deck-heading .screen-title{margin:4px 0 6px}.admin-deck-heading p{color:var(--text-faint);margin:0;font-size:13px;line-height:1.5}.admin-deck-eyebrow,.admin-deck-step{color:var(--gold);letter-spacing:.12em;font-size:10px;font-weight:800}.admin-deck-count{border:1px solid var(--border);color:var(--text-faint);background:#ffffff0a;border-radius:99px;flex:none;padding:7px 10px;font-size:11px}.admin-manual-deck-toggle{background:linear-gradient(110deg,#c9a84c1f,#070c146b);border:1px solid #c9a84c66;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;margin:0 0 14px;padding:18px;display:flex}.admin-manual-deck-toggle div{gap:5px;display:grid}.admin-manual-deck-toggle strong{font-size:16px}.admin-manual-deck-toggle span:not(.admin-deck-step){color:var(--text-faint);font-size:12px}.admin-manual-deck-toggle .btn{flex:none}.admin-user-filters{margin:12px 0}.admin-row-actions{flex-wrap:wrap;align-items:center;gap:5px;min-width:300px;display:flex}.admin-deck-create{border-color:#c9a84c59;gap:16px;margin-bottom:14px;display:grid}.admin-deck-create .admin-section-head p{margin:5px 0 0;font-size:12px}.admin-deck-field,.admin-deck-search{color:var(--text);gap:7px;font-size:12px;font-weight:700;display:grid}.admin-deck-list-entry{grid-template-columns:minmax(0,1fr) 168px;align-items:start;gap:14px;display:grid}.admin-deck-leader-preview{border:1px solid var(--border);text-align:center;background:#0000002e;border-radius:9px;justify-items:center;gap:7px;padding:12px;display:grid}.admin-deck-leader-preview>span{color:var(--gold);letter-spacing:.08em;font-size:10px;font-weight:800}.admin-deck-leader-preview strong{font-size:12px}.admin-deck-leader-preview small{color:var(--text-faint);font-size:10px;line-height:1.4}.admin-deck-leader-image{aspect-ratio:63/88;border:1px solid var(--gold-dim);background:var(--bg-3);width:88px;color:var(--gold);border-radius:6px;place-items:center;font-size:10px;font-weight:900;display:grid;overflow:hidden}.admin-deck-leader-image img{object-fit:cover;width:100%;height:100%}.admin-deck-form-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-deck-form-foot span{color:var(--text-faint);font-size:11px}.admin-deck-create input,.admin-deck-create textarea,.admin-account-form input{border:1px solid var(--border);background:var(--bg-2);width:100%;color:var(--text);border-radius:7px;padding:8px 10px}.admin-deck-create textarea{resize:vertical;font:12px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}.admin-deck-grid{grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:12px;display:grid}.admin-owned-deck-head{grid-template-columns:52px minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.admin-owned-deck-title{gap:5px;min-width:0;display:grid}.admin-owned-deck-title h3{overflow-wrap:anywhere;margin:0}.admin-template-library{gap:14px;margin-bottom:14px;padding:18px;display:grid}.admin-template-library h3{margin:0}.admin-template-library p{margin:4px 0 0}.admin-deck-subhead{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding-top:12px;display:flex}.admin-deck-subhead span{color:var(--text-faint);font-size:11px}.admin-deck-owned-head{margin:20px 0 10px}.admin-deck-owned-head h3{margin:0;font-size:16px}.admin-library-title{color:var(--gold);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:12px}.admin-template-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;max-height:440px;padding:2px;display:grid;overflow:auto}.admin-template-card{border:1px solid var(--border);background:#0003;border-radius:10px;grid-template-columns:52px minmax(0,1fr);align-items:start;gap:12px;padding:12px;display:grid}.admin-template-card:hover{background:#c9a84c0d;border-color:#c9a84c80}.admin-template-card>.btn{grid-column:1/-1;justify-self:stretch}.admin-template-actions{flex-wrap:wrap;grid-column:1/-1;gap:6px;display:flex}.admin-template-actions .btn{flex:1;grid-column:auto;justify-content:center}.admin-major-deck{background:linear-gradient(135deg,#c9a84c1f,#0003);border-color:#c9a84c7a}.admin-leader-art{aspect-ratio:63/88;border:1px solid var(--gold-dim);background:var(--bg-3);width:52px;color:var(--gold);letter-spacing:.08em;border-radius:5px;place-items:center;font-size:7px;font-weight:900;display:grid;overflow:hidden}.admin-leader-art img{object-fit:cover;width:100%;height:100%}.admin-template-copy{gap:5px;min-width:0;padding-top:2px;display:grid}.admin-template-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.admin-template-copy span,.admin-template-copy small{color:var(--text-faint);font-size:11px;line-height:1.35}@media (width<=680px){.admin-deck-heading,.admin-manual-deck-toggle{flex-direction:column;align-items:stretch}.admin-deck-count{align-self:start}.admin-deck-list-entry{grid-template-columns:1fr}.admin-deck-leader-preview{text-align:left;grid-template-columns:88px 1fr;justify-items:start}.admin-deck-leader-preview>span{grid-column:1/-1}.admin-deck-leader-image{grid-row:2/4}}.admin-deck-list{max-height:320px;color:var(--text);white-space:pre-wrap;background:#0000003d;border-radius:7px;padding:10px;font-size:11px;line-height:1.4;overflow:auto}.admin-wrap-cell{min-width:260px;max-width:520px;white-space:normal!important}.u-name{align-items:center;gap:6px;display:inline-flex}.admin-matches{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.admin-match{border:1px solid var(--border);background:#ffffff08;border-radius:10px;flex-direction:column;gap:8px;padding:12px;display:flex}.admin-match.flag{background:#ef44440f;border-color:#f8717180}.am-head{justify-content:space-between;gap:8px;font-size:12px;display:flex}.am-mode{color:#ffd54a;font-weight:700}.am-status{color:var(--text-faint)}.am-seats{flex-direction:column;gap:4px;display:flex}.am-seat{align-items:center;gap:6px;font-size:13px;display:inline-flex}.am-foot{justify-content:space-between;align-items:center;gap:8px;display:flex}.am-rule{font-size:11px}.am-rule.ok,.ok-note{color:#6ee7a8}.am-rule.bad{color:#fca5a5}.sp-head{align-items:center;gap:12px;margin-bottom:10px;display:flex}.sp-status{border:1px solid var(--border);background:#ffd54a0f;border-radius:8px;margin-bottom:12px;padding:8px 12px;font-size:13px}.sp-status.ended{background:#6ee7a814}.sp-board{gap:12px;display:grid}.sp-seat{border:1px solid var(--border);background:#ffffff05;border-radius:10px;padding:12px}.sp-name{margin-bottom:8px}.sp-stats{flex-wrap:wrap;gap:8px 16px;font-size:13px;display:flex}.sp-refresh{color:#6ee7a8;white-space:nowrap;margin-left:auto;font-size:11px;font-weight:800}.sp-live-board{border:1px solid var(--border);background:#080a10;border-radius:12px;height:clamp(620px,100vh - 230px,900px);min-height:620px;padding:10px;overflow:hidden}.sp-live-board .table.table3{min-width:0;max-width:none;margin:0}.sp-live-board .sp-seat{padding:8px}.sp-live-board .sp-stats{gap:5px 10px;font-size:11px}.sp-live-board .table.read-only .card,.sp-live-board .table.read-only .matzone,.sp-live-board .table.read-only .avatar{cursor:default}.sp-broadcast-switch{border:1px solid var(--border);background:#ffd54a0d;border-radius:9px;align-items:center;gap:6px;margin:0 0 10px;padding:7px 9px;display:flex}.sp-broadcast-label{color:var(--text-faint);margin-right:4px;font-size:12px;font-weight:700}.sp-reveal{border:1px solid var(--gold);background:#111b29;border-radius:9px;gap:8px;margin:0 0 10px;padding:10px;display:grid}.sp-reveal strong{color:var(--gold)}.sp-reveal-cards{flex-wrap:wrap;gap:8px;max-height:210px;display:flex;overflow:auto}.app.app-screen-admin-match{grid-template-rows:minmax(0,1fr);height:100dvh}.app-screen-admin-match>.board-wrap{min-height:0;padding:0;overflow:hidden}.admin-match-screen{flex-direction:column;gap:4px;height:100%;min-height:0;padding:6px;display:flex}.admin-match-screen .sp-head{flex:none;margin:0}.admin-match-screen .sp-head .screen-title{font-size:18px}.admin-match-screen .sp-broadcast-switch{flex:none;margin:0;padding:3px 8px}.admin-match-screen .sp-status{white-space:nowrap;flex:none;margin:0;padding:3px 8px;overflow:auto}.admin-match-stage{flex:auto;min-width:0;min-height:0;position:relative;overflow:hidden}.admin-match-screen .sp-live-board{height:100%;min-height:0;padding:4px}.admin-floating-log{z-index:30;border:1px solid var(--border);background:#08121df2;border-radius:9px;flex-direction:column;width:min(320px,100% - 24px);max-height:calc(100% - 24px);display:flex;position:absolute;bottom:12px;right:12px;overflow:hidden;box-shadow:0 6px 24px #0008}.admin-floating-log-head{flex:none;align-items:center;gap:4px;padding:3px 5px;display:flex}.admin-log-grip{min-width:0;color:var(--gold);cursor:grab;text-align:left;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;flex:1;font-size:11px}.admin-log-grip:active{cursor:grabbing}.admin-floating-log-body{overscroll-behavior:contain;overflow-anchor:none;height:160px;min-height:0;padding:4px 7px;overflow:auto}.admin-floating-log-body .log-line{overflow-wrap:anywhere;font-size:10px}.admin-floating-log-body .lt{font-size:9px}@media (width<=1100px){.admin-shell{grid-template-columns:170px minmax(0,1fr)}.sp-live-board{height:auto;min-height:0;overflow:auto}.sp-live-board .table.table3{grid-template-rows:auto auto;grid-template-columns:minmax(180px,220px) minmax(640px,1fr);min-width:850px;height:auto}.sp-live-board .col-right{grid-column:1/-1}}@media (width<=720px){.admin-shell{border-radius:0;grid-template-columns:1fr}.admin-side{z-index:20;flex-flow:row;padding:8px;position:sticky;top:0;overflow-x:auto}.admin-brand{display:none}.admin-navitem{flex:none}.admin-main{padding:12px}.sp-head{flex-wrap:wrap;align-items:flex-start}.sp-refresh{margin-left:0}}.table3 .col-center{position:relative}.attack-arrow-host{pointer-events:none;z-index:6;position:absolute;inset:0}.attack-arrow{pointer-events:none;filter:drop-shadow(0 0 6px #ff3b3099);width:100%;height:100%;animation:1s ease-in-out infinite atkPulse;position:absolute;inset:0;overflow:visible}@keyframes atkPulse{0%,to{opacity:.95}50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.attack-arrow{animation:none}}.fx-controls{flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0;display:flex}.fx-evidence,.fx-definitions{margin:10px 0;font-size:12px;line-height:1.6}.fx-evidence code{white-space:pre-wrap;color:var(--text-faint);margin-top:6px;display:block}.fx-warning{color:#f0a500}.fx-definitions p{margin:5px 0}.fx-search{background:var(--bg-2);min-width:200px;color:var(--text);border:1px solid var(--border);border-radius:8px;flex:260px;padding:8px 10px}.fx-controls select{background:var(--bg-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 10px}.admin-regulations{gap:14px;display:grid}.admin-regulations .admin-card{min-width:0}.admin-regulations label{gap:6px;font-size:12px;font-weight:700;display:grid}.admin-regulations input,.admin-regulations select{background:var(--bg-2);width:100%;min-width:0;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:9px 10px}.regulation-counts{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0;display:grid}.regulation-counts .admin-tile{text-align:left;gap:3px;display:grid}.regulation-counts .admin-tile strong{font-size:21px}.regulation-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0;display:grid}.regulation-fields .regulation-reason{grid-column:1/-1}.regulation-filters{flex-wrap:wrap;gap:8px;display:flex}.regulation-filters input,.regulation-filters select{width:auto}.regulation-list{gap:6px;max-height:570px;display:grid;overflow:auto}.regulation-row{border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:9px 11px;display:flex}.regulation-row>div{gap:3px;min-width:0;display:grid}.regulation-row span,.regulation-row small{color:var(--text-muted);font-size:11px}@media (width<=800px){.regulation-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.regulation-fields{grid-template-columns:1fr}}.admin-effect-lab{gap:14px;display:grid}.admin-effect-lab input,.admin-effect-lab select{background:var(--bg-2);min-width:0;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:9px 10px}.admin-effect-lab label{gap:5px;font-size:12px;font-weight:700;display:grid}.lab-add-form{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.lab-add-form h3{width:100%;margin:0}.lab-add-form label{flex:130px}.lab-add-form label:has(input){flex:3 220px}.lab-controls,.lab-choice{gap:10px;display:grid}.lab-actions,.lab-attack,.lab-options{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.lab-boards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.lab-boards>section{min-width:0}.lab-boards h3,.lab-zone h4{margin:0 0 8px}.lab-leader{align-items:center;gap:10px;margin:8px 0 14px;display:flex}.lab-zone{border-top:1px solid var(--border);padding:10px 0}.lab-cards{flex-wrap:wrap;gap:8px;display:flex}.lab-card{border:1px solid var(--border);background:var(--bg-2);text-align:center;border-radius:8px;justify-items:center;gap:5px;width:132px;padding:6px;font-size:11px;display:grid}.lab-card>span{overflow-wrap:anywhere}.lab-card-actions{gap:4px;width:100%;display:grid}.lab-card-actions .btn{padding:4px;font-size:10px}.lab-events{gap:6px;max-height:320px;display:grid;overflow:auto}.lab-events>div{border:1px solid var(--border);border-radius:7px;padding:8px;font-size:11px}.lab-events pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px}.lab-don-control,.lab-move-control{flex-wrap:wrap;align-items:end;gap:5px;display:flex}.lab-don-control label{gap:2px;font-size:11px;display:grid}.lab-don-control input{width:64px}.lab-move-control select{min-width:0;max-width:100%;font-size:11px}.lab-card-info{overflow-wrap:anywhere;text-align:left;max-width:100%}.lab-card-info p{margin:6px 0}.lab-option-card{overflow-wrap:anywhere;justify-items:center;gap:4px;max-width:170px;display:grid}.queue-regulation-error{margin-top:10px;display:block}.queue-regulation-error ul{max-height:180px;margin:7px 0;padding-left:20px;overflow:auto}.lab-quick-add{flex-wrap:wrap;align-items:end;gap:12px;margin:10px 0;display:flex}.lab-quick-add label{gap:5px;display:grid}.lab-quick-add label:first-child{flex:260px}.lab-quick-add input{width:100%}.lab-quick-add .muted{flex:180px;font-size:12px}.lab-arena{background:radial-gradient(circle at 50% 48%,#457a8833,#0000 55%),#061422;border:2px solid #e1b9658c;border-radius:14px;gap:8px;min-width:0;margin:10px 0;padding:10px;display:grid;box-shadow:0 18px 40px #0006}.lab-player-mat{background:linear-gradient(90deg,#040f1ad9,#040f1aab),url(/playmats/one-piece-ace-inferno.webp) 50%/cover;border:1px solid #b4cdd86b;border-radius:12px;flex-direction:column;gap:8px;min-width:0;padding:10px;display:flex}.lab-player-mat.opponent{background-image:linear-gradient(90deg,#040f1ad9,#040f1aab),url(/playmats/one-piece-robin-hana.webp)}.lab-player-mat.active{border-color:#e5b557;box-shadow:inset 0 0 0 1px #e5b5577a,0 0 20px #e5b55721}.lab-mat-head,.lab-battle-line{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.lab-mat-head strong{color:#ffe2a0}.lab-mat-head span{color:#d7e2e8;font-size:12px}.lab-battle-line{color:#ffe2a0;background:#07111a;border:1px solid #e5b5578c;border-radius:8px;padding:7px 14px;font-size:12px}.lab-mat-table{grid-template-columns:minmax(75px,.9fr) minmax(0,7fr) minmax(78px,1fr);gap:9px;min-width:0;display:grid}.lab-mat-life,.lab-mat-core,.lab-mat-piles,.lab-mat-hand{background:#030a1085;border:1px solid #d1e5ec38;border-radius:7px;min-width:0;padding:6px}.lab-mat-life>small,.lab-mat-characters>small,.lab-mat-piles small,.lab-mat-backline small,.lab-mat-hand>small{color:#e8c985;letter-spacing:.06em;white-space:nowrap;justify-content:space-between;align-items:center;min-height:22px;font-size:10px;display:flex}.lab-mat-stack{flex-direction:column;align-items:center;gap:2px;max-height:190px;display:flex;overflow:auto}.lab-mat-stack .card{flex:none;width:49px;height:68px}.lab-mat-characters-row{justify-content:center;align-items:center;gap:5px;min-height:103px;display:flex;overflow-x:auto}.lab-mat-characters-row .card,.lab-mat-backline .card,.lab-mat-piles .card,.lab-mat-hand .card{flex:none;width:68px;height:94px}.lab-mat-backline{grid-template-columns:auto auto minmax(110px,1fr);align-items:start;gap:8px;margin-top:6px;display:grid}.lab-mat-backline>div{min-width:0}.lab-mat-don{align-content:start;gap:5px;display:grid}.lab-mat-don .lab-don-control{align-items:end}.lab-mat-don .lab-don-control label{color:#eff5fa}.lab-mat-don>div:last-child{flex-wrap:wrap;gap:3px;display:flex}.lab-mat-don i{background:#e5d59e;border:1px solid #e7d69d;border-radius:2px;width:15px;height:22px;display:block}.lab-mat-don i.rested{opacity:.6;transform:rotate(70deg)}.lab-mat-piles{flex-direction:column;justify-content:space-between;align-items:center;display:flex}.lab-mat-piles>div{justify-items:center;display:grid}.lab-mat-hand>div{gap:5px;min-height:100px;padding-bottom:3px;display:flex;overflow-x:auto}.lab-player-mat.opponent .lab-mat-hand{order:-1}.lab-mat-empty{color:#eae7d55c;border:1px dashed #e2ddc34d;border-radius:6px;flex:0 0 68px;place-items:center;width:68px;height:94px;font-size:24px;display:grid}.lab-zone-add{color:#ffe3a6;cursor:pointer;background:#1c3141;border:1px solid #e3b964;border-radius:4px;width:20px;height:20px;padding:0;font-weight:800}.lab-zone-add:disabled{opacity:.35;cursor:default}.lab-inspector{gap:8px;margin:10px 0;display:grid}.lab-inspector>div:first-child{gap:4px;display:grid}.lab-inspector p{margin:4px 0;font-size:12px}.lab-attach{align-items:center;gap:5px;font-size:12px;display:flex}.lab-attach input{width:52px}.lab-effect-status{flex-wrap:wrap;gap:5px;font-size:11px;display:flex}.lab-effect-status span{border:1px solid var(--border);border-radius:5px;padding:4px 6px}.lab-advanced>summary{cursor:pointer}.lab-advanced .lab-boards{margin-top:12px}.lab-start{gap:16px;display:grid}.lab-start>.btn{justify-self:center;min-width:220px}.lab-leader-pickers{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.lab-leader-picker{background:#020d1773;border:1px solid #d7ba7173;border-radius:10px;align-content:start;gap:9px;min-width:0;padding:12px;display:grid}.lab-leader-picker h3{color:#ffdc8c;margin:0}.lab-leader-picked{align-items:center;gap:12px;min-height:90px;display:flex}.lab-leader-picked img{object-fit:cover;border-radius:4px;width:62px;height:86px}.lab-leader-picked>div{gap:3px;display:grid}.lab-leader-picked small{color:#d8ad67;letter-spacing:.1em}.lab-leader-picked strong{font-size:16px}.lab-leader-picked span{color:#d3e5ed;font-size:13px}.lab-leader-picker label{gap:5px;display:grid}.lab-leader-picker input,.lab-leader-picker select{width:100%;min-width:0}.lab-leader-picker select{min-height:225px;overflow:auto}.lab-leader-picker option{padding:4px 7px}@media (width<=700px){.lab-leader-pickers{grid-template-columns:1fr}.lab-mat-table{grid-template-columns:58px minmax(0,1fr) 65px;gap:4px}.lab-player-mat{padding:5px}.lab-mat-characters-row .card,.lab-mat-backline .card,.lab-mat-piles .card,.lab-mat-hand .card{width:51px;height:70px}.lab-mat-empty{flex-basis:51px;width:51px;height:70px}.lab-mat-backline{grid-template-columns:auto auto minmax(75px,1fr)}.lab-mat-don .lab-don-control input{width:48px}}@media (width<=900px){.lab-boards{grid-template-columns:1fr}}.fx-table td{vertical-align:top}.fx-text{white-space:normal;max-width:460px;color:var(--text-faint);font-size:12px}.fx-b{border:1px solid var(--border);border-radius:5px;margin:0 4px 2px 0;padding:1px 5px;font-size:11px;display:inline-block}.fx-b.ok{color:#6ee7a8;border-color:#6ee7a866}.fx-b.no{color:#fca5a5;border-color:#f8717166}.fx-status{font-size:12px;font-weight:700}.fx-status.s-automated{color:#6ee7a8}.fx-status.s-choice{color:#ffd54a}.fx-status.s-activation{color:#8fbaff}.fx-status.s-partial{color:#f0a500}.fx-status.s-manual{color:#fca5a5}.fx-status.s-vanilla{color:var(--text-faint)}.board-wrap.match-mode .table.table3{grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:12px}.board-wrap.match-mode .table3 .col-center{grid-column:1;padding-top:0;overflow:visible}.board-wrap.match-mode .table3 .col-center>.opp-hand{z-index:12;pointer-events:none;width:min(72%,620px);height:72px;padding:0;position:absolute;top:4px;left:50%;transform:translate(-50%)}.board-wrap.match-mode .table3 .col-center>.opp-hand .hand-back{border-radius:7px;width:52px;height:73px;margin:0 -6px}.board-wrap.match-mode .table3 .col-center>.opp-hand .hand-count-badge{top:8px;right:4px}.board-wrap.match-mode .table3 .col-center .playmat{width:100%;max-width:none}.board-wrap.match-mode .table3 .col-right{flex-direction:column;grid-column:2;gap:8px;display:flex;overflow:hidden}.table3 .col-right .col-actions{display:contents}.board-wrap.match-mode .table3 .mat-board-actions{box-sizing:border-box;z-index:12;overscroll-behavior:contain;scrollbar-width:thin;background:#05131df0;border:1px solid #be9b5db3;border-radius:8px;width:21%;height:41%;padding:5px;position:absolute;top:36%;left:68.5%;overflow:auto;box-shadow:0 5px 14px #0009}.mat-board-actions .board-actions-content{gap:5px;min-width:0;font-size:10px}.mat-board-actions .card-actions{box-sizing:border-box;gap:4px;width:100%;max-width:none;padding:6px}.mat-board-actions .card-action-empty{color:var(--text-faint);line-height:1.25}.mat-board-actions .battle-bar{order:-1}.mat-board-actions .ca-btn,.mat-board-actions .btn{padding:4px 6px;font-size:10px}.mat-board-actions .targeting-banner{flex-wrap:wrap}.table3 .col-right .col-log{background:#08111b;border-color:#ffffff1a;flex:170px;order:2;min-height:120px;max-height:none;overflow:auto}.table3 .col-right .you-hand{min-height:198px;box-shadow:none;contain:none;background:0 0;border:0;border-radius:0;flex:none;order:4;padding:0 0 30px;overflow:visible}.table3 .col-right .you-hand .hand-label{text-align:left;background:0 0;margin:0 0 2px;padding:3px 0;position:static}.table3 .col-right .hand-grid{--hand-card-width:120px;box-sizing:border-box;width:calc(100% - 20px);min-height:168px;margin-inline:10px;padding:8px 4px 4px;position:relative;overflow:visible}.board-wrap.match-mode .table3 .col-right .you-hand .hand-card .card{width:120px;height:168px}.table3 .col-right .actions-col>:not(.matchmenu):not(.card-actions):not(.card-action-empty){order:1}.table3 .col-right .actions-col>.battle-bar{order:-1}.table3 .col-right .matchmenu{border:1px solid var(--border);background:#08111b;border-radius:9px;order:0;margin-top:0;padding:8px}.table3 .col-right .side-inline{order:1}.table3 .col-right .card-actions,.table3 .col-right .card-action-empty{background:#08111b;border:1px solid #cd9145b3;border-radius:9px;flex:none;order:3;max-width:none;max-height:210px;overflow:auto}.table3 .col-right .card-action-empty{color:var(--text-faint);padding:14px;font-size:12px}.ca-text{flex-direction:column;gap:4px;display:flex}.ca-text strong{color:#f0c96c;text-transform:uppercase;letter-spacing:.06em;font-size:10px}.ca-text small{color:var(--text-faint);font-size:9px}.hand-drag-handle{z-index:148;cursor:grab;touch-action:none;background:#fff;border:2px solid #d7dde3;border-radius:50%;width:16px;height:16px;padding:0;position:absolute;bottom:-20px;left:50%;transform:translate(-50%);box-shadow:0 0 8px #ffffffd1,0 3px 8px #000000b8}.hand-drag-handle:active{cursor:grabbing}.table3 .hand-grid.is-floating{z-index:120;filter:drop-shadow(0 12px 18px #000c);margin:0!important;position:fixed!important}.card.has-art{background:0 0;padding:0}.card.has-art .card-art{object-fit:contain;background:0 0}.card.has-art .cname,.card.has-art .cbtm,.card.has-art .cost-pip,.card.has-art .counter-pip{display:none}.choice-card .card.card-lg{width:104px;height:146px}.board-wrap.match-mode .matzone.mz-chars>.mz-content{inset:1px}.board-wrap.match-mode .matzone.mz-chars>.mz-content>.mz-chars{inset:0}.board-wrap.match-mode .matzone.mz-chars .mz-charslot{padding:0}.board-wrap.match-mode .matzone.mz-chars .card.card-fit{width:auto;max-width:100%;height:100%;max-height:100%}.table3 .you-hand.can-reorder .hand-card[draggable=true]{cursor:grab}.table3 .you-hand.can-reorder .hand-card[draggable=true]:active{cursor:grabbing}.table3 .you-hand.reorder-locked .hand-card{cursor:not-allowed}@media (width>=1500px){.board-wrap.match-mode .table.table3{grid-template-columns:minmax(0,1fr) minmax(320px,380px)}.table3 .col-right .hand-grid{--hand-card-width:134px}.board-wrap.match-mode .table3 .col-right .you-hand .hand-card .card{width:134px;height:187px}.choice-card .card.card-lg{width:116px;height:162px}.board-wrap.match-mode .table3 .col-center>.opp-hand .hand-back{width:60px;height:84px}}@media (width<=900px){.board-wrap.match-mode{overflow:auto}.board-wrap.match-mode .table.table3{grid-template-rows:auto auto;grid-template-columns:minmax(680px,1fr);min-width:680px;height:auto}.board-wrap.match-mode .table3 .col-right{grid-column:1;overflow:visible}.table3 .col-right .col-actions,.table3 .col-right .col-log{max-height:none}}.topnav{scrollbar-width:thin;min-width:0;overflow-x:auto}.topnav .navbtn{white-space:nowrap;flex:none}.rules-guide{color:#e8e8e9;width:min(1080px,100%);padding:18px 18px 72px;line-height:1.65}.rules-hero{background:linear-gradient(125deg,#451317e0,#090f1bf2 65%);border:1px solid #e8b25661;border-radius:6px 24px;padding:clamp(24px,5vw,52px);box-shadow:0 18px 50px #00000059}.rules-kicker{color:#efbd6e;letter-spacing:.18em;font-size:11px;font-weight:800}.rules-hero h1{color:#fff2d3;margin:9px 0 10px;font:700 clamp(30px,5vw,48px) Georgia,serif}.rules-hero p{color:#d9dce2;max-width:780px;margin:0;font-size:16px}.rules-index{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.rules-index a{color:#f7d596;background:#00000040;border:1px solid #e6b76359;border-radius:4px;padding:7px 11px;font-size:12px;font-weight:700;text-decoration:none}.rules-index a:hover,.rules-index a:focus-visible{background:#97412466;border-color:#f7d596}.rules-section{background:#070d17eb;border:1px solid #e8b25633;border-left:3px solid #bd7f39;border-radius:4px 14px;margin-top:16px;padding:clamp(20px,3vw,34px);scroll-margin-top:78px}.rules-section h2{color:#f7d596;margin:0 0 12px;font:700 clamp(22px,3vw,29px) Georgia,serif}.rules-section h3{color:#fff1c8;margin:0 0 4px;font-size:16px}.rules-section p{margin:10px 0 0}.rules-section ol{margin:10px 0 0;padding-left:25px}.rules-section li{margin:9px 0;padding-left:5px}.rules-section li::marker{color:#edbd74;font-weight:800}.rules-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.rules-grid>div{background:#ffffff09;border:1px solid #bb8d4e3d;border-radius:5px;padding:16px}.rules-grid p{margin:0}.rules-note{background:#965b1f21;border-left:3px solid #e6ae5d;padding:13px 16px}.rules-terms{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0;display:grid}.rules-terms>div{background:#ffffff09;border:1px solid #bb8d4e3d;border-radius:5px;padding:13px 15px}.rules-terms dt{color:#f7d596;font-weight:800}.rules-terms dd{margin:4px 0 0}.rules-source{color:#bbc1cc;border-top:1px solid #e8b25633;padding-top:14px;font-size:13px}.rules-source a{color:#f8d492}@media (width<=680px){.rules-guide{padding-inline:8px}.rules-grid,.rules-terms{grid-template-columns:1fr}.rules-hero,.rules-section{padding:20px}}.mat-chip{width:calc(10% - 4px);transform:none}.mat-chip.flip{width:calc(14% - 4px)}.mat-chip .profile-chip{width:100%;min-width:0;display:flex;overflow:hidden}.mat-chip .pc-text,.mat-chip .pc-name,.mat-chip .community-name-wrap{min-width:0;max-width:100%}.mat-chip .community-author-line{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mat-chip .pc-tier{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mat-chip .pc-avatar-btn,.mat-chip .community-name-wrap>:first-child:not(.community-author-line){flex:none}@media (width>=901px){.board-wrap.match-mode .table.table3.layout-inverted{grid-template-columns:minmax(280px,340px) minmax(0,1fr)}.board-wrap.match-mode .table3.layout-inverted .col-right{grid-area:1/1}.board-wrap.match-mode .table3.layout-inverted .col-center{grid-area:1/2}}@media (width>=1500px){.board-wrap.match-mode .table.table3.layout-inverted{grid-template-columns:minmax(320px,380px) minmax(0,1fr)}}.brand .mark.mark-image{object-fit:contain;border-radius:3px;width:38px;height:26px;padding:0;display:block;box-shadow:none!important;background:0 0!important;border:0!important}.home-logo .home-mark-image,.home-login-screen .home-mark.home-mark-image,.home-entered .home-mark.home-mark-image{object-fit:contain;border-radius:0;width:90px;height:61px;padding:0;display:block;box-shadow:none!important;background:0 0!important;border:0!important}.mfa-secret{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;max-width:100%;padding:8px;display:block}.myprofile .db-panel section{gap:10px;margin-top:16px;display:grid}.myprofile .db-panel section label{gap:5px;display:grid}.myprofile .db-panel section .home-input{box-sizing:border-box;width:100%;min-width:0}.social-chat.floating{z-index:1100;color:#e9f4ff;width:min(380px,100vw - 28px);font:13px system-ui,sans-serif;position:fixed;bottom:12px;right:14px}.social-chat.floating.collapsed{width:40px;height:40px}.social-chat.embedded{color:#e9f4ff;width:100%;max-width:850px}.social-toggle{color:#e9f4ff;cursor:pointer;background:#0b2535;border:1px solid #6b9ab4;border-radius:9px;margin-left:auto;padding:10px 16px;font-weight:700;display:block;box-shadow:0 4px 18px #0009}.social-chat.collapsed .social-toggle{border-radius:50%;width:40px;height:40px;padding:0;font-size:18px;line-height:1}.social-panel{background:#071723;border:1px solid #49728e;border-radius:10px;margin-bottom:7px;overflow:hidden;box-shadow:0 12px 32px #000b}.social-head,.social-tools,.social-contact,.social-compose,.social-panel .admin-section-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.social-head{background:#123044;padding:10px 12px}.social-head button,.social-tools button,.social-contact button,.social-feedback button,.social-compose button{color:#e9f4ff;cursor:pointer;background:#143043;border:1px solid #46647a;border-radius:5px;padding:4px 7px}.social-tools{border-bottom:1px solid #294859;padding:7px 10px}.social-tools span,.social-contact small{color:#9cb2c1;font-size:11px}.social-feedback{background:#224257;border-radius:5px;margin:5px 9px;padding:6px}.social-feedback button{float:right}.social-sections{gap:6px;padding:8px 9px 0;display:flex}.social-sections button{color:#e9f4ff;cursor:pointer;background:#102b3b;border:1px solid #46647a;border-radius:6px;flex:1;padding:6px}.social-sections button.active{color:#ffe4a5;background:#23404d;border-color:#e7bd6a}.social-search{box-sizing:border-box;color:#fff;background:#07131c;border:1px solid #44667c;border-radius:5px;width:calc(100% - 18px);margin:8px 9px;padding:7px}.social-body{min-height:250px;max-height:410px;display:flex}.social-contacts{width:100%;padding:0 9px 9px;overflow:auto}.social-conversation{border-left:1px solid #31516a;flex-direction:column;width:58%;min-width:0;padding:0 8px 8px;display:flex}.social-conversation+.social-contacts{width:42%}.social-body:has(.social-conversation) .social-contacts{width:42%}.social-contact{padding:4px 0}.social-contact>button:first-child{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.social-contact button:disabled{opacity:.65;cursor:default}.social-contact>.social-presence+button{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.social-contact>span:not(.social-presence){text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.social-presence{border:1px solid #081824;border-radius:50%;flex:none;width:9px;height:9px}.social-presence.on{background:#39d978;box-shadow:0 0 6px #39d978}.social-presence.off{background:#dc4852;box-shadow:0 0 6px #dc4852}.social-contacts h4,.social-conversation h4{margin:8px 0}.social-messages{flex-direction:column;flex:1;gap:6px;min-height:150px;max-height:280px;display:flex;overflow:auto}.social-bubble{overflow-wrap:anywhere;background:#1b3c52;border-radius:8px;align-self:flex-start;max-width:90%;padding:6px 8px}.social-bubble.mine{background:#205a68;align-self:flex-end}.social-bubble time{color:#b8cbd3;margin-top:3px;font-size:10px;display:block}.social-compose{align-items:stretch;margin-top:6px}.social-compose textarea{resize:vertical;color:#fff;background:#0a1a25;border:1px solid #46647a;border-radius:5px;flex:1;min-width:0;min-height:37px}.social-report{padding:10px}.social-report label{display:block}.social-report textarea{box-sizing:border-box;color:#fff;resize:vertical;background:#0a1a25;border:1px solid #46647a;border-radius:5px;width:100%;min-height:125px;margin:6px 0;display:block}.admin-reports{gap:12px;display:grid}.admin-report-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.admin-official-characters{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:18px;display:grid}.official-character{min-width:0}.official-character h3{margin:0}.official-character-reference{background:var(--bg-2);border:1px solid var(--border);border-radius:8px;place-items:center;margin:12px 0 8px;display:grid;overflow:hidden}.official-character-reference img{object-fit:contain;width:100%;height:360px;display:block}.official-character dl{margin:16px 0 0;font-size:13px;line-height:1.55}.official-character dt{color:var(--gold);margin-top:12px;font-weight:700}.official-character dd{overflow-wrap:anywhere;margin:4px 0 0}.official-character-art{gap:12px;display:grid}.official-character-art figure{margin:0}.official-character-art img{object-fit:contain;background:var(--bg-2);border:1px solid var(--border);border-radius:8px;width:100%;display:block}.official-character-art figure:first-child img{aspect-ratio:1;width:min(100%,220px)}.official-character-art figcaption{color:var(--text-dim);margin-top:6px;font-size:12px}@media (width<=600px){.social-chat.floating{width:calc(100vw - 10px);bottom:5px;right:5px}.social-body{max-height:55vh}.social-body:has(.social-conversation) .social-contacts{width:35%}.social-conversation{width:65%}.social-chat.floating.collapsed{width:40px}}.table3 .col-right .you-hand.hand-espalhada .hand-grid{z-index:50;box-sizing:border-box;background:0 0;flex-wrap:nowrap;justify-content:center;align-items:end;gap:2px;width:max-content;max-width:calc(100vw - 72px);min-height:0;margin:0;padding:8px 4px;display:flex;position:fixed;bottom:12px;right:58px;overflow:visible}.table3 .col-right .you-hand.hand-espalhada .hand-grid.is-floating{bottom:auto;right:auto}.table3 .you-hand.hand-espalhada .hand-card{flex:0 1 var(--hand-card-width);min-width:0;width:var(--hand-card-width);transform-origin:50%;height:max-content;display:block;z-index:auto!important;transform:none!important}.board-wrap.match-mode .table3 .col-right .you-hand.hand-espalhada .hand-card .card{box-sizing:border-box;aspect-ratio:5/7;width:100%;height:auto;display:block}.table3 .you-hand.hand-espalhada .hand-drag-handle{bottom:-8px}.table3 .you-hand.hand-espalhada .hand-card:hover,.table3 .you-hand.hand-espalhada .hand-card.is-selected{transform:none!important}.table3 .you-hand.hand-espalhada .hand-card.is-selected{filter:drop-shadow(0 0 8px #ffd54acc)}.table3 .you-hand.hand-espalhada .hand-card .card:hover,.table3 .you-hand.hand-espalhada .hand-card .card.staged-counter{transform:none}.hand-settings{color:var(--text);gap:8px;display:grid}.hand-settings p{color:var(--text-dim);margin:0 0 3px}.hand-settings label{cursor:pointer;align-items:center;gap:7px;display:flex}.hand-settings section{border:1px solid var(--border);background:#081b29;border-radius:8px;gap:8px;padding:10px;display:grid}.hand-settings section strong{color:#ffe0a2}.hand-settings section .btn{justify-self:start}.table3 .you-hand .hand-card.is-dragging{opacity:.5}.table3 .you-hand .hand-card.drop-before:before,.table3 .you-hand .hand-card.drop-after:after{content:"";pointer-events:none;z-index:150;background:#ffe177;border-radius:3px;width:3px;position:absolute;top:8px;bottom:8px;box-shadow:0 0 8px #ffc94d}.table3 .you-hand .hand-card.drop-before:before{left:-4px}.table3 .you-hand .hand-card.drop-after:after{right:-4px}.table3 .col-right .col-battle{flex:none;order:3;min-width:0}.table3 .col-right .col-battle .battle-bar{flex-direction:column;align-items:stretch;gap:6px;min-width:0;margin-bottom:0}.table3 .col-right .col-battle .battle-steps,.table3 .col-right .col-battle .controls{flex-wrap:wrap}.card.attack-declared{border-color:#ffd54a;animation:1.1s ease-in-out infinite drawPulse;box-shadow:0 0 0 2px #ffd54a,0 0 22px 6px #ffd54a8c}@media (prefers-reduced-motion:reduce){.card.attack-declared{animation:none}}.admin-cosmetic-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin:16px 0;display:grid}.admin-cosmetic-grid .admin-card{flex-direction:column;gap:10px;min-width:0;display:flex}.admin-cosmetic-grid .admin-card p{overflow-wrap:anywhere}.admin-cosmetic-grid small{overflow-wrap:anywhere;color:var(--muted)}.admin-cosmetic-grid .btn{margin-top:auto}.admin-cosmetic-art{aspect-ratio:16/9;object-fit:cover;border-radius:10px;width:100%}.admin-cosmetic-art.avatar{aspect-ratio:1}.admin-cosmetic-art.dice{color:#fff;place-items:center;width:80px;height:80px;font-size:54px;display:grid}.admin-cosmetic-equipped{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;display:grid}.admin-cosmetic-equipped .admin-cosmetic-art{max-width:180px;margin-top:8px;display:block}@media (width>=901px) and (width<=1100px){.admin-match-screen .sp-live-board .table.table3{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(280px,340px);min-width:0;height:100%}.admin-match-screen .sp-live-board .col-right{grid-column:auto}}.admin-cosmetic-actions{align-items:center;gap:6px;margin-top:auto;display:flex}.admin-cosmetic-actions .btn{flex:1;min-width:0;padding:6px 8px;font-size:11px}.admin-permission-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:16px 0;display:grid}.admin-permission-option{align-items:flex-start;gap:10px;display:flex}.admin-permission-option input{margin-top:4px}.admin-permission-option small{color:var(--text-faint);margin-top:4px;display:block}.admin-config-fields{border:0;min-width:0;margin:16px 0;padding:0}.admin-config-options{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;max-height:320px;margin:12px 0;display:grid;overflow:auto}.admin-config-options label{align-items:flex-start;gap:8px;display:flex}.admin-config-options small{color:var(--text-faint);display:block}.admin-config-inputs{flex-wrap:wrap;gap:16px;margin:12px 0;display:flex}.admin-config-inputs label{gap:6px;display:grid}.admin-config-mode{flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0;display:flex}.admin-config-mode label{min-width:200px}.admin-config-announcement,.admin-config-history{border-bottom:1px solid var(--border);padding:12px 0}.admin-config-announcement textarea{box-sizing:border-box;width:100%;min-height:72px}.board-wrap.match-mode .table3 .col-right .col-log.player-match-log{overflow-wrap:anywhere;flex:0 min(450px,45vh);min-height:90px;max-height:min(450px,45vh);overflow:hidden auto}.action-panel.choice .choice-heading{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.action-panel.choice .choice-collapse-toggle{text-transform:none;flex:none;margin-left:auto;padding:3px 8px;font-size:11px}.action-panel.choice.choice-collapsed>:not(.ap-title){display:none!important}.effect-choice-modal-host .action-panel.choice.choice-collapsed{height:auto;min-height:0;transform:translateY(calc(50% - var(--choice-expanded-half-height,0px)));padding-top:8px;padding-bottom:8px}.action-panel.choice .choice-heading:active{cursor:grabbing}.action-panel.choice .choice-collapse-toggle{cursor:pointer;touch-action:auto}.announcement-modal-backdrop{z-index:1200;background:#000000a6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.announcement-modal{box-sizing:border-box;width:min(560px,100%);max-height:calc(100dvh - 40px);color:var(--text);background:linear-gradient(145deg,#102b3f,#091321 60%);border:1px solid #c9a84c;border-radius:12px;padding:30px;animation:6s ease-in-out infinite announcement-frame-light;position:relative;overflow:auto;box-shadow:0 18px 60px #00000080,0 0 18px #c9a84c26}.announcement-modal:before{content:"";pointer-events:none;border:1px solid #9edcff2e;border-color:#c9a84c73 #9edcff2e #9edcff59;border-radius:7px;position:absolute;inset:7px}.announcement-modal-kicker{color:#9edcff;letter-spacing:.18em;margin-bottom:8px;font-size:10px;font-weight:800;position:relative}.announcement-modal h2{color:#e8bd6b;margin:0 0 18px}.announcement-modal-message{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:24px;line-height:1.6}.announcement-modal .btn{margin-left:auto;display:block}@keyframes announcement-frame-light{0%,to{box-shadow:0 18px 60px #00000080,0 0 16px #c9a84c1f}50%{box-shadow:0 18px 60px #00000080,0 0 22px #9edcff38}}@media (prefers-reduced-motion:reduce){.announcement-modal{animation:none}}.field-card-display{justify-content:center;align-items:center;height:100%;display:inline-flex;position:relative}.card-combat-power{z-index:8;color:#ffe8a0;text-shadow:0 1px 3px #000;box-shadow:none;pointer-events:none;background:0 0;border:none;border-radius:5px;padding:1px 7px;font-size:clamp(17.5px,2.0625vw,31.25px);font-weight:900;line-height:1.1;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.effect-ribbon.effect-restricted{text-shadow:0 1px 2px #000;box-shadow:none;white-space:normal;text-overflow:clip;letter-spacing:0;color:#ffe8ab;background:0 0;padding:2px 3px;font-size:clamp(16px,1.3vw,22px);animation:none;overflow:visible}.board-wrap:not(.match-mode){background:linear-gradient(#01070e5c,#01070ea8),url(/ui/grand-line-night.png) 50%/cover no-repeat fixed!important}.home.home-login-screen,.home.home-entered{isolation:isolate;background:#020914;place-items:center;min-height:100%;padding:24px}.home.home-login-screen:before,.home.home-entered:before{opacity:1;filter:none;animation:none;inset:0;background:url(/ui/grand-line-night.png) 50%/cover no-repeat!important}.home.home-login-screen:after,.home.home-entered:after{background:radial-gradient(circle,#0000 18%,#00050b2e 58%,#00030894);animation:none}.home-login-screen .home-fire-fx,.home-entered .home-fire-fx{display:none}.home-login-screen .home-hero,.home-entered .home-hero{clip-path:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:2px solid #aebbc5;border-radius:8px;width:min(540px,100vw - 28px);max-width:540px;padding:34px 42px 28px;position:relative;overflow:visible;box-shadow:inset 0 0 0 2px #263846,inset 0 0 55px #00000085,0 28px 80px #000000d1,0 0 10px #d5eeff,0 0 30px #5dbcfa3d;background:radial-gradient(circle at 50% 4%,#264a633d,#0000 28%),repeating-linear-gradient(135deg,#ffffff03 0 1px,#0000 1px 18px),linear-gradient(145deg,#071826fa,#020d17fc)!important}.home-login-screen .home-hero:before,.home-entered .home-hero:before{pointer-events:none;content:""!important;filter:drop-shadow(0 0 5px #bde8ff)!important;background:linear-gradient(#eaf4f8,#eaf4f8) 0 0/32px 3px no-repeat,linear-gradient(#eaf4f8,#eaf4f8) 0 0/3px 32px no-repeat,linear-gradient(#eaf4f8,#eaf4f8) 100% 0/32px 3px no-repeat,linear-gradient(#eaf4f8,#eaf4f8) 100% 0/3px 32px no-repeat,linear-gradient(#eaf4f8,#eaf4f8) 0 100%/32px 3px no-repeat,linear-gradient(#eaf4f8,#eaf4f8) 0 100%/3px 32px no-repeat,linear-gradient(#eaf4f8,#eaf4f8) 100% 100%/32px 3px no-repeat,linear-gradient(#eaf4f8,#eaf4f8) 100% 100%/3px 32px no-repeat!important;border:0!important;width:auto!important;height:auto!important;position:absolute!important;inset:-9px!important}.home-login-screen .home-logo,.home-entered .home-logo{text-align:center;border-bottom:1px solid #becbd54d;flex-direction:column;justify-content:center;gap:8px;margin:0 0 20px;padding:0 0 20px}.home-login-screen .home-mark,.home-entered .home-mark{letter-spacing:-.1em;width:auto;height:auto;text-shadow:none;filter:drop-shadow(0 5px 3px #000)drop-shadow(0 0 8px #e0f1ff4d);font:900 86px/.88 Arial,sans-serif;position:relative;background:linear-gradient(#fff,#8996a2 58%,#e9eef1)!important;color:#0000!important;box-shadow:none!important;-webkit-background-clip:text!important;background-clip:text!important;border:0!important}.home-login-screen .home-mark:after{content:"✥";color:#07131e;-webkit-text-fill-color:#07131e;text-shadow:0 0 1px #e9f3f8;font:25px/1 Georgia;position:absolute;top:51%;left:50%;transform:translate(-52%,-50%)}.home-login-screen .home-titles h1,.home-entered .home-titles h1{-webkit-text-fill-color:initial;letter-spacing:.08em;text-shadow:0 2px 2px #000;font-family:Georgia,serif;font-size:30px;color:#f4f5f6!important;background:0 0!important}.home-login-screen .home-titles p,.home-entered .home-titles p{color:#dce3e8;letter-spacing:.35em;margin-top:4px;font-size:11px}.home-login-screen .home-season,.home-entered .home-season{text-transform:uppercase;color:#b9c4cd!important;letter-spacing:.34em!important;margin-top:16px!important;font-size:10px!important;display:block!important}.home-login-screen .auth-kicker,.home-login-screen .auth-title,.home-login-screen .auth-intro{display:none}.home-login-screen .auth-control{color:#0000;align-items:center;gap:0;margin-top:18px;display:flex;position:relative}.home-login-screen .field-icon{z-index:1;color:#d8e0e6;font-size:20px;position:absolute;left:16px}.home-login-screen .auth-control .home-input{color:#fff;background:#020a11cc;border:1px solid #d1d7dc;border-radius:10px;width:100%;min-height:60px;padding:0 18px 0 54px;font-size:15px;box-shadow:inset 0 3px 13px #000}.home-login-screen .password-eye{color:#b8c3cb;font-size:17px;position:absolute;right:17px;transform:rotate(-18deg)}.home-login-screen .auth-options{color:#d8dde1;justify-content:space-between;align-items:center;margin:20px 1px 6px;font-size:12px;display:flex}.home-login-screen .auth-options label{cursor:pointer;align-items:center;gap:7px;display:flex}.home-login-screen .auth-options input{accent-color:#d6dce1;width:20px;height:20px;margin:0;box-shadow:none!important}.home-login-screen .forgot-link{color:#dce2e6;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.home-login-screen .auth-submit,.queue-start,.btn.primary,.btn.gold{text-transform:uppercase;min-height:54px;color:#07101a!important;letter-spacing:.1em!important;background:linear-gradient(#f2c36d,#b7782c 55%,#e6ad4e)!important;border:2px solid #f1c067!important;border-radius:7px!important;font-weight:950!important;box-shadow:inset 0 0 0 3px #714816,inset 0 1px #ffffffa6,0 0 20px #f0a93b66!important}.home-login-screen .auth-submit{justify-content:center;align-items:center;gap:18px;margin-top:26px;display:flex}.home-login-screen .auth-submit:disabled{opacity:.78;filter:saturate(.78);cursor:not-allowed}.home-login-screen .auth-skull-divider{color:#e1e7eb;align-items:center;gap:14px;margin:26px 0 18px;font-size:28px;display:flex}.home-login-screen .auth-skull-divider:after{background:linear-gradient(90deg,#8b98a2,#0000)}.home-login-screen .auth-switch{text-align:center;color:#e1e5e8;margin:0}.home-login-screen .guest-shortcut{color:#7e909e;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;margin:12px auto 0;padding:0;font-size:10px;display:block}.home-login-screen .guest-shortcut:hover{color:#dce8ef}.home-login-screen .home-note{color:#dce3e8;text-align:center;background:#00070d7a;border-top:1px solid #354654;margin:22px -42px -28px;padding:17px}.home-login-screen .home-note span{color:#20ee83;text-shadow:0 0 10px #00e870}.screen.lobby{clip-path:none;background:linear-gradient(145deg,#071623fa,#020c15fa);border:2px solid #758695;border-radius:8px;width:min(1380px,100%);max-width:1380px;padding:0;box-shadow:inset 0 0 0 2px #1d3445,0 28px 80px #000,0 0 18px #81cfff2e}.screen.lobby:before{opacity:.1;filter:saturate(.8);background:url(/ui/grand-line-night.png) 50%/cover;animation:none}.lobby-head{background:linear-gradient(90deg,#20597f33,#0000)}.lobby-kicker,.queue-label,.db-kicker,.pf-h,.db-section-h{color:#9edcff!important}.lobby-section-icon{color:#d6e1e8;background:#2d5c7c33;border-color:#728798}.lobby .mode-card{background:linear-gradient(145deg,#0d273a,#061521);border-color:#3b566a;border-radius:7px}.lobby .mode-card:hover{background:linear-gradient(145deg,#173a52,#081a29);border-color:#b9c8d3}.queue-panel{background:linear-gradient(#051521fa,#020b13fa);border-left:1px solid #536a7b}.queue-panel-head{border-bottom-color:#344d60!important}.queue-population,.queue-status{background:#0c2d438c!important;border-color:#42657e!important}.equipped-deck{background:linear-gradient(100deg,#0f3146e6,#04121df2)!important;border-color:#62788a!important}.queue-secure,.lobby-info-strip{color:#8ea0ad!important;background:#01091099!important;border-color:#344c5e!important}.profile-grid .db-panel,.mydecks .db-panel,.shop-design .db-panel{background:linear-gradient(145deg,#081b2af7,#030e18fa)!important;border:1px solid #536b7d!important;box-shadow:inset 0 1px #ffffff0d,0 14px 35px #00000061!important}.shop-design .db-tile,.shop-design .db-row,.rank-row{background:linear-gradient(145deg,#0c2639,#061521)!important;border-color:#3b576c!important}.shop-design .db-tile:hover,.rank-row.current{border-color:#e4b65e!important;box-shadow:0 0 16px #e1ae482e!important}.shop-design .db-tile-cta,.shop-design .db-chip.active{color:#07101a!important;background:linear-gradient(#d9aa55,#8e5e20)!important}.topbar{background:linear-gradient(#0a1d2b,#03101b)!important;border-bottom-color:#778a99!important}.topnav{background:#010a11a6!important;border-color:#3e596d!important}.navbtn{background:0 0!important;border-color:#0000!important}.navbtn.active{color:#fff!important;background:linear-gradient(#365268,#122c3f)!important;border-color:#b9c7d0!important;box-shadow:inset 0 0 0 1px #ffffff1a,0 0 13px #71caff47!important}.lobby-title-lockup{align-items:center;gap:17px;display:flex}.lobby-compass{color:#cda640;filter:drop-shadow(0 0 7px #deb5483d);flex:0 0 54px;place-items:center;width:54px;height:54px;display:grid}.lobby-compass svg{width:100%;height:100%;display:block;overflow:visible}.lobby-compass circle:first-of-type{fill:none;stroke:currentColor;stroke-width:1.8px}.lobby-compass-core{fill:#f5e8b8;stroke:#a87b20;stroke-width:1px}.lobby .mode-card{grid-template-columns:42px minmax(0,1fr) 16px;align-items:center;gap:11px;text-align:left!important;background:linear-gradient(145deg,#0c273afa,#03101bfc)!important;border:1px solid #4f6c80!important;border-radius:5px!important;padding:13px 14px!important;display:grid!important;box-shadow:inset 0 0 0 1px #ffffff09,0 8px 18px #00000057!important}.lobby .mode-card:after{display:none!important}.mode-sigil{color:#dce6ec;background:radial-gradient(circle,#25485f,#091a28 70%);border:1px solid #718899;border-radius:50%;place-items:center;width:40px;height:40px;font-size:18px;display:grid;box-shadow:inset 0 0 0 3px #0b2131}.mode-card-copy{min-width:0}.mode-pick{color:#8499a8;font-size:25px}.lobby .mode-card.active{background:linear-gradient(145deg,#183f59,#061926)!important;border-color:#e8bd6b!important;box-shadow:inset 0 0 25px #49aeeb21,0 0 0 1px #735424,0 0 20px #e6b14c33!important}.lobby .mode-card.active .mode-sigil{color:#f5d58c;border-color:#e7bd6c;box-shadow:inset 0 0 0 3px #102b3e,0 0 14px #e9b85647}.queue-corner{pointer-events:none;width:28px;height:28px;position:absolute}.queue-corner.qct{border-top:3px double #bac7cf;border-right:3px double #bac7cf;top:7px;right:7px}.queue-corner.qcb{border-bottom:3px double #bac7cf;border-right:3px double #bac7cf;bottom:7px;right:7px}.queue-panel .btn:not(.queue-start),.ranks-tabs .btn{color:#e5edf2!important;background:linear-gradient(#18374c,#071a29)!important;border-color:#60798c!important}.queue-start{color:#07101a!important}.grandline-command-head{color:#aab9c3;text-align:center;justify-content:center;align-items:center;gap:15px;margin:-4px 0 18px;display:flex}.grandline-command-head>span{font-size:18px}.grandline-command-head small{color:#8bcff6;letter-spacing:.24em;font-size:9px;display:block}.grandline-command-head strong{color:#f3f5f6;letter-spacing:.1em;margin-top:3px;font:700 17px Georgia,serif;display:block}.cta-kicker{color:#8fd3fa;letter-spacing:.2em;font-size:8px;font-weight:900}.home-entered .home-cta{background:linear-gradient(145deg,#0d2c42,#041521)!important;border-color:#526e82!important}.home-entered .home-cta.play{color:#08111a!important;background:linear-gradient(#efc26e,#b7792f 56%,#dfa548)!important;border:2px solid #e9bd68!important;box-shadow:inset 0 0 0 3px #704a1c,0 0 22px #e7ad424d!important}.home-entered .home-cta.play .cta-title,.home-entered .home-cta.play .cta-sub,.home-entered .home-cta.play .cta-kicker,.home-entered .home-cta.play .cta-arrow{color:#09131c!important;text-shadow:none!important}.home-entered .home-cta.play .cta-icon{color:#132231!important;background:#ffffff24!important;border-color:#78521e!important}.mode-queue-count{color:#9dd7f6!important;background:#2d7fb11f!important;border-color:#67bef152!important}.mode-queue-count i,.queue-live-dot{background:#53c8ff!important;box-shadow:0 0 8px #28aeea!important}.queue-empty{color:#9caab4!important;background:#143d572e!important;border-color:#536f83!important}.queue-secure span{color:#8fd5fa!important}.lobby-info-strip{background:#020e17b8!important;border-top-color:#486275!important}.register-page:before{filter:none!important;background-image:url(/ui/grand-line-night.png)!important;background-position:50%!important;background-size:cover!important;animation:none!important}.register-card{background:linear-gradient(145deg,#081b2afb,#020d17fc)!important;border:2px solid #8fa1ae!important;box-shadow:inset 0 0 0 2px #263b4b,0 24px 70px #000,0 0 18px #71c7fb38!important}.register-card .register-requirements{background:#051825b8;border:1px solid #3d596d}.mydecks .deck-card,.lb-league{background:linear-gradient(145deg,#091f2ffa,#03101bfc)!important;border:1px solid #536f83!important;box-shadow:inset 0 1px #ffffff0b,0 9px 24px #00000059!important}.mydecks .deck-card-actions{border-top-color:#38546a!important}.lb-league-head{background:linear-gradient(90deg,#2a618440,#0000)!important;border-bottom-color:#516d80!important}@media (width<=900px){.home-login-screen .home-hero,.home-entered .home-hero{padding:24px 20px 22px}.home-login-screen .home-mark,.home-entered .home-mark{font-size:56px}.home-login-screen .home-note{margin:20px -20px -22px}.lobby-layout{grid-template-columns:1fr}.queue-panel{border-top:1px solid #536a7b;border-left:0}}.home.home-login-screen{place-items:center;width:100%;height:100dvh;min-height:100dvh;padding:12px;display:grid;position:relative;overflow:hidden;background:#020914 url(/ui/grand-line-night.png) 50%/cover no-repeat!important}.home.home-login-screen:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 45%,#0000 34%,#00050b2e 72%,#0003088f);position:absolute;inset:0;display:block!important}.home.home-login-screen:after{display:none!important}.home-login-screen .home-hero{z-index:2;box-sizing:border-box;aspect-ratio:542/900;width:min(542px,100vw - 24px,60.222dvh);max-width:none;height:auto;box-shadow:none;border:0;border-radius:0;padding:0;position:relative;top:auto;left:auto;overflow:visible;transform:none;background:url(/ui/home-panel-no-subtitle.png) 50%/100% 100% no-repeat!important}.home-login-screen .home-hero:before,.home-login-screen .home-hero:after,.home-login-screen .home-logo,.home-login-screen .auth-kicker,.home-login-screen .auth-title,.home-login-screen .auth-intro,.home-login-screen .auth-skull-divider,.home-login-screen .home-note,.home-login-screen .home-footer{display:none!important}.home-login-screen .home-login,.home-login-screen .entry-panel{margin:0;padding:0;position:absolute;inset:0}.home-login-screen .auth-control{width:81.3%;height:7.15%;display:block;position:absolute;left:9.45%;margin:0!important}.home-login-screen .auth-control:first-of-type{top:37.4%}.home-login-screen .auth-control:nth-of-type(2){top:46.75%}.home-login-screen .auth-control .field-icon,.home-login-screen .password-eye{z-index:3;color:#cbd4dc;pointer-events:none;text-shadow:0 0 8px #c9e7fb3d;place-items:center;height:100%;display:grid;position:absolute;top:0}.home-login-screen .auth-control .field-icon{font-size:clamp(13px,2.3cqh,20px);left:4.2%}.home-login-screen .password-eye{font-size:clamp(12px,2cqh,17px);right:4.2%}.home-login-screen .auth-control .home-input{caret-color:#fff;border-radius:10px;width:100%;height:100%;min-height:0;padding:0 11% 0 14.5%;font-size:clamp(12px,1.05vw,16px);position:absolute;inset:0;color:#eef3f6!important;background:linear-gradient(100deg,#081623,#122335)!important;border:1px solid #d1dbe3eb!important;outline:0!important;box-shadow:inset 0 2px 10px #000000b3,0 0 8px #afdcfa1f!important}.home-login-screen .auth-control .home-input::placeholder{color:#929ca5;opacity:1}.home-login-screen .auth-control .home-input:focus{background:linear-gradient(100deg,#081827,#162b40)!important;border-color:#e1ebf1!important;box-shadow:inset 0 2px 10px #000000b8,0 0 15px #7fd3ff40!important}.home-login-screen .auth-control .home-input:-webkit-autofill{transition:background-color 9999s ease-out;-webkit-text-fill-color:#eef3f6!important;caret-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #0b1c2c!important}.home-login-screen .auth-control .home-input:-webkit-autofill:hover{transition:background-color 9999s ease-out;-webkit-text-fill-color:#eef3f6!important;caret-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #0b1c2c!important}.home-login-screen .auth-control .home-input:-webkit-autofill:focus{transition:background-color 9999s ease-out;-webkit-text-fill-color:#eef3f6!important;caret-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #0b1c2c!important}.home-login-screen .auth-options label{left:0;width:36%;font-size:0;position:absolute;inset-block:0}.home-login-screen .auth-options input{opacity:0;cursor:pointer;width:31%;height:100%;margin:0;position:absolute;inset:0}.home-login-screen .forgot-link{right:0;color:#0000;width:38%;text-decoration:none;position:absolute;inset-block:0}.home-login-screen .auth-submit{width:81.3%;height:8.8%;min-height:0;padding:0;top:63.45%;left:9.45%;color:#0000!important;box-shadow:none!important;opacity:1!important;filter:none!important;background:0 0!important;border:0!important;margin:0!important;position:absolute!important}.home-login-screen .auth-submit span{display:none}.home-login-screen .auth-submit:not(:disabled){cursor:pointer}.home-login-screen .auth-submit:not(:disabled):hover{background:#ffd67514!important;box-shadow:0 0 24px #ffb8353d!important}.home-login-screen .auth-switch{color:#0000;border:0;width:60%;height:4%;margin:0;padding:0;font-size:0;position:absolute;top:81.7%;left:22%}.home-login-screen .auth-switch .linkbtn{color:#0000;width:46%;height:100%;padding:0;position:absolute;top:0;right:0}.home-login-screen .guest-shortcut{color:#0000;width:30%;height:3%;margin:0;font-size:0;position:absolute;top:86.2%;left:35%}.home-login-screen .banner.reject{width:81.3%;margin:0;font-size:11px;position:absolute;top:72.8%;left:9.45%}.home-login-screen~.home-footer,.home-login-screen .home-footer{display:none!important}@media (width<=900px){.home.home-login-screen{place-items:center;padding:6px}.home.home-login-screen .home-hero{width:min(100vw - 12px,60.222dvh);max-width:none;padding:0;overflow:visible}.home-login-screen .auth-control .home-input{border-radius:7px}}.home-login-screen .home-login{z-index:2;height:auto;padding:0!important;inset:35% 9.45% auto!important}.home-login-screen .entry-panel{height:auto;position:static;inset:auto}.home-login-screen .auth-control,.home-login-screen .auth-control:first-of-type,.home-login-screen .auth-control:nth-of-type(2){width:100%;height:55px;position:relative;top:auto;left:auto;margin:0 0 11px!important}.home-login-screen .auth-control:nth-of-type(3)>span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.home-login-screen .auth-control .home-input{height:100%;padding-left:14.5%;inset:0}.home-login-screen .auth-control:nth-of-type(3) .home-input{padding-left:5%}.home-login-screen .entry-panel>small{color:#bdcad4;text-align:left;margin:0 0 10px;font-size:11px;line-height:1.4;display:block}.home-login-screen .auth-options{color:#d8dde1;width:100%;height:30px;margin:0 0 10px;position:relative;top:auto;left:auto}.home-login-screen .auth-options label{width:auto;font-size:12px;position:static;inset:auto}.home-login-screen .auth-options input{opacity:1;width:17px;height:17px;position:static;inset:auto}.home-login-screen .forgot-link{color:#dce2e6;width:auto;text-decoration:underline;position:static;inset:auto}.home-login-screen .home-login .auth-submit{width:100%;height:54px;top:auto;left:auto;color:#07101a!important;background:linear-gradient(#f2c36d,#b7782c 55%,#e6ad4e)!important;border:2px solid #f1c067!important;margin:0!important;position:relative!important;box-shadow:inset 0 0 0 3px #714816,0 0 20px #f0a93b59!important}.home-login-screen .auth-skull-divider{color:#e8edf1;align-items:center;gap:12px;width:100%;margin:15px 0 0;font-size:21px;display:flex!important}.home-login-screen .auth-skull-divider:before,.home-login-screen .auth-skull-divider:after{content:"";background:linear-gradient(90deg,#0000,#a4aeb6);flex:1;height:1px}.home-login-screen .auth-skull-divider:after{transform:rotate(180deg)}.home-login-screen .auth-switch{color:#dfe8ed;width:auto;height:auto;margin:13px 0 0;padding:0;font-size:12px;position:static}.home-login-screen .auth-switch .linkbtn{color:#dfe8ed;width:auto;height:auto;text-decoration:underline;position:static}.home-login-screen .guest-shortcut{color:#9eafbb;width:auto;height:auto;margin:10px auto 0;font-size:10px;position:static}.home-login-screen .banner.reject{width:auto;margin:8px 0;position:static}.home-login-screen .home-note{color:#dce3e8;background:0 0;border:0;justify-content:center;margin:13px 0 0;padding:0;font-size:11px;display:flex!important}@media (width<=600px){.home.home-login-screen{height:auto;min-height:100dvh;padding:10px 8px 24px;display:block;overflow-y:auto}.home.home-login-screen .home-hero{aspect-ratio:auto;width:min(542px,100vw - 16px);height:760px;margin:0 auto}.home-login-screen .home-login{inset:35% 9.45% auto!important}}.lobby .mode-card,.home-entered .home-cta,.mydecks .deck-card,.board-wrap:not(.match-mode):not(.screen-admin) .btn{isolation:isolate;position:relative;overflow:hidden}.lobby .mode-card:before,.home-entered .home-cta:after,.mydecks .deck-card:after,.board-wrap:not(.match-mode):not(.screen-admin) .btn:after{z-index:5;border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;filter:none;will-change:background-position;backface-visibility:hidden;background:repeating-linear-gradient(112deg,#0000 0 10%,#d2effff2 16%,#40b8ffe6 22%,#0000 29% 38%,#f1be5be6 44%,#0000 50%) 0 0/200% 100%;padding:1px;position:absolute;inset:0;transform:translateZ(0);-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source;content:""!important;animation:3.2s linear infinite grandLineFrameFlow!important;display:block!important}.lobby .mode-card.active:before,.home-entered .home-cta.play:after{filter:none;background-image:repeating-linear-gradient(112deg,#0000 0 9%,#fff1c4 16%,#f0b94f 23%,#0000 30% 38%,#d9f2ff 44%,#0000 50%)}.lobby .mode-card:hover,.home-entered .home-cta:hover,.mydecks .deck-card:hover{filter:brightness(1.08);transform:translateY(-2px)}.board-wrap.screen-deck .btn:after,.mydecks .deck-card:after{animation-duration:6.4s!important}@keyframes grandLineFrameFlow{0%{background-position:0 0}to{background-position:-200% 0}}.home-entered .home-cta:after{z-index:6;pointer-events:none;offset-path:inset(4px round 4px);offset-rotate:auto;offset-anchor:center;will-change:offset-distance,transform;background:linear-gradient(90deg,#0000,#fff 38%,#fff3a8 65%,#0000);border:0;border-radius:50%;width:18px;height:5px;padding:0;position:absolute;top:0;left:0;box-shadow:0 0 5px 2px #fff7c7,0 0 12px 4px #ffc743e6,0 0 20px 7px #ff9b187a;content:""!important;filter:none!important;animation:3.8s linear infinite grandLinePerimeterLight!important;display:block!important;inset:auto!important}@keyframes grandLinePerimeterLight{0%{offset-distance:0}to{offset-distance:100%}}.board-wrap:not(.match-mode):not(.screen-admin) .mydecks-play{z-index:6;margin:0;position:absolute;top:8px;right:6px;overflow:hidden}.board-wrap:not(.match-mode):not(.screen-admin) .mydecks-play:after{content:none!important;filter:none!important;animation:none!important;display:none!important}@media (width<=760px){.board-wrap:not(.match-mode):not(.screen-admin) .mydecks-play{width:100%;margin:0;display:block;position:static}}@media (prefers-reduced-motion:reduce){.fx-waves{animation:8s linear infinite fxWaves!important}.fx-sparkles{animation:4s ease-in-out infinite fxTwinkle!important}.fx-petals{animation:12s linear infinite fxFall!important}.fx-embers{animation:10s linear infinite fxRise!important}.fx-lightning{animation:7s ease-in-out infinite fxFlash!important}.card.targetable{animation:1.5s ease-in-out infinite tgt-pulse!important}.home-entered .home-cta:after{animation:5.2s linear infinite grandLinePerimeterLight!important}}.home.home-entered{place-items:center;width:100%;height:100dvh;min-height:100dvh;padding:12px;display:grid;position:relative;overflow:hidden;background:#020914 url(/ui/grand-line-night.png) 50%/cover no-repeat!important}.home.home-entered:before{content:"";pointer-events:none;position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,#0000 34%,#00050b2e 72%,#0003088f)!important;display:block!important}.home.home-entered:after,.home-entered .home-fire-fx{display:none!important}.home-entered .home-hero{z-index:2;box-sizing:border-box;aspect-ratio:542/900;border:0;border-radius:0;width:min(542px,100vw - 24px,60.222dvh);max-width:none;height:auto;padding:min(309px,34.33dvh,57vw - 13.68px) min(46px,5.12dvh,8.5vw - 2.04px) min(38px,4.22dvh,7vw - 1.68px);position:relative;overflow:hidden;box-shadow:none!important;background:url(/ui/home-panel-no-subtitle.png) 50%/100% 100% no-repeat!important}.home-entered .home-hero:before,.home-entered .home-hero:after,.home-entered .home-logo,.home-entered .grandline-command-head{display:none!important}.home-entered .home-welcome{background:#03101bc7;border:1px solid #9fb2c07a;border-radius:6px;margin:0 0 4%;padding:2.5% 3%;font-size:clamp(10px,1.7cqh,13px)}.home-entered .home-logout{margin-left:auto;min-height:30px!important;padding:4px 9px!important;font-size:9px!important}.home-entered .home-actions{gap:min(13px,1.45dvh,2.4vw);margin:0;display:grid}.home-entered .home-cta,.home-entered .home-cta.play{clip-path:polygon(2.5% 0,97.5% 0,100% 18%,100% 82%,97.5% 100%,2.5% 100%,0 82%,0 18%);grid-template-columns:clamp(30px,4.82dvh,44px) minmax(0,1fr) clamp(14px,2.41dvh,22px);gap:min(13px,1.45dvh,2.4vw);min-height:min(70px,7.83dvh,13vw);color:#07101a!important;background:linear-gradient(#f2c36d 0%,#d69a43 20%,#a76521 55%,#e6ad4e 84%,#b87529 100%)!important;border:2px solid #f1c067!important;border-radius:4px!important;padding:min(8px,.84dvh,1.4vw) min(14px,1.57dvh,2.6vw)!important;transition:transform .12s,filter .12s,box-shadow .12s!important;box-shadow:inset 0 0 0 3px #714816,inset 0 1px #ffffffa6,0 0 20px #f0a93b66!important}.home-entered .home-cta .cta-title,.home-entered .home-cta .cta-sub,.home-entered .home-cta .cta-kicker,.home-entered .home-cta .cta-arrow{color:#07101a!important;text-shadow:0 1px #ffffff57!important}.home-entered .home-cta .cta-title{font-size:clamp(11px,1.81dvh,16px)}.home-entered .home-cta .cta-sub{font-size:clamp(8px,1.2dvh,11px)}.home-entered .home-cta .cta-icon{width:clamp(30px,4.82dvh,44px);height:clamp(30px,4.82dvh,44px);color:#132231!important;background:#ffffff24!important;border-color:#78521e!important}.home-entered .home-cta .cta-svg{object-fit:contain;width:78%;height:78%;display:block}.home-entered .home-cta:active,.home-entered .home-cta.play:active{transform:translateY(1px)scale(.992);background:linear-gradient(#f4cb7a 0%,#d49a43 20%,#9f611f 55%,#dfa94d 84%,#ad7128 100%)!important;border-color:#ffe1a1!important;box-shadow:inset 0 0 0 3px #714816,inset 0 1px #ffffffb8,0 0 22px #f0a93b94!important}.home-entered .home-hint{text-align:center;margin:3% 0 0;font-size:10px}@media (width<=900px){.home.home-entered{padding:6px}.home.home-entered .home-hero{width:min(100vw - 12px,60.222dvh);max-width:none}.home-entered .home-welcome{margin-bottom:min(11px,1.2dvh,2vw)}}