@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Rajdhani:wght@500;600;700&display=swap";:root{--text:#e8e6e3;--text-dim:#8b8d90;--text-h:#fff;--bg:#0a0a0f;--border:#1a2030;--code-bg:#0f1419;--accent:#c8a84e;--accent-bg:#c8a84e26;--accent-border:#c8a84e80;--social-bg:#0f141980;--shadow:#0009 0 10px 15px -3px, #0006 0 4px 6px -2px;--sans:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--heading:"Rajdhani", system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}#social .button-icon{filter:invert()brightness(2)}#root{flex-direction:column;min-height:100svh;display:flex}body{background-color:var(--bg);margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:600}h1{letter-spacing:-1px;text-transform:uppercase;text-shadow:0 0 10px #c8a84e4d;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;text-transform:uppercase;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.app{--card-w:80px;--card-h:calc(var(--card-w) * 1.45);--gap:8px;--felt:#0f1419;--felt-line:#1a2030;--slot:#1a20304d;--slot-line:#ffffff0d;--pick:#c8a84e;--glow:#c8a84e66;--bg-color:#0a0a0f;--board-bg:#0f1419;--lp-green:#2dd36f;--lp-yellow:#ffc409;--lp-red:#eb445a;--glass-bg:#0f141ed9;--glass-border:#ffffff1a;--glass-blur:blur(16px);background:var(--bg-color);box-sizing:border-box;min-height:100svh;font-family:var(--sans);justify-content:center;align-items:stretch;padding:0;display:flex;overflow:hidden}@media (width<=900px){.app{--card-w:55px;--gap:4px}}.menu{text-align:center;background:var(--glass-bg);max-width:30rem;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:16px;flex-direction:column;align-items:center;gap:16px;margin:auto;padding:40px;display:flex;box-shadow:0 20px 40px #00000080}.menu-sub{color:var(--text-dim)}.menu-note{color:var(--text-dim);font-size:14px}.progress{background:#ffffff1a;border-radius:3px;width:100%;max-width:22rem;height:6px;overflow:hidden}.progress-fill{background:var(--pick);border-radius:inherit;height:100%;box-shadow:0 0 10px var(--glow);transition:width .16s linear}.error-text{color:#ff6b6b;font-family:var(--mono);word-break:break-word;font-size:14px}button.primary{font:inherit;font-family:var(--heading);text-transform:uppercase;letter-spacing:1px;border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:linear-gradient(#c8a84e33 0%,#c8a84e0d 100%);border-radius:4px;padding:12px 28px;font-weight:600;transition:all .2s;box-shadow:0 0 15px #c8a84e1a}button.primary:hover:not(:disabled){box-shadow:0 0 20px var(--glow);text-shadow:0 0 8px var(--glow);background:linear-gradient(#c8a84e4d 0%,#c8a84e1a 100%)}button.primary:disabled{opacity:.5;cursor:default;border-color:var(--border);color:var(--text-dim);box-shadow:none;background:#ffffff0d}.deck-selector{text-align:left;flex-direction:column;align-items:stretch;gap:8px;width:100%;max-width:20rem;font-size:14px;display:flex}.deck-selector select{font:inherit;border:1px solid var(--border);color:var(--text-h);cursor:pointer;background:#00000080;border-radius:4px;padding:10px 12px;font-size:15px;transition:border-color .2s}.deck-selector select:hover{border-color:var(--accent)}.home-screen{--home-accent:#c8a84e;isolation:isolate;color:#ece9df;background:#0d100e;width:100%;min-height:100dvh;position:relative;overflow:hidden}.home-backdrop{z-index:-2;filter:saturate(.75)contrast(1.08);background:linear-gradient(90deg,#080a09f5 0%,#080a09c7 43%,#080a0940 72%,#080a09bd 100%),linear-gradient(#080a096b,#080a092e 55%,#080a09f0),url(/arena/forest-duel-field.jpeg) 50%/cover no-repeat;position:absolute;inset:0;transform:scale(1.035)}.home-screen:after{content:"";z-index:-1;pointer-events:none;opacity:.24;background-image:repeating-linear-gradient(0deg,#0000 0 3px,#ffffff05 3px 4px);position:absolute;inset:0}.home-nav{background:#090c0a70;border-bottom:1px solid #ece9df1f;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(1.25rem,4vw,4.5rem);display:flex}.home-brand{font-family:var(--heading);align-items:center;gap:.8rem;display:flex}.home-brand-mark{color:#f2dc97;background:#1c1b15d1;border:1px solid #c8a84ead;border-radius:10px;place-items:center;width:38px;height:38px;font-size:1.35rem;font-weight:700;display:grid;transform:rotate(-7deg);box-shadow:inset 0 0 0 3px #c8a84e12}.home-brand>span:last-child{line-height:1;display:grid}.home-brand strong{color:#f4f0e7;letter-spacing:.14em;font-size:1.08rem}.home-brand small{color:#ece9df8a;letter-spacing:.22em;margin-top:.28rem;font-size:.62rem}.home-nav-status{color:#ece9df9e;font-family:var(--mono);letter-spacing:.13em;font-size:.7rem}.home-content{z-index:2;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);align-items:center;gap:clamp(3rem,9vw,9rem);min-height:calc(100dvh - 120px);padding:clamp(2rem,7vh,5.5rem) clamp(1.25rem,6vw,7rem) 4rem;display:grid;position:relative}.home-hero-copy{align-self:center;max-width:760px}.home-kicker{color:#d9c27b;font-family:var(--mono);letter-spacing:.18em;margin-bottom:1rem;font-size:clamp(.72rem,1vw,.82rem)}.home-hero-copy h1{color:#f2efe7;letter-spacing:-.045em;text-transform:uppercase;text-shadow:0 .1em .6em #0709076b;max-width:16ch;margin:0;font-size:clamp(3.25rem,5.7vw,6.5rem);line-height:.9}.home-description{color:#ece9dfb8;max-width:35rem;margin-top:1.8rem;font-size:clamp(.95rem,1.25vw,1.12rem);line-height:1.6}.home-hero-rule{background:linear-gradient(90deg, var(--home-accent), transparent);width:min(18rem,55%);height:1px;margin-top:2.2rem}.home-tip{color:#ece9df80;max-width:30rem;margin-top:1rem;font-size:.78rem}.home-launch-panel{z-index:3;-webkit-backdrop-filter:blur(18px);background:#0e120fe0;border:1px solid #ece9df2e;border-radius:16px;justify-self:end;width:min(100%,430px);padding:clamp(1.35rem,2.5vw,2rem);position:relative;box-shadow:0 1.8rem 5rem #03050366,inset 0 1px #ffffff0d}.home-panel-heading{font-family:var(--heading);letter-spacing:.12em;border-bottom:1px solid #ece9df21;justify-content:space-between;align-items:center;margin-bottom:1.75rem;padding-bottom:1rem;display:flex}.home-panel-heading span{color:#f2efe7;font-size:1.05rem;font-weight:700}.home-panel-heading b{color:#d9c27bb3;font-family:var(--mono);font-size:.65rem}.home-field{gap:.55rem;margin-top:1rem;display:grid}.home-field>span{color:#ece9df85;font-family:var(--mono);letter-spacing:.13em;font-size:.66rem}.home-field select{color:#f0ede4;width:100%;min-height:48px;font:600 .92rem var(--sans);cursor:pointer;background:#171b18;border:1px solid #ece9df2b;border-radius:10px;padding:0 2.6rem 0 .9rem;transition:border-color .22s,background-color .22s}.home-field select:hover,.home-field select:focus-visible{background:#1b201c;border-color:#c8a84ed1;outline:none}.home-loadout{border-top:1px solid #ece9df1a;justify-content:space-between;align-items:end;margin-top:1.35rem;padding:1rem 0;display:flex}.home-loadout div{gap:.2rem;display:grid}.home-loadout small,.home-loadout>span{color:#ece9df75;font-family:var(--mono);letter-spacing:.08em;font-size:.66rem}.home-loadout strong{color:#e9dfbf;font-family:var(--heading);font-size:1.2rem}.home-start-button{color:#17160f;width:100%;min-height:58px;font:700 1.02rem var(--heading);letter-spacing:.1em;cursor:pointer;background:#d4bc70;border:1px solid #d4bc70;border-radius:10px;justify-content:space-between;align-items:center;padding:0 1.2rem;transition:transform .2s,background-color .2s,border-color .2s;display:flex;box-shadow:0 .7rem 2rem #41361547}.home-start-button b{font-size:1.25rem}.home-start-button:hover:not(:disabled){background:#e1cc88;border-color:#e1cc88;transform:translateY(-2px)}.home-start-button:active:not(:disabled){transform:translateY(1px)scale(.99)}.home-start-button:focus-visible{outline-offset:3px;outline:3px solid #f2efe7d1}.home-start-button:disabled{color:#ece9df8c;box-shadow:none;cursor:wait;background:#ece9df14;border-color:#ece9df2e}.home-loading{color:#ece9df94;margin-top:1rem;font-size:.72rem}.home-loading-track{background:#ece9df1a;border-radius:10px;height:3px;overflow:hidden}.home-loading-track span{border-radius:inherit;background:var(--home-accent);height:100%;transition:width .18s linear;display:block}.home-loading p{margin-top:.6rem}.home-loading small{color:#ece9df61;margin-top:.2rem;display:block}.home-footer{color:#ece9df57;font-family:var(--mono);letter-spacing:.12em;justify-content:space-between;font-size:.58rem;display:flex;position:absolute;bottom:1.2rem;left:clamp(1.25rem,4vw,4.5rem);right:clamp(1.25rem,4vw,4.5rem)}@media (prefers-reduced-motion:no-preference){.home-hero-copy{animation:.72s cubic-bezier(.16,1,.3,1) both home-enter}.home-launch-panel{animation:.72s cubic-bezier(.16,1,.3,1) .1s both home-enter}@keyframes home-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}@media (width<=820px){.home-screen{overflow-y:auto}.home-nav{height:64px}.home-nav-status{display:none}.home-content{grid-template-columns:1fr;gap:2.5rem;min-height:auto;padding:3rem 1rem 5.5rem}.home-hero-copy h1{font-size:clamp(3rem,15vw,5rem)}.home-launch-panel{justify-self:stretch;width:auto}.home-footer{gap:.8rem;position:absolute}.home-footer span:nth-child(2){display:none}}.duel{width:100%;height:100svh;display:flex;position:relative}.board{background:radial-gradient(ellipse at 50% 50%, #1e283c66, #0a0a0fe6 80%), var(--board-bg);box-sizing:border-box;flex-direction:column;flex:1;justify-content:space-between;padding:20px 40px;display:flex;position:relative}@media (width<=900px){.board{padding:10px 5px}}.seat-bar{border-left:3px solid var(--accent);background:linear-gradient(90deg,#0f141ee6 0%,#0f141e00 100%);border-radius:4px;align-items:center;gap:16px;padding:10px 20px;display:flex;position:relative}.seat-bar-opponent{margin-bottom:auto}.seat-bar-player{margin-top:auto}.seat-name{color:var(--text-h);font-family:var(--heading);text-transform:uppercase;letter-spacing:1px;font-size:20px;font-weight:600}.seat-lp-bar{background:#ffffff1a;width:200px;height:2px;position:absolute;bottom:0;left:0}.seat-lp-fill{background:var(--lp-green);height:100%;box-shadow:0 0 10px var(--lp-green);transition:width .3s,background-color .3s;display:block}.seat-lp{font-family:var(--heading);color:var(--text-h);text-shadow:0 0 10px #ffffff4d;min-width:4ch;margin-left:10px;font-size:32px;font-weight:700}.piles{gap:10px;margin-left:auto;display:flex}.pile{font:inherit;width:44px;height:64px;color:var(--text-dim);cursor:default;background:#0006;border:1px solid #ffffff1a;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;font-size:12px;transition:all .2s;display:flex}.pile-count{font-family:var(--heading);color:var(--text-h);font-size:16px;font-weight:600}.pile.is-selectable{border-color:var(--pick);box-shadow:0 0 10px var(--glow);cursor:pointer}.hand{min-height:calc(var(--card-h) * 1.2);z-index:5;perspective:1000px;justify-content:center;align-items:center;display:flex;position:relative}.hand-player{margin-top:10px}.hand-opponent{margin-bottom:10px}.hand-player .card{width:calc(var(--card-w) * 1.2);height:calc(var(--card-h) * 1.2);margin:0 -15px;transition:transform .2s cubic-bezier(.2,.8,.2,1),z-index,margin .2s,box-shadow .2s;box-shadow:-5px 5px 15px #00000080}.hand-player .card:hover{margin:0 5px;box-shadow:0 15px 30px #000c;z-index:10!important;transform:translateY(-20px)scale(1.15)!important}.hand-opponent .card{width:calc(var(--card-w) * .8);height:calc(var(--card-h) * .8);opacity:.9;margin:0 -10px}@media (width<=900px){.hand{flex-wrap:nowrap;justify-content:flex-start;padding:10px;overflow-x:auto}.hand-player .card{margin:0 2px}}.zone-row{gap:var(--gap);justify-content:center;margin:4px 0;display:flex}.zone-row-emz{gap:calc(var(--card-w) * 1.6 + var(--gap) * 2);margin:8px 0}.zone-empty{width:var(--card-w);height:var(--card-h);background:#0003;border:1px solid #ffffff0d;border-radius:4px;flex-shrink:0;place-items:center;padding:0;transition:all .2s;display:grid;position:relative}.zone-empty:before{content:"";border:1px solid #ffffff08;border-radius:2px;position:absolute;inset:2px}.zone-label{font-family:var(--heading);letter-spacing:1px;text-transform:uppercase;color:#ffffff26;pointer-events:none;font-size:10px}.zone-emz{background:#c8a84e0d;border-color:#c8a84e4d}.zone-emz:before{border-color:#c8a84e1a}.zone-field{border-color:#7fcfc033}.zone-pendulum{border-color:#3ca08233}.zone-empty.is-selectable{border-color:var(--pick);cursor:pointer;box-shadow:0 0 15px var(--glow) inset;background:#c8a84e26;animation:2s infinite alternate pulse-zone}@keyframes pulse-zone{0%{box-shadow:0 0 10px var(--glow) inset}to{box-shadow:0 0 20px var(--glow) inset, 0 0 10px var(--glow)}}.zone-empty.is-selected{background:#fff3;border-color:#fff;box-shadow:inset 0 0 20px #fff6}.card{width:var(--card-w);height:var(--card-h);box-sizing:border-box;cursor:default;background:#000;border:none;border-radius:4px;flex-direction:column;flex-shrink:0;padding:0;transition:transform .2s,box-shadow .2s,filter .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 8px #0009}.card:hover{z-index:10;box-shadow:0 10px 20px #000c, 0 0 15px var(--glow);transform:scale(1.15)}.card-img{object-fit:cover;width:100%;height:100%;display:block}.card-overlay{font-family:var(--heading);color:#fff;pointer-events:none;background:linear-gradient(#0000 0%,#000000c2 52%,#000000f5 100%);justify-content:space-between;padding:20px 3px 3px;font-size:clamp(10px,.78em,14px);font-weight:800;display:flex;position:absolute;bottom:0;left:0;right:0}.card-atk,.card-def{text-align:center;text-shadow:0 1px 2px #000;border-radius:.22em;min-width:3.4em;padding:.12em .28em;line-height:1.2;box-shadow:0 1px 5px #000c}.card-atk{background:#be2d2df0}.card-atk:before{content:"ATK ";color:#ffd6d6;font-size:.72em}.card-def{background:#2462b1f2}.card-def:before{content:"DEF ";color:#d7ebff;font-size:.72em}.card-level{font-family:var(--heading);color:#fff;pointer-events:none;background:#000000b3;border:1px solid #ffffff4d;border-radius:10px;padding:2px 4px;font-size:10px;font-weight:600;position:absolute;top:4px;right:4px}.card-materials{background:var(--accent);color:#000;width:16px;height:16px;font-family:var(--heading);pointer-events:none;border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid;position:absolute;top:4px;left:4px;box-shadow:0 2px 4px #00000080}.card-hidden,.card.is-facedown{background:#000}.card.is-facedown{box-shadow:inset 0 0 0 1px #c8a84e73}.pile-overlay{z-index:100;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);background:#010712b8;place-items:center;padding:2rem;display:grid;position:fixed;inset:0}:is(.pile-overlay+.card-preview-float,.duel:has(.pile-overlay) .card-preview-float){z-index:120}.pile-viewer{background:#04162ef5;border:1px solid #71caff80;border-radius:.8rem;width:min(72rem,94vw);max-height:min(80vh,42rem);padding:1rem;overflow:auto}.pile-viewer>header{color:#e6f7ff;justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.pile-viewer>header button{color:inherit;cursor:pointer;background:0 0;border:1px solid #71caff80;border-radius:.4rem;padding:.45rem .8rem}.pile-cards{flex-wrap:wrap;justify-content:center;gap:.65rem;display:flex}.card-back{box-sizing:border-box;background:linear-gradient(135deg,#ffffff1a 0%,#0006 100%),repeating-linear-gradient(45deg,#0003 0 2px,#0000 2px 4px),linear-gradient(160deg,#5b3a8c,#2d1a4e);border:2px solid #8e6a3c;border-radius:4px;width:100%;height:100%;position:relative}.card-back:after{content:"";border:1px solid #c8a84e80;border-radius:2px;position:absolute;inset:3px}.card-rot{transform:rotate(90deg)}.card-rot:hover{transform:rotate(90deg)scale(1.15)}@keyframes arena-attack-player{0%,18%,to{filter:brightness();transform:translate(0,0)scale(1)}32%{transform:translateY(1.1em)scale(.96)}58%{filter:brightness(1.45);transform:translateY(-11em)scale(1.18)}70%{transform:translateY(-9em)scale(1.08)}}@keyframes arena-attack-opponent{0%,18%,to{filter:brightness();transform:translate(0,0)scale(1)}32%{transform:translateY(-1.1em)scale(.96)}58%{filter:brightness(1.45);transform:translateY(11em)scale(1.18)}70%{transform:translateY(9em)scale(1.08)}}@keyframes arena-hit{0%,42%,to{filter:brightness();transform:translate(0,0)}50%{filter:brightness(2.2);transform:translate(-.45em,.15em)rotate(-3deg)}57%{transform:translate(.4em,-.1em)rotate(3deg)}65%{transform:translate(-.2em)}}@keyframes arena-card-flip{0%{transform:rotateY(0)}45%{transform:rotateY(90deg)}46%{transform:rotateY(90deg)}to{transform:rotateY(0)}}.arena-side--player .card.is-combat-attacker{z-index:30;animation:.9s cubic-bezier(.2,.8,.2,1) arena-attack-player}.arena-side--opponent .card.is-combat-attacker{z-index:30;animation:.9s cubic-bezier(.2,.8,.2,1) arena-attack-opponent}.card.is-combat-target{z-index:20;animation:.9s ease-out arena-hit}.card.is-combat-target:after{content:"";pointer-events:none;background:radial-gradient(circle,#fffffffa 0 5%,#ff4848c2 13%,#0000 53%);border-radius:50%;animation:.9s ease-out both combat-impact;position:absolute;inset:-35%}@keyframes combat-impact{0%,42%{opacity:0;transform:scale(.2)}52%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}.arena-board.is-flip-event .card.is-facedown{transform-style:preserve-3d;animation:.65s ease-in-out arena-card-flip}@media (prefers-reduced-motion:reduce){.card.is-combat-attacker,.card.is-combat-target,.arena-board.is-flip-event .card.is-facedown{animation:none}}.board.arena-board:before{opacity:.9;background:linear-gradient(128deg,#0000 0 16%,#23a8ff29 17%,#0000 18% 65%,#23a8ff1a 66%,#0000 67%),repeating-linear-gradient(115deg,#0000 0 7rem,#92deff0e 7.1rem 7.18rem),radial-gradient(#0000 0 48%,#00000080 100%)}.arena-surface{background:linear-gradient(90deg,#021537eb,#0a4a91b8 50%,#021537eb),repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 5px);border:1px solid #95deff9e;border-radius:1.15em;transform:perspective(90em)rotateX(7deg);box-shadow:0 1.5em 4em #00000094,0 0 3em #1690ff4d,inset 0 0 3em #51c1ff29}.arena-surface:after{background:linear-gradient(90deg,#0000,#bdf1fff2 20%,#4dbeffb3 50%,#bdf1fff2 80%,#0000);height:2px;box-shadow:0 0 1.4em #46bfff,0 0 0 .08em #51c1ff38}.arena-side--player{transform:none}.arena-monster-area,.arena-spell-zones{background:linear-gradient(#1268bb29,#010e2657),repeating-linear-gradient(90deg,#0000 0 19.6%,#a0e0ff1a 19.8% 20%);border:1px solid #8bd5ff3d;padding:.38em;position:relative;box-shadow:inset 0 0 2.4em #002a686b,inset 0 1px #dff9ff1f}.arena-monster-area:before,.arena-spell-zones:before{content:"";pointer-events:none;background:linear-gradient(115deg,#ffffff14,#0000 15% 82%,#ffffff0a);border:1px solid #b2e7ff1f;position:absolute;inset:.18em}.arena-monster-area{border-radius:.55em .15em .15em .55em}.arena-spell-zones{border-radius:.15em .55em .55em .15em;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55em;padding:.55em}.arena-emz-zones{border-top:1px solid #afe8ff47;border-bottom:1px solid #afe8ff1f;margin-inline:14%}.arena-emz-zones .zone-empty,.arena-emz-zones .card{background:linear-gradient(145deg,#36a4dd57,#041f49c7);border-color:#70e6ffe6;box-shadow:inset 0 0 1.2em #4dcdff3d,0 0 .65em #24acff38}.arena-spell-zones .zone-field,.arena-spell-zones .zone-pendulum{background:linear-gradient(145deg,#8b4f1e61,#251207c7);border-color:#ffbe6bd1}.arena-side--opponent .arena-monster-area,.arena-side--opponent .arena-spell-zones{filter:saturate(.88)hue-rotate(322deg)}.arena-board .arena-monster-zones .zone-empty,.arena-board .arena-monster-zones .card{border-width:1px}.arena-surface{border-radius:1.35em;transform:perspective(100em)rotateX(4deg)}.arena-side--opponent{grid-template-columns:minmax(8.8rem,18%) minmax(0,1fr) minmax(5.2rem,9%)}.arena-monster-area{box-shadow:none;background:linear-gradient(#00306614,#000a1d33);border:0;grid-area:1/2;padding:.24em .1em}.arena-spell-zones{box-shadow:none;background:0 0;border:0;grid-area:1/3;grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:.32em;padding:.12em}.arena-piles{grid-area:1/1;grid-template-rows:repeat(4,minmax(0,1fr));gap:.3em}.arena-side--opponent .arena-monster-area{grid-column:2}.arena-side--opponent .arena-spell-zones{grid-column:1}.arena-side--opponent .arena-piles{grid-column:3}.arena-emz-zones{gap:calc(var(--arena-card-width) * 1.12);margin-inline:16%}.arena-board .arena-pile{border-width:1px;border-radius:.16em;min-height:0}.arena-board .arena-pile-back{inset:.2em}.arena-board .arena-pile .pile-label{letter-spacing:.04em;font-size:.66em}.arena-board .arena-phase{min-width:14em;bottom:clamp(1rem,2.2vh,2rem);left:clamp(1rem,2.4vw,2.6rem)}.arena-board .arena-hud{right:clamp(1rem,2.4vw,2.6rem)}.arena-board .zone-empty,.arena-board .card{background:linear-gradient(145deg,#072044ad,#010c20d1);border-color:#bce5ffb8;border-radius:.22em;box-shadow:inset 0 0 1.2em #5dbcff1f,0 0 .35em #00000073}.arena-board .zone-empty:before{border-color:#beebff47;border-radius:.12em}.arena-board .arena-pile{border-radius:.3em}.arena-life{clip-path:polygon(0 0,92% 0,100% 24%,100% 100%,8% 100%,0 76%);border-radius:.25em 1.1em}.arena-avatar{border-radius:.35em;transform:skew(-8deg)}.arena-phase{clip-path:polygon(0 0,94% 0,100% 28%,100% 100%,6% 100%,0 72%);border-radius:.25em}.arena-side{grid-template-rows:1fr;grid-template-columns:minmax(0,1fr) minmax(3.8rem,8%) minmax(3.8rem,8%);gap:clamp(.35rem,.7vw,.8rem);padding:4% 3%;position:relative}.arena-main-zones .arena-zone-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(.25rem,.65vw,.75rem);display:grid}.arena-main-zones .card,.arena-main-zones .zone-empty{width:100%;min-width:0;height:100%;min-height:0}.arena-spell-zones{box-shadow:none;background:0 0;border:0;grid-area:auto;padding:0}.arena-aux-zones .card,.arena-aux-zones .zone-empty{width:100%;min-width:0;height:100%;min-height:0}.arena-piles{grid-column:3;grid-template-rows:repeat(4,minmax(0,1fr));gap:.38em;display:grid}.arena-emz-zones{z-index:4;pointer-events:none;border:0;justify-content:space-between;gap:0;width:27%;height:28%;margin:0;position:absolute;top:50%;left:42%;transform:translate(-50%,-50%)}.arena-emz-zones .card,.arena-emz-zones .zone-empty{pointer-events:auto;width:25%;height:100%}.board.arena-board{background:radial-gradient(#086fe080,#0000 46%),linear-gradient(135deg,#020713 0%,#06306d 46%,#021631 100%)}.arena-field{aspect-ratio:1.98;width:min(92vw,168vh);max-width:calc(100vw - 2rem)}.arena-surface{background:linear-gradient(90deg,#021534f0,#074991c4 50%,#021534f0),repeating-linear-gradient(90deg,#ffffff06 0 1px,#0000 1px 7em);border:1px solid #7fcaff73;border-radius:1.4em;grid-template-rows:repeat(2,minmax(0,1fr));display:grid;transform:none;box-shadow:0 1.5em 4em #0000008c,inset 0 0 4em #39aeff24}.arena-side,.arena-side--opponent{grid-template-rows:1fr;grid-template-columns:8% minmax(0,1fr) 10%;gap:1.1%;padding:4% 2.4%;display:grid;position:relative;transform:none}.arena-main-zones{grid-column:2;grid-template-rows:1fr 1fr;gap:6%;min-width:0;min-height:0;display:grid}.arena-main-zones .arena-zone-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:2.5%;min-width:0;min-height:0;display:grid}.arena-main-zones .arena-monster-zones{order:1}.arena-main-zones .arena-spell-zones{order:2}.arena-main-zones .card,.arena-main-zones .zone-empty{aspect-ratio:.69;width:100%;min-width:0;height:100%;min-height:0}.arena-main-zones .zone-empty{background:#02132a6b;border:1px solid #bde0ffb8;border-radius:.16em;box-shadow:inset 0 0 1em #5cbaff1a}.arena-main-zones .arena-spell-zones .zone-empty,.arena-main-zones .arena-spell-zones .card{border-color:#5bd0dd9e}.arena-piles{grid-column:1;grid-template-rows:repeat(4,minmax(0,1fr));gap:5%;min-width:0;min-height:0;display:grid}.arena-pile{background:#031a388c;border:1px solid #a3daff94;border-radius:.12em;min-width:0;min-height:0}.arena-pile--0,.arena-pile--1{border-color:#ffa756cc}.arena-pile--2{border-color:#ac7affd1}.arena-pile--3{border-color:#44d6bebd}.arena-aux-zones{grid-column:3;grid-template-rows:repeat(3,minmax(0,1fr));gap:5%;min-width:0;min-height:0;display:grid}.arena-aux-zones .card,.arena-aux-zones .zone-empty{border-radius:.16em;width:100%;min-width:0;height:100%;min-height:0}.arena-aux-zones .zone-field{border-color:#40d6bfc2}.arena-aux-zones .zone-pendulum{border-color:#ffaf4ec7}.arena-emz-zones{z-index:4;pointer-events:none;justify-content:space-between;gap:0;width:25%;height:30%;margin:0;display:flex;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.arena-emz-zones .card,.arena-emz-zones .zone-empty{aspect-ratio:.69;pointer-events:auto;border-color:#67d5ffe6;width:23%;height:100%}.card.is-selectable{cursor:pointer;animation:2s infinite alternate pulse-card}@keyframes pulse-card{0%{box-shadow:0 0 0 2px var(--pick), 0 0 10px var(--glow)}to{box-shadow:0 0 0 2px var(--pick), 0 0 20px var(--glow)}}.card.is-selected{filter:brightness(1.2);transform:scale(1.1);box-shadow:0 0 0 3px #fff,0 0 20px #fff9}.card-rot.is-selected{transform:rotate(90deg)scale(1.1)}.field-divider{justify-content:center;align-items:center;gap:20px;margin:10px 0;display:flex;position:relative}.field-divider:before{content:"";z-index:0;background:linear-gradient(90deg,#0000 0%,#c8a84e4d 50%,#0000 100%);height:1px;position:absolute;top:50%;left:0;right:0}.turn-badge,.phase-badge{background:var(--glass-bg);border:1px solid var(--accent-border);font-family:var(--heading);color:var(--text-h);text-transform:uppercase;letter-spacing:2px;z-index:1;border-radius:20px;padding:4px 16px;font-size:14px;font-weight:600;position:relative;box-shadow:0 4px 10px #00000080}.phase-badge{color:var(--accent);border-color:var(--accent);box-shadow:0 0 10px #c8a84e33,inset 0 0 10px #c8a84e1a}.card-preview-float{pointer-events:none;z-index:50;width:260px;animation:.2s fade-in;position:fixed;top:50%;right:20px;transform:translateY(-50%)}.card-preview-float img{border-radius:12px;width:100%;box-shadow:0 20px 40px #000c,0 0 20px #c8a84e33}@media (width<=1200px){.card-preview-float{display:none}}.prompt-overlay{pointer-events:none;z-index:100;justify-content:center;padding:20px;display:flex;position:fixed;bottom:0;left:0;right:0}.prompt{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);pointer-events:auto;border-top:2px solid var(--accent-border);border-radius:16px;width:100%;max-width:500px;padding:24px;animation:.3s cubic-bezier(.2,.8,.2,1) forwards slide-up;transform:translateY(100%);box-shadow:0 -10px 40px #00000080}@keyframes slide-up{to{transform:translateY(0)}}.prompt-title{font-family:var(--heading);color:var(--accent);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:20px;font-weight:700}.prompt-desc{color:var(--text-h);margin-bottom:16px;font-size:15px;line-height:1.5}.prompt-actions{flex-direction:column;gap:8px;max-height:40vh;display:flex;overflow-y:auto}.prompt-actions button{font:inherit;text-align:left;color:var(--text-h);cursor:pointer;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;padding:12px 16px;font-size:15px;transition:all .2s}.prompt-actions button:hover:not(:disabled){border-color:var(--accent);background:var(--accent-bg);padding-left:24px;box-shadow:0 0 10px #c8a84e33}.prompt-actions button:disabled{opacity:.4;cursor:default}.prompt-cancel,.prompt-auto{width:100%;color:var(--text-dim);cursor:pointer;background:0 0;border:1px dashed #fff3;border-radius:8px;margin-top:12px;padding:10px;font-size:14px;transition:all .2s}.prompt-cancel:hover{color:#fff;border-color:#fff}.action-bar{z-index:90;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:12px;gap:12px;padding:8px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 30px #00000080}.action-bar-btn{font-family:var(--heading);text-transform:uppercase;color:var(--text-h);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:10px 24px;font-size:16px;font-weight:600;transition:all .2s}.action-bar-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.action-bar-btn.primary{border-color:var(--accent);color:var(--accent);background:linear-gradient(#c8a84e4d 0%,#c8a84e1a 100%)}.action-bar-btn.primary:hover{box-shadow:0 0 15px var(--glow);text-shadow:0 0 8px var(--glow)}@media (width<=900px){.action-bar{transform-origin:100% 0;top:10px;bottom:auto;right:10px;transform:scale(.8)}}.chain{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--accent-border);width:220px;color:var(--text-h);z-index:20;border-radius:12px;padding:16px;font-size:13px;position:absolute;top:50%;left:20px;transform:translateY(-50%);box-shadow:0 10px 30px #00000080}.chain-title{font-family:var(--heading);color:var(--accent);text-transform:uppercase;border-bottom:1px solid #ffffff1a;margin-bottom:8px;padding-bottom:8px;font-size:18px;font-weight:700}.chain ol{margin:0;padding-left:20px}.chain li{margin-bottom:8px;line-height:1.4}.log-toggle{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);width:44px;height:44px;color:var(--text-h);cursor:pointer;z-index:90;border-radius:50%;place-items:center;font-size:18px;transition:all .2s;display:grid;position:fixed;bottom:24px;left:24px;box-shadow:0 4px 10px #00000080}.log-toggle:hover{border-color:var(--accent);color:var(--accent)}.log-overlay{z-index:95;background:#0006;animation:.15s fade-in;position:fixed;inset:0}.log{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);width:360px;max-width:calc(100vw - 48px);height:400px;max-height:50vh;font-size:13px;font-family:var(--mono);color:var(--text-h);border-radius:12px;padding:16px;line-height:1.5;animation:.2s fade-in;position:fixed;bottom:80px;left:24px;overflow-y:auto;box-shadow:0 10px 30px #00000080}.log-header{font-family:var(--heading);color:var(--accent);text-transform:uppercase;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;font-size:16px;display:flex}.log-header button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:4px;font-size:16px}.log-header button:hover{color:#fff}.log-line{color:var(--text-dim);border-bottom:1px solid #ffffff08;padding:4px 0}.log-line:last-child{border-bottom:none}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;background:#000000d9;place-items:center;padding:20px;animation:.2s fade-in;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--glass-bg);border:1px solid var(--accent-border);border-radius:16px;width:100%;max-width:450px;max-height:90vh;position:relative;overflow-y:auto;box-shadow:0 20px 60px #000c,0 0 30px #c8a84e1a}.modal-close{width:32px;height:32px;color:var(--text-h);cursor:pointer;z-index:10;background:#00000080;border:1px solid #ffffff1a;border-radius:50%;place-items:center;font-size:20px;transition:all .2s;display:grid;position:absolute;top:16px;right:16px}.modal-close:hover{color:#fff;background:#ffffff1a;transform:rotate(90deg)}.modal-body{flex-direction:column;align-items:center;gap:20px;padding:24px;display:flex}.modal-art{width:100%;max-width:300px}.modal-art img{border-radius:8px;width:100%;box-shadow:0 10px 30px #00000080}.modal-info{text-align:center;width:100%}.modal-title{font-family:var(--heading);color:var(--accent);text-transform:uppercase;margin:0 0 8px;font-size:24px;font-weight:700}.modal-stats{font-family:var(--mono);color:var(--text-h);background:#0000004d;border-radius:8px;padding:8px 16px;font-size:16px;display:inline-block}.modal-desc{color:var(--text-dim);text-align:left;background:#0003;border-radius:8px;margin-top:16px;padding:16px;font-size:14px;line-height:1.6}.modal-desc--loading{opacity:.68}.modal-translate{color:#d9f5ff;cursor:pointer;background:#1249747a;border:1px solid #71caff73;border-radius:.4rem;margin-top:.7rem;padding:.5rem .7rem}.modal-translate:disabled{opacity:.58;cursor:default}.arena-activation{z-index:40;pointer-events:none;background:#081226f2;border:1px solid #ffb551b8;border-radius:.8rem;align-items:center;gap:1rem;width:min(32rem,80vw);padding:.8rem 1rem;animation:.22s ease-out activation-enter;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 2.8rem #ff983152}.arena-activation img{aspect-ratio:.69;object-fit:cover;border-radius:.3rem;width:4.2rem}.arena-activation span{color:#ffc56b;font:700 .72rem var(--mono);text-transform:uppercase;letter-spacing:.1em;display:block}.arena-activation strong{color:#fff;font:700 1.2rem var(--heading);margin-top:.15rem;display:block}.arena-activation p{color:#d2e6f5;max-height:3.3em;margin:.25rem 0 0;font-size:.82rem;line-height:1.35;overflow:hidden}@keyframes activation-enter{0%{opacity:0;transform:translate(-50%,-44%)scale(.94)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.modal-actions{flex-direction:column;gap:8px;width:100%;padding:0 24px 24px;display:flex}.modal-action-btn{font-family:var(--heading);text-transform:uppercase;color:var(--text-h);cursor:pointer;background:#0006;border:1px solid #ffffff1a;border-radius:8px;padding:12px 16px;font-size:16px;font-weight:600;transition:all .2s}.modal-action-btn:hover{border-color:var(--accent);background:var(--accent-bg);box-shadow:0 0 15px #c8a84e33}.overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:300;background:#000000d9;place-items:center;display:grid;position:fixed;inset:0}.result{background:var(--glass-bg);border:1px solid var(--accent-border);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:20px;padding:40px 60px;display:flex;box-shadow:0 20px 60px #000c,0 0 40px #c8a84e33}.result h2{color:var(--accent);text-shadow:0 0 20px #c8a84e80;margin:0;font-size:48px}.surrender{font-family:var(--heading);text-transform:uppercase;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--lp-red);cursor:pointer;z-index:80;background:#eb445a1a;border:1px solid #eb445a4d;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;position:fixed;top:20px;left:20px}.surrender:hover{border-color:var(--lp-red);background:#eb445a33;box-shadow:0 0 10px #eb445a4d}.prompt-idle{color:var(--text-dim);text-align:center;font-size:14px}.prompt-waiting{pointer-events:none}.prompt-hint{color:var(--text-dim);margin-bottom:8px;font-size:13px}.prompt-phase{opacity:.8;font-style:italic}.prompt-zone{font-size:13px}.seat-info{align-items:center;gap:12px;display:flex;position:relative}.card-sm{width:calc(var(--card-w) * .7);height:calc(var(--card-h) * .7)}.sidebar{display:none}@media (width<=900px){.prompt-overlay.prompt-cardtap{display:none}.prompt-overlay.prompt-board-pick .prompt{max-height:130px;padding:12px}.prompt-overlay.prompt-board-pick .prompt-desc{display:none}.surrender{padding:6px 10px;font-size:11px;top:auto;bottom:80px;left:10px}.hand::-webkit-scrollbar{display:none}.hand{scrollbar-width:none}}.modal-action-btn.is-primary{border-color:var(--accent-border);color:var(--accent);background:linear-gradient(#c8a84e33 0%,#c8a84e0d 100%)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:3px solid #ffffff1a;border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.loading-hint{color:var(--text-dim);font-size:13px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.duel{isolation:isolate;background:#020611;min-height:100dvh;overflow:hidden}.board.arena-board{isolation:isolate;color:#e6f7ff;background:radial-gradient(at 48% 48%,#226fbd 0%,#0a2b5c 35%,#061632 65%,#020712 100%);flex:auto;width:100%;height:100%;min-height:100dvh;padding:0;font-size:clamp(9px,.95vw,18px);display:block;overflow:hidden}.board.arena-board:before,.board.arena-board:after{content:"";pointer-events:none;position:absolute;inset:0}.arena-hud,.arena-phase,.arena-field,.arena-chain{z-index:6;position:absolute}.arena-hud{align-items:center;gap:.9em;display:flex;right:clamp(1.4rem,3.1vw,4rem)}.arena-hud--opponent{top:clamp(1.4rem,3.1vh,3rem)}.arena-life{-webkit-backdrop-filter:blur(.6em);background:#04162edb;border:.12em solid #71caff80;border-radius:.7em;width:clamp(10rem,18vw,20rem);padding:.65em 1.2em .95em;position:relative;overflow:hidden;box-shadow:inset 0 0 1.4em #50bdff1a,0 0 1.2em #168cff29}.arena-hud--opponent .arena-life{border-color:#ff789280;box-shadow:inset 0 0 1.4em #ff5d821a,0 0 1.2em #e9366821}.arena-name{font-family:var(--heading);letter-spacing:.08em;color:#a8d8f3;text-transform:uppercase;font-size:1.12em;font-weight:700;display:block}.arena-lp{text-align:right;font-family:var(--heading);letter-spacing:.08em;color:#effbff;text-shadow:0 0 .4em #5ecaff;margin-top:.04em;font-size:2.75em;font-weight:700;line-height:.95;display:block}.arena-hud--opponent .arena-lp{text-shadow:0 0 .4em #ff6380}.arena-lp-bar{background:#afe6ff2e;border-radius:999px;height:.16em;position:absolute;bottom:.42em;left:.8em;right:.8em;overflow:hidden}.arena-lp-fill{border-radius:inherit;background:linear-gradient(90deg,#4dceff,#c8f4ff);height:100%;transition:width .26s;display:block;box-shadow:0 0 .7em #4dceff}.arena-hud--opponent .arena-lp-fill{background:linear-gradient(90deg,#ff577a,#ffb2c0);box-shadow:0 0 .7em #ff577a}@keyframes arena-hud-damage{0%,to{transform:translate(0)}14%{transform:translate(-.65em)}28%{transform:translate(.55em)}42%{transform:translate(-.35em)}58%{transform:translate(.2em)}}@keyframes arena-damage-pop{0%{opacity:0;transform:translate(-50%,.8em)scale(.65)}18%{opacity:1;transform:translate(-50%)scale(1.16)}72%{opacity:1;transform:translate(-50%,-.5em)scale(1)}to{opacity:0;transform:translate(-50%,-1.15em)scale(.88)}}.arena-hud.is-taking-damage{animation:.52s ease-out arena-hud-damage}.arena-damage{z-index:3;font-family:var(--heading);color:#fff;text-shadow:0 0 .18em #ff1f4f,0 .08em .08em #3a000d;pointer-events:none;font-size:2.15em;font-weight:900;line-height:1;animation:1s ease-out both arena-damage-pop;position:absolute;top:42%;left:50%}.arena-avatar{aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#91ddff,#1a508e 55%,#07162e);border:.2em solid #71caff;border-radius:50%;flex:none;width:5.2em;box-shadow:0 0 1.4em #299cff}.arena-hud--opponent .arena-avatar{background:radial-gradient(circle at 35% 30%,#ffc3d0,#8e1a44 55%,#2e0715);border-color:#ff8098;box-shadow:0 0 1.4em #e93668}.arena-phase{-webkit-backdrop-filter:blur(.6em);background:#061a38e6;border:.12em solid #69c8fa8a;border-radius:.6em;gap:.24em;min-width:13em;padding:.7em 1.15em;display:grid;bottom:clamp(1.5rem,3vh,3rem);left:clamp(1.4rem,3vw,3.6rem);box-shadow:inset 0 0 1em #59c5ff1a,0 0 1em #168fff2e}.arena-phase span{letter-spacing:.05em;color:#d0f1ffbd;text-transform:uppercase;font-size:.84em;font-weight:600}.arena-phase strong{font-family:var(--heading);letter-spacing:.09em;color:#e7f8ff;text-transform:uppercase;font-size:1.28em}.arena-field{--arena-card-width:clamp(2.2rem, min(5vw, 9.25vh), 6.4rem);--arena-card-height:calc(var(--arena-card-width) * 1.45);aspect-ratio:158/78;perspective:140em;width:min(82vw,145vh);max-width:calc(100vw - 7rem);top:50%;left:50%;transform:translate(-50%,-50%)}.arena-surface{transform-style:preserve-3d;-webkit-backdrop-filter:blur(.6em);background:linear-gradient(90deg,#04142de6,#0b3569b8 48%,#04142de6);border:.14em solid #69bfff45;border-radius:2em;grid-template-rows:repeat(2,minmax(0,1fr));display:grid;position:absolute;inset:0;overflow:hidden;transform:rotateX(4deg);box-shadow:0 0 5em #168cff33,inset 0 0 4em #168cff21}.arena-surface:before,.arena-surface:after{content:"";pointer-events:none;position:absolute}.arena-surface:before{z-index:0;background:linear-gradient(115deg,#0000 0 34%,#8dddff0f 42%,#0000 50%),repeating-linear-gradient(90deg,#0000 0 12em,#67c8ff0a 12.1em 12.2em);inset:0}.arena-surface:after{z-index:2;background:linear-gradient(90deg,#0000,#7edaffb8,#0000);height:.13em;top:50%;left:2%;right:2%;box-shadow:0 0 1.2em #46bfff}.arena-side{z-index:1;grid-template-columns:minmax(0,1fr) minmax(8.2rem,18%) minmax(5rem,9%);align-items:stretch;gap:clamp(.45rem,1.1vw,1.5rem);min-height:0;padding:2.4%;display:grid;position:relative}.arena-side--opponent{transform:rotate(180deg)}.arena-monster-area{grid-template-rows:minmax(0,1fr) minmax(0,.4fr);gap:.3em;min-width:0;min-height:0;display:grid}.arena-zone-row{justify-content:center;align-items:center;min-width:0;min-height:0;display:flex}.arena-monster-zones{gap:clamp(.2rem,.75vw,.8rem)}.arena-monster-zones .card,.arena-monster-zones .zone-empty{width:var(--arena-card-width);height:var(--arena-card-height)}.arena-emz-zones .card,.arena-emz-zones .zone-empty{width:calc(var(--arena-card-width) * .82);height:calc(var(--arena-card-height) * .82)}.arena-spell-zones{grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:.38em;min-width:0;min-height:0;display:grid}.arena-spell-zones .card,.arena-spell-zones .zone-empty{width:100%;min-width:0;height:100%;min-height:0}.arena-piles{grid-template-rows:repeat(4,minmax(0,1fr));gap:.45em;min-width:0;min-height:0;display:grid}.arena-pile{color:#e6f7ff;cursor:default;isolation:isolate;background:linear-gradient(145deg,#1d5c9654,#03132fb8);border:.13em solid #7acaff94;border-radius:.62em;min-width:0;min-height:0;padding:.36em;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;position:relative;overflow:hidden}.arena-pile:disabled{opacity:1}.arena-pile--1{background:linear-gradient(145deg,#94512566,#2e1308c2);border-color:#ffac639e}.arena-pile--2{background:linear-gradient(145deg,#57318c66,#160c31c2);border-color:#b685ffa3}.arena-pile--3{background:linear-gradient(145deg,#12675c59,#031d29bd);border-color:#70e8d08f}.arena-pile-back{z-index:-1;opacity:.68;background:radial-gradient(circle,#130503 8%,#7d2308 31%,#e87018 55%,#4d1406 76%,#130503);border:.1em solid #ffb05c;border-radius:.34em;position:absolute;inset:.38em;box-shadow:0 0 .75em #ff8d356b}.arena-pile .pile-count,.arena-pile .pile-label{z-index:1;text-shadow:0 0 .5em #020914;place-self:center;position:relative}.arena-pile .pile-count{min-width:1.7em;font-family:var(--heading);color:#f0fbff;background:#020914d1;border-radius:.25em;place-self:start end;padding:.05em .23em;font-size:1.15em;font-weight:700}.arena-pile .pile-label{max-width:100%;font-family:var(--heading);letter-spacing:.06em;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;align-self:end;font-size:.72em;font-weight:700;line-height:1;overflow:hidden}.arena-pile.is-selectable{cursor:pointer;border-color:#d4f5ff;animation:1.45s ease-in-out infinite alternate arena-pulse;box-shadow:0 0 1.25em #4bc3ffa6,inset 0 0 1.1em #71d4ff42}.arena-pile.is-selectable:hover{transform:translateY(-.16em)scale(1.04)}.arena-board .zone-empty,.arena-board .card{box-sizing:border-box;background:linear-gradient(145deg,#1d5c9654,#03132fb8);border:.13em solid #7acaff94;border-radius:.6em;position:relative;overflow:hidden;box-shadow:inset 0 0 1.1em #6ac4ff1f}.arena-board .zone-empty{place-items:center;padding:0;display:grid}.arena-board .zone-empty:after{content:"";pointer-events:none;background:linear-gradient(125deg,#0000 20%,#d9f5ff24 48%,#0000 68%);transition:transform .42s;position:absolute;inset:0;transform:translate(-120%)}.arena-board .zone-empty:hover:after,.arena-board .zone-empty.is-selectable:after{transform:translate(120%)}.arena-board .zone-label{z-index:1;color:#bde7ff9e;font-family:var(--heading);letter-spacing:.08em;text-align:center;font-size:.68em;font-weight:700;position:relative}.arena-board .zone-emz{background:linear-gradient(145deg,#5ba4cc54,#03132fbd);border-color:#d4f5ffbf}.arena-board .zone-field,.arena-spell-zones .zone-empty:nth-child(n+3){background:linear-gradient(145deg,#12675c54,#031d29b8);border-color:#70e8d08c}.arena-board .zone-pendulum{border-color:#ffac639e}.arena-board .card{cursor:default;flex-direction:column;padding:0;transition:transform .17s,filter .17s,box-shadow .17s,border-color .17s;display:flex}.arena-board .card-img{object-fit:cover;width:100%;height:100%}.arena-board .card:hover{z-index:12;border-color:#d4f5ff;transform:translateY(-.42em)scale(1.05);box-shadow:0 0 1.4em #4bc3ffab,inset 0 0 1.1em #71d4ff3d}.arena-board .card-rot:hover{transform:rotate(90deg)translateY(-.42em)scale(1.05)}.arena-board .card-back{background:radial-gradient(circle,#130503 8%,#7d2308 31%,#e87018 55%,#4d1406 76%,#130503);border:.1em solid #ffb05c;border-radius:.34em;box-shadow:0 0 .8em #ff8d3570}.arena-board .card-overlay{font-family:var(--heading);gap:.18em;padding:1.3em .3em .24em;font-size:.62em}.arena-board .card-atk,.arena-board .card-def{white-space:nowrap;letter-spacing:0;flex:1 1 0;min-width:0;padding-inline:.08em;overflow:visible}.arena-board .card-materials{background:#bde7ff;width:1.55em;height:1.55em;font-size:.76em}.arena-board .card.is-selectable,.arena-board .zone-empty.is-selectable{cursor:pointer;border-color:#d4f5ff;animation:1.45s ease-in-out infinite alternate arena-pulse;box-shadow:0 0 1.3em #4bc3ffad,inset 0 0 1.1em #71d4ff4d}.arena-board .card.is-selection-tribute{border-color:#ffd65a;animation:.9s ease-in-out infinite alternate tribute-pulse;box-shadow:0 0 0 .12em #ffd65a,0 0 1.5em #ffc42de6,inset 0 0 1em #ffb9183d}.arena-board .card.is-selection-tribute:before{content:"HIẾN TẾ";z-index:8;color:#211400;font:900 .52em var(--heading);letter-spacing:.06em;white-space:nowrap;pointer-events:none;background:#ffd65a;border-radius:.25em;padding:.13em .45em;position:absolute;top:-.72em;left:50%;transform:translate(-50%)}@keyframes tribute-pulse{0%{filter:brightness();transform:translateY(0)}to{filter:brightness(1.22);transform:translateY(-.16em)}}.tribute-guide{z-index:32;color:#fff3c2;background:#261903f0;border:1px solid #ffd65ad9;border-radius:.6rem;grid-template-columns:auto auto auto;align-items:center;gap:.8rem;width:max-content;max-width:min(44rem,90vw);padding:.65rem .85rem;display:grid;position:absolute;top:clamp(5.8rem,9vh,7.5rem);left:50%;transform:translate(-50%);box-shadow:0 0 1.8rem #ffbe234d}.tribute-guide strong{color:#ffd65a;font:800 .82rem var(--heading);white-space:nowrap}.tribute-guide span{font-size:.8rem}.tribute-guide b{color:#ffd65a;white-space:nowrap;background:#ffd65a29;border-radius:.3rem;padding:.25rem .45rem}.prompt-hint--tribute{color:#ffe08a;font-weight:700}@media (width<=760px){.tribute-guide{grid-template-columns:1fr auto;width:min(28rem,88vw)}.tribute-guide span{grid-area:2/1/auto/-1}}.arena-board .card.is-selected,.arena-board .zone-empty.is-selected{filter:brightness(1.2);border-color:#fff;box-shadow:0 0 0 .15em #ffffffd9,0 0 1.5em #ffffff73}.arena-hand{z-index:4;justify-content:center;align-items:flex-end;width:max-content;max-width:82%;display:flex;position:absolute;left:50%;transform:translate(-50%)}.arena-hand--opponent{top:calc(var(--arena-card-height) * -.39);transform:translate(-50%)rotate(180deg)}.arena-hand .card{width:calc(var(--arena-card-width) * 1.12);height:calc(var(--arena-card-height) * 1.12);margin-left:calc(var(--arena-card-width) * -.27);flex:none;box-shadow:-.34em .34em .9em #00000080}.arena-hand .card:first-child{margin-left:0}.arena-hand--opponent .card{width:calc(var(--arena-card-width) * .84);height:calc(var(--arena-card-height) * .84);margin-left:calc(var(--arena-card-width) * -.23)}.arena-hand .card:hover{z-index:20;margin-right:calc(var(--arena-card-width) * .08);margin-left:calc(var(--arena-card-width) * .08);transform:translateY(-1.45em)scale(1.08);box-shadow:0 .9em 1.8em #000c,0 0 1em #4bc3ff7a}.arena-hand--opponent .card:hover{transform:translateY(-1em)scale(1.05)}.arena-chain{color:#d7f3ff;-webkit-backdrop-filter:blur(.6em);background:#03132ed9;border:.12em solid #69c8fa73;border-radius:.68em;width:min(16rem,18vw);padding:.9em 1em;top:50%;left:clamp(1.3rem,2.5vw,3rem);transform:translateY(-50%);box-shadow:0 0 1.4em #168fff38}.arena-chain strong{font-family:var(--heading);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.4em;font-size:1.2em;display:block}.arena-chain ol{max-height:12em;margin:0;padding-left:1.25em;overflow-y:auto}.arena-chain li{margin-bottom:.42em;font-size:.78em;line-height:1.35}.fullscreen-toggle{z-index:90;color:#e9f8ff;min-width:4.9em;min-height:4.9em;font-family:var(--heading);letter-spacing:.11em;cursor:pointer;background:#061a38e0;border:.13em solid #79cefaa3;border-radius:.9em;padding:.5em;font-size:clamp(.65rem,.82vw,.85rem);font-weight:700;transition:transform .16s,border-color .16s,box-shadow .16s;position:absolute;top:clamp(1.2rem,2.3vw,2rem);left:clamp(1.2rem,2.3vw,2rem);box-shadow:0 0 1em #168fff45}.fullscreen-toggle:hover{border-color:#d4f5ff;transform:scale(1.05);box-shadow:0 0 1.2em #4bc3ffa6}.fullscreen-toggle:active,.arena-pile.is-selectable:active{transform:scale(.97)}.arena-rotate{display:none}.duel .log-toggle,.duel .surrender,.duel .action-bar{-webkit-backdrop-filter:blur(.6em);background:#061a38e6;border-color:#69c8fa8a;box-shadow:0 0 1em #168fff2e}.duel .log-toggle{color:#d9f5ff;width:3.45em;height:3.45em;top:50%;bottom:auto;left:clamp(1.2rem,2.3vw,2rem);transform:translateY(-50%)}.duel .log-toggle:hover{color:#fff;border-color:#d4f5ff}.duel .surrender{color:#ffc4d1;background:#42081cbd;border-color:#ff78928f;top:calc(50% + 3.2em);bottom:auto;left:clamp(1.2rem,2.3vw,2rem)}.duel .action-bar{border-radius:.75em;padding:.45em;inset:clamp(1.2rem,2.3vw,2rem) auto auto clamp(7.1rem,10vw,9rem)}.duel .action-bar-btn{color:#e7f8ff;background:#0e427459;border-color:#69c8fa61;font-size:.88em}.duel .action-bar-btn.primary,.duel .action-bar-btn:hover{color:#fff;background:#369bdc47;border-color:#d4f5ff;box-shadow:0 0 1em #4bc3ff47}.duel .prompt{background:#03132eed;border-color:#7bd7ff #69c8fa75 #69c8fa75;box-shadow:0 -.7em 2.2em #0000006b,inset 0 0 1.3em #4bc3ff14}.duel .prompt-title,.duel .modal-title,.duel .log-header{color:#bdeaff}.duel .prompt-actions button,.duel .modal-action-btn{color:#e6f7ff;background:#0e42743d;border-color:#69c8fa40}.duel .prompt-actions button:hover:not(:disabled),.duel .modal-action-btn:hover{background:#369bdc40;border-color:#d4f5ff;box-shadow:0 0 1em #4bc3ff40}.duel .modal-content,.duel .log{background:#03132ef0;border-color:#69c8fa73}.duel .modal-action-btn.is-primary{color:#e7f8ff;background:#369bdc47;border-color:#7bd7ff}.duel .card-preview-float{width:min(17vw,15rem);right:clamp(1rem,2vw,2rem)}@keyframes arena-pulse{0%{filter:brightness()}to{filter:brightness(1.18)}}@media (height<=720px) and (orientation:landscape){.arena-field{--arena-card-width:clamp(1.75rem, min(4.15vw, 7.8vh), 4.75rem);width:min(86vw,151vh)}.arena-side{grid-template-columns:minmax(0,1fr) minmax(6.4rem,18%) minmax(4rem,9%);gap:.55rem;padding:1.8% 2%}.arena-hud{font-size:.84em}.arena-phase{bottom:1rem;left:1rem}.arena-hud--opponent{top:1rem}.arena-hud--player{bottom:1rem;right:1rem}}@media (width<=1100px){.arena-life{width:12.5rem}.arena-chain{display:none}}@media (width<=900px) and (orientation:landscape){.arena-field{max-width:calc(100vw - 1.5rem)}.arena-hud{right:.85rem}.arena-life{width:9.5rem;padding:.48em .72em .72em}.arena-avatar{width:3.9em}.arena-phase{min-width:10em;padding:.5em .72em}.duel .action-bar{left:5.7rem;transform:none}.duel .surrender{font-size:.68rem;top:calc(50% + 2.6em)}}.home-deck-import{color:#e2f0dfb8;font:700 .72rem var(--heading);letter-spacing:.12em;gap:.45rem;display:grid}.home-deck-import input{color:#eaf5e6;width:100%;font:600 .78rem var(--heading)}.home-deck-import input::file-selector-button{color:#eaf5e6;font:700 .72rem var(--heading);cursor:pointer;background:#182a16eb;border:1px solid #dbebc057;border-radius:.35rem;margin-right:.7rem;padding:.55rem .8rem}.home-import-error{color:#ffb2bd;margin:-.15rem 0 0;font-size:.78rem;line-height:1.35}.duel-utility-actions{z-index:90;align-items:center;gap:.65rem;display:flex;position:absolute;top:clamp(1.2rem,2.3vw,2rem);left:clamp(19rem,26vw,31rem)}.duel .duel-utility-actions .log-toggle,.duel .duel-utility-actions .surrender{min-height:3.45em;position:static;inset:auto;transform:none}.duel .duel-utility-actions .surrender{white-space:nowrap}.arena-tool--settings{cursor:pointer;padding:0;transition:transform .16s,border-color .16s,box-shadow .16s}.arena-tool--settings:hover,.arena-tool--settings[aria-expanded=true]{border-color:#d7f5ff;transform:scale(1.06);box-shadow:0 0 1.15em #4bc3ff7a}.settings-popover{z-index:92;color:#eef8e8;-webkit-backdrop-filter:blur(.8rem);backdrop-filter:blur(.8rem);background:#0a140cf5;border:1px solid #dbebc061;border-radius:.55rem;width:min(18rem,100vw - 7rem);padding:.8rem;position:absolute;top:50%;left:clamp(5.2rem,7vw,7.5rem);transform:translateY(-50%);box-shadow:0 1rem 3rem #0206029e,inset 0 1px #ffffe114}.settings-heading{color:#dff5cf;font:700 .9rem var(--heading);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;margin-bottom:.65rem;display:flex}.settings-heading button{color:#eaf5e6ad;cursor:pointer;background:0 0;border:0}.music-toggle{color:#eef8e8;text-align:left;cursor:pointer;background:#1c2b18bf;border:1px solid #dbebc03d;border-radius:.4rem;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:.72rem;display:flex}.music-toggle span,.music-toggle strong,.music-toggle small{display:block}.music-toggle small{color:#eaf5e69e;margin-top:.18rem;font-size:.68rem}.music-toggle b{color:#ffc4ce;min-width:3.25rem;font:800 .67rem var(--heading);text-align:center;background:#712430b8;border-radius:999px;padding:.35rem .45rem}.music-toggle.is-on{border-color:#b8e56394}.music-toggle.is-on b{color:#e4ffb2;background:#547d27c7}.settings-error{color:#ffb2bd;margin:.55rem 0 0;font-size:.72rem;line-height:1.35}.card.is-attack-locked{filter:saturate(.5)brightness(.78)}.card-attack-lock{z-index:8;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#0000 43%,#ff4a37eb 44% 49%,#0000 50%),#26050538;border:.13em solid #ff6653eb;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 1.2em #ff412d61,0 0 .75em #ff412d4d}.card-attack-lock span{aspect-ratio:1;color:#fff5f2;width:1.55em;font:900 1.15em/1 var(--heading);background:#76120ee6;border:.1em solid #ffd1c9;border-radius:50%;place-items:center;display:grid;box-shadow:0 0 .8em #ff4b36a6}@media (prefers-reduced-motion:no-preference){.card.is-attack-locked .card-attack-lock span{animation:1.4s ease-in-out infinite attack-lock-pulse}}@keyframes attack-lock-pulse{50%{transform:scale(1.1);box-shadow:0 0 1.15em #ff4b36e0}}@media (width<=900px) and (orientation:landscape){.duel-utility-actions{gap:.4rem;left:clamp(15.5rem,33vw,20rem)}.duel .duel-utility-actions .log-toggle,.duel .duel-utility-actions .surrender{min-height:2.9rem;font-size:.68rem}}.board.arena-board{--board-blue:#1a8ef0;--board-cyan:#7fd9ff;--board-red:#ff4967;--board-gold:#ffb84c;background:radial-gradient(at 50% 48%,#1878d2d1,#0000 38%),radial-gradient(at 50% 52%,#0d458e 0%,#061b42 56%,#020713 100%);font-size:clamp(8px,.92vw,16px)}.board.arena-board:before{background:linear-gradient(118deg,#0000 0 28%,#65c6ff29 42%,#0000 54%),repeating-linear-gradient(135deg,#0000 0 7.5em,#6dc7ff09 7.6em 7.8em)}.arena-field{aspect-ratio:192/108;perspective:150em;width:min(94vw,160vh);max-width:calc(100vw - 4rem)}.arena-surface{background:linear-gradient(90deg,#03132ff0,#093d80d1 48%,#03132ff0),radial-gradient(circle,#4aafff24,#0000 52%);border:.16em solid #7ccfff6b;border-radius:1.35em;grid-template-rows:minmax(0,1fr) minmax(0,1fr);box-shadow:0 0 5em #0d82ff52,inset 0 0 4em #4cb8ff29}.arena-surface:after{background:linear-gradient(90deg,#0000,#8ee4ffdb 18% 82%,#0000);height:.2em;top:50%;left:1.4%;right:1.4%;box-shadow:0 0 1.7em #46bffff2}.arena-core{grid-template-rows:minmax(0,1fr) minmax(0,.24fr) minmax(0,1fr);gap:.75em;min-width:0;min-height:0;display:grid}.arena-monster-zones{grid-row:1;grid-template-rows:1fr;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:.95em;display:grid}.arena-emz-zones{grid-row:2;align-self:center}.arena-spell-zones{grid-row:3;grid-template-columns:repeat(5,minmax(0,1fr));gap:.95em;display:grid}.arena-emz-zones{gap:10em}.arena-emz-zones .card,.arena-emz-zones .zone-empty{justify-self:center;width:5.1em;min-width:0;height:2.9em}.arena-pile-rail,.arena-utility-rail{min-width:0;min-height:0}.arena-board .zone-empty,.arena-board .card{background:linear-gradient(145deg,#18518f6b,#02122bdb);border:.12em solid #91dbffb8;border-radius:.28em;box-shadow:inset 0 0 .9em #5bbeff29,0 0 .18em #7bd5ff26}.arena-board .zone-empty:before{border:.07em solid #bce9ff52;border-radius:.18em;inset:.3em}.arena-board .zone-label{letter-spacing:.1em;color:#c9f0ffb8;font-size:.66em}.arena-board .arena-side--opponent .zone-empty,.arena-board .arena-side--opponent .card{border-color:#ff9eb3b8}.arena-board .arena-side--opponent .zone-empty{background:linear-gradient(145deg,#66204d6b,#1f0718db)}.arena-board .arena-spell-zones .zone-empty,.arena-board .arena-spell-zones .card{border-color:#4ddaddb8}.arena-board .arena-utility-rail .zone-field{border-color:#4be5c2e6}.arena-board .arena-utility-rail .zone-pendulum{border-color:#ffbe4ce6}.arena-board .arena-shared-emz .zone-empty{background:linear-gradient(145deg,#578cb16b,#041830db);border-color:#e2f1ffd1}.arena-board .arena-spell-zones .zone-field,.arena-board .arena-spell-zones .zone-pendulum{border-color:#4ddaddb8}.arena-center-line{z-index:3;pointer-events:none;justify-content:space-around;display:flex;position:absolute;inset:50% 0 auto;transform:translateY(-50%)}.arena-shared-emz{z-index:5;pointer-events:auto;display:block;position:absolute;inset:0;transform:none}.arena-ex{width:8.4em;height:2.15em;font:800 1.12em var(--heading);letter-spacing:.35em;text-indent:.35em;color:#fff;border-radius:.22em;place-items:center;display:grid;box-shadow:0 0 .9em}.arena-ex--opponent{color:#ff4164;background:linear-gradient(90deg,#a50e36,#f33d60)}.arena-ex--player{color:#18bfff;background:linear-gradient(90deg,#0071bc,#20c5ff)}.arena-hud{gap:.6em;right:clamp(1.3rem,2.6vw,3.2rem)}.arena-hud--opponent{flex-direction:row-reverse;top:clamp(1rem,2.2vh,2rem)}.arena-hud--player{bottom:clamp(1rem,2.2vh,2rem)}.arena-life{border-radius:.3em;width:clamp(11rem,17vw,18rem);padding:.46em .8em .72em}.arena-name{letter-spacing:.12em;font-size:.78em}.arena-lp-prefix{font:700 .72em var(--heading);color:#cdefffb8;position:absolute;top:2.1em;left:.85em}.arena-lp{letter-spacing:.12em;font-size:2.35em}.arena-avatar{border-radius:.35em;place-items:center;width:4.9em;display:grid;transform:skew(-9deg)}.arena-avatar-glyph{font:900 2em var(--heading);transform:skew(9deg)}.arena-hud--player .arena-avatar{background:linear-gradient(145deg,#1e8ed2,#07162e);border-color:#59d7ff}.arena-hud--opponent .arena-avatar{background:linear-gradient(145deg,#d83a64,#2e0715);border-color:#ff7591}.arena-tool-stack{z-index:8;gap:.7em;display:grid;position:absolute;top:50%;left:clamp(1rem,2.4vw,2.4rem);transform:translateY(-50%)}.arena-tool{aspect-ratio:1;color:#daf6ff;width:3.1em;font:800 1.2em var(--heading);background:#041939e0;border:.12em solid #88dcffc2;border-radius:.25em;place-items:center;display:grid;box-shadow:0 0 .8em #26aeff42}.arena-tool--turn{color:#b7ff4d;border-color:#96e331;border-radius:50%}.arena-phase{border-radius:.24em;min-width:12em;padding:.5em .75em;bottom:clamp(1rem,2.1vh,2rem);left:clamp(1rem,2.4vw,2.4rem)}.arena-phase b{font:800 1em var(--heading);color:#e6f8ff;position:absolute;bottom:.48em;right:.65em}@media (width<=900px) and (orientation:landscape){.arena-field{width:min(95vw,165vh);max-width:calc(100vw - 1.25rem)}.arena-side{grid-template-columns:minmax(4.8em,10%) minmax(0,1fr) minmax(4.7em,11%);gap:.48em;padding:2% 1.5%}.arena-core{gap:.38em}.arena-emz-zones{gap:5.8em}.arena-ex{width:9.8em;height:2.5em;font-size:1.05em}.arena-life{width:10.3rem}.arena-avatar{width:3.6em}}@media (orientation:portrait) and (width<=800px){.arena-rotate{z-index:500;color:#e6f7ff;font-family:var(--heading);text-align:center;background:#020713;place-items:center;padding:2rem;font-size:1.35rem;font-weight:700;line-height:1.35;display:grid;position:fixed;inset:0}}@media (prefers-reduced-motion:reduce){.arena-board *,.fullscreen-toggle{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.arena-board .card[draggable=true]{cursor:grab}.arena-board .card[draggable=true]:active{cursor:grabbing}.arena-board .card.is-dragging{opacity:.48;filter:brightness(1.35)saturate(1.15)}.arena-board .card.is-drop-target:not(.is-dragging),.arena-board .zone-empty.is-drop-target{border-style:dashed;border-color:#d4f5ffe6;box-shadow:0 0 1.3em #4bc3ff6b,inset 0 0 1.1em #71d4ff33}.drag-hint{z-index:120;color:#e6f7ff;font-family:var(--heading);letter-spacing:.05em;text-transform:uppercase;pointer-events:none;background:#03132ef0;border:.1em solid #7bd7ffa6;border-radius:999px;padding:.55em 1em;font-size:clamp(.7rem,.92vw,.95rem);font-weight:700;position:absolute;top:clamp(5.8rem,9vh,7.5rem);left:50%;transform:translate(-50%);box-shadow:0 0 1.2em #4bc3ff52}.decision-overlay{z-index:180;-webkit-backdrop-filter:blur(.45rem);background:#01050fad;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.decision-overlay .prompt{background:#03132ef7;border-color:#d4f5ff #7bd7ff9e #7bd7ff9e;width:min(31rem,100%);max-height:min(42rem,100dvh - 3rem);animation:.18s ease-out decision-enter;overflow-y:auto;transform:none;box-shadow:0 1.4rem 4.5rem #0009,inset 0 0 1.4rem #4bc3ff1a}.decision-overlay .prompt-actions{max-height:none}.duel .action-bar.action-bar--selection{top:clamp(5.8rem,9vh,7.5rem);left:50%;right:auto;transform:translate(-50%)}@keyframes decision-enter{0%{opacity:0;transform:translateY(.75rem)scale(.98)}to{opacity:1;transform:none}}@media (width<=900px) and (orientation:landscape){.drag-hint{max-width:calc(100vw - 10rem);font-size:.62rem;top:4.7rem}.duel .action-bar.action-bar--selection{top:4.7rem;left:50%;transform:translate(-50%)}}.duel{background:#10170d}.board.arena-board{--ruin-cyan:#78e7ff;--ruin-magenta:#ff58c8;--ruin-ink:#0c120de6;color:#f5f7e9;background:radial-gradient(circle at 50% 48%,#42572c4d,#0000 48%),#10170d;min-height:100dvh}.board.arena-board:before{z-index:0;background:0 0}.board.arena-board:after{z-index:20;box-shadow:inset 0 0 8em #030703b8,inset 0 0 1.2em #000c}.arena-field{--arena-card-width:clamp(2rem, min(4.7vw, 8.35vh), 5.8rem);--arena-card-height:calc(var(--arena-card-width) * 1.45);z-index:2;aspect-ratio:16/9;perspective:none;filter:saturate(1.03)contrast(1.02);background:url(/arena/forest-duel-field.jpeg) 50%/100% 100% no-repeat;width:min(100vw,177.778dvh);max-width:none}.arena-field:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg,#03070333,#0000 15% 85%,#03070333),linear-gradient(#0307031f,#0000 20% 80%,#03070324);position:absolute;inset:0}.arena-surface{z-index:1;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:0;border-radius:0;inset:12.2% 18.6% 12.4%;overflow:visible;transform:none}.arena-surface:before,.arena-surface:after{display:none}.arena-side{grid-template-columns:minmax(4.2em,10.5%) minmax(0,1fr) minmax(4.2em,10.5%);gap:1.05em;padding:3.3% 0 2.8%}.arena-core{grid-template-rows:minmax(0,1fr) minmax(0,.22fr) minmax(0,.78fr);gap:.45em}.arena-board .zone-empty{box-shadow:none;background:#e1f4be05;border-color:#0000;border-radius:.42em}.arena-board .zone-empty:before{border-color:#e6f6ce1a;border-radius:.28em;inset:.22em}.arena-board .zone-label{opacity:0}.arena-board .zone-empty:hover,.arena-board .zone-empty.is-selectable,.arena-board .zone-empty.is-drop-target{background:#bdeb731f;border-color:#e0fbc3eb;box-shadow:0 0 0 .12em #ffffe67a,0 0 1.5em #aeff5eb8,inset 0 0 1.2em #daffa633}.arena-board .zone-empty:hover .zone-label,.arena-board .zone-empty.is-selectable .zone-label{opacity:1;color:#f7ffe8;text-shadow:0 0 .5em #5c8c22}.arena-board .card{background:#17130d;border-color:#f6ffdcc2;border-radius:.28em;box-shadow:0 .34em .72em #050803b8,0 0 .32em #cfff9140}.arena-board .arena-side--opponent .card{border-color:#ffb1e4cc;box-shadow:0 .34em .72em #050803b8,0 0 .36em #ff58c84d}.arena-pile-rail,.arena-utility-rail{opacity:.96;align-self:stretch}.arena-pile-rail .arena-piles--left{gap:1.1em}.arena-utility-rail{gap:.82em}.arena-pile,.arena-utility-rail .zone-empty{background:#10170c2e;border-color:#eef6d333;border-radius:50%;box-shadow:inset 0 0 1em #0003}.arena-pile .pile-label{color:#faffead1;text-shadow:0 1px .3em #000}.arena-pile .pile-count{background:#0d120adb;border:1px solid #e1f2c652}.arena-pile-back{opacity:.48;border-color:#ffc270c2;border-radius:50%}.arena-center-line{display:none}.arena-hand--opponent{top:calc(var(--arena-card-height) * -.62)}.arena-hand--player{bottom:calc(var(--arena-card-height) * -.62)}.arena-hand .card{box-shadow:-.24em .38em .75em #030602b8}.arena-hud,.arena-phase,.arena-chain,.duel .log-toggle,.duel .surrender,.duel .action-bar,.duel .prompt,.duel .modal-content,.duel .log{background:var(--ruin-ink);border-color:#dbebc057;box-shadow:0 .6em 2em #0206026b,inset 0 1px #ffffe114}.arena-hud{z-index:24}.arena-life{background:linear-gradient(90deg,#091815f0,#122316d6);border-color:#78e7ff8f;border-radius:.35em}.arena-hud--opponent .arena-life{background:linear-gradient(90deg,#260c1ee6,#1b1b14e0);border-color:#ff58c894}.arena-hud--player .arena-avatar{border-color:var(--ruin-cyan);background:radial-gradient(circle at 35% 30%,#d8fbff,#2d8894 48%,#102523);box-shadow:0 0 1.4em #4bddffb8}.arena-hud--opponent .arena-avatar{border-color:var(--ruin-magenta);background:radial-gradient(circle at 35% 30%,#ffd6f3,#a33583 48%,#321326);box-shadow:0 0 1.4em #ff42c29e}.arena-phase{z-index:24;border-left:.28em solid var(--ruin-cyan);background:#0d170deb;border-radius:.3em}.arena-tool-stack{z-index:24}.arena-tool{background:#0d170de0;border-color:#dbebc06b;border-radius:50%;box-shadow:0 0 .8em #6d954147}.arena-tool--turn{border-color:#b8e563}@media (height<=720px) and (orientation:landscape){.arena-field{--arena-card-width:clamp(1.7rem, min(4.55vw, 8.1vh), 4.7rem);width:min(100vw,177.778dvh)}.arena-side{grid-template-columns:minmax(3.8em,10.5%) minmax(0,1fr) minmax(3.8em,10.5%);gap:.72em;padding:3% 0 2.6%}}@media (width<=900px) and (orientation:landscape){.arena-field{width:min(100vw,177.778dvh);max-width:none}.arena-surface{inset:12.2% 18% 12.4%}.arena-side{grid-template-columns:minmax(3.5em,10%) minmax(0,1fr) minmax(3.5em,10%);gap:.5em;padding:2.8% 0 2.5%}.arena-monster-zones,.arena-spell-zones{gap:.72em}}.arena-side{padding:0;display:block}.arena-core{grid-template-rows:minmax(0,1fr) minmax(0,.42fr) minmax(0,.82fr);gap:0;display:grid;position:absolute;inset:18% 13.2% 4%}.arena-monster-zones,.arena-spell-zones{gap:1.02em}.arena-pile-rail,.arena-utility-rail,.arena-piles,.arena-aux-zones{display:contents}.arena-side .arena-pile--grave{border-color:#4aead5c7}.arena-side .arena-pile--banished{border-color:#ffbe46d1}.arena-side .arena-pile--extra .arena-pile-back,.arena-side .arena-pile--deck .arena-pile-back{border-radius:.24em}.arena-side .arena-pile--grave .arena-pile-back,.arena-side .arena-pile--banished .arena-pile-back{display:none}.arena-side .arena-pile--grave .pile-label,.arena-side .arena-pile--banished .pile-label{opacity:0}.arena-side .arena-pile--grave:hover .pile-label,.arena-side .arena-pile--banished:hover .pile-label,.arena-side .arena-pile--grave.is-selectable .pile-label,.arena-side .arena-pile--banished.is-selectable .pile-label{opacity:1}.arena-aux-zones .card,.arena-aux-zones .zone-empty{z-index:3;width:var(--arena-card-width);height:var(--arena-card-height);position:absolute}.arena-aux-zones>:first-child{top:32%;left:1.2%}.arena-aux-zones>:nth-child(2){bottom:4%;left:13.2%}.arena-aux-zones>:nth-child(3){bottom:4%;right:13.2%}.arena-aux-zones .zone-empty:not(.is-selectable):not(.is-drop-target){visibility:hidden}@media (height<=720px) and (orientation:landscape){.arena-core{inset:18% 13.2% 4%}}@media (width<=900px) and (orientation:landscape){.arena-core{inset:18% 13% 4%}.arena-monster-zones,.arena-spell-zones{gap:.7em}}.arena-surface{background:0 0;display:block;inset:0;overflow:visible;transform:none}.arena-side,.arena-side--opponent,.arena-side--player{pointer-events:none;padding:0;display:block;position:absolute;inset:0;transform:none}.arena-side--opponent{z-index:2}.arena-side--player{z-index:3}.arena-core,.arena-monster-zones,.arena-spell-zones{pointer-events:none;display:block;position:absolute;inset:0}.arena-monster-zones>*,.arena-spell-zones>*{pointer-events:auto;width:4.615%;height:11.523%;margin:0;position:absolute}.arena-shared-emz{pointer-events:none;display:block;position:absolute;inset:0;transform:none}.arena-shared-emz>:first-child,.arena-shared-emz>:nth-child(2){pointer-events:auto;width:4.615%;height:11.523%;position:absolute}.arena-side .arena-pile{z-index:4;pointer-events:auto;border-radius:.3em;padding:.25em;position:absolute}.arena-side .arena-pile--extra,.arena-side .arena-pile--deck{width:7.5%;height:14.5%;bottom:auto;transform:rotate(0)}.arena-side .arena-pile--grave,.arena-side .arena-pile--banished{border-radius:50%;width:7.2%;height:12.5%;right:auto}.arena-aux-zones>*{z-index:3;pointer-events:auto;width:4.615%;height:11.523%;position:absolute}.arena-board .arena-side--player .arena-monster-zones>:first-child{width:4.61%;height:11.52%;top:56.85%;left:29.93%}.arena-board .arena-side--player .arena-monster-zones>:nth-child(2){width:4.61%;height:11.52%;top:56.85%;left:38.83%}.arena-board .arena-side--player .arena-monster-zones>:nth-child(3){width:4.61%;height:11.52%;top:56.85%;left:47.75%}.arena-board .arena-side--player .arena-monster-zones>:nth-child(4){width:4.61%;height:11.52%;top:56.85%;left:56.69%}.arena-board .arena-side--player .arena-monster-zones>:nth-child(5){width:4.61%;height:11.52%;top:56.85%;left:65.62%}.arena-board .arena-side--player .arena-spell-zones>:first-child{width:4.61%;height:11.52%;top:72.66%;left:30.2%}.arena-board .arena-side--player .arena-spell-zones>:nth-child(2){width:4.61%;height:11.52%;top:72.66%;left:39%}.arena-board .arena-side--player .arena-spell-zones>:nth-child(3){width:4.61%;height:11.52%;top:72.66%;left:47.71%}.arena-board .arena-side--player .arena-spell-zones>:nth-child(4){width:4.61%;height:11.52%;top:72.66%;left:56.69%}.arena-board .arena-side--player .arena-spell-zones>:nth-child(5){width:4.61%;height:11.52%;top:72.66%;left:65.7%}.arena-board .arena-side--opponent .arena-monster-zones>:first-child{width:4.61%;height:11.52%;top:24.93%;left:64.63%}.arena-board .arena-side--opponent .arena-monster-zones>:nth-child(2){width:4.61%;height:11.52%;top:24.93%;left:56.22%}.arena-board .arena-side--opponent .arena-monster-zones>:nth-child(3){width:4.61%;height:11.52%;top:24.93%;left:47.86%}.arena-board .arena-side--opponent .arena-monster-zones>:nth-child(4){width:4.61%;height:11.52%;top:24.93%;left:39%}.arena-board .arena-side--opponent .arena-monster-zones>:nth-child(5){width:4.61%;height:11.52%;top:24.93%;left:30.6%}.arena-board .arena-side--opponent .arena-spell-zones>:first-child{width:4.61%;height:11.52%;top:11.52%;left:64.55%}.arena-board .arena-side--opponent .arena-spell-zones>:nth-child(2){width:4.61%;height:11.52%;top:11.52%;left:56.15%}.arena-board .arena-side--opponent .arena-spell-zones>:nth-child(3){width:4.61%;height:11.52%;top:11.52%;left:47.71%}.arena-board .arena-side--opponent .arena-spell-zones>:nth-child(4){width:4.61%;height:11.52%;top:11.52%;left:39.25%}.arena-board .arena-side--opponent .arena-spell-zones>:nth-child(5){width:4.61%;height:11.52%;top:11.52%;left:30.85%}.arena-board .arena-shared-emz>:first-child{width:4.61%;height:11.52%;top:40.85%;left:38.86%}.arena-board .arena-shared-emz>:nth-child(2){width:4.61%;height:11.52%;top:40.85%;left:56.64%}.arena-board .arena-side--opponent .arena-pile--deck{width:7.5%;height:14.5%;top:.05%;left:20.65%}.arena-board .arena-side--opponent .arena-pile--extra{width:7.5%;height:14.5%;top:.05%;left:73.45%}.arena-board .arena-side--opponent .arena-pile--grave{width:7.2%;height:12.5%;top:15.55%;left:21.1%}.arena-board .arena-side--opponent .arena-pile--banished{width:7.2%;height:12.5%;top:25.35%;left:18.7%}.arena-board .arena-side--player .arena-pile--extra{width:7.5%;height:14.5%;top:81.45%;left:17.65%}.arena-board .arena-side--player .arena-pile--deck{width:7.5%;height:14.5%;top:81.45%;left:76.85%}.arena-board .arena-side--player .arena-pile--grave{width:7.2%;height:12.5%;top:64.75%;left:76.2%}.arena-board .arena-side--player .arena-pile--banished{width:4.3%;height:7.6%;top:55.1%;left:77.65%}.arena-board .arena-aux-zones>*{visibility:hidden}.arena-board .arena-side--opponent .arena-aux-zones>:nth-child(3){visibility:visible;width:4.61%;height:11.52%;top:24.75%;left:72.5%}.arena-board .arena-side--player .arena-aux-zones>:first-child{visibility:visible;width:4.61%;height:11.52%;top:57.45%;left:21.24%}.arena-board .arena-monster-zones>*,.arena-board .arena-spell-zones>*,.arena-board .arena-shared-emz>*{aspect-ratio:unset;justify-self:unset;min-width:0;min-height:0;margin:0;position:absolute}.arena-board .arena-side .arena-pile{z-index:4;position:absolute}