@import"https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=Orbitron:wght@600;700;800;900&display=swap";:root{--bg: #07070d;--bg-2: #0a0b14;--surface: #11121d;--surface-2: #181a28;--surface-3: #222538;--border: #2b2e44;--border-2: #3a3e5c;--text: #edeef5;--text-mid: #a2a6bd;--text-dim: #61667f;--accent: #f5c343;--accent-2: #fbd56b;--accent-deep: #d99a1c;--arcane: #a78bfa;--arcane-deep: #7c5cf0;--color-r: #ff5a4d;--color-g: #34d36b;--color-b: #4d93ff;--color-y: #ffcc33;--color-x: #9aa6c0;--glow-r: rgba(255, 90, 77, .55);--glow-g: rgba(52, 211, 107, .5);--glow-b: rgba(77, 147, 255, .5);--glow-y: rgba(255, 204, 51, .5);--glow-x: rgba(154, 166, 192, .4);--glow-accent: rgba(245, 195, 67, .45);--glow-arcane: rgba(167, 139, 250, .45);--shadow-1: 0 1px 2px rgba(0,0,0,.4);--shadow-2: 0 6px 18px rgba(0,0,0,.45);--shadow-3: 0 14px 40px rgba(0,0,0,.55);--shadow-glow: 0 0 0 1px rgba(255,255,255,.04), 0 10px 30px rgba(0,0,0,.5);--radius: .55rem;--radius-lg: .85rem;--radius-xl: 1.15rem;--ease: cubic-bezier(.22, 1, .36, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .14s;--dur: .26s;--dur-slow: .5s;--font-display: "Sora", system-ui, -apple-system, "Segoe UI", sans-serif;--font-logo: "Orbitron", "Sora", system-ui, sans-serif;--font-body: "Sora", system-ui, -apple-system, "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:radial-gradient(1100px 700px at 78% -10%,rgba(124,92,240,.13),transparent 60%),radial-gradient(900px 600px at 12% 8%,rgba(245,195,67,.08),transparent 55%),radial-gradient(700px 700px at 50% 110%,rgba(77,147,255,.08),transparent 60%),var(--bg);background-attachment:fixed;color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 75% 20%,rgba(255,255,255,.35),transparent),radial-gradient(1px 1px at 40% 70%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 88% 65%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 60% 85%,rgba(255,255,255,.25),transparent);background-repeat:no-repeat;opacity:.6}#root{position:relative;z-index:1}h1,h2,h3,.display{font-family:var(--font-display)}::selection{background:var(--glow-arcane);color:#fff}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.6rem 1.25rem;border-radius:var(--radius);border:1px solid var(--border);background:linear-gradient(180deg,var(--surface-2),var(--surface));color:var(--text);font-family:var(--font-body);font-size:.9rem;font-weight:600;cursor:pointer;text-decoration:none;transition:transform var(--dur-fast) var(--ease),background var(--dur-fast),border-color var(--dur-fast),box-shadow var(--dur-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;overflow:hidden}.btn:hover{background:linear-gradient(180deg,var(--surface-3),var(--surface-2));border-color:var(--border-2);transform:translateY(-1px);box-shadow:var(--shadow-2)}.btn:active{transform:translateY(0) scale(.98)}.btn:disabled,.btn[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none;box-shadow:none}.btn-primary{background:linear-gradient(180deg,var(--accent-2),var(--accent-deep));color:#1a1405;border-color:var(--accent);box-shadow:0 4px 16px var(--glow-accent),inset 0 1px #ffffff4d}.btn-primary:hover{background:linear-gradient(180deg,#ffe08a,var(--accent));box-shadow:0 6px 22px var(--glow-accent),inset 0 1px #fff6}.btn-arcane{background:linear-gradient(180deg,var(--arcane),var(--arcane-deep));color:#fff;border-color:var(--arcane);box-shadow:0 4px 16px var(--glow-arcane),inset 0 1px #ffffff40}.btn-arcane:hover{box-shadow:0 6px 22px var(--glow-arcane)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-mid);box-shadow:none}.btn-ghost:hover{background:var(--surface-2);border-color:var(--border);color:var(--text);box-shadow:none}.btn-danger{background:transparent;border-color:var(--color-r);color:var(--color-r)}.btn-danger:hover{background:#ff5a4d1f;box-shadow:0 4px 16px var(--glow-r)}.btn-secondary{background:linear-gradient(180deg,var(--surface-3),var(--surface-2));border-color:var(--border-2);color:var(--text)}.btn-sm{padding:.4rem .8rem;font-size:.8rem}.btn-lg{padding:.85rem 1.85rem;font-size:1rem}.btn-primary:after,.btn-arcane:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translate(-120%);transition:transform .6s var(--ease)}.btn-primary:hover:after,.btn-arcane:hover:after{transform:translate(120%)}.page{min-height:100%;display:flex;flex-direction:column;padding:1rem;max-width:1200px;margin:0 auto}.center{display:flex;align-items:center;justify-content:center}.col{display:flex;flex-direction:column}.row{display:flex;flex-direction:row;align-items:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.card-panel{background:linear-gradient(180deg,var(--surface),var(--bg-2));border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-glow)}.form-group{display:flex;flex-direction:column;gap:.4rem}label{font-size:.85rem;color:var(--text-mid);font-weight:500}input[type=text],input[type=password],input[type=number],input[type=email],textarea,select{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:.6rem .9rem;font-size:.95rem;font-family:var(--font-body);outline:none;transition:border-color var(--dur-fast),box-shadow var(--dur-fast);width:100%}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--glow-accent)}.error-msg{color:var(--color-r);font-size:.82rem;margin-top:.25rem}.nav{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1.25rem;background:linear-gradient(180deg,#11121df2,#0a0b14d9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.nav-logo{font-family:var(--font-logo);font-size:1.15rem;font-weight:800;letter-spacing:.06em;color:var(--accent);text-decoration:none;text-shadow:0 0 18px var(--glow-accent);display:inline-block}.nav-logo:first-letter{color:#fff}.nav-links{display:flex;align-items:center;gap:.25rem}.game-card{position:relative;background:linear-gradient(170deg,var(--surface-2),var(--surface));border-radius:var(--radius);border:1px solid var(--border-2);overflow:hidden;cursor:pointer;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur);display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;isolation:isolate}.game-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--card-glow, transparent) 55%,transparent);pointer-events:none;z-index:3}.game-card:hover:not(.game-card--disabled):not(.game-card--face-down){transform:translateY(-6px) scale(1.02);box-shadow:0 14px 34px #0000008c,0 0 22px var(--card-glow, transparent);border-color:color-mix(in srgb,var(--card-glow, var(--border-2)) 70%,var(--border-2))}.game-card--selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent),0 14px 34px #0000008c,0 0 28px var(--glow-accent);transform:translateY(-8px) scale(1.03)}.game-card--disabled{opacity:.45;cursor:default;filter:saturate(.6)}.game-card--face-down{cursor:default}.game-card__art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-size:cover;background-position:center;opacity:.6}.game-card__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#0809109e,#0809104d 44%,#080910db),#0809101f}.game-card>:not(.game-card__art):not(.game-card__scrim){position:relative;z-index:2}.game-card__color-bar{height:4px;flex-shrink:0;box-shadow:0 0 10px var(--card-glow, transparent)}.game-card__header{padding:.4rem .5rem .2rem;flex-shrink:0}.game-card__creature{font-size:.58rem;color:var(--text-mid);text-transform:uppercase;letter-spacing:.08em;line-height:1}.game-card__name{font-family:var(--font-display);font-size:.74rem;font-weight:700;color:var(--text);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px rgba(0,0,0,.6)}.game-card__cross{flex:1;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;padding:.25rem;gap:2px;align-items:center;justify-items:center}.game-card__zone{width:100%;aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem}.game-card__zone--empty{opacity:0}.game-card__effects{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;align-items:center;padding:3px 6px;min-height:22px;flex-shrink:0;border-top:.5px solid var(--border);background:#08091059}.game-card__eff{display:inline-flex;align-items:center;gap:1px;cursor:help}.game-card__eff-val{font-size:.62rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}.game-card__footer{padding:.3rem .5rem .4rem;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);flex-shrink:0;background:#08091066}.game-card__dmg{font-size:.85rem;font-weight:800;color:var(--text)}.game-card__cost{display:flex;gap:2px;flex-wrap:wrap;justify-content:flex-end;max-width:50%}.game-card__cp-dot{width:8px;height:8px;border-radius:50%;box-shadow:0 0 5px currentColor}.hp-bar{display:flex;align-items:center;gap:.5rem}.hp-bar__track{flex:1;height:10px;background:var(--bg-2);border-radius:6px;overflow:hidden;border:1px solid var(--border);box-shadow:inset 0 1px 3px #00000080}.hp-bar__fill{height:100%;border-radius:6px;transition:width var(--dur-slow) var(--ease);box-shadow:0 0 12px currentColor;position:relative}.hp-bar__fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.35),transparent 60%)}.hp-bar__label{font-size:.82rem;font-weight:700;color:var(--text);min-width:2.8rem;text-align:right;font-variant-numeric:tabular-nums}.cp-gauge{display:flex;gap:3px;flex-wrap:wrap}.cp-gauge__crystal{width:11px;height:11px;border-radius:3px;transition:opacity var(--dur),transform var(--dur) var(--ease-bounce);box-shadow:0 0 6px currentColor,inset 0 1px 1px #fff6}.status-list{display:flex;gap:4px;flex-wrap:wrap}.status-badge{font-size:.65rem;padding:1px 6px;border-radius:4px;background:var(--surface-3);border:1px solid var(--border);color:var(--text-mid);font-weight:600}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.75rem}@media (min-width: 640px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (min-width: 1024px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.filter-pills{display:flex;gap:.5rem;flex-wrap:wrap}.filter-pill{padding:.32rem .9rem;border-radius:999px;border:1.5px solid var(--border);background:transparent;color:var(--text-mid);font-size:.82rem;font-weight:600;cursor:pointer;transition:all var(--dur-fast) var(--ease)}.filter-pill:hover{border-color:var(--border-2);color:var(--text);transform:translateY(-1px)}.filter-pill--active{color:var(--bg);font-weight:700}.game-board{display:flex;flex-direction:column;height:100dvh;overflow:hidden;-webkit-user-select:none;user-select:none}.game-board input,.game-board textarea{-webkit-user-select:text;user-select:text}.tuto-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:199}.tuto-catch{position:fixed;top:0;right:0;bottom:0;left:0;z-index:199;cursor:default}.tuto-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#060810cc;z-index:199}.tuto-tip{background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--accent);border-radius:14px;padding:1rem 1.1rem;box-shadow:0 18px 50px #0009,0 0 22px var(--glow-accent);animation:fadeIn .2s var(--ease);max-height:82vh;overflow-y:auto;scrollbar-width:thin}.tuto-fx{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.tuto-fx li{display:flex;align-items:flex-start;gap:.5rem;font-size:.84rem;line-height:1.35;color:var(--text-mid)}.tuto-fx__ico{flex:0 0 auto;display:inline-flex;margin-top:1px}.tuto-fx b{color:var(--text)}@media (max-width: 640px){.tuto-fx li{font-size:.78rem;gap:.4rem}}.tuto-tip__step{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:700}.tuto-tip__title{margin:.25rem 0 .45rem;font-size:1.05rem;font-weight:700;color:var(--text)}.tuto-tip__text{margin:0;font-size:.9rem;line-height:1.6;color:var(--text-mid)}.tuto-tip__actions{display:flex;align-items:center;gap:.5rem;margin-top:.95rem}@media (max-width: 640px){.tuto-tip{max-width:92vw}}.game-board__opponent{flex:0 0 auto;background:linear-gradient(180deg,rgba(20,16,28,.6),var(--surface));border-bottom:1px solid var(--border);padding:.75rem 1rem}.game-board__arena{flex:1 1 0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;background:radial-gradient(600px 320px at 50% 50%,rgba(124,92,240,.1),transparent 70%),var(--bg);overflow:hidden}.game-board__log{flex:0 0 auto;height:104px;overflow-y:auto;padding:.4rem .75rem .6rem;font-size:.78rem;color:var(--text-mid);background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);scrollbar-width:thin}.log-title{position:sticky;top:0;background:var(--surface);padding:.15rem 0 .3rem;letter-spacing:.08em;text-transform:uppercase}.log-line-group{border-radius:4px;padding:.1rem .25rem;animation:logIn var(--dur) var(--ease)}.log-line-group:nth-child(2n){background:var(--surface-2)}.log-line{display:flex;align-items:baseline;gap:.5rem;padding:.08rem 0}.log-line__effects{font-size:.72rem;color:var(--text-dim);padding:0 0 .1rem 2.9rem;font-style:italic}.dust-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:70}.dust{position:fixed}.dust__p{position:absolute;left:0;top:0;width:var(--s, 6px);height:var(--s, 6px);margin-left:calc(var(--s, 6px) / -2);margin-top:calc(var(--s, 6px) / -2);border-radius:50%;background:radial-gradient(circle at 50% 50%,#f5e4b9f2,#d6b47866 55%,#d6b47800 75%);filter:blur(.4px);opacity:0;animation:dustPuff .64s ease-out forwards;animation-delay:var(--d, 0ms)}@keyframes dustPuff{0%{opacity:0;transform:translate(0) scale(.5)}18%{opacity:.85}to{opacity:0;transform:translate(var(--dx, 0),var(--dy, 0)) scale(.2)}}@keyframes dustPuffSoft{0%{opacity:0;transform:scale(.6)}20%{opacity:.7}to{opacity:0;transform:scale(.95)}}@media (prefers-reduced-motion: reduce){.dust__p{animation:dustPuffSoft .42s ease-out forwards!important}}.log-line__who{flex:0 0 2.4rem;font-weight:700;font-size:.72rem}.log-line--tick{font-style:italic;opacity:.85}.log-line--tick .log-line__who{flex:0 0 auto}.log-line__card{flex:1;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.log-line__res{flex:0 0 auto;font-variant-numeric:tabular-nums}.log-line__eff{flex:0 0 auto;color:var(--text-dim);font-size:.72rem}.game-board__hand{flex:0 1 auto;min-height:0;overflow:visible;padding:.6rem 1rem;background:var(--surface)}.game-board__player{flex:0 0 auto;background:linear-gradient(0deg,rgba(20,16,28,.6),var(--surface));border-top:1px solid var(--border);padding:.6rem 1rem}.hand-cards{display:flex;gap:.6rem;justify-content:center}.hand-cards>*{animation:cardEnter .4s var(--ease) backwards}.hand-cards>*:nth-child(1){animation-delay:.02s}.hand-cards>*:nth-child(2){animation-delay:.07s}.hand-cards>*:nth-child(3){animation-delay:.12s}.hand-cards>*:nth-child(4){animation-delay:.17s}.hand-cards>*:nth-child(5){animation-delay:.22s}.stuck-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.6rem;margin-bottom:.6rem;padding:.6rem .85rem;background:var(--surface-2);border:1px solid var(--accent);border-radius:var(--radius);box-shadow:0 0 18px var(--glow-accent);animation:glowPulse 2.2s ease-in-out infinite}.token-choice{display:flex;flex-direction:column;align-items:center;gap:2px;padding:.55rem .95rem;min-width:92px;background:var(--surface-3);border:1.5px solid currentColor;border-radius:var(--radius);cursor:pointer;transition:transform var(--dur-fast) var(--ease),background var(--dur-fast),box-shadow var(--dur-fast)}.token-choice:hover:not(:disabled){transform:translateY(-3px);background:var(--surface-2);box-shadow:0 0 16px currentColor}.token-choice:disabled{opacity:.35;cursor:not-allowed}.token-choice__label{color:var(--text);font-size:.8rem}.token-choice__sub{color:var(--text-dim);font-size:.68rem}.zone-picker-card{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.55rem;background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius)}.zone-picker-card__title{color:var(--text-dim);letter-spacing:.04em}.zone-picker-card__cross{display:grid;grid-template-columns:repeat(3,34px);grid-template-rows:repeat(3,34px);gap:4px}.zone-picker-card__center{display:flex;align-items:center;justify-content:center}.zone-picker-card__dmg{font-weight:800;color:var(--text);font-variant-numeric:tabular-nums}.zone-picker-card__zone{display:flex;align-items:center;justify-content:center;border:1.5px solid currentColor;border-radius:50%;cursor:pointer;transition:transform var(--dur-fast) var(--ease),filter var(--dur-fast),box-shadow var(--dur-fast)}.zone-picker-card__zone:hover:not(:disabled){transform:scale(1.15);filter:brightness(1.3);box-shadow:0 0 12px currentColor}.zone-picker-card__zone:disabled{opacity:.4;cursor:not-allowed}.arena-turn{color:var(--text-mid);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.played-cards{display:flex;gap:1rem;align-items:stretch;justify-content:center}@media (min-width: 641px){.opp-hand{zoom:.72}}@media (min-width: 641px) and (max-height: 800px){.played-cards{zoom:.9}.game-board__log{height:84px}.game-board__opponent,.game-board__player,.game-board__hand{padding-top:.4rem;padding-bottom:.4rem}}@media (max-width: 640px){.game-card--selected,.game-card:hover:not(.game-card--disabled):not(.game-card--face-down){transform:none}}.clash-slot{display:flex;flex-direction:column;align-items:center;gap:.3rem}.clash-slot--you{animation:clashFromLeft .42s var(--ease) backwards}.clash-slot--opp{animation:clashFromRight .42s var(--ease) backwards}.clash-impact{animation:clashImpact .5s var(--ease)}@keyframes statusFrame{0%,to{box-shadow:inset 0 0 0 2px var(--sg, transparent),inset 0 0 20px -4px var(--sg, transparent),0 0 14px -5px var(--sg, transparent)}50%{box-shadow:inset 0 0 0 2px var(--sg, transparent),inset 0 0 36px -2px var(--sg, transparent),0 0 24px -3px var(--sg, transparent)}}.status-frame-glow{animation:statusFrame 1.7s ease-in-out infinite;border-color:var(--sg)!important}@media (prefers-reduced-motion: reduce){.status-frame-glow{animation:none;box-shadow:inset 0 0 0 2px var(--sg, transparent),inset 0 0 24px -3px var(--sg, transparent)}}.clash-card{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:116px;max-width:150px;padding:.6rem .7rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);text-align:center}.clash-card--empty{opacity:.5;justify-content:center}.clash-card__side{font-weight:700;letter-spacing:.05em}.clash-card__name{font-weight:600;font-size:.85rem;line-height:1.15;color:var(--text)}.clash-card__res{font-weight:800;font-size:1.05rem;font-variant-numeric:tabular-nums}.clash-card__eff{display:flex;flex-wrap:wrap;gap:3px;justify-content:center}.clash-dmg{font-weight:800;font-size:1rem;font-variant-numeric:tabular-nums;animation:pip .4s var(--ease-bounce)}.clash-vs{align-self:center;font-family:var(--font-display);font-weight:800;font-size:.85rem;color:var(--text-dim);letter-spacing:.1em}.float-anchor{position:relative}.float-dmg{position:absolute;top:-2px;right:.5rem;font-family:var(--font-display);font-weight:800;font-size:1.6rem;color:var(--color-r);text-shadow:0 0 12px var(--glow-r),0 1px 3px rgba(0,0,0,.7);pointer-events:none;animation:floatDmg 1.05s var(--ease) forwards}.gameover{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.5rem;text-align:center}.gameover__title{font-family:var(--font-display);font-size:clamp(2.2rem,8vw,3.6rem);font-weight:800;line-height:1;animation:gameoverIn .7s var(--ease-bounce)}.gameover__title--win{color:var(--accent);text-shadow:0 0 50px var(--glow-accent)}.gameover__title--lose{color:var(--color-r);text-shadow:0 0 40px var(--glow-r)}.gameover__title--draw{color:var(--text-mid)}.gameover-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:#06070eb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .25s var(--ease)}.gameover-card{width:min(88vw,340px);aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;padding:1.5rem;background:linear-gradient(170deg,var(--surface-2),var(--surface));border:1px solid var(--border-2);border-radius:var(--radius);box-shadow:0 20px 60px #0009,0 0 40px #7c5cf026;animation:gameoverIn .5s var(--ease) backwards}.gameover-card__summary{color:var(--text-mid);font-size:.95rem;line-height:1.8}.gameover-card__summary strong{color:var(--text)}.gameover-card__actions{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.menu-shell{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;gap:1.25rem}.menu-logo{font-family:var(--font-logo);font-size:clamp(3rem,12vw,4.5rem);font-weight:900;letter-spacing:.06em;line-height:.9;color:var(--accent);text-align:center;text-shadow:0 0 50px var(--glow-accent),0 0 90px rgba(245,195,67,.2);animation:logoIn .9s var(--ease)}.menu-logo__d{color:#fff;text-shadow:0 0 40px rgba(255,255,255,.55),0 0 70px rgba(255,255,255,.18)}.menu-tagline{color:var(--text-dim);font-size:.9rem;letter-spacing:.18em;text-transform:uppercase;text-align:center}.menu-stack{display:flex;flex-direction:column;gap:.7rem;width:100%;max-width:320px}.menu-stack .btn{width:100%;justify-content:center}.menu-sub{display:flex;flex-direction:column;gap:.55rem;overflow:hidden}.menu-sub-anim{animation:subOpen .32s var(--ease)}.menu-chip{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--border-2);border-radius:999px;padding:.35rem .5rem .35rem .95rem;font-size:.88rem;font-weight:600;color:var(--accent);text-decoration:none;cursor:pointer;transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast),border-color var(--dur-fast)}.menu-chip:hover{transform:translateY(-1px);box-shadow:0 0 18px var(--glow-accent);border-color:var(--accent)}.menu-chip__rank{font-size:.68rem;font-weight:700;color:var(--bg);background:var(--accent);border-radius:999px;padding:.1rem .5rem}.sound-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-mid);cursor:pointer;transition:all var(--dur-fast) var(--ease)}.sound-toggle:hover{color:var(--text);border-color:var(--border-2);transform:scale(1.06)}.sound-toggle--on{color:var(--accent);border-color:var(--accent);box-shadow:0 0 12px var(--glow-accent)}.data-table{border-collapse:collapse}.data-table th{color:var(--text-dim);font-weight:600;text-align:center;padding:.4rem .6rem;border-bottom:1px solid var(--border);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.data-table td{padding:.4rem .6rem;border-bottom:1px solid var(--border);text-align:center}.data-table tbody tr{transition:background var(--dur-fast)}.data-table tbody tr:hover{background:var(--surface-2)}.section-title{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--text-mid);margin-bottom:.75rem}.text-accent{color:var(--accent)}.text-muted{color:var(--text-mid)}.text-dim{color:var(--text-dim)}.text-sm{font-size:.85rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.spinner{width:26px;height:26px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;box-shadow:0 0 12px var(--glow-accent)}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-dim)}.empty-state p{margin-top:.5rem;font-size:.9rem}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--bg-2)}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-2)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes logIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:none}}@keyframes cardEnter{0%{opacity:0;transform:translateY(22px) scale(.92) rotateX(12deg)}to{opacity:1;transform:none}}@keyframes clashFromLeft{0%{opacity:0;transform:translate(-60px) rotate(-6deg) scale(.9)}to{opacity:1;transform:none}}@keyframes clashFromRight{0%{opacity:0;transform:translate(60px) rotate(6deg) scale(.9)}to{opacity:1;transform:none}}@keyframes clashImpact{0%{transform:scale(1)}18%{transform:scale(1.04)}36%{transform:translate(-4px) scale(1.02)}54%{transform:translate(4px)}72%{transform:translate(-2px)}to{transform:none}}@keyframes pip{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.25);opacity:1}to{transform:scale(1)}}@keyframes floatDmg{0%{opacity:0;transform:translateY(8px) scale(.7)}18%{opacity:1;transform:translateY(0) scale(1.2)}to{opacity:0;transform:translateY(-34px) scale(1)}}@keyframes glowPulse{0%,to{box-shadow:0 0 14px var(--glow-accent)}50%{box-shadow:0 0 26px var(--glow-accent)}}@keyframes gameoverIn{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes logoIn{0%{opacity:0;transform:translateY(-14px) scale(.96);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}@keyframes subOpen{0%{opacity:0;transform:translateY(-8px);max-height:0}to{opacity:1;transform:none;max-height:500px}}@keyframes screenFlash{0%{opacity:.5}to{opacity:0}}.screen-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;pointer-events:none;background:radial-gradient(circle at 50% 60%,var(--glow-r),transparent 70%);animation:screenFlash .4s var(--ease) forwards}.opp-hand{display:flex;gap:.4rem;margin-top:.5rem;justify-content:center}.decks-layout{display:grid;grid-template-columns:240px 1fr;gap:1.5rem;height:calc(100vh - 120px)}.decks-layout--single{grid-template-columns:1fr}@media (max-width: 860px){.decks-layout,.decks-layout--single{grid-template-columns:1fr;height:auto}}@media (max-width: 640px){.hand-cards,.opp-hand{justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px;scrollbar-width:thin}.hand-cards>*,.opp-hand>*{flex:0 0 auto}.hand-cards,.opp-hand{gap:.3rem}.game-board__opponent,.game-board__player,.game-board__hand{padding:.3rem .4rem}.game-board__arena{padding:.25rem;gap:.15rem;overflow:visible}.game-board__log{height:56px;font-size:.72rem;padding:.25rem .5rem}.played-cards{gap:.4rem;zoom:.82}.clash-slot{gap:.15rem}.clash-vs{font-size:.72rem}.btn{min-height:42px}.btn-sm{min-height:36px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.5rem;justify-items:center}.zone-picker-card__cross{grid-template-columns:repeat(3,30px);grid-template-rows:repeat(3,30px)}.nav{padding:.6rem .8rem}.nav-links{gap:.2rem}.menu-logo{font-size:clamp(2.5rem,16vw,3.5rem)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}.board-quit{position:fixed;top:8px;right:10px;z-index:120;width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#e24b4a29;color:var(--color-r);border:1px solid color-mix(in srgb,var(--color-r) 50%,transparent);cursor:pointer;transition:background .15s,transform .15s,box-shadow .15s}.board-quit:hover{background:var(--color-r);color:#fff;transform:scale(1.06);box-shadow:0 0 16px #e24b4a80}.board-quit-confirm{background:var(--color-r)!important;border-color:var(--color-r)!important;color:#fff!important}.game-board__opponent{padding-right:3.2rem}@media (max-width: 640px){.board-quit{width:30px;height:30px;top:6px;right:6px}.game-board__opponent{padding-right:2.6rem}}