*{box-sizing:border-box}body{color:#f1f1f1;-webkit-tap-highlight-color:transparent;background:#1b1b2f;margin:0;font-family:system-ui,sans-serif}.app{--tilt:28deg;--table-scale:1.08;-webkit-user-select:none;user-select:none;height:100dvh;position:relative;overflow:hidden}.num{color:#000;text-shadow:-1px -1px #fff,1px -1px #fff,-1px 1px #fff,1px 1px #fff,0 -1px #fff,0 1px #fff,-1px 0 #fff,1px 0 #fff;font-weight:800}.hud-info-btn{z-index:35;-webkit-backdrop-filter:blur(8px);color:#f0f0ff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#121224d9;border:1.5px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:transform .18s,border-color .18s,background .18s,color .18s;display:flex;position:fixed;top:14px;left:14px;box-shadow:0 4px 14px #00000073}.hud-info-btn:hover{color:#ffe600;background:#28284c;border-color:#ffe600;box-shadow:0 4px 18px #0009,0 0 10px #ffe60040}.hud-info-btn:active{transform:scale(.92)}.hud-info-icon{font-family:Georgia,Times New Roman,serif;font-size:1.15rem;font-style:italic;font-weight:700;line-height:1}.hud-drawer{z-index:40;-webkit-backdrop-filter:blur(12px);text-align:left;color:#eeeef8;cursor:pointer;background:#181830f5;border:1px solid #4a4a75;border-radius:12px;flex-direction:column;gap:4px;padding:12px 18px;animation:.2s cubic-bezier(.2,.9,.3,1) hud-drawer-appear;display:flex;position:fixed;top:50px;left:14px;box-shadow:0 12px 28px #000000b3,0 0 12px #4a4a7533}.hud-drawer-close{color:#8c8cb8;text-transform:uppercase;letter-spacing:.05em;margin-top:6px;font-size:.7rem}@keyframes hud-drawer-appear{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.action-banner-btn{z-index:35;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;color:#121224;cursor:pointer;-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffe600f2 0%,#f5b900e6 100%);border:1.5px solid #ffffffb3;border-radius:24px;width:max-content;max-width:90vw;padding:9px 22px;font-size:.82rem;font-weight:800;transition:all .25s cubic-bezier(.22,1,.36,1);animation:2.4s ease-in-out infinite alternate banner-float;position:fixed;top:38%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 22px #00000080,0 0 18px #ffe60066,inset 0 1px 1px #fff9}.action-banner-btn:hover{transform:translate(-50%,-54%)scale(1.03)}.action-banner-btn:active{transform:translate(-50%,-48%)scale(.97)}.action-banner-btn:disabled{color:#8f8fae;box-shadow:none;cursor:default;background:#3c3c58;border-color:#fff3;animation:none}@keyframes banner-float{0%{transform:translate(-50%,-50%)}to{transform:translate(-50%,-54%)}}.side-pull-tab{z-index:35;cursor:pointer;touch-action:none;background:#1e1e34eb;border:1px solid #88c;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:26px;height:80px;transition:background .2s,border-color .2s;display:flex;position:fixed;top:50%;transform:translateY(-50%);box-shadow:0 4px 16px #00000080}.side-pull-tab:hover{background:#343460;border-color:#aa3bff}.side-pull-tab.tab-right{border-right:none;border-radius:12px 0 0 12px;right:0}.side-pull-tab.tab-left{border-left:none;border-radius:0 12px 12px 0;left:0}.side-tab-icon{font-size:.85rem}.side-tab-grip{opacity:.7;background:#88c;border-radius:2px;width:4px;height:20px}.decks-drawer-backdrop{z-index:39;-webkit-backdrop-filter:blur(2px);background:#00000080;position:fixed;inset:0}.decks-close-btn{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#2d2d4a;border:1px solid #88c;border-radius:8px;padding:10px;font-size:.85rem;font-weight:700;transition:all .2s}.decks-close-btn:active{background:#3e3e68;border-color:#ede6ff;transform:scale(.97)}.decks-drawer{-webkit-backdrop-filter:blur(14px);z-index:40;background:#121223f5;border-left:1px solid #34345a;flex-direction:column;justify-content:space-around;width:min(82vw,260px);padding:24px 16px;transition:transform .3s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-10px 0 35px #000000b3}.decks-drawer.open{transform:translate(0)}.decks-drawer-section{flex-direction:column;gap:12px;display:flex}.decks-drawer-title{color:#88c;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:700}.history-drawer{-webkit-backdrop-filter:blur(14px);z-index:40;background:#121223f5;border-right:1px solid #34345a;flex-direction:column;width:min(84vw,280px);padding:20px 14px;transition:transform .3s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:10px 0 35px #000000b3}.history-drawer.open{transform:translate(0)}.history-list{flex-direction:column;flex:1;gap:10px;margin:14px 0;padding-right:4px;display:flex;overflow-y:auto}.history-card-item{background:#28284499;border:1px solid #44446a;border-radius:10px;flex-direction:column;gap:4px;padding:10px;font-size:.78rem;display:flex}.history-round-header{color:#ffe600;justify-content:space-between;font-weight:800;display:flex}.arena-stage{box-sizing:border-box;touch-action:none;flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100dvh;padding-top:36px;padding-bottom:120px;display:flex}.arena-stage.camera-impact{animation:.45s cubic-bezier(.36,.07,.19,.97) both camera-shake}@keyframes camera-shake{0%{transform:translateY(0)rotate(0)}20%{transform:translateY(-3px)rotate(-.5deg)}40%{transform:translateY(4px)rotate(.6deg)}60%{transform:translateY(-2px)rotate(-.3deg)}80%{transform:translateY(1px)rotate(.2deg)}to{transform:translateY(0)rotate(0)}}.board-container{justify-content:center;width:100%;max-width:440px;display:flex}.board{width:94%;max-width:440px;height:175px;transform:perspective(900px) rotateX(var(--tilt)) scale(var(--table-scale));background:radial-gradient(at 50% 40%,#26264a 0%,#1f1f3a 70%);border:1px solid #3a3a66;border-radius:16px;grid-template-columns:1fr 1.15fr 1fr;align-items:stretch;gap:8px;padding:16px 12px;display:grid;box-shadow:0 16px 32px #00000073}.board-opponent{transform:perspective(900px) rotateX(calc(var(--tilt) * -1)) scale(var(--table-scale))}.slot{text-align:center;opacity:.6;border:2px dashed #5a5a88;border-radius:8px;justify-content:center;align-items:center;height:100%;min-height:58px;font-size:.7rem;display:flex}.slot-targetable{cursor:pointer;background:#ffe60026;animation:1.5s infinite pulse-border;border-color:#ffe600!important}@keyframes pulse-border{0%,to{border-color:#ffe600}50%{border-color:#aa3bff}}.slot-card-wrapper.slot-selected-choice{z-index:10;transition:transform .2s,box-shadow .2s;transform:scale(1.05);box-shadow:0 0 0 3px #ffe600,0 0 20px #ffe600d9!important}.slot-card-wrapper.card-waiting-choice{filter:brightness(.65)saturate(.85);transition:filter .3s}.slot-card-wrapper.card-waiting-choice:after{content:"";pointer-events:none;z-index:6;background:#0a0a1959;border-radius:8px;position:absolute;inset:0}.slot-drop-hover{transition:transform .15s,box-shadow .15s;transform:scale(1.04);border-color:#0fa!important;box-shadow:0 0 24px #00ffaabf,inset 0 0 14px #00ffaa4d!important}.dragged-card-ghost{pointer-events:none;z-index:1000;filter:drop-shadow(0 14px 28px #000000a6);width:84px;height:118px;position:fixed;transform:translate(-50%,-50%)rotate(-4deg)scale(1.08)}.card-face,.card-back,.hand-face,.slot-card-wrapper{box-sizing:border-box;border-radius:8px;width:100%;height:100%;position:relative!important;overflow:hidden!important}.card-art-img,.character-art-img{pointer-events:none;z-index:1;position:absolute;top:0;left:0;object-fit:cover!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important}.card-back{background:#1e1e36;justify-content:center;align-items:center;display:flex}.card-reveal-slow{animation:1.05s cubic-bezier(.2,.85,.35,1.2) forwards card-slow-reveal;z-index:25!important}@keyframes card-slow-reveal{0%{filter:brightness(1.8)drop-shadow(0 0 16px #ffe600);opacity:.2;transform:perspective(800px)rotateY(90deg)scale(.85)}50%{filter:brightness(1.3)drop-shadow(0 0 20px #ffe600);opacity:1;transform:perspective(800px)rotateY(-15deg)scale(1.12)}75%{transform:perspective(800px)rotateY(5deg)scale(1.04)}to{filter:drop-shadow(0 4px 10px #00000080);transform:perspective(800px)rotateY(0)scale(1)}}.card-art-val-bubble{z-index:5;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.val-badge-advantage{top:14%;left:16%}.val-badge-disadvantage{top:72%;left:16%}.art-bubble-num{color:#000;text-shadow:-1.5px -1.5px #fff,1.5px -1.5px #fff,-1.5px 1.5px #fff,1.5px 1.5px #fff,0 2px 4px #0006;font-size:1.15rem;font-weight:900;line-height:1}.card-content-fallback{z-index:3;box-sizing:border-box;pointer-events:none;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:6px;display:flex;position:relative}.card-face.has-art{border-color:#ffffff59}.card-name{font-weight:700}.card-advantage{background:#1f5f3a;border:2px solid #4cd688}.card-disadvantage{background:#6a2530;border:2px solid #e0606f}.card-value{font-size:1rem}.character-card-container{flex-direction:column;width:100%;height:100%;display:flex;position:relative!important}.character-art-frame{box-sizing:border-box;background:#2d2d4a;border:2px solid #88c;border-radius:12px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 4px 14px #0006}.character-art-frame:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#0000 0%,#0006 40%,#000c 100%);height:48%;position:absolute;bottom:0;left:0;right:0}.character-name-overlay{z-index:5;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;bottom:8px;left:0;right:0}.character-name-text{color:#fff;letter-spacing:.02em;text-shadow:-1.5px -1.5px #000,1.5px -1.5px #000,-1.5px 1.5px #000,1.5px 1.5px #000,0 2px 8px #000000f2;font-size:.95rem;font-weight:800}.hero-stat-badge{z-index:20;pointer-events:none;white-space:nowrap;border-radius:14px;justify-content:center;align-items:center;gap:5px;padding:2px 9px;transition:all .3s;display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}.stat-val-black{font-size:1.15rem;font-weight:800;line-height:1;color:#fff!important}.hero-stat-badge.stat-hp{background:linear-gradient(#c71b2d 0%,#6e0a16 100%);border:1.5px solid #ff4a5e;inset:auto auto 28px 50%;transform:translate(-50%);box-shadow:0 0 12px #ff2e46b3,inset 0 1px #ffffff73}.hero-stat-badge.stat-atk{background:linear-gradient(#1b4ec7 0%,#0a256e 100%);border:1.5px solid #4a9eff;inset:-11px auto auto 50%;transform:translate(-50%);box-shadow:0 0 12px #2e89ffb3,inset 0 1px #ffffff73}.atk-icon{color:#fff;font-size:.95rem}.atk-diff{font-size:.78rem;font-weight:900}.atk-diff.diff-buff{color:#5f9;text-shadow:0 0 6px #5f9c}.atk-diff.diff-debuff{color:#f78;text-shadow:0 0 6px #f78c}.hero-stat-badge.stat-pulse-buff{animation:.9s ease-out forwards pulse-buff-grow}.hero-stat-badge.stat-pulse-debuff{animation:.9s ease-out forwards pulse-debuff-shrink}@keyframes pulse-buff-grow{0%{transform:translate(-50%)scale(1)}35%{background:linear-gradient(#1fa357 0%,#0d5e30 100%);border-color:#6affaa;transform:translate(-50%)scale(1.35);box-shadow:0 0 22px #4cd688,inset 0 1px #fff}to{transform:translate(-50%)scale(1)}}@keyframes pulse-debuff-shrink{0%{transform:translate(-50%)scale(1)}35%{background:linear-gradient(#8a1d2e 0%,#470d17 100%);border-color:#f67;transform:translate(-50%)scale(1.3);box-shadow:0 0 22px #e0606f,inset 0 1px #fff}to{transform:translate(-50%)scale(1)}}.character-card-container.hero-attack-up{z-index:18;animation:.95s cubic-bezier(.2,.9,.3,1) both hero-charge-up}.character-card-container.hero-attack-down{z-index:18;animation:.95s cubic-bezier(.2,.9,.3,1) both hero-charge-down}@keyframes hero-charge-up{0%{transform:translateY(0)scale(1)}25%{filter:brightness(.9);transform:translateY(14px)scale(.94)}52%{filter:brightness(1.5)drop-shadow(0 0 24px #ffe600f2);transform:translateY(-56px)scale(1.18)}70%{transform:translateY(-10px)scale(1.04)}to{filter:brightness();transform:translateY(0)scale(1)}}@keyframes hero-charge-down{0%{transform:translateY(0)scale(1)}25%{filter:brightness(.9);transform:translateY(-14px)scale(.94)}52%{filter:brightness(1.5)drop-shadow(0 0 24px #ff3c3cf2);transform:translateY(56px)scale(1.18)}70%{transform:translateY(10px)scale(1.04)}to{filter:brightness();transform:translateY(0)scale(1)}}.recalc-phase-banner{z-index:40;letter-spacing:.08em;text-transform:uppercase;color:#fff;pointer-events:none;background:linear-gradient(135deg,#2b6cb0 0%,#1a365d 100%);border:2px solid #63b3ed;border-radius:28px;align-items:center;gap:10px;padding:9px 26px;font-size:1.05rem;font-weight:900;animation:1s cubic-bezier(.18,.89,.32,1.28) forwards recalc-banner-enter;display:flex;position:fixed;top:43%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 26px #2b6cb0cc,inset 0 1px 1px #fff9}.recalc-icon-spin{font-size:1.15rem;animation:1s linear infinite spin-gear;display:inline-block}@keyframes spin-gear{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes recalc-banner-enter{0%{opacity:0;filter:brightness(2);transform:translate(-50%,-50%)scale(.5)}30%{opacity:1;filter:brightness();transform:translate(-50%,-50%)scale(1.08)}75%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.9)}}.attack-phase-banner{z-index:40;letter-spacing:.06em;text-transform:uppercase;color:#fff;pointer-events:none;background:linear-gradient(135deg,#d62828 0%,#780000 100%);border:2px solid #ff758f;border-radius:28px;align-items:center;gap:10px;padding:10px 28px;font-size:1.1rem;font-weight:900;animation:1s cubic-bezier(.18,.89,.32,1.28) forwards attack-banner-enter;display:flex;position:fixed;top:43%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 28px #d62828cc,inset 0 1px 1px #fff9}.attack-icon-flair{filter:drop-shadow(0 0 6px #fff);font-size:1.25rem}@keyframes attack-banner-enter{0%{opacity:0;filter:brightness(2);transform:translate(-50%,-50%)scale(.4)}35%{opacity:1;filter:brightness();transform:translate(-50%,-50%)scale(1.1)}75%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.9)}}.damage-popup{color:#f34;z-index:30;pointer-events:none;font-size:2rem;font-weight:900;animation:1.1s ease-out forwards float-damage;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}@keyframes float-damage{0%{opacity:0;transform:translate(-50%)scale(.6)}25%{opacity:1;text-shadow:0 0 12px #f03;transform:translate(-50%,-24px)scale(1.35)}80%{opacity:1;transform:translate(-50%,-44px)scale(1)}to{opacity:0;transform:translate(-50%,-58px)scale(.85)}}.decks-drawer .deck-row{grid-template-columns:1fr 1.2fr 1fr;place-items:start center;gap:8px;width:100%;display:grid}.deck{border:2px solid var(--deck-border);background:var(--deck-face);text-align:center;width:100%;max-width:80px;height:54px;box-shadow:0 3px 0 -1px var(--deck-edge-a), 0 4px 0 -1px var(--deck-edge-b), 0 7px 0 -2px var(--deck-edge-a), 0 8px 0 -2px var(--deck-edge-b);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.deck.flipped{flex-direction:column-reverse}.deck-label{white-space:nowrap;font-size:.65rem;font-weight:700}.deck-count{font-size:1rem}.deck-disadvantage{--deck-face:#6a2530;--deck-border:#e0606f;--deck-edge-a:#3f141c;--deck-edge-b:#e0606f}.deck-advantage{--deck-face:#1f5f3a;--deck-border:#4cd688;--deck-edge-a:#123a23;--deck-edge-b:#4cd688}.deck-heroes{--deck-face:#2d2d4a;--deck-border:#88c;--deck-edge-a:#1a1a30;--deck-edge-b:#88c;margin-top:6px}.hand-wrapper{z-index:25;pointer-events:none;position:fixed;bottom:0;left:0;right:0}.hand-circle-btn{pointer-events:auto;-webkit-backdrop-filter:blur(8px);color:#ffe600;cursor:pointer;z-index:40;-webkit-user-select:none;user-select:none;background:#121224e0;border:1.5px solid #ffe60073;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:transform .2s cubic-bezier(.2,.9,.3,1),background .15s,border-color .15s,box-shadow .2s;display:flex;position:fixed;bottom:12px;left:12px;box-shadow:0 4px 14px #0000008c,0 0 10px #ffe60033}.hand-circle-btn:active{transform:scale(.9)}.hand-circle-btn:hover{background:#252545;border-color:#ffe600;box-shadow:0 4px 18px #000000a6,0 0 14px #ffe60066}.hand-closed .hand-circle-btn{background:#1f1f3a;border-color:#ffe600;box-shadow:0 0 12px #ffe60073}.hand-zone{pointer-events:auto;scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-x;width:100vw;height:150px;position:relative;overflow:auto hidden}.hand-zone::-webkit-scrollbar{display:none}.hand-track{pointer-events:none;height:100%;transition:transform .28s cubic-bezier(.2,.9,.3,1);position:relative}.hand-card{pointer-events:auto;cursor:grab;touch-action:none;width:84px;height:118px;transition:filter .18s;position:absolute;bottom:8px}.hand-card:active{cursor:grabbing}.hand-face{border-radius:10px;width:100%;height:100%;box-shadow:0 8px 20px #000000a6}.hand-card.selected{filter:drop-shadow(0 0 10px #ffe600)drop-shadow(0 0 18px #ffe600b3)}.hand-card.selected .hand-face{border-color:#ffe600}.zoom-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);box-sizing:border-box;cursor:pointer;background:#0a0a14e0;flex-direction:column;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out zoom-fade-in;display:flex;position:fixed;inset:0}@keyframes zoom-fade-in{0%{opacity:0}to{opacity:1}}.zoom-card{aspect-ratio:42/61;box-sizing:border-box;background:0 0;border:none;border-radius:16px;width:min(82vw,320px);max-height:72vh;animation:.25s cubic-bezier(.18,.89,.32,1.28) zoom-card-pop;position:relative;overflow:hidden;box-shadow:0 20px 48px #000c,0 0 20px #ffffff1a}@keyframes zoom-card-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.zoom-card .card-art-img{pointer-events:none;z-index:1;position:absolute;top:0;left:0;object-fit:cover!important;width:100%!important;height:100%!important}.zoom-card .art-bubble-num{text-shadow:-2px -2px #fff,2px -2px #fff,-2px 2px #fff,2px 2px #fff,0 3px 6px #00000080;font-size:2.2rem;font-weight:900;line-height:1;color:#000!important}.zoom-hint{letter-spacing:.05em;color:#a0a0c8;text-transform:uppercase;opacity:.85;pointer-events:none;margin-top:14px;font-size:.78rem;font-weight:700}.app-loader{color:#fff;background:radial-gradient(circle,#1a1a32 0%,#0d0d1a 100%);justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex}.loader-box{flex-direction:column;align-items:center;gap:16px;display:flex}.loader-spinner{border:3.5px solid #ffe60033;border-top-color:#ffe600;border-radius:50%;width:44px;height:44px;animation:.8s linear infinite spin-loader}.loader-text{letter-spacing:.05em;color:#d8d8ee;text-shadow:0 2px 6px #0009;font-size:.95rem;font-weight:700}@keyframes spin-loader{to{transform:rotate(360deg)}}