:root{--game-width:1600px;--game-height:900px;--app-scale:1;--ink:#f5ead4;--ink-muted:#cbbca2;--dark:#120c08;--panel:#180f0ac7;--panel-strong:#0e0906e6;--wood:#6b3519;--gold:#d7b24d;--cyan:#20d6f2;--red:#e04b3f;--green:#52e66d;--card-frame:#111;--card-inner:#242424;--parchment-light:#f4e4bc;--parchment-dark:#e6ccb2;--wood-dark:#5d2e17;--wood-medium:#8b4513;--neon-blue:#00f3ff;--neon-yellow:#fe0;--neon-lime:#39ff14;--font-display:"Cinzel", "Noto Serif TC", Georgia, "Microsoft JhengHei", serif}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}html,body{width:100%;height:100%;color:var(--ink);background:#000;margin:0;font-family:Inter,Noto Sans TC,system-ui,sans-serif;overflow:hidden}button,input{font:inherit}button{border:3px solid var(--wood-dark);color:var(--wood-dark);cursor:pointer;font-family:var(--font-display);letter-spacing:.02em;text-shadow:0 1px #fff4c866;background:linear-gradient(#f1dc9b 0%,#d4af37 55%,#a7652f 100%);border-radius:8px;font-weight:800;box-shadow:inset 0 1px #fff4c88c,inset 0 -2px #45220f66,0 4px #45220fd9,0 8px 18px #0006}@media (hover:hover) and (pointer:fine){body,button,input,[role=button],[data-target],[data-hand-id],[data-attacker-id]{cursor:url(/images/cursors/cursor_default.webp) 8 4,auto}button:hover:not(:disabled),a,[role=button]:hover,[data-target]:hover,[data-hand-id]:hover,[data-attacker-id]:hover,.collection-card:hover,.pack-card-wrapper:hover{cursor:url(/images/cursors/cursor_pointer.webp) 8 4,pointer}}button:hover:not(:disabled){filter:brightness(1.08)}button:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #45220fcc,0 5px 12px #00000059}button:disabled{cursor:not-allowed;filter:grayscale(.8);opacity:.45}h1,h2,p{margin:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:.04em}#app{touch-action:none;background:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;inset:0;overflow:hidden}.app-shell{width:var(--game-width);height:var(--game-height);transform:scale(var(--app-scale));transform-origin:50%;background:radial-gradient(circle at 50% 20%,#ffecaa24,#0000 32%),url(/images/backgrounds/arena_bg.webp) 50%/cover no-repeat,#080503;flex-shrink:0;grid-template-rows:auto 1fr auto;display:grid;position:relative;overflow:hidden}.app-shell:before{content:"";pointer-events:none;z-index:0;position:absolute;inset:0;box-shadow:inset 0 0 120px #000000c7}.topbar,.landing,.battle-surface,.log,.toast{z-index:1;position:relative}.topbar{border-bottom:4px solid var(--wood-dark);min-height:74px;color:var(--wood-dark);background:linear-gradient(#f4e4bcf0,#e6ccb2f0);justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;display:flex;box-shadow:0 4px 14px #0000006b}.topbar .brand-lockup h1{color:var(--wood-dark);text-shadow:0 1px #fff4c88c}.topbar .brand-lockup p{color:var(--ink-medium,#4a2c1d)}.brand-lockup{min-width:0}.brand-lockup h1{letter-spacing:0;text-shadow:0 2px 10px #000;font-size:24px}.brand-lockup p{color:var(--ink-muted);margin-top:4px;font-size:13px}.join{grid-template-columns:minmax(220px,1fr) 150px 80px;gap:8px;width:540px;display:grid}input{color:#24170e;background:#fff6dceb;border:1px solid #d7b24d73;border-radius:8px;min-width:0;padding:9px 10px}.landing{place-items:center;min-height:100%;padding:24px;display:grid}.landing-copy{background:linear-gradient(180deg, var(--parchment-light), var(--parchment-dark));border:6px solid var(--wood-dark);text-align:center;width:560px;color:var(--wood-dark);border-radius:12px;padding:26px;box-shadow:0 18px 50px #0000008c,inset 0 0 0 2px #5d2e172e}.landing-copy h2{color:var(--wood-dark)}.landing-copy h2{margin-bottom:10px;font-size:28px}.landing-copy p{color:var(--ink-muted)}.error-text{margin-top:12px;color:#ffb7aa!important}.success-text{margin-top:12px;color:#a8ffc0!important}.account-landing{align-items:center}.account-lobby{z-index:1;min-height:100%;padding:18px;position:relative;overflow:auto}.account-toolbar,.account-panel{border:5px solid var(--wood-dark);background:linear-gradient(180deg, var(--parchment-light), var(--parchment-dark));color:var(--wood-dark);border-radius:10px;box-shadow:0 12px 34px #00000080,inset 0 0 0 2px #5d2e1729}.account-toolbar h2,.account-panel h3{color:var(--wood-dark)}.account-toolbar p,.account-panel p,.history-row small,.saved-deck span,.muted{color:#5d2e17c7!important}.account-toolbar{justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.account-toolbar p,.account-panel p,.history-row small,.saved-deck span{color:var(--ink-muted)}.account-grid{grid-template-columns:minmax(260px,.9fr) minmax(420px,1.6fr) minmax(260px,.8fr);gap:14px;margin-top:14px;display:grid}.account-panel{min-width:0;padding:14px}.account-panel h3{margin:0 0 12px}.auth-panel{gap:12px;width:560px;display:grid}.auth-form{gap:10px;display:grid}.button-row,.editor-actions{flex-wrap:wrap;gap:8px;display:flex}.button-row button,.editor-actions button,.saved-deck button,.deck-builder-card button{min-height:36px;padding:0 12px}.deck-list,.history-list,.deck-card-list{gap:8px;display:grid}.deck-card-list{max-height:calc(var(--game-height) - 260px);padding-right:4px;overflow:auto}.saved-deck,.history-row,.deck-builder-card{color:var(--wood-dark);background:#fff8e0c7;border:2px solid #5d2e1759;border-radius:8px;align-items:center;gap:8px;display:grid}.saved-deck{grid-template-columns:1fr auto auto;padding:8px}.saved-deck.selected{border-color:var(--cyan);box-shadow:inset 0 0 18px #20d6f21f}.deck-select{color:var(--wood-dark);box-shadow:none;text-shadow:none;background:0 0;border:0;justify-items:start;display:grid}.deck-select:active:not(:disabled){box-shadow:none;transform:none}.deck-editor{gap:10px;display:grid}.editor-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.editor-heading span{color:var(--cyan);font-weight:900}.deck-builder-card{grid-template-columns:38px 38px minmax(0,1fr) 56px;padding:7px}.deck-card-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.history-row{grid-template-columns:1fr auto;padding:10px}.history-row small{grid-column:1/-1}.account-status{z-index:1;margin:10px 0 0;position:relative}.danger{color:#ffd7d1;background:linear-gradient(#7d2a1e,#4a1510)}.status{color:var(--ink-muted);background:#00000073;border-bottom:1px solid #d7b24d38;flex-wrap:wrap;gap:10px;padding:8px 18px;font-size:13px;display:flex}.battle-surface{height:calc(var(--game-height) - 74px - 96px);grid-template-rows:minmax(210px,1fr) 72px minmax(250px,1.08fr);min-height:560px;padding:8px 20px 0;display:grid;position:relative;overflow:hidden}.player-area{grid-template-rows:1fr auto;grid-template-columns:minmax(230px,300px) 1fr;gap:10px 18px;min-height:0;display:grid;position:relative;overflow:visible}.player-area.opponent{align-items:end}.player-area.player{align-items:start}.player-area.active-turn:after{display:none}.status-cluster{grid-row:1/span 2;align-content:center;justify-items:center;gap:10px;display:grid}.hero-frame{place-items:center;width:max-content;height:max-content;display:grid;position:relative;overflow:visible}.hero{background:var(--bg-panel,#3a2820);width:132px;height:132px;color:var(--ink);text-align:center;border:3px solid var(--neon-yellow);border-radius:50%;place-items:center;padding:0;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s,border-color .2s;display:grid;position:relative;overflow:visible;box-shadow:0 0 15px #ffee004d,inset 0 0 14px #00000073}.hero:hover:not(:disabled){filter:none;transform:scale(1.05);box-shadow:0 0 30px #ffee008c,inset 0 0 14px #00000073}.hero.valid-target{border-color:var(--green);box-shadow:0 0 26px #52e66db3,inset 0 0 14px #00000073}.hero.target-selected{border-color:var(--cyan);box-shadow:0 0 30px #20d6f2c7,inset 0 0 14px #00000073}.hero.shaking{animation:.5s cubic-bezier(.36,.07,.19,.97) both hero-shake}.avatar{pointer-events:none;background:url(/images/avatars/avatar1.webp) 50%/cover no-repeat;border:2px solid #ffffff1f;border-radius:50%;width:116px;height:116px}.opponent .avatar{background-image:url(/images/avatars/ai_default.webp)}.hero strong,.hero .hero-mana,.hero .hero-meta{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero .hero-hp{color:#fff;border:2px solid var(--wood-dark);min-width:64px;font-family:var(--font-display);text-shadow:0 1px #0006;white-space:nowrap;z-index:6;background:#d32f2f;border-radius:999px;padding:3px 12px;font-size:13px;font-weight:900;position:absolute;bottom:-14px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #0000008c}@keyframes hero-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.mana-container{background:#00000075;border:1px solid #d7b24d47;border-radius:8px;justify-content:center;align-items:center;gap:5px;width:min(100%,286px);min-height:48px;padding:8px 10px;display:flex;box-shadow:inset 0 0 12px #0009}.mana-crystal{filter:drop-shadow(0 2px 4px #000);background-position:50%;background-repeat:no-repeat;background-size:contain;flex:0 0 20px;width:20px;height:20px;transform:rotate(45deg)}.mana-crystal.active{animation:.36s cubic-bezier(.34,1.56,.64,1) both mana-crystal-pop}@keyframes mana-crystal-pop{0%{opacity:0;transform:rotate(45deg)scale(.2)}60%{opacity:1;transform:rotate(45deg)scale(1.2)}to{opacity:1;transform:rotate(45deg)scale(1)}}.mana-crystal.active.player-crystal{filter:brightness(1.16)drop-shadow(0 0 8px #20d6f2d9);background-image:url(/images/mana/player-crystal.webp)}.mana-crystal.active.opponent-crystal{filter:brightness(1.16)drop-shadow(0 0 8px #e04b3fc7);background-image:url(/images/mana/opponent-crystal.webp)}.mana-crystal.spent{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);opacity:.55;background:#ffffff24}.mana-crystal.locked{opacity:.12}.mana-text{color:var(--ink);white-space:nowrap;margin-left:4px;font-size:12px;font-weight:900}.pile-row{gap:10px;display:flex}.deck-pile,.graveyard-pile{color:#ffffffbf;text-shadow:0 2px 4px #000;border-radius:6px;place-items:center;width:54px;height:72px;font-weight:900;display:grid}.deck-pile{background:url(/images/ui/card_back.webp) 50%/100% 100% no-repeat;border:1px solid #444}.graveyard-pile{background:#1414188c;border:2px dashed #ffffff40}.board{grid-template-columns:repeat(7,minmax(78px,116px));justify-content:center;align-items:center;gap:10px;min-height:152px;padding:8px 4px;display:grid}.slot{aspect-ratio:5/7;background:#0000001a;border:1px dashed #d7b24d24;border-radius:8px;width:100%;min-height:122px}.hand{perspective:1000px;grid-column:2;justify-content:center;align-items:center;min-width:0;height:128px;display:flex;overflow:visible}.opponent-hand{height:100px}.hand-row{justify-content:center;align-items:flex-end;width:100%;min-width:0;height:128px;display:flex}.card{--card-w:128px;--card-mx:-16px;width:var(--card-w);height:184px;margin:0 var(--card-mx);color:var(--ink);font-family:var(--font-display);transform:rotate(var(--rot,0deg)) translateY(var(--y,0px));transform-origin:50% 130%;text-align:center;background:radial-gradient(circle at 50% 0,#803cb433,#0000 42%),linear-gradient(#1e1e21 0%,#111 44%,#0a0a0b 100%);border:2px solid #9b28ff;border-radius:10px;flex-direction:column;flex:none;align-items:center;padding:9px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:visible;box-shadow:0 0 16px #9630ffa3,0 10px 24px #0000008f,inset 0 0 0 1px #ffffff14}.hand-row .card{margin:0 calc((var(--squeeze,1) * (var(--card-w) + 2 * var(--card-mx)) - var(--card-w)) / 2)}.hand-row .card:hover{z-index:50;transform:rotate(var(--rot,0deg)) translateY(calc(var(--y,0px) - 50px)) scale(1.45);border-color:var(--cyan);box-shadow:0 0 28px #20d6f2ad,0 12px 26px #00000085}body.hand-dragging .hand-row .card{pointer-events:none}.hand-row .card.selected{z-index:50;border-color:var(--cyan);box-shadow:0 0 28px #20d6f2ad,0 12px 26px #00000085}.card.rarity-common{border-color:#c8d0d8;box-shadow:0 0 14px #cdd7de7a,0 10px 24px #0000008f}.card.rarity-rare{border-color:#2298ff;box-shadow:0 0 18px #2298ff94,0 10px 24px #0000008f}.card.rarity-epic{border-color:#9b28ff;box-shadow:0 0 18px #9b28ffad,0 10px 24px #0000008f}.card.rarity-legendary{border-color:#ffb02e;box-shadow:0 0 20px #ffb02eb3,0 10px 24px #0000008f}.card.can-play{border-color:var(--neon-lime)!important;box-shadow:0 0 20px var(--neon-lime), 0 5px 15px #0006!important}.card.rejected-card{border-color:var(--red);animation:.42s cubic-bezier(.36,.07,.19,.97) card-reject}.card-back{width:72px;height:98px;transform:rotate(calc(180deg - var(--rot,0deg))) translateY(calc(70px + var(--y,0px)));background:url(/images/ui/card_back.webp) 50%/100% 100% no-repeat;border:1px solid #3b332b;margin:0 -9px}.card-cost{color:#fff;z-index:5;background:linear-gradient(135deg,#00c6ff,#0072ff);border:2px solid #ffffff80;border-radius:4px;place-items:center;width:28px;height:28px;font-size:15px;font-weight:900;display:grid;position:absolute;top:8px;left:8px;transform:rotate(45deg);box-shadow:0 0 10px #00c6ffad}.card-cost span{transform:rotate(-45deg)}.card-title{color:#ffe45d;width:calc(100% - 34px);min-height:32px;font-size:12px;line-height:1.1;font-family:var(--font-display);text-shadow:0 2px 3px #000;justify-content:center;align-self:flex-end;align-items:center;margin:1px 0 3px;padding:2px 2px 0;font-weight:900;display:flex;overflow:hidden}.card-art-box{object-fit:cover;object-position:center top;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;background:#303030;border:1px solid #ffffff29;border-radius:6px;width:100%;height:58px}.card-category{color:#d1fbff;max-width:100%;font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;background:#20d6f252;border-radius:4px;margin:4px 0 3px;padding:3px 7px;font-size:9px;font-weight:900;line-height:1.08;overflow:hidden}.card-desc{color:#ffffffdb;height:44px;font-family:var(--font-display);font-size:9px;font-weight:800;line-height:1.24;overflow:hidden}.effect-value-buffed{color:#55ff6a;text-shadow:1px 1px 2px #000,0 0 8px #55ff6aa6;font-weight:900}.card .minion-stats,.minion .minion-stats{pointer-events:none;justify-content:space-between;display:flex;position:absolute;bottom:-8px;left:6px;right:6px}.stat-atk,.stat-hp{color:#fff;width:32px;height:32px;font-family:var(--font-display);text-shadow:1px 1px 2px #000;place-items:center;font-size:15px;font-weight:900;display:grid}.stat-lower{color:#ff4d4d;text-shadow:1px 1px 2px #000,0 0 8px #ff4d4da6}.stat-higher,.card-cost.stat-lower{color:#55ff6a;text-shadow:1px 1px 2px #000,0 0 8px #55ff6aa6}.card-cost.stat-higher{color:#ff4d4d;text-shadow:1px 1px 2px #000,0 0 8px #ff4d4da6}.stat-atk{clip-path:polygon(50% 0,80% 20%,80% 62%,100% 62%,100% 80%,70% 80%,70% 100%,30% 100%,30% 80%,0 80%,0 62%,20% 62%,20% 20%);background:linear-gradient(135deg,#f09819,#edde5d)}.stat-hp{clip-path:polygon(50% 15%,70% 0,90% 5%,100% 25%,100% 50%,50% 90%,0 50%,0 25%,10% 5%,30% 0);background:linear-gradient(#ff416c,#ff4b2b)}.minion{aspect-ratio:5/7;background:linear-gradient(135deg, var(--card-inner), #0e0e0e);width:min(100%,108px);min-height:140px;color:var(--ink);border:2px solid #ffffff14;border-radius:8px;flex-direction:column;align-items:center;padding:6px;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex;position:relative;overflow:visible;box-shadow:0 7px 16px #0000006b}.minion:hover,.minion.selected{z-index:20;transform:translateY(-4px)scale(1.04)}.minion.selected{border-color:var(--cyan);box-shadow:0 0 26px #20d6f2b3,0 7px 16px #0000006b}.minion.valid-target{border-color:var(--green);box-shadow:0 0 22px #52e66d9e,0 7px 16px #0000006b}.attacking-board .minion.valid-target{border-color:inherit;cursor:crosshair;box-shadow:0 7px 16px #0000006b}.targeting-board .valid-target:before{content:"";border-radius:inherit;pointer-events:none;border:2px solid #52e66db3;animation:1.1s ease-in-out infinite target-ring;position:absolute;inset:-7px}.attacking-board .minion.valid-target:before{content:none}.minion.can-attack{cursor:crosshair;opacity:1;filter:none;outline:none;border-color:var(--neon-lime)!important;box-shadow:0 0 40px var(--neon-lime)!important}@media (hover:hover) and (pointer:fine){.minion.can-attack:hover{cursor:crosshair!important}}.minion.shielded.can-attack{box-shadow:0 0 20px var(--neon-lime)!important}.minion.taunt{border-width:2px;border-color:#7f8792;border-radius:10px 10px 50% 50%/10% 10% 20% 20%;box-shadow:0 0 0 2px #d8dde4,0 0 0 4px #8a929c,0 0 18px #c4daf29e,inset 0 0 15px #d6e1ee47}.minion.taunt:not(.lunging){animation:2s ease-in-out infinite taunt-border-pulse}.attacking-board .minion.taunt.valid-target{border-color:#7f8792;box-shadow:0 0 0 2px #d8dde4,0 0 0 4px #8a929c,0 0 18px #c4daf29e,inset 0 0 15px #d6e1ee47}.minion.taunt.can-attack{box-shadow:0 0 30px var(--neon-lime), 0 0 10px #c0c0c066!important}.minion.shielded:after{content:"";border-radius:inherit;pointer-events:none;border:2px solid #ffee68b3;position:absolute;inset:-5px}.minion.enraged{animation:1.2s ease-in-out infinite ragePulse;box-shadow:inset 0 0 30px red,0 0 15px #f006;border-color:red!important}@keyframes ragePulse{0%,to{box-shadow:inset 0 0 25px #f00c,0 0 10px #ff00004d}50%{box-shadow:inset 0 0 50px red,0 0 20px #f009}}.minion.enraged.can-attack{box-shadow:inset 0 0 30px red, 0 0 35px var(--neon-lime)!important}.minion.enraged .stat-atk{filter:drop-shadow(0 0 8px #ff4b2b)}.minion .ongoing-aura{z-index:6;pointer-events:none;animation:3.6s linear infinite ongoing-aura-orbit;position:absolute;inset:-7px}.minion .ongoing-aura i{background:radial-gradient(circle,#fff 0 32%,#78dcfff2 56%,#78dcff00 78%);border-radius:50%;width:8px;height:8px;margin-left:-4px;animation:1.7s ease-in-out infinite ongoing-aura-pulse;position:absolute;left:50%;box-shadow:0 0 8px 2px #78dcffd9,0 0 16px 5px #46afff80}.minion .ongoing-aura i:first-child{top:-4px}.minion .ongoing-aura i:last-child{animation-delay:.85s;bottom:-4px}@keyframes ongoing-aura-orbit{to{transform:rotate(360deg)}}@keyframes ongoing-aura-pulse{0%,to{opacity:.6;transform:scale(.82)}50%{opacity:1;transform:scale(1.18)}}.hero.taking-damage{animation:.5s ease-out hero-hit-flash}.minion.taking-damage{animation:.42s cubic-bezier(.36,.07,.19,.97) hit-shake}.hero.receiving-heal,.minion.receiving-heal{animation:1.5s ease-out heal-flash}.minion.receiving-buff{animation:.7s ease-out buff-pop}.minion.receiving-bounce{animation:.72s ease-out bounce-return-pulse}.minion.shield-popping{animation:.5s ease-out shield-pop-flash}@keyframes shield-pop-flash{0%{box-shadow:0 0 #8cd2ff00}35%{filter:brightness(1.4);box-shadow:0 0 26px #8cd2fff2}to{box-shadow:0 0 #8cd2ff00}}.minion.locked-fx{animation:.6s ease-out lock-onset}@keyframes lock-onset{0%{filter:grayscale(0%)brightness()}40%{filter:grayscale()brightness(.6)}to{filter:grayscale()brightness()}}.minion.being-destroyed{animation:.78s ease-out death-fade}.minion.summoning{z-index:260;animation:.6s cubic-bezier(.68,-.55,.265,1.55) both summon-pop}.minion.battlecry-preview,.minion.summon-preview{pointer-events:none}.targeting-board .minion:hover{transform:none}.minion-art{background:#353535 top/cover no-repeat;border:1px solid #ffffff1f;border-radius:6px;flex:0 0 80px;width:100%;height:80px}.minion .card-title{text-overflow:ellipsis;white-space:nowrap;align-self:center;width:95%;min-height:24px;margin-top:8px;padding:0;font-size:11px;display:block}.keyword-row{max-width:100%;min-height:12px;color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.center-line{z-index:45;pointer-events:none;justify-content:center;align-items:center;gap:10px;min-height:72px;display:flex;position:relative}.center-line:before{content:"";background:linear-gradient(90deg,#0000,#d7b24d73,#0000);height:2px;position:absolute;top:50%;left:15%;right:15%}.center-line>*{pointer-events:auto;z-index:1;position:relative}.controls button{min-width:112px;min-height:42px;padding:0 12px}.controls .danger{color:#ffd7d1;background:linear-gradient(#7d2a1e,#4a1510)}.end-turn-btn{background:linear-gradient(#fff080,#d7b24d)}.turn-stack{background:var(--panel-strong);border:1px solid #d7b24d4d;border-radius:8px;justify-items:center;gap:3px;min-width:118px;padding:7px 12px;display:grid}.turn-light{color:#6c6254;text-transform:uppercase;font-size:11px;font-weight:900}.turn-light.active{color:var(--cyan);text-shadow:0 0 12px}.match-banner,.disconnect-pill{z-index:30;color:var(--ink);background:#000000b8;border:1px solid #d7b24d73;border-radius:8px;font-weight:900;position:absolute}.match-banner{padding:10px 22px;top:14px;left:50%;transform:translate(-50%)}.disconnect-pill{color:#ffd3cc;padding:7px 12px;top:18px;right:18px}.mulligan-overlay,.result-overlay{z-index:80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000b8;place-items:center;display:grid;position:absolute;inset:0}.opponent-disconnect-overlay{z-index:78;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;place-items:center;animation:.2s ease-out both confirm-fade-in;display:grid;position:absolute;inset:0}.opponent-disconnect-card{text-align:center;border:2px solid var(--gold);background:#140c06eb;border-radius:16px;padding:28px 40px;animation:1.6s ease-in-out infinite opponent-disconnect-pulse;box-shadow:0 0 32px #ffc85080,0 10px 30px #0009}.opponent-disconnect-title{font-family:var(--font-display);letter-spacing:.08em;color:var(--gold);text-shadow:0 3px 10px #000;font-size:30px}.opponent-disconnect-sub{opacity:.85;margin-top:6px;font-size:15px}.opponent-disconnect-countdown{font-family:var(--font-display);color:#fff;text-shadow:0 0 18px #ffc850cc,0 4px 12px #000;margin:10px 0 6px;font-size:72px;line-height:1.05}.opponent-disconnect-hint{opacity:.7;font-size:13px}@keyframes opponent-disconnect-pulse{0%,to{box-shadow:0 0 24px #ffc85059,0 10px 30px #0009}50%{box-shadow:0 0 40px #ffc850b3,0 10px 30px #0009}}.mulligan-content{text-align:center;justify-items:center;gap:14px;width:1080px;display:grid}.mulligan-content h2{text-shadow:0 4px 12px #000;font-size:42px}.mulligan-content p{color:var(--ink-muted);font-weight:800}.mulligan-card-area{justify-content:center;align-items:center;gap:22px;width:100%;min-height:290px;display:flex}.mulligan-card{width:190px;height:272px;margin:0;transform:none}.card.mulligan-card{border-color:#555;transition:border-color .18s,box-shadow .18s;transform:none;box-shadow:0 8px 20px #0000008c}.card.mulligan-card:hover{transform:none}.mulligan-card.selected{border-color:var(--red);box-shadow:0 0 20px #ff333373,0 8px 20px #0000008c}.card.channel-card{cursor:pointer}.card.channel-card:hover{border-color:var(--gold);transform:translateY(-6px);box-shadow:0 0 24px #ffc8508c,0 10px 24px #0009}.mulligan-card.selected .card-art-box{filter:grayscale()contrast(120%)}.mulligan-card.selected:before{content:"";border-radius:inherit;z-index:2;pointer-events:none;background:#0009;position:absolute;inset:0}.mulligan-card.selected:after{content:"✕";color:#f33;text-shadow:0 0 20px #f00c;z-index:3;pointer-events:none;justify-content:center;align-items:center;font-size:100px;font-weight:900;display:flex;position:absolute;inset:0}.mulligan-card .card-art-box{height:92px}.mulligan-card .card-desc{height:70px;font-size:11px}.amp-option,.vote-option{text-align:center;color:#f5e9cf;cursor:pointer;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:12px;width:232px;height:336px;padding:20px 20px 24px;display:flex}.amp-option:hover,.vote-option:hover{border-color:var(--gold,#d4af37);transform:translateY(-4px);box-shadow:0 0 22px #ffc85073,0 8px 20px #0000008c}.amp-tier-badge{font-family:var(--font-display);letter-spacing:.06em;color:#1a1008;background:#d8c08a;border-radius:999px;align-self:center;padding:4px 14px;font-size:15px}.amp-option-name,.vote-option-name{font-family:var(--font-display);color:#fff3d6;text-shadow:0 2px 8px #000;font-size:22px;line-height:1.2}.vote-option-art{object-fit:contain;pointer-events:none;border-radius:6px;flex:0 auto;place-self:center;width:100%;max-height:min(180px,28vh);display:block}.amp-option-art{object-fit:contain;object-position:center;pointer-events:none;filter:drop-shadow(0 6px 14px #0000008c);flex:none;align-self:center;width:100%;height:132px;margin:auto 0;display:block}.amp-option-desc,.vote-option-desc{opacity:.9;font-size:13px;line-height:1.5}.related-card-link{color:#7ed7ff;text-underline-offset:3px;cursor:help;-webkit-text-decoration:underline #7ed7ffbf;text-decoration:underline #7ed7ffbf}.related-card-link:hover{color:#c7efff;text-decoration-color:currentColor}.vote-content{width:min(94vw,1180px);max-width:none;padding:32px 38px}.vote-overlay:not(.is-roulette-visible) .vote-content{transform:translateY(-clamp(24px, 4vh, 44px))}.vote-content>h2{z-index:1;width:max-content;max-width:94%;margin:0;font-size:clamp(36px,5vw,58px);position:absolute;top:clamp(70px,15%,100px);left:50%;transform:translate(-50%)}.vote-content>p{font-size:18px}.vote-card-area{gap:clamp(18px,3vw,34px)}.vote-card-area .vote-option{grid-template-rows:auto minmax(0,1fr) auto;align-items:center;width:clamp(220px,24vw,290px);height:auto;min-height:clamp(290px,44vh,420px);padding:30px 24px;display:grid}.vote-card-area .vote-option-name{font-size:clamp(21px,2.4vw,28px)}.vote-card-area .vote-option-desc{align-self:end;font-size:clamp(13px,1.3vw,16px)}.card.mulligan-card.amp-tier-low{border-color:#7fae6a}.card.mulligan-card.amp-tier-mid{border-color:#d8a23c}.card.mulligan-card.amp-tier-high{border-color:#d4564b}.amp-tier-low .amp-tier-badge{background:#bfe0a6}.amp-tier-mid .amp-tier-badge{background:#f0cd7e}.amp-tier-high .amp-tier-badge{background:#f0998f}.vote-weight-tag{color:#1a1008;background:#f0cd7e;border-radius:999px;margin-left:8px;padding:2px 10px;font-size:12px;display:inline-block}.special-phase-actions{justify-content:center;align-items:center;gap:12px;min-height:38px;display:flex}.special-phase-btn{color:#f8ecd0;cursor:pointer;background:#140c06e0;border:2px solid #e6c674c7;border-radius:8px;min-width:96px;height:36px;padding:0 16px;font-weight:900;box-shadow:0 6px 14px #00000061}.special-phase-btn:hover:not(:disabled){border-color:var(--gold,#d4af37);background:#36230ef0}.special-phase-btn:disabled{opacity:.5;cursor:not-allowed}.special-phase-btn.primary,.special-phase-btn.accent{color:#1a1008;background:#f0cd7e}.special-phase-peek-btn{z-index:90;cursor:pointer;background:#140c06eb;border:3px solid #e6c674eb;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;padding:0;transition:transform .12s,background .12s,box-shadow .12s,border-color .12s;display:inline-flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%);box-shadow:0 10px 26px #00000080,0 0 0 5px #d4af3733}.special-phase-peek-btn:hover:not(:disabled){border-color:var(--gold,#d4af37);background:#36230ef5;transform:translate(-50%)scale(1.08);box-shadow:0 12px 30px #0000008c,0 0 0 6px #d4af3752}.special-phase-peek-btn.peeking{border-color:var(--gold,#d4af37);background:#36230ef5}.special-phase-peek-btn:disabled{opacity:.45;cursor:not-allowed}.special-phase-peek-icon{filter:brightness(0)saturate()invert(92%)sepia(18%)saturate(548%)hue-rotate(331deg)brightness(98%)contrast(95%);width:38px;height:38px;display:block}.special-peek-overlay{z-index:80;pointer-events:auto;background:#00000014;position:absolute;inset:0}.special-peek-toolbar{color:#f8ecd0;background:#0e0905e6;border:2px solid #e6c674b8;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;font-weight:900;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #00000075}.amp-reroll-out .amp-option{pointer-events:none;animation:.26s ease-in both amp-reroll-flip-out}.amp-reroll-in .amp-option{pointer-events:none;animation:.32s ease-out both amp-reroll-flip-in}@keyframes amp-reroll-flip-out{0%{filter:brightness();transform:rotateY(0)}to{filter:brightness(.35);transform:rotateY(90deg)}}@keyframes amp-reroll-flip-in{0%{filter:brightness(.35);transform:rotateY(-90deg)}to{filter:brightness();transform:rotateY(0)}}.vote-roulette-overlay{overflow:hidden}.vote-roulette-overlay.is-opening-roulette .vote-content>:not(h2,.vote-card-area),.vote-roulette-overlay.is-opening-roulette .vote-option{pointer-events:none;animation:.36s ease-in both vote-ballot-fade-out}.vote-roulette-overlay.is-opening-roulette .vote-option:nth-child(2){animation-delay:40ms}.vote-roulette-overlay.is-opening-roulette .vote-option:nth-child(3){animation-delay:80ms}.vote-roulette-overlay.is-closing{animation:.28s ease-in both vote-roulette-fade-out}.vote-roulette-stage{text-align:center;justify-items:center;gap:14px;width:min(94vw,820px);animation:.3s ease-out both vote-roulette-content-in;display:grid}.vote-roulette-title{font-family:var(--font-display);letter-spacing:.06em;color:var(--gold,#d4af37);text-shadow:0 4px 14px #000;margin:0;font-size:40px}.vote-roulette-title.is-winner{color:#fff3d6;text-shadow:0 0 18px #ffd25acc,0 4px 14px #000}.vote-roulette-subtitle{color:#d8c08a;letter-spacing:.08em;margin:-8px 0 2px;font-size:13px}.vote-roulette-shell{aspect-ratio:1;background:radial-gradient(circle at 50% 44%,#f3d783 0 3%,#b67a27 30%,#5c3215 68%,#2b1408 100%);border:5px solid #2b160b;border-radius:50%;width:clamp(300px,54vh,460px);padding:19px;position:relative;box-shadow:inset 0 0 0 4px #d5a843,inset 0 0 0 9px #6c3e19,0 0 0 4px #d5a843,0 0 0 9px #3c210e,0 14px 34px #000000b8,0 0 38px #daa84347}.vote-roulette-shell:before,.vote-roulette-shell:after{content:"";z-index:2;pointer-events:none;border:2px dashed #ffe1919e;border-radius:50%;position:absolute;inset:7px}.vote-roulette-shell:after{border-style:solid;border-color:#411c0ab8;inset:14px}.vote-roulette-pointer{z-index:5;clip-path:polygon(50% 100%,0 22%,18% 0,82% 0,100% 22%);filter:drop-shadow(0 4px 2px #000000bf);background:linear-gradient(90deg,#8b551e,#ffe19a 48%,#a96a25);width:42px;height:55px;position:absolute;top:-25px;left:50%;transform:translate(-50%)}.vote-roulette-wheel{background:radial-gradient(circle, transparent 0 60%, #ffeeb238 61% 63%, transparent 64%), conic-gradient(from 0deg, #b94335 0 var(--player1-percent), #285f72 var(--player1-percent) 100%);will-change:transform;border:3px solid #2b1408;border-radius:50%;width:100%;height:100%;position:relative;overflow:hidden;transform:rotate(0);box-shadow:inset 0 0 30px #0000008c}.vote-roulette-wheel:after{content:"";border-radius:inherit;background:repeating-conic-gradient(from 0deg, #ffffff1f 0 1deg, transparent 1deg 12deg), radial-gradient(circle at 35% 28%, #ffffff38, transparent 34%);mix-blend-mode:overlay;pointer-events:none;position:absolute;inset:0}.vote-roulette-hub{z-index:4;aspect-ratio:1;color:#fff0c5;text-shadow:0 2px 4px #000;background:radial-gradient(circle,#81411e,#35180b 72%);border:4px double #efcf7c;border-radius:50%;place-content:center;width:32%;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px #000000ad,inset 0 0 14px #ffd57547}.vote-roulette-hub span{font-family:var(--font-display);font-size:clamp(19px,3vh,28px)}.vote-roulette-hub strong{color:#e2bd68;letter-spacing:.18em;font-size:11px}.vote-roulette-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;display:grid}.vote-roulette-legend-item{color:#eadbb9;text-align:left;background:#120905b8;border:2px solid #6f4b24;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-width:0;padding:10px 12px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid}.vote-roulette-swatch{aspect-ratio:1;background:#b94335;border:2px solid #e2c584;border-radius:50%;width:18px}.vote-roulette-legend-item.player2 .vote-roulette-swatch{background:#285f72}.vote-roulette-choice{min-width:0;display:grid}.vote-roulette-choice strong{color:#fff1cb;font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.vote-roulette-choice small{color:#bfa979;font-size:11px}.vote-roulette-percent{color:#f2cf79;font-family:var(--font-display);font-size:24px}.vote-roulette-legend-item.is-winner{border-color:#ffd76a;transform:translateY(-3px);box-shadow:0 0 22px #ffd25aad}.vote-roulette-overlay.is-revealed .vote-roulette-shell{animation:.85s ease-in-out infinite vote-roulette-winner}@keyframes vote-roulette-winner{50%{box-shadow:inset 0 0 0 4px #ffe09a,inset 0 0 0 9px #6c3e19,0 0 0 4px #ffe09a,0 0 0 9px #3c210e,0 14px 34px #000000b8,0 0 70px #ffcf5fb8}}@keyframes vote-roulette-fade-out{0%{opacity:1}to{opacity:0}}@keyframes vote-roulette-content-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes vote-ballot-fade-out{to{opacity:0;transform:translateY(12px)}}@media (width<=640px){.vote-overlay:not(.is-roulette-visible) .vote-content{transform:translateY(-18px)}.vote-card-area .vote-option{width:clamp(92px,28vw,132px);min-height:clamp(210px,38vh,290px);padding:16px 10px}.vote-card-area .vote-option-name{font-size:16px}.vote-card-area .vote-option-desc{font-size:11px}.vote-roulette-stage{padding:20px 14px 16px}.vote-roulette-title{font-size:30px}.vote-roulette-legend{grid-template-columns:1fr}}.turn-countdown-badge.phase{margin:0 auto 6px;position:static;transform:none}.hero-amp-badge{white-space:nowrap;text-overflow:ellipsis;color:#1a1008;background:#d8c08a;border:1px solid #00000059;border-radius:999px;max-width:120px;margin-top:4px;padding:2px 8px;font-size:11px;line-height:1.4;display:inline-block;overflow:hidden}.hero-amp-badge.amp-tier-low{background:#bfe0a6}.hero-amp-badge.amp-tier-mid{background:#f0cd7e}.hero-amp-badge.amp-tier-high{background:#f0998f}.hero-augments{z-index:30;pointer-events:none;flex-direction:column;justify-content:space-around;align-items:center;gap:4px;display:flex;position:absolute;top:16%;bottom:2%;right:-15px}.hero-events{z-index:30;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;top:16%;bottom:2%;left:-15px}.hero-event-dot{color:#f4ecff;pointer-events:auto;cursor:help;width:26px;height:26px;text-shadow:none;background:#6c4bb0;border:2px solid #ffffffd9;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:10px;font-weight:700;line-height:1;transition:transform .14s,box-shadow .14s,filter .14s;display:flex;position:relative;box-shadow:0 1px 4px #00000073}.hero-event-dot:hover{filter:brightness(1.1);transform:scale(1.14);box-shadow:0 0 0 2px #5d2e1773,0 0 16px #ba96ecc7}.hero-event-name{max-width:20px;display:block;overflow:hidden}.hero-augment-dot{color:#1a1008;pointer-events:auto;cursor:help;width:26px;height:26px;text-shadow:none;background:#d8c08a;border:2px solid #ffffffd9;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:10px;font-weight:700;line-height:1;transition:transform .14s,box-shadow .14s,filter .14s;display:flex;overflow:hidden;box-shadow:0 1px 4px #00000073}.hero-augment-dot:hover{filter:brightness(1.08);transform:scale(1.14);box-shadow:0 0 0 2px #5d2e1773,0 0 16px #ffe27ec7}.hero-augment-dot.amp-tier-low{background:#bfe0a6}.hero-augment-dot.amp-tier-mid{background:#f0cd7e}.hero-augment-dot.amp-tier-high{background:#f0998f}.hero-augment-dot.augment-trigger{animation:1.4s ease-out augment-dot-pulse}@keyframes augment-dot-pulse{0%{transform:scale(1);box-shadow:0 0 #fff0aae6}20%{transform:scale(1.4);box-shadow:0 0 16px 6px #fff0aaf2}55%{transform:scale(1.4);box-shadow:0 0 16px 6px #fff0aaf2}to{transform:scale(1);box-shadow:0 1px 4px #00000073}}.augment-glow-fx{pointer-events:none;z-index:9999;background:radial-gradient(circle,#fff5bed9 0%,#ffd77880 45%,#ffd77800 70%);border-radius:50%;width:26px;height:26px;margin:-13px 0 0 -13px;animation:1.4s ease-out forwards augment-glow-ring;position:fixed}@keyframes augment-glow-ring{0%{opacity:.95;transform:scale(.5)}55%{opacity:.7;transform:scale(2.2)}to{opacity:0;transform:scale(3.6)}}.augment-glow-fx.is-unit{background:radial-gradient(closest-side,#fff5beb3 0%,#ffd77873 55%,#ffd77800 80%);border-radius:14px;margin:0;animation:1.4s ease-out forwards augment-unit-glow-ring;transform:translate(-50%,-50%)}@keyframes augment-unit-glow-ring{0%{opacity:0;transform:translate(-50%,-50%)scale(.82)}20%{opacity:.9}60%{opacity:.78;transform:translate(-50%,-50%)scale(1.4)}to{opacity:0;transform:translate(-50%,-50%)scale(1.7)}}.augment-affected-glow{animation:1.4s ease-out augment-affected}@keyframes augment-affected{0%{filter:brightness();box-shadow:0 0 #fff0aa00}25%{filter:brightness(1.3);box-shadow:0 0 20px 8px #ffeb96f2}60%{filter:brightness(1.28);box-shadow:0 0 20px 8px #ffeb96e6}to{filter:brightness();box-shadow:0 0 #fff0aa00}}.augment-glow-fx.is-vote{background:radial-gradient(circle,#e4c4ffd9 0%,#a855f780 45%,#a855f700 70%)}.augment-glow-fx.is-unit.is-vote{background:radial-gradient(closest-side,#e4c4ffb3 0%,#a855f773 55%,#a855f700 80%)}.augment-affected-glow.is-vote{animation:1.4s ease-out augment-affected-vote}@keyframes augment-affected-vote{0%{filter:brightness();box-shadow:0 0 #be82ff00}25%{filter:brightness(1.32);box-shadow:0 0 20px 8px #be78fff2}60%{filter:brightness(1.3);box-shadow:0 0 20px 8px #b769ffe6}to{filter:brightness();box-shadow:0 0 #be82ff00}}.value-just-changed{animation:.6s ease-out value-pop}@keyframes value-pop{0%{filter:brightness()}30%{filter:brightness(1.95)drop-shadow(0 0 7px #78ff8cf2)}to{filter:brightness()}}.mulligan-replace-tag{color:#fff;background:#b50f0f;border:2px solid #f66;border-radius:16px;padding:5px 16px;font-size:13px;font-weight:900;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}#mulligan{min-width:178px;min-height:48px;padding:0 24px}.result-content{justify-items:center;gap:14px;display:grid}.result-text{color:#ffe45d;letter-spacing:0;text-shadow:0 0 20px,0 8px 20px #000;font-size:118px}.reward-overlay .reward-content{background:linear-gradient(#1c1810f2,#0c0a06f2);border:2px solid #d9b25a;border-radius:18px;gap:22px;width:min(560px,92vw);padding:28px 36px 32px;box-shadow:0 24px 60px #0009,inset 0 0 0 1px #ffd76426}.reward-overlay .reward-title{letter-spacing:4px;text-shadow:0 0 22px,0 6px 18px #000;margin:0;padding-bottom:4px;font-size:92px}.reward-overlay .reward-title.win{color:#ffe45d}.reward-overlay .reward-title.loss{color:#d8514a}.reward-section{background:#00000059;border:1px solid #d9b25a59;border-radius:12px;gap:8px;width:100%;padding:14px 18px;display:grid}.reward-section-label{color:#d9b25a;letter-spacing:2px;text-transform:uppercase;font-size:14px}.reward-level-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.reward-level-chip{color:#1d1305;background:linear-gradient(#f7d779,#b8862d);border-radius:999px;justify-content:center;align-items:center;min-width:64px;padding:4px 12px;font-size:18px;font-weight:900;display:inline-flex;box-shadow:0 2px 6px #00000080}.reward-xp-readout{font-variant-numeric:tabular-nums;color:#f6e2a2;font-size:16px;font-weight:800}.reward-xp-bar-track{background:#0000008c;border:1px solid #d9b25a66;border-radius:999px;width:100%;height:14px;position:relative;overflow:hidden}.reward-xp-bar-fill{background:linear-gradient(90deg,#ffe066,#ff9d3a);width:0;height:100%;transition:width 60ms linear;box-shadow:inset 0 0 12px #ffc050a6}.reward-overlay.stage-xp .reward-xp-bar-fill{filter:drop-shadow(0 0 6px #ffdc78b3)}.reward-gold-counter{color:#ffd766;text-shadow:0 0 14px #ffc8508c,0 4px 10px #000;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:10px;font-size:44px;font-weight:900;display:inline-flex}.reward-gold-icon{object-fit:contain;filter:drop-shadow(0 4px 8px #0000008c);width:46px;height:46px}.reward-overlay.stage-gold .reward-gold-counter{animation:.32s ease-out infinite alternate reward-gold-pulse}@keyframes reward-gold-pulse{0%{transform:scale(1)}to{transform:scale(1.04)}}.reward-source{color:#c5b58c;letter-spacing:1px;min-height:18px;font-size:14px;font-weight:700}.reward-continue{letter-spacing:2px;color:#1d1305;cursor:pointer;background:linear-gradient(#f7d779,#b8862d);border:2px solid #d9b25a;border-radius:10px;min-width:200px;min-height:48px;margin-top:6px;padding:0 28px;font-size:18px;font-weight:900;transition:transform 80ms,filter 80ms}.reward-continue:disabled{cursor:default;filter:grayscale(.35)brightness(.85)}.reward-continue:not(:disabled):hover{filter:brightness(1.08);transform:translateY(-1px)}.event-layer{z-index:1300;pointer-events:none;perspective:1200px;place-items:center;display:grid;position:absolute;inset:0}#card-play-overlay{z-index:1400;pointer-events:none;perspective:1200px;place-items:center;display:grid;position:fixed;inset:0}.turn-announcement-overlay{z-index:1800;pointer-events:auto;opacity:0;background:#0000007a;place-items:center;display:grid;position:absolute;inset:0}.turn-announcement-overlay:before{content:"";background:linear-gradient(90deg,#0000,#ffffff38 18%,#ffffff52 50%,#ffffff38 82%,#0000);height:1px;position:absolute;top:50%;left:3%;right:3%;transform:translateY(-50%)}.turn-announcement-overlay.active{animation:1.65s both turn-announcement-fade}.turn-announcement-text{z-index:1;color:#fff;letter-spacing:0;text-shadow:0 4px 14px #000000db;white-space:nowrap;font-family:Noto Serif TC,serif;font-size:clamp(58px,8.5vw,108px);font-weight:900;line-height:1;animation:1.65s both turn-announcement-hold;position:relative}.battle-surface.battle-locked .card.can-play,.battle-surface.battle-locked .minion.can-attack,.battle-surface.battle-locked .valid-target{cursor:default}@keyframes turn-announcement-fade{0%{opacity:0}16%,82%{opacity:1}to{opacity:0}}@keyframes turn-announcement-hold{0%{opacity:0;transform:scale(.98)}18%,82%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}.event-focus-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:0;background:#00000070;position:absolute;inset:0}.event-card-preview{z-index:1;width:280px;height:410px;transform-style:preserve-3d;transform-origin:50%;--rot:0deg;--y:0px;justify-content:flex-start;margin:0;padding:8px;transition:none;animation:.8s cubic-bezier(.19,1,.22,1) both card-play-enter;transform:none;box-shadow:0 30px 60px #000000d1,0 0 24px #00f3ff38}.event-card-preview.from-player.card-play-slam{animation:.4s cubic-bezier(.6,-.28,.735,.045) forwards card-play-slam-down}.event-card-preview.from-opponent.card-play-slam{animation:.4s cubic-bezier(.6,-.28,.735,.045) forwards card-play-slam-up}.event-card-preview .card-cost{width:42px;height:42px;font-size:20px}.event-card-preview .card-title{min-height:42px;margin:32px 0 10px;font-size:28px;line-height:1.15}.event-card-preview .card-art-box{height:150px;margin-top:0}.event-card-preview .card-category{margin:8px 0 7px;padding:3px 10px;font-size:16px}.event-card-preview .card-desc{white-space:pre-wrap;flex:1;height:auto;padding:0 10px;font-size:18px;line-height:1.34}.event-card-preview .minion-stats{bottom:8px;left:15px;right:15px}.event-card-preview .stat-atk,.event-card-preview .stat-hp{width:60px;height:60px;font-size:28px}.event-cue{text-align:center;text-shadow:0 2px 4px #000;min-width:96px;animation:.9s ease-out both cue-float;animation-delay:var(--cue-delay,0s);border-radius:8px;padding:10px 18px;font-size:22px;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.event-damage,.event-destroy,.event-reject{color:#ffd0c8;background:#6e120ddb;border:1px solid #ff7a69bf}.event-heal,.event-buff{color:#d7ffe1;background:#105623d1;border:1px solid #52e66db8}.event-turn,.event-summon{color:#dbfaff;background:#0a3f48d6;border:1px solid #20d6f2b3}.log{background:#000000ad;border-top:1px solid #d7b24d40;height:96px;padding:8px 18px;overflow:auto}.log p{color:#f5ead4b8;font-family:Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.35}.toast{z-index:120;color:#fff;text-align:center;background:#5b140ef2;border:2px solid #ff7a69;border-radius:8px;min-width:260px;max-width:620px;padding:13px 22px;font-weight:900;animation:.36s both toast-shake;position:fixed;bottom:118px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #00000080}@keyframes toast-shake{0%,to{transform:translate(-50%)}25%{transform:translate(calc(-50% - 8px))}50%{transform:translate(calc(8px - 50%))}75%{transform:translate(calc(-50% - 5px))}}@keyframes target-ring{0%,to{opacity:.38;transform:scale(.98)}50%{opacity:1;transform:scale(1.03)}}@keyframes taunt-border-pulse{0%,to{box-shadow:0 0 0 2px #dce2e8,0 0 0 5px #87919d,0 0 14px 2px #c6def68f,0 0 24px 6px #7491b433}50%{box-shadow:0 0 0 2px #f1f6fb,0 0 0 5px #9aa5b2,0 0 18px 4px #d6e8fad1,0 0 36px 10px #7491b457}}@keyframes card-reject{0%,to{transform:rotate(var(--rot,0deg)) translateY(var(--y,0px))}25%{transform:rotate(var(--rot,0deg)) translate(-7px, var(--y,0px))}50%{transform:rotate(var(--rot,0deg)) translate(7px, var(--y,0px))}75%{transform:rotate(var(--rot,0deg)) translate(-4px, var(--y,0px))}}@keyframes hero-hit-flash{0%{filter:none;box-shadow:0 0 15px #ffee004d,inset 0 0 14px #00000073}25%{filter:brightness(1.4)sepia(.5)hue-rotate(-30deg);box-shadow:0 0 0 6px #ff3232d9,0 0 30px #f009,inset 0 0 14px #00000073}to{filter:none;box-shadow:0 0 15px #ffee004d,inset 0 0 14px #00000073}}@keyframes hit-shake{0%,to{filter:none;transform:translate(0)}25%{filter:brightness(1.35)sepia(.4)hue-rotate(-30deg);transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}@keyframes heal-flash{0%{border-color:#43e97b4d;box-shadow:inset 0 0 20px #43e97b00}30%{border-color:#43e97b;box-shadow:inset 0 0 50px #43e97b99,0 0 30px #43e97b}to{border-color:#43e97b4d;box-shadow:inset 0 0 20px #43e97b00}}@keyframes buff-pop{0%{transform:scale(1)}35%{filter:brightness(1.35);transform:scale(1.12)}to{transform:scale(1)}}@keyframes death-fade{0%{filter:grayscale(0);opacity:1}to{filter:grayscale();opacity:.35}}@keyframes cue-float{0%{opacity:0;transform:translate(-50%,-24%)}18%{opacity:1}to{opacity:0;transform:translate(-50%,-92%)}}@keyframes card-preview-slam{0%{opacity:0;transform:translateY(80px)scale(.72)rotateX(16deg)}24%{opacity:1;transform:translateY(-8px)scale(1.04)}72%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-36px)scale(.94)}}@keyframes summon-pop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes card-play-enter{0%{opacity:0;transform:translateZ(-500px)rotateX(20deg)}to{opacity:1;transform:translateZ(0)rotateX(0)}}@keyframes card-play-slam-down{0%{opacity:1;transform:translateZ(0)translateY(0)scale(1)}to{opacity:0;transform:translateZ(-500px)translateY(0)scale(0)}}@keyframes card-play-slam-up{0%{opacity:1;transform:translateZ(0)translateY(0)scale(1)}to{opacity:0;transform:translateZ(-500px)translateY(-220px)scale(0)}}@keyframes turn-pulse{0%{opacity:0}35%{opacity:1}to{opacity:.65}}.muted{color:var(--ink-muted);font-weight:800}.sr-e2e{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=0){.topbar{display:grid}.join{grid-template-columns:1fr 130px 72px;width:100%}.battle-surface{min-height:520px;padding-inline:10px}.player-area{grid-template-columns:170px 1fr;gap:8px}.board{grid-template-columns:repeat(7,minmax(58px,88px));gap:6px}.minion{min-height:120px}.hero{width:110px;height:110px}.hero .avatar{width:96px;height:96px}.mana-container{flex-wrap:wrap;width:166px}.mana-text{text-align:center;width:100%}.card{--card-w:110px;--card-mx:-18px;height:158px}.card-desc{height:30px}.controls button{min-width:84px;font-size:12px}.account-grid{grid-template-columns:1fr}.deck-card-list{max-height:520px}html,body{overflow-x:hidden}body{overflow-y:auto}.app-shell{min-width:0}.topbar{z-index:100;gap:10px;padding:10px;position:sticky;top:0}.brand-lockup h1{font-size:20px}.join{grid-template-columns:1fr}.status{padding:7px 10px;font-size:12px}.battle-surface{grid-template-rows:minmax(176px,auto) auto minmax(230px,auto);gap:4px;height:auto;min-height:calc(100vh - 150px);padding:6px 8px 0;overflow:clip visible}.player-area{grid-template-rows:auto auto;grid-template-columns:92px minmax(0,1fr);gap:6px}.status-cluster{gap:6px}.hero{width:84px;height:84px;padding:0}.avatar{width:72px;height:72px}.hero .hero-hp{min-width:44px;padding:2px 8px;font-size:10px;bottom:-10px}.mana-container{gap:3px;width:86px;min-height:42px;padding:6px 4px}.mana-crystal{flex-basis:12px;width:12px;height:12px}.pile-row{gap:5px}.deck-pile,.graveyard-pile{width:34px;height:46px;font-size:11px}.board{grid-template-columns:repeat(7,minmax(34px,1fr));gap:4px;min-height:96px;padding:4px 0}.slot{min-height:74px}.minion{border-width:1px;width:100%;min-height:82px;padding:3px}.minion-art{flex-basis:30px;height:30px}.minion .card-title{min-height:18px;margin-top:3px;font-size:8px}.keyword-row{min-height:10px;font-size:7px}.stat-atk,.stat-hp{width:22px;height:22px;font-size:10px}.hand,.hand-row{height:98px}.card{--card-w:76px;--card-mx:-17px;height:112px;padding:5px}.hand-row .card:hover{transform:rotate(var(--rot,0deg)) translateY(calc(var(--y,0px) - 22px)) scale(1.16)}.card-cost{width:18px;height:18px;font-size:11px}.card-title{min-height:20px;margin-top:18px;font-size:8px}.card-art-box{height:28px}.card-category{margin:2px 0;font-size:7px}.card-desc{height:20px;font-size:7px}.center-line{flex-wrap:wrap;gap:6px;min-height:86px}.controls button{min-width:72px;min-height:34px;padding:0 8px;font-size:11px}.turn-stack{order:-1;width:100%;min-width:0;padding:5px}.opponent-hand .card-back{width:46px;height:62px;margin:0 -12px}.mulligan-content{width:96vw}.mulligan-card-area{gap:8px;min-height:186px}.mulligan-card{width:92px;height:136px}.mulligan-card .card-art-box{height:36px}.mulligan-card .card-desc{height:28px;font-size:7px}.event-card-preview{width:150px;height:214px}}.hand .card,.player.me .board-row,.board{touch-action:none}#drag-arrow-layer{pointer-events:none;z-index:90;width:100vw;height:100vh;position:fixed;inset:0;overflow:visible}#drag-line{stroke-width:40px;stroke-dasharray:70 40;fill:none;stroke-linecap:round;opacity:1;animation:4s linear infinite drag-line-anim}#drag-line:not(.heal-line):not(.buff-line):not(.bounce-line):not(.destroy-line){stroke:red;marker-end:url(#arrowhead-damage);filter:drop-shadow(0 0 8px red)}#drag-line.heal-line{stroke:#43e97b;marker-end:url(#arrowhead-heal);filter:drop-shadow(0 0 8px #43e97b)}#drag-line.buff-line{stroke:orange;marker-end:url(#arrowhead-buff);filter:drop-shadow(0 0 8px orange)}#drag-line.bounce-line{stroke:#a335ee;marker-end:url(#arrowhead-bounce);filter:drop-shadow(0 0 8px #a335ee)}#drag-line.destroy-line{stroke:#000;marker-end:url(#arrowhead-destroy);filter:drop-shadow(0 0 4px #000c)}@keyframes drag-line-anim{to{stroke-dashoffset:-100px}}#drag-ghost{pointer-events:none;z-index:91;filter:drop-shadow(0 12px 22px #0000008c);opacity:.96;position:fixed;top:0;left:0;transform:translate(-9999px,-9999px)scale(1.05)}#drag-ghost .card{margin:0;transform:none}.placement-indicator{pointer-events:none;z-index:5;background:0 0;border:2px dashed #0000;border-radius:8px;flex-shrink:0;width:0;height:128px;margin:0;transition:width .2s ease-out,opacity .2s,border-color .2s,background-color .2s,margin .2s;display:block;overflow:hidden}.placement-indicator.active{opacity:1;background:#ffee0024;border-color:#ffee00e6;width:92px;margin:0 5px;box-shadow:0 0 16px #ffee006b}.board.drop-highlight{box-shadow:none}.board.placing .slot{display:none}.battle-surface .board.drop-highlight:before{content:"";pointer-events:none;z-index:0;background:#ffee0038;border:1px solid #ffee0047;position:absolute;inset:-14px;box-shadow:inset 0 0 30px #fe03,0 0 28px #ffee0029}.battle-surface .board.drop-highlight>*{z-index:1;position:relative}@media (prefers-reduced-motion:reduce){#drag-line,.hero.shaking,.minion.shield-popping,.minion.locked-fx,.turn-announcement-overlay.active,.turn-announcement-text{animation:none}.turn-announcement-overlay.active{opacity:1}}.minion.locked{filter:grayscale();transition:filter .5s ease-out}.minion.locked:hover{filter:grayscale()}.countdown-badge{color:#fff;z-index:10;background:#000000d9;border-radius:12px;align-items:center;gap:4px;padding:4px 8px;font-size:14px;font-weight:700;display:flex;position:absolute;top:-20px;left:27px;box-shadow:0 2px 8px #00000080}.lock-countdown{background:#ff6b6b33;border:2px solid #ff6b6b}.lock-countdown.urgent{color:#fff4d6;background:#b01f17f0;border-color:#fff1c2;box-shadow:0 0 10px #ff4a28c7}.quest-countdown{background:#ffd70033;border:2px solid gold}.minion .countdown-badge+.countdown-badge{top:35px}.countdown-badge .badge-icon{flex-shrink:0;display:block}@keyframes attack-lunge{0%{animation-timing-function:cubic-bezier(.25,.1,.2,1);transform:translate(0)scale(1)}40%{animation-timing-function:cubic-bezier(.12,.78,.18,1);transform:translate(0)scale(1.2)}55%{animation-timing-function:cubic-bezier(.05,.75,.15,1);transform:translate(0)scale(1.2)}70%{transform:translate(var(--lunge-dx,0), var(--lunge-dy,0)) scale(1.12);animation-timing-function:ease-in}88%{animation-timing-function:cubic-bezier(.2,0,.2,1);transform:translate(0)scale(1.03)}to{transform:translate(0)scale(1)}}@keyframes hero-attack-lunge{0%{animation-timing-function:cubic-bezier(.25,.1,.2,1);transform:translate(-50%)translate(0)scale(1)}40%{animation-timing-function:cubic-bezier(.12,.78,.18,1);transform:translate(-50%)translate(0)scale(1.2)}55%{animation-timing-function:cubic-bezier(.05,.75,.15,1);transform:translate(-50%)translate(0)scale(1.2)}70%{transform:translateX(-50%) translate(var(--lunge-dx,0), var(--lunge-dy,0)) scale(1.12);animation-timing-function:ease-in}88%{animation-timing-function:cubic-bezier(.2,0,.2,1);transform:translate(-50%)translate(0)scale(1.03)}to{transform:translate(-50%)translate(0)scale(1)}}.minion.lunging{z-index:200;animation:.8s both attack-lunge;box-shadow:0 0 32px #ff505099}.hero.lunging{z-index:200;animation:.8s both hero-attack-lunge;box-shadow:0 0 32px #ff505099}@keyframes float-number{0%{opacity:0;transform:translate(-50%)scale(.5)rotate(-10deg)}15%{opacity:1;transform:translate(-50%,-20px)scale(1.3)rotate(5deg)}30%{transform:translate(-50%,-40px)scale(1.1)rotate(-3deg)}50%{transform:translate(-50%,-60px)scale(1.2)rotate(2deg)}70%{opacity:1;transform:translate(-50%,-80px)scale(1)rotate(0)}to{opacity:0;transform:translate(-50%,-120px)scale(.8)rotate(0)}}.float-number{letter-spacing:2px;text-shadow:0 0 10px,0 0 20px,2px 2px 4px #000c,-2px -2px 4px #000c;-webkit-text-stroke:2px #000000d9;opacity:0;animation:1.2s cubic-bezier(.25,.46,.45,.94) forwards float-number;animation-delay:var(--cue-delay,0s);pointer-events:none;z-index:10000;font-family:Impact,Arial Black,sans-serif;font-size:48px;font-weight:900;line-height:1;position:absolute}.float-number.damage{color:#f33}.float-number.heal{color:#3f6}.heal-burst{pointer-events:none;z-index:10001;width:0;height:0;position:absolute}.heal-burst>span{left:var(--x,0);top:var(--y,0);font-family:Segoe UI,system-ui,sans-serif;font-weight:700;font-size:var(--size,22px);color:#32ff6a;text-shadow:0 0 7px #32ff78,0 0 15px #14e65af2,0 1px 2px #000000a6;-webkit-text-stroke:1px #005f1c73;opacity:0;will-change:transform, opacity;animation:1.05s ease-out forwards heal-particle-float-up;animation-delay:calc(var(--cue-delay,0s) + var(--particle-delay,0s));line-height:1;position:absolute}@keyframes heal-particle-float-up{0%{opacity:.95;transform:translate(-50%,-50%)scale(.75)}28%{opacity:1;transform:translate(-50%,-50%)translateY(-4px)scale(1)}68%{opacity:.95;transform:translate(-50%,-50%)translateY(-14px)scale(.96)}to{opacity:0;transform:translate(-50%,-50%)translateY(-30px)scale(.9)}}@keyframes bounce-burst-ring{0%{opacity:0;transform:translate(-50%,-50%)scale(.25)}18%{opacity:.95}to{opacity:0;transform:translate(-50%,-50%)scale(1.85)}}@keyframes bounce-return-pulse{0%{filter:brightness();transform:translateY(0)scale(1)}35%{filter:brightness(1.45)drop-shadow(0 0 14px #a335eef2);transform:translateY(-10px)scale(1.08)}to{filter:brightness();transform:translateY(-2px)scale(.98)}}.bounce-burst{pointer-events:none;z-index:90;width:0;height:0;position:absolute}.bounce-burst>span{opacity:0;width:74px;height:74px;animation:.72s ease-out forwards bounce-burst-ring;animation-delay:var(--cue-delay,0s);border:3px solid #a335eeeb;border-radius:50%;position:absolute;top:0;left:0;box-shadow:0 0 18px #a335eeb8,inset 0 0 14px #ffffff38}.bounce-burst>span:nth-child(2){width:52px;height:52px;animation-delay:calc(var(--cue-delay,0s) + 90ms)}.bounce-burst>span:nth-child(3){width:32px;height:32px;animation-delay:calc(var(--cue-delay,0s) + .17s)}@keyframes dust-fade{0%{opacity:.9;filter:blur(2px);transform:translate(-50%,-50%)scale(.5)}to{transform:translate(calc(-50% + var(--dx,0px)), calc(-50% + var(--dy,0px))) scale(3);opacity:0;filter:blur(10px)}}.death-burst{pointer-events:none;z-index:75;width:0;height:0;position:absolute}.death-burst>span{opacity:0;width:10px;height:10px;animation:.65s ease-out forwards dust-fade;animation-delay:var(--cue-delay,0s);background:#c8c3b9d9;border-radius:50%;position:absolute;top:0;left:0}@keyframes board-dust-fade{0%{opacity:.99;filter:brightness(2)blur(3px);transform:translate(0)scale(.5)}to{transform:translate(var(--dx), var(--dy)) scale(4.5);opacity:0;filter:blur(15px)}}.board-dust-cloud{z-index:45000;width:0;height:0;position:fixed;pointer-events:none!important}.board-dust-particle{filter:blur(2px);background:#c8c8c866;border-radius:50%;animation:1s ease-out forwards board-dust-fade;position:absolute}.battle-surface .board.board-slam{animation:.42s cubic-bezier(.36,.07,.19,.97) both board-slam-shake}@keyframes board-slam-shake{0%,to{transform:translate(-50%)translateY(0)}10%,90%{transform:translate(-50%)translateY(-2px)}20%,80%{transform:translate(-50%)translateY(4px)}30%,50%,70%{transform:translate(-50%)translateY(-6px)}40%,60%{transform:translate(-50%)translateY(6px)}}.hover-tooltip{z-index:1500;pointer-events:none;transform-origin:0 0;filter:drop-shadow(0 12px 32px #0000008c);width:128px;height:184px;position:absolute;transform:scale(1.75)}.hover-tooltip .card{opacity:1;width:128px;height:184px;margin:0;transform:none}.hover-tooltip.has-glossary{align-items:flex-start;gap:7px;width:auto;height:184px;display:flex}.hover-tooltip .keyword-glossary{pointer-events:none;width:122px;max-height:184px;overflow:hidden}.hover-tooltip .keyword-glossary-label{padding:1px 5px;font-size:8px}.hover-tooltip .keyword-glossary-text{font-size:7.5px;line-height:1.32}.augment-tooltip{z-index:1500;pointer-events:none;width:250px;min-height:118px;color:var(--wood-dark,#3a1f10);border:4px solid var(--wood-dark,#5d2e17);background:linear-gradient(#fff8e0fa,#e7ca9afa);border-radius:8px;padding:12px 14px 14px;position:absolute;box-shadow:0 14px 32px #0000008f,inset 0 0 0 2px #ffffff40}.augment-tooltip:before{content:"";pointer-events:none;border:1px solid #5d2e173d;border-radius:4px;position:absolute;inset:4px}.augment-tooltip-tier{color:#1a1008;max-width:100%;font-family:var(--font-display);background:#d8c08a;border-radius:999px;margin-bottom:8px;padding:3px 10px;font-size:12px;font-weight:900;line-height:1.2;display:inline-block}.augment-tooltip.amp-tier-low .augment-tooltip-tier{background:#bfe0a6}.augment-tooltip.amp-tier-mid .augment-tooltip-tier{background:#f0cd7e}.augment-tooltip.amp-tier-high .augment-tooltip-tier{background:#f0998f}.augment-tooltip.event-tooltip .augment-tooltip-tier{background:#c9b3ec}.augment-tooltip-name{z-index:1;font-family:var(--font-display);color:var(--wood-dark,#3a1f10);margin-bottom:6px;font-size:19px;font-weight:900;line-height:1.18;position:relative}.augment-tooltip-desc{z-index:1;color:#3a1f10db;font-size:13px;font-weight:800;line-height:1.45;position:relative}.confirm-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:120;background:#000000b3;place-items:center;animation:.18s ease-out confirm-fade-in;display:grid;position:fixed;inset:0}.confirm-content{text-align:center;color:#f4e4bc;background:#1c1815;border:2px solid #5d2e17;border-radius:12px;min-width:280px;padding:28px 36px;box-shadow:0 0 0 4px #8b451340,0 30px 60px #000000b3}.confirm-content h3{margin:0 0 18px;font-size:20px}.confirm-message{color:#d8c4a0;max-width:320px;margin:0 0 18px;font-size:14px;line-height:1.5}.confirm-actions{justify-content:center;gap:12px;display:flex}.confirm-actions button{color:#f4e4bc;cursor:pointer;background:#8b4513;border:2px solid #5d2e17;border-radius:6px;min-width:110px;padding:10px 22px;font-weight:700}.confirm-actions button.danger{background:#a01818;border-color:#6a0f0f}.confirm-actions button:hover{filter:brightness(1.15)}@keyframes confirm-fade-in{0%{opacity:0}to{opacity:1}}.card.discard-disintegrating{pointer-events:none;will-change:opacity;transition:opacity .8s ease-in}.disintegrate-particle{pointer-events:none;z-index:10001;filter:blur(1px);background:#a335ee;border-radius:2px;animation:1.5s cubic-bezier(.1,.5,.1,1) forwards disintegrate-fly;position:fixed;box-shadow:0 0 5px #a335eecc,0 0 10px #00000080}@keyframes disintegrate-fly{0%{opacity:1;transform:translate(0)scale(1)rotate(0)}15%{opacity:1;transform:translate(calc(var(--dx) * .1), calc(var(--dy) * .1)) scale(1.2) rotate(45deg)}to{transform:translate(var(--dx), var(--dy)) rotate(var(--dr)) scale(0);opacity:0}}.hero.hero-shattering .avatar{visibility:hidden}.shatter-fragment{animation:shatter-fly var(--shatter-dur,.78s) cubic-bezier(.25, .46, .45, .94) forwards;background-repeat:no-repeat;background-size:cover;border-radius:2px;position:absolute}@keyframes shatter-fly{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}30%{opacity:1}to{transform:translate(var(--dx,0px), var(--dy,0px)) rotate(var(--dr,0deg)) scale(.15);opacity:0}}.effect-strike{pointer-events:none;z-index:95;width:0;height:0;position:absolute}.effect-strike-core{opacity:0;width:26px;height:26px;animation:.5s cubic-bezier(.2,.7,.2,1) forwards effect-strike-impact;animation-delay:var(--cue-delay,0s);background:radial-gradient(circle,#fffffff2 0%,#ff50dcd9 40%,#78dcff00 75%);border-radius:50%;margin:-13px 0 0 -13px;position:absolute;top:0;left:0;box-shadow:0 0 22px #ff5adcd9,0 0 40px #6ed2ff80}.effect-strike>span{opacity:0;width:7px;height:7px;animation:.52s ease-out forwards effect-strike-shard;animation-delay:var(--cue-delay,0s);background:radial-gradient(circle,#fff 0%,#ff5cdc 45%,#6ed2ff00 100%);border-radius:50%;margin:-3.5px 0 0 -3.5px;position:absolute;top:0;left:0;box-shadow:0 0 8px #ff5adce6}@keyframes effect-strike-impact{0%{opacity:0;transform:scale(.2)}25%{opacity:1}60%{opacity:.9;transform:scale(1.6)}to{opacity:0;transform:scale(2.1)}}@keyframes effect-strike-shard{0%{opacity:0;transform:translate(0)scale(1)}20%{opacity:1}to{transform:translate(var(--dx,0), var(--dy,0)) scale(.3);opacity:0}}.effect-strike.combat .effect-strike-core{background:radial-gradient(circle,#fffffff7 0%,#ff783ce6 40%,#ff3c3c00 75%);box-shadow:0 0 22px #ff783ce6,0 0 40px #ff3c3c8c}.effect-strike.combat>span{background:radial-gradient(circle,#fff 0%,#ff7a3c 45%,#ff3c3c00 100%);box-shadow:0 0 8px #ff783ce6}.attack-sprite{filter:drop-shadow(0 1px 5px #00000080)drop-shadow(0 0 9px #ffc878b3);opacity:0;transform-origin:50%;z-index:96;width:104px;height:38px;animation:.34s cubic-bezier(.3,.05,.4,1) forwards attack-sprite-fly,.1s step-end infinite attack-sprite-flip;animation-delay:var(--cue-delay,0s), var(--cue-delay,0s);background:url(/images/fx/attack-frame-1.webp) 50%/contain no-repeat;margin:-19px 0 0 -52px;position:absolute;top:0;left:0}@keyframes attack-sprite-fly{0%{opacity:0;transform:translate(var(--fly-dx,0), var(--fly-dy,0)) rotate(var(--fly-angle,0deg)) scale(.92)}18%{opacity:1}78%{opacity:1}to{opacity:0;transform:translate(0, 0) rotate(var(--fly-angle,0deg)) scale(1)}}@keyframes attack-sprite-flip{0%{background-image:url(/images/fx/attack-frame-1.webp)}50%{background-image:url(/images/fx/attack-frame-2.webp)}}.death-burst>.death-burst-ring{opacity:0;width:70px;height:70px;animation:.6s ease-out forwards death-burst-ring;animation-delay:var(--cue-delay,0s);border:3px solid #ff5a5ad9;border-radius:50%;margin:-35px 0 0 -35px;position:absolute;top:0;left:0;box-shadow:0 0 22px #b41e1ecc,inset 0 0 14px #28000099}@keyframes death-burst-ring{0%{opacity:0;transform:scale(.3)}25%{opacity:.95}to{opacity:0;transform:scale(1.7)}}.deathrattle-plume-layer{pointer-events:none}.deathrattle-wisp{width:var(--size,14px);height:var(--size,14px);margin:calc(var(--size,14px) / -2) 0 0 calc(var(--size,14px) / -2);opacity:0;background:radial-gradient(circle,#fffffff2 0%,#c4aaffcc 45%,#8c5ae600 100%);border-radius:50%;animation:1s ease-out forwards deathrattle-wisp;position:absolute;top:0;left:0;box-shadow:0 0 12px #b48cffcc}@keyframes deathrattle-wisp{0%{opacity:0;transform:translate(0)scale(.7)}25%{opacity:.95}to{transform:translate(var(--dx,0), var(--dy,-60px)) scale(1.3);opacity:0}}.buff-burst{pointer-events:none;z-index:92;width:0;height:0;position:absolute}.buff-burst>span{opacity:0;width:8px;height:8px;animation:.7s ease-out forwards buff-sparkle-rise;animation-delay:var(--cue-delay,0s);background:radial-gradient(circle,#fff6cc 0%,#ffcb45 55%,#ffb42800 100%);border-radius:50%;margin:-4px 0 0 -4px;position:absolute;top:0;left:0;box-shadow:0 0 8px #ffc846e6}@keyframes buff-sparkle-rise{0%{opacity:0;transform:translateY(10px)scale(.5)}30%{opacity:1}to{transform:translate(var(--dx,0), calc(var(--dy,0) - 34px)) scale(1.1);opacity:0}}.shield-shatter{pointer-events:none;z-index:96;width:0;height:0;position:absolute}.shield-shatter-ring{opacity:0;width:56px;height:56px;animation:.5s ease-out forwards shield-shatter-ring;animation-delay:var(--cue-delay,0s);border:3px solid #96dcfff2;border-radius:50%;margin:-28px 0 0 -28px;position:absolute;top:0;left:0;box-shadow:0 0 18px #78c8ffd9,inset 0 0 10px #fff6}.shield-shatter>span{opacity:0;width:9px;height:9px;animation:.55s ease-out forwards shield-shard;animation-delay:var(--cue-delay,0s);background:linear-gradient(135deg,#fff,#8fd4ff);margin:-4.5px 0 0 -4.5px;position:absolute;top:0;left:0;transform:rotate(45deg);box-shadow:0 0 8px #8cd2ffe6}@keyframes shield-shatter-ring{0%{opacity:0;transform:scale(.3)}25%{opacity:1}to{opacity:0;transform:scale(1.5)}}@keyframes shield-shard{0%{opacity:0;transform:translate(0)rotate(45deg)scale(1)}20%{opacity:1}to{transform:translate(var(--dx,0), var(--dy,0)) rotate(160deg) scale(.2);opacity:0}}.lock-clamp{pointer-events:none;z-index:94;width:0;height:0;position:absolute}.lock-clamp-ring{opacity:0;width:60px;height:60px;animation:.6s cubic-bezier(.3,0,.2,1) forwards lock-clamp;animation-delay:var(--cue-delay,0s);border:3px solid #5a6eaaf2;border-radius:50%;margin:-30px 0 0 -30px;position:absolute;top:0;left:0;box-shadow:0 0 16px #283c78cc,inset 0 0 14px #141e3cb3}.lock-clamp>span{opacity:0;width:7px;height:7px;animation:.5s ease-in forwards lock-shard-in;animation-delay:var(--cue-delay,0s);background:#2a3556;border-radius:1px;margin:-3.5px 0 0 -3.5px;position:absolute;top:0;left:0;box-shadow:0 0 6px #141e3ce6}@keyframes lock-clamp{0%{opacity:0;transform:scale(1.7)rotate(-25deg)}35%{opacity:.95}to{opacity:0;transform:scale(.85)rotate(0)}}@keyframes lock-shard-in{0%{transform:translate(var(--dx,0), var(--dy,0)) scale(1);opacity:0}30%{opacity:1}to{opacity:0;transform:translate(0)scale(.4)}}.quest-complete-burst{pointer-events:none;z-index:92;width:0;height:0;position:absolute}.quest-complete-ring{opacity:0;width:76px;height:76px;animation:.65s ease-out forwards quest-ring;animation-delay:var(--cue-delay,0s);border:3px solid #ffd700f2;border-radius:50%;margin:-38px 0 0 -38px;position:absolute;top:0;left:0;box-shadow:0 0 22px #ffb900d9,inset 0 0 12px #ffffb466}.quest-complete-burst>span{opacity:0;width:9px;height:9px;animation:.65s ease-out forwards quest-sparkle;animation-delay:var(--cue-delay,0s);background:radial-gradient(circle,#fff8b0 0%,#fc0 55%,#ffbe0000 100%);border-radius:50%;margin:-4.5px 0 0 -4.5px;position:absolute;top:0;left:0;box-shadow:0 0 8px #ffdc50e6}@keyframes quest-ring{0%{opacity:0;transform:scale(.3)}20%{opacity:1}to{opacity:0;transform:scale(2)}}@keyframes quest-sparkle{0%{opacity:0;transform:translate(0)scale(.5)}25%{opacity:1}to{transform:translate(var(--dx,0), var(--dy,0)) scale(.2);opacity:0}}.aoe-sweep{pointer-events:none;z-index:70;border-radius:14px;position:absolute;overflow:hidden}.aoe-sweep-wave{opacity:0;width:38%;height:100%;animation:.85s cubic-bezier(.3,.1,.2,1) forwards aoe-shock-sweep;animation-delay:var(--cue-delay,0s);position:absolute;top:0;left:0}.aoe-sweep-glow{opacity:0;animation:.85s ease-out forwards aoe-sweep-flash;animation-delay:var(--cue-delay,0s);border-radius:14px;position:absolute;inset:0}.aoe-heal-plus-layer{pointer-events:none;position:absolute;inset:0;overflow:visible}.aoe-heal-plus{left:var(--x,50%);top:var(--y,50%);font-family:Segoe UI,system-ui,sans-serif;font-size:var(--size,24px);color:#53ff8d;text-shadow:0 0 8px #50ff96,0 0 18px #32e678f2,0 0 30px #28d26499,0 2px 3px #000000bf;-webkit-text-stroke:1px #00501c59;opacity:0;z-index:2;will-change:transform, opacity;animation:1s ease-out forwards aoe-heal-plus-rise;animation-delay:var(--particle-delay,0s);font-weight:600;line-height:1;position:absolute}@keyframes aoe-shock-sweep{0%{opacity:0;transform:translate(-110%)}20%{opacity:1}to{opacity:0;transform:translate(330%)}}@keyframes aoe-sweep-flash{0%{opacity:0}30%{opacity:.9}to{opacity:0}}@keyframes aoe-heal-plus-rise{0%{opacity:0;transform:translate(-50%,-50%)translateY(18px)scale(.45)}24%{opacity:1;transform:translate(-50%,-50%)translateY(0)scale(1)}62%{opacity:.92;transform:translate(-50%,-50%)translateY(-14px)scale(.96)}to{opacity:0;transform:translate(-50%,-50%)translateY(-36px)scale(.88)}}.aoe-sweep-damage .aoe-sweep-wave{background:linear-gradient(90deg,#0000,#ff46d2d9,#0000);box-shadow:0 0 40px #ff5adcb3}.aoe-sweep-damage .aoe-sweep-glow{background:radial-gradient(#ff46d247,#0000 70%);border:2px solid #ff5adc80}.aoe-sweep-heal .aoe-sweep-wave{background:linear-gradient(90deg,#0000,#50ff8cd9,#0000);box-shadow:0 0 40px #3ce67899}.aoe-sweep-heal .aoe-sweep-glow{background:radial-gradient(#3ce67847,#0000 70%);border:2px solid #50ff8c80}.aoe-sweep-buff .aoe-sweep-wave{background:linear-gradient(90deg,#0000,#ffcd46d9,#0000);box-shadow:0 0 40px #ffcd468c}.aoe-sweep-buff .aoe-sweep-glow{background:radial-gradient(#ffcd4642,#0000 70%);border:2px solid #ffcd4680}.aoe-sweep-destroy .aoe-sweep-wave{background:linear-gradient(90deg,#0000,#282832eb,#0000);box-shadow:0 0 40px #0009}.aoe-sweep-destroy .aoe-sweep-glow{background:radial-gradient(#14141e73,#0000 70%);border:2px solid #50505a80}.aoe-sweep-lock .aoe-sweep-wave{background:linear-gradient(90deg,#0000,#465aa0e6,#0000);box-shadow:0 0 40px #283c7899}.aoe-sweep-lock .aoe-sweep-glow{background:radial-gradient(#283c7852,#0000 70%);border:2px solid #465aa080}.aoe-sweep-bounce .aoe-sweep-wave{background:linear-gradient(90deg,#0000,#b45affd9,#0000);box-shadow:0 0 40px #a335ee99}.aoe-sweep-bounce .aoe-sweep-glow{background:radial-gradient(#a335ee47,#0000 70%);border:2px solid #b45aff80}@media (prefers-reduced-motion:reduce){.minion.lunging,.minion.receiving-bounce,.hero.lunging,.float-number,.bounce-burst>span,.death-burst>span,.disintegrate-particle,.shatter-fragment,.death-burst>.death-burst-ring,.effect-strike-core,.effect-strike>span,.attack-sprite,.deathrattle-wisp,.buff-burst>span,.shield-shatter-ring,.shield-shatter>span,.lock-clamp-ring,.lock-clamp>span,.quest-complete-ring,.quest-complete-burst>span,.aoe-heal-plus,.aoe-sweep-wave{animation:none}.aoe-sweep-glow{opacity:.55;animation:none}.effect-strike-core,.shield-shatter-ring,.lock-clamp-ring{opacity:.8}.attack-sprite{opacity:.9;transform:scale(1)}.float-number{opacity:1;transform:translate(-50%,-22px)scale(1)}.death-burst>span{opacity:.9}.aoe-heal-plus{opacity:.9;transform:translate(-50%,-50%)}.bounce-burst>span{opacity:.9;transform:translate(-50%,-50%)scale(1)}}.click-dust-particle{pointer-events:none;z-index:100000;opacity:0;background:#e6dac3;border-radius:50%;animation:.6s ease-out forwards click-dust-anim;position:absolute;box-shadow:0 0 2px #0000001a}@keyframes click-dust-anim{0%{opacity:.8;transform:translate(-50%,-50%)scale(.5)}50%{opacity:.6;transform:translate(calc(-50% + var(--tx) * .5), calc(-50% + var(--ty) * .5)) scale(1.2)}to{opacity:0;transform:translate(calc(-50% + var(--tx)), calc(-50% + var(--ty) + 10px)) scale(.8)}}.app-shell:not(.in-match){background:radial-gradient(circle at 50% 18%,#ffecaa2e,#0000 38%),url(/images/backgrounds/main_menu_bg.jpg) 50%/cover no-repeat,#050403;grid-template-rows:1fr}.topbar.topbar-minimal{background:linear-gradient(#0e0906d9,#0e090680);padding-block:10px}.topbar.topbar-minimal .brand-lockup h1{font-size:20px}.screen{height:100%;min-height:100%;padding:24px 56px;animation:.28s cubic-bezier(.2,.7,.2,1) both screen-enter;position:relative;overflow:hidden}@keyframes screen-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.screen-header{z-index:3;align-items:center;gap:16px;margin-bottom:22px;display:flex;position:relative}.screen-header h2{color:var(--ink);text-shadow:0 2px 6px #0000008c;font-size:32px}.screen-header .collection-summary{color:var(--parchment-light);font-family:var(--font-display);letter-spacing:.05em;text-shadow:0 1px 4px #0009;margin-left:auto}.back-button{border:2px solid var(--wood-dark);color:var(--wood-dark);font-family:var(--font-display);cursor:pointer;background:linear-gradient(#f1dc9b 0%,#d4af37 55%,#a7652f 100%);border-radius:6px;padding:6px 14px;font-size:14px;font-weight:700}.cloud-layer{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.cloud{opacity:.85;will-change:transform;background-repeat:no-repeat;background-size:contain;width:320px;height:180px;animation:60s linear infinite cloud-drift;position:absolute;top:8%}.cloud-1{background-image:url(/images/backgrounds/Cloud%20\(1\).webp);animation-duration:75s;top:6%}.cloud-2{background-image:url(/images/backgrounds/Cloud%20\(2\).webp);width:280px;height:140px;animation-duration:58s;animation-delay:-25s;top:18%}.cloud-3{opacity:.7;background-image:url(/images/backgrounds/Cloud%20\(3\).webp);width:360px;height:200px;animation-duration:90s;animation-delay:-50s;top:32%}.cloud-4{opacity:.6;background-image:url(/images/backgrounds/Cloud%20\(4\).webp);width:240px;height:130px;animation-duration:100s;animation-delay:-10s;top:48%}@keyframes cloud-drift{0%{transform:translate(-360px)}to{transform:translateX(calc(var(--game-width) + 360px))}}.parchment-card{border:3px solid var(--wood-dark);color:var(--ink-dark,#3d1e0f);z-index:2;background:linear-gradient(#fff0c8 0%,#f4e4bc 80%,#e6ccb2 100%);border-radius:14px;padding:24px 26px;position:relative;box-shadow:inset 0 0 0 1px #fff4c8b3,0 12px 28px #0000008c}.parchment-card h2,.parchment-card h3,.parchment-card label,.parchment-card p,.parchment-card strong{color:#3d1e0f;font-family:var(--font-display)}.parchment-card p,.parchment-card label{font-family:Noto Sans TC,Inter,sans-serif}.center-card{text-align:center;max-width:520px;margin:32px auto}.game-title-block{text-align:center;z-index:3;margin-bottom:18px;position:relative}.game-title{color:#f1e4d1;font-size:88px;font-family:var(--font-display);letter-spacing:.06em;text-shadow:0 0 12px #ffdc8c66,0 4px #5d2e17,0 8px 22px #000000d9;margin:0}.game-subtitle{color:var(--parchment-light);letter-spacing:.2em;text-shadow:0 2px 6px #0009;margin-top:6px;font-size:14px}.version-pill{border:2px solid var(--gold);color:var(--gold);font-family:var(--font-display);letter-spacing:.08em;background:#140c06b3;border-radius:20px;margin-top:10px;padding:4px 14px;font-size:13px;display:inline-block}.auth-screen{background:url(/images/backgrounds/main_menu_bg.jpg) 50%/cover no-repeat;justify-content:center;align-items:center;height:100%;min-height:100%;display:flex}.auth-container-v2{z-index:2;flex-direction:column;align-items:center;width:420px;margin-top:0;display:flex;position:relative}.auth-page-title{color:var(--parchment-light);font-family:"Noto Serif TC", var(--font-display);letter-spacing:8px;text-align:center;text-shadow:0 0 15px #d4af3773, 4px 4px 0 var(--wood-dark), 6px 6px 20px #000000e6;margin:0 0 42px;font-size:64px;font-weight:900;line-height:1}.auth-card{border:5px solid var(--wood-dark);text-align:center;background:radial-gradient(circle,#fff3 0%,#0000 100%),linear-gradient(#fff0c8 0%,#f4e4bc 80%,#e6ccb2 100%);border-radius:4px;width:min(330px,100%);padding:28px 28px 26px;box-shadow:inset 0 2px 4px #0000001a,0 15px 30px #000000b3}.auth-card:before,.auth-card:after{content:"";border:4px solid var(--gold);pointer-events:none;width:34px;height:34px;position:absolute}.auth-card:before{border-bottom:0;border-right:0;top:-4px;left:-4px}.auth-card:after{border-top:0;border-left:0;bottom:-4px;right:-4px}.auth-tabs{justify-content:center;gap:14px;margin-bottom:22px;display:flex}.auth-tab{border:4px solid var(--wood-medium);background:var(--parchment-dark);min-height:50px;color:var(--wood-dark);font-family:"Noto Serif TC", var(--font-display);letter-spacing:2px;text-shadow:0 1px #fff4c859;border-radius:4px 4px 0 0;flex:1;padding:10px 20px;font-size:18px;font-weight:700;position:relative;box-shadow:inset 0 -3px #0003,0 4px 6px #0000004d}.auth-tab.active{border-color:var(--wood-dark);background:linear-gradient(to bottom, var(--gold), #b8860b);border-bottom:0;transform:translateY(-4px);box-shadow:inset 0 2px 4px #ffffff4d,0 8px 15px #00000080}.auth-tab.active:after{content:"";background:var(--parchment-light);height:4px;position:absolute;bottom:-4px;left:0;right:0}.auth-form{flex-direction:column;gap:14px;margin-top:0;display:flex}.auth-label{color:var(--wood-dark);font-family:"Noto Serif TC", var(--font-display);letter-spacing:1px;text-transform:none;text-shadow:0 1px #ffffff80;flex-direction:column;align-items:flex-start;gap:8px;font-size:16px;font-weight:700;display:flex}.auth-label input{border:3px solid var(--wood-medium);color:#3d1e0f;background:#ffffffeb;border-radius:4px;width:100%;height:47px;padding:12px 16px;font-family:Noto Sans TC,Inter,sans-serif;font-size:13px;box-shadow:inset 0 2px 4px #0000001a,0 2px 4px #0003}.auth-label input:focus{border-color:var(--wood-dark);background:#fff;outline:none;box-shadow:inset 0 2px 4px #0000001a,0 0 15px #8b451361,0 4px 8px #0000004d}.auth-label input::placeholder{color:#3d1e0f61;font-style:italic}.google-logo-button{color:#3c4043;letter-spacing:0;width:46px;height:46px;min-height:46px;text-shadow:none;background:#ffffffeb;border:3px solid #8b4513b8;border-radius:50%;justify-content:center;align-self:center;align-items:center;padding:0;font-family:Arial,Noto Sans TC,sans-serif;font-size:24px;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffffe6,0 2px #45220f73,0 4px 9px #00000038}.google-logo-button:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #45220fa6,0 4px 8px #00000040}.google-g{color:#4285f4;border-radius:50%;place-items:center;width:32px;height:32px;font-family:Arial,sans-serif;font-size:28px;font-weight:800;line-height:1;display:grid}.auth-submit{border:4px solid var(--wood-dark);background:repeating-linear-gradient(90deg, transparent, transparent 2px, #00000014 2px, #00000014 4px), linear-gradient(to bottom, var(--wood-medium), var(--wood-dark));min-height:62px;color:var(--parchment-light);font-family:"Noto Serif TC", var(--font-display);letter-spacing:3px;text-shadow:2px 2px 4px #000000d1;border-radius:6px;margin-top:8px;padding:14px 34px;font-size:21px;font-weight:900;box-shadow:inset 0 2px #fff3,0 6px #2b160c,0 8px 15px #0009}.error-text{color:#a3333d;font-weight:700}.success-text{color:#2c7a3f;font-weight:700}.menu-status{text-align:center;z-index:3;position:relative}.transition-video-overlay{z-index:9999;opacity:1;visibility:visible;background-color:#000;justify-content:center;align-items:center;transition:opacity 1.2s ease-out,visibility 1.2s;display:flex;position:fixed;inset:0}.transition-video-overlay>video{object-fit:cover;width:100%;height:100%}.transition-video-overlay.video-fade-out{opacity:0;visibility:hidden;pointer-events:none}.main-menu{flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:100%;padding:0;display:flex;position:relative}.main-menu-center{z-index:10;flex-direction:column;align-items:center;gap:0;width:100%;max-width:1200px;margin-top:0;display:flex;position:relative}.main-menu-center .game-title{color:#f1e4d1;text-shadow:0 0 10px #f1e4d14d,4px 4px #4a3728,6px 6px 15px #000c;letter-spacing:12px;font-size:85px;font-family:var(--font-display);margin-bottom:50px}.version-corner{z-index:100;flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:absolute;top:20px;left:60px}.version-corner .version-changelog-btn{appearance:none;cursor:pointer;font-family:var(--font-display);letter-spacing:.06em;color:#f6ecd8;text-shadow:0 1px 2px #000000b3;background:linear-gradient(#5d2e17d9,#2d1a0ed9);border:2px solid #8b4513;border-radius:8px;padding:6px 16px;font-size:15px;font-weight:700;transition:transform .16s,background .16s,border-color .16s;box-shadow:0 3px 8px #00000073}.version-corner .version-changelog-btn:hover{background:linear-gradient(#8b4513f2,#5d2e17f2);border-color:#d2691e;transform:translateY(-2px)}.version-corner .version-changelog-btn:active{transform:translateY(1px)}.version-corner .version-pill{color:#f1e4d1b3;letter-spacing:1px;text-shadow:0 1px 6px #000000b3;background:0 0;border:none;border-radius:0;margin:0;padding:0;font-size:14px;font-weight:700;display:block}.menu-buttons{flex-direction:column;align-items:center;gap:30px;width:100%;margin-top:0;display:flex}.menu-button{width:100%;max-width:500px;min-height:72px;font-size:24px;font-family:var(--font-display);letter-spacing:.08em;color:#3d1e0f;text-shadow:0 1px #fff6;cursor:pointer;background:linear-gradient(#f4e4bc,#e6ccb2);border:3px solid #8b4513;border-radius:8px;justify-content:center;align-items:center;padding:18px 40px;transition:all .2s;display:flex;position:relative;box-shadow:inset 0 2px 4px #ffffff59,0 4px #5d2e17,0 8px 16px #0000008c}.menu-button:after{content:"";pointer-events:none;background:linear-gradient(#ffffff2e,#0000);border-radius:6px;position:absolute;inset:0}.menu-button:hover:not(:disabled){color:#3e2723;background:linear-gradient(#fff0c8,#f4e4bc);border-color:#d2691e;transform:translateY(-2px);box-shadow:inset 0 2px 4px #fff6,0 6px #5d2e17,0 12px 24px #d4af374d}.menu-button:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 2px 5px #0003,0 2px #5d3a24,0 3px 6px #0006}.menu-button:disabled{color:#5a4030;opacity:.65;cursor:not-allowed;background:linear-gradient(tan,#c19a6b);border-color:#8b7355;transform:none;box-shadow:inset 0 2px 4px #fff3,0 4px #4a3728,0 6px 12px #0009}.menu-button.menu-primary{background:linear-gradient(#f4e4bc,#e6ccb2)}.menu-button.menu-patch{opacity:.85;min-height:50px;padding:10px 25px;font-size:18px}.menu-tile-grid{grid-template-columns:repeat(2,auto);justify-content:center;align-items:start;gap:0;width:100%;display:grid}.menu-tile{appearance:none;box-shadow:none;color:inherit;text-shadow:none;cursor:pointer;background:0 0;border:none;border-radius:0;padding:0;line-height:0;transition:transform .18s;display:block;position:relative}.menu-tile-battle{grid-column:1/-1;justify-self:center}.menu-tile-icon{object-fit:contain;pointer-events:none;width:188px;height:188px;display:block}.menu-tile-label{text-align:center;line-height:1;font-family:"Noto Serif TC", var(--font-display);letter-spacing:.06em;color:#f6ecd8;text-shadow:-1px -1px #2a1a0e,1px -1px #2a1a0e,-1px 1px #2a1a0e,1px 1px #2a1a0e,0 2px 4px #000c;pointer-events:none;font-size:23px;font-weight:700;position:absolute;bottom:22px;left:0;right:0}.menu-tile:hover:not(:disabled){filter:none;box-shadow:none;transform:scale(1.06)}.menu-tile:active:not(:disabled){box-shadow:none;transform:scale(.97)}.menu-tile:disabled{opacity:1;cursor:not-allowed;filter:grayscale(.8)brightness(.72);box-shadow:none}.menu-icon-rail{z-index:100;flex-direction:column;gap:0;display:flex;position:absolute;top:12px;right:42px}.menu-icon-btn{appearance:none;width:124px;height:124px;box-shadow:none;color:#0000;cursor:pointer;filter:none;text-shadow:none;background:0 0;border:0;border-radius:50%;outline:none;justify-content:center;align-items:center;padding:0;font-size:0;transition:transform .18s,opacity .18s;display:flex;position:relative}.menu-image-btn{overflow:visible}.menu-icon-btn[data-tooltip]:after{content:attr(data-tooltip);white-space:nowrap;font-family:var(--font-display);letter-spacing:.04em;color:#f6ecd8;opacity:0;pointer-events:none;z-index:200;background:#2d1a0eeb;border:2px solid #8b4513;border-radius:8px;padding:4px 12px;font-size:16px;font-weight:700;transition:opacity .16s,transform .16s;position:absolute;top:100%;left:50%;transform:translate(-50%,-24px);box-shadow:0 4px 12px #0000008c}.menu-icon-btn[data-tooltip]:hover:after{opacity:1;transform:translate(-50%,-36px)}.menu-icon-btn+.menu-icon-btn{margin-top:-8px}.rail-icon-image{object-fit:contain;pointer-events:none;width:100%;height:100%;transition:transform .18s;display:block}.audio-toggle.audio-off{opacity:.68;filter:grayscale(.6)drop-shadow(4px 5px #3d1e0f)}.menu-icon-btn:hover:not(:disabled){transform:scale(1.05)}.menu-icon-btn:active:not(:disabled){box-shadow:none;transform:scale(.96)}.menu-icon-btn:disabled{opacity:1;cursor:not-allowed;filter:none;box-shadow:none}.main-menu-bottom{z-index:100;pointer-events:none;justify-content:space-between;align-items:flex-end;padding:0 30px 20px;display:flex;position:absolute;bottom:0;left:0;right:0}.main-menu-bottom>*{pointer-events:all}.menu-corner-rail{flex-direction:row;gap:20px;display:flex}.menu-corner-btn{cursor:pointer;background:linear-gradient(#f4e4bc,#e6ccb2);border:4px solid #8b4513;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:150px;height:150px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 20px #0009,inset 0 2px 4px #fff6}.menu-corner-btn:after{content:"";pointer-events:none;border-radius:50%;position:absolute;inset:0}.menu-corner-btn:hover:not(:disabled){background:linear-gradient(#fff0c8,#f4e4bc);border-color:#d2691e;transform:scale(1.1);box-shadow:0 12px 30px #d4af3799,inset 0 2px 4px #fff9}.menu-corner-btn:first-child:hover:not(:disabled){transform:scale(1.1)}.menu-corner-btn:active:not(:disabled){transform:scale(.97)}.menu-corner-btn:disabled{opacity:.4;cursor:not-allowed}.corner-icon{object-fit:contain;filter:drop-shadow(2px 2px 3px #0009);width:104px;height:104px;display:block}.corner-icon-emoji{font-size:54px;line-height:1}.corner-label{font-size:22px;font-family:var(--font-display);color:#3d1e0f;text-shadow:0 1px #fff6;letter-spacing:.02em;font-weight:900}.player-info-card{appearance:none;color:inherit;font:inherit;text-align:left;z-index:50;background:#f4e4bc radial-gradient(circle,#fff3 0%,#0000 100%);border:6px solid #5d2e17;border-radius:12px;align-items:center;gap:20px;max-width:340px;padding:20px 25px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:inset 0 2px 4px #0000001a,0 8px 20px #0009}.player-info-card[data-menu-screen]{cursor:pointer}.player-info-card:hover{transform:translateY(-5px);box-shadow:inset 0 2px 4px #0000001a,0 12px 25px #000000b3}.player-info-card:focus-visible{outline-offset:4px;outline:3px solid #f6ecd8;box-shadow:inset 0 2px 4px #0000001a,0 0 0 3px #5d2e17b3,0 12px 25px #000000b3}.player-avatar{object-fit:cover;background:linear-gradient(135deg,#e6ccb2,#c19a6b);border:5px solid #8b4513;border-radius:50%;flex-shrink:0;width:80px;height:80px;box-shadow:inset 0 2px 4px #0003,0 0 0 2px #5d2e17,0 4px 8px #0000004d}.player-info-text{flex-direction:column;gap:4px;min-width:140px;display:flex}.player-info-text strong{font-size:22px;font-family:var(--font-display);letter-spacing:.04em;color:#3d1e0f;text-shadow:0 1px #fff6;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.player-title-text{color:#8b4513;margin-bottom:2px;font-size:14px;font-weight:600}.player-level-row{color:#3d1e0f;align-items:center;gap:6px;font-size:16px;font-weight:700;display:flex}.player-card-count{color:#8b4513;font-size:14px}.xp-bar-track{background:#3d1e0f33;border:1px solid #8b4513;border-radius:5px;width:140px;height:10px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #0003}.xp-bar-fill{background:linear-gradient(90deg,#4ade80,#22c55e);border-radius:5px;height:100%;transition:width .5s;box-shadow:0 0 5px #4ade804d}.player-xp-readout{color:#5d2e17;font-size:12px}.player-stats{color:#5d2e17;font-size:14px;font-weight:600}.player-chip-action{color:#5d2e17;box-shadow:none;text-shadow:none;cursor:pointer;background:0 0;border:2px solid #8b4513;border-radius:6px;flex-shrink:0;margin-left:auto;padding:4px 8px;font-size:14px;transition:all .2s}.player-chip-action:hover{background:#8b451326;border-color:#d2691e}.battle-pick{flex-direction:column;gap:18px;display:flex}.battle-pick-grid{z-index:2;flex:1;grid-template-columns:1.2fr 1fr;align-items:stretch;gap:22px;min-height:0;display:grid;position:relative}.battle-mode-panels{grid-template-columns:1fr 1fr;align-items:stretch;gap:16px;height:100%;min-height:0;display:grid}@media (width<=0){.battle-mode-panels{grid-template-columns:1fr}}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.deck-pick{flex-direction:column;min-height:0;display:flex;overflow:hidden}.deck-pick .deck-list{flex-direction:column;flex:1;gap:8px;min-height:0;max-height:none;display:flex;overflow-y:auto}.match-panel{text-align:center;flex-direction:column;justify-content:flex-start;gap:14px;min-height:0;display:flex;overflow:hidden}.match-panel>h3,.match-panel .ai-section-label,.match-panel .ai-difficulty-options,.match-panel .primary-action{flex-shrink:0}.primary-action{background:#d4af37;flex-shrink:0;padding:14px 22px;font-size:20px}.ghost-button{border:2px solid var(--wood-dark);color:var(--wood-dark);box-shadow:none;text-shadow:none;background:0 0;padding:6px 12px;font-size:13px}.advanced-disclosure summary{cursor:pointer;color:#5d2e17;letter-spacing:.15em;text-transform:uppercase;font-size:12px}.advanced-form{text-align:left;flex-direction:column;gap:8px;margin-top:10px;font-size:13px;display:flex}.advanced-form input{color:#3d1e0f;background:#fff8e0;border:2px solid #8b4513;border-radius:4px;width:100%;padding:6px 8px}.matchmaking-overlay{z-index:50;background:#080503b8;justify-content:center;align-items:center;animation:.2s ease-out both confirm-fade-in;display:flex;position:fixed;inset:0}.matchmaking-card{text-align:center;width:calc(100% - 32px);max-width:420px}.searching-dots{gap:8px;margin-bottom:8px;display:inline-flex}.searching-dots span{background:var(--gold);border-radius:50%;width:14px;height:14px;animation:1.2s ease-in-out infinite searching-bounce}.searching-dots span:nth-child(2){animation-delay:.18s}.searching-dots span:nth-child(3){animation-delay:.36s}@keyframes searching-bounce{0%,80%,to{opacity:.5;transform:translateY(0)}40%{opacity:1;transform:translateY(-10px)}}.matchmaking-subtitle{opacity:.8;margin:4px 0 0;font-size:14px}.matchmaking-timer{font-family:var(--font-display);letter-spacing:.16em;margin:4px 0 16px;font-size:28px}.profile-screen{flex-direction:column;display:flex;overflow:hidden!important}.profile-screen .screen-header{flex-shrink:0;margin-bottom:12px}.profile-panel{z-index:2;flex:1 1 0;grid-template:"header header""stats stats""history history"1fr/minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:10px 20px;min-height:0;margin:0 18px 16px;padding:16px 20px;display:grid;position:relative}.profile-section{border-top:1px solid #5d2e172e;flex-direction:column;gap:8px;padding-top:10px;display:flex}.profile-section--stats{grid-area:stats}.profile-section--history{border-top:1px solid #5d2e172e;flex-direction:column;grid-area:history;align-self:stretch;gap:8px;min-height:0;padding-top:10px;display:flex}.profile-section>h3{margin:0}.profile-section--stats .stats-header{align-items:center;min-height:32px;margin-bottom:10px;display:flex}.profile-header{grid-area:header;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;display:grid;position:relative}.profile-avatar-block{z-index:1;flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.profile-level-badge{color:#fff8e0;font-family:var(--font-display);text-shadow:0 1px 2px #0006;letter-spacing:.04em;white-space:nowrap;background:linear-gradient(#c47a1a,#8b4513);border:1px solid #3d1e0f80;border-radius:999px;padding:3px 14px;font-size:13px;font-weight:700;box-shadow:0 2px 4px #00000040,inset 0 1px #ffd2644d}.profile-avatar-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:0;line-height:0;display:block;position:relative}.profile-avatar-edit-overlay{opacity:0;pointer-events:none;background:#00000073;border-radius:50%;justify-content:center;align-items:center;font-size:30px;transition:opacity .18s;display:flex;position:absolute;inset:0}.profile-avatar-btn:hover .profile-avatar-edit-overlay,.profile-avatar-btn:focus-visible .profile-avatar-edit-overlay{opacity:1}.profile-avatar{border:3px solid var(--gold);object-fit:cover;border-radius:50%;width:96px;height:96px;box-shadow:0 10px 18px #3d1e0f52}.profile-identity{z-index:1;flex-direction:column;gap:10px;min-width:0;display:flex;position:relative}.profile-form{flex-direction:column;gap:10px;max-width:520px;display:flex}.profile-name-row{align-items:center;gap:8px;display:flex}.profile-name-display{color:#3d1e0f;word-break:break-word;font-size:34px;font-weight:700;font-family:var(--font-display);flex:1;line-height:1.05}.profile-name-input{color:#3d1e0f;background:#fff8e0;border:2px solid #8b4513;border-radius:6px;flex:1;padding:6px 10px;font-size:16px}.profile-pencil-btn{cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:4px 6px;font-size:16px;line-height:1;transition:opacity .15s}.profile-pencil-btn:hover{opacity:1}.profile-name-confirm-btn,.profile-name-cancel-btn{cursor:pointer;background:0 0;border:1.5px solid;border-radius:4px;flex-shrink:0;padding:4px 8px;font-size:14px;font-weight:700;line-height:1}.profile-name-confirm-btn{color:#2d7a2d}.profile-name-confirm-btn:hover{background:#e8f5e9}.profile-name-cancel-btn{color:#8b4513}.profile-name-cancel-btn:hover{background:#fdecea}.profile-meta{color:#5d2e17;font-size:13px}.profile-title-badge{color:#5d2e17;background:#fff8e094;border:2px solid #5d2e1747;border-radius:999px;width:fit-content;max-width:100%;padding:6px 12px;font-weight:700}.profile-title-btn{cursor:pointer;position:relative}.profile-title-edit-overlay{opacity:0;pointer-events:none;background:#00000073;border-radius:999px;justify-content:center;align-items:center;font-size:15px;transition:opacity .18s;display:flex;position:absolute;inset:0}.profile-title-btn:hover .profile-title-edit-overlay,.profile-title-btn:focus-visible .profile-title-edit-overlay{opacity:1}.profile-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.profile-ribbon{flex-wrap:wrap;gap:8px;display:flex}.profile-ribbon span{color:#3d1e0f;min-width:86px;font-family:var(--font-display);text-align:center;background:#5d2e171a;border-radius:6px;padding:7px 10px}.profile-xp{flex-direction:column;gap:6px;width:min(100%,520px);display:flex}.profile-xp-top{color:#5d2e17;justify-content:space-between;gap:12px;font-size:13px;font-weight:700;display:flex}.profile-xp-top strong{color:#3d1e0f;font-family:var(--font-display);font-size:15px}.profile-xp-track{background:#3d1e0f29;border:1px solid #5d2e175c;border-radius:999px;width:100%;height:16px;padding:2px;overflow:hidden;box-shadow:inset 0 1px 4px #3d1e0f47}.profile-xp-fill{border-radius:inherit;background:linear-gradient(90deg,#2f8f68 0%,#55b577 52%,#d9b64c 100%);width:0;height:100%;transition:width .28s;box-shadow:0 0 10px #d9b64c73}.profile-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.profile-resource{background:#5d2e1714;border:1px solid #5d2e171a;border-radius:8px;flex-direction:column;justify-content:center;gap:2px;min-height:0;padding:8px 12px;display:flex}.profile-resource span{color:#5d2e17;font-size:13px}.profile-resource strong{color:#3d1e0f;font-family:var(--font-display);font-size:22px}.stats-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.stats-mode-switch{background:#5d2e171f;border:1px solid #5d2e1740;border-radius:999px;gap:2px;padding:2px;display:inline-flex}.stats-mode-tab{color:#5d2e17;cursor:pointer;box-shadow:none;text-shadow:none;background:0 0;border:none;border-radius:999px;padding:4px 14px;font-size:13px;font-weight:700;transition:background .15s,color .15s}.stats-mode-tab.active{color:#fff8e0;background:linear-gradient(#c47a1a,#8b4513);box-shadow:0 1px 3px #00000040,inset 0 1px #ffd2644d}.stat-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.stat-list li{background:#5d2e1714;border-radius:6px;justify-content:space-between;padding:8px 10px;display:flex}.stat-list strong{font-family:var(--font-display);font-size:18px}.picker-backdrop{z-index:200;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.picker-modal{flex-direction:column;gap:16px;width:min(480px,90vw);max-height:80vh;padding:20px;display:flex;position:relative;overflow-y:auto}.avatar-picker{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.title-picker{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.avatar-option{cursor:pointer;aspect-ratio:1;box-shadow:none;text-shadow:none;background:0 0;border:2px solid #8b4513;border-radius:50%;padding:4px}.avatar-option img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.avatar-option.selected{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold) inset}.title-option{color:#3d1e0f;cursor:pointer;background:#fff8e0b8;border:2px solid #8b4513;border-radius:8px;min-height:42px;padding:8px 10px;font-weight:700}.title-option.selected{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold) inset}.history-list{scrollbar-width:thin;scrollbar-color:#8b4513 #5d2e1726;flex-direction:column;flex:1 1 0;gap:4px;min-height:120px;display:flex;overflow-y:auto}.history-list::-webkit-scrollbar{width:8px}.history-list::-webkit-scrollbar-track{background:#5d2e171a;border:1px solid #5d2e1726;border-radius:999px}.history-list::-webkit-scrollbar-thumb{background:linear-gradient(#c47a1a,#8b4513);border:1px solid #3d1e0f66;border-radius:999px;box-shadow:inset 0 1px #ffc8644d}.history-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(#d9890f,#a0510f)}.history-row{background:#5d2e170f;border-left:5px solid #8b6240;border-radius:4px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:6px 10px;display:grid}.history-info{flex-direction:column;gap:2px;min-width:0;display:flex}.history-type{color:#3d1e0f;font-size:13px;font-weight:700}.history-vs{color:#4a2c1d;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.history-meta{text-align:right;white-space:nowrap;flex-direction:column;align-items:flex-end;gap:2px;display:flex}.history-duration{color:#4a2c1d;font-size:12px}.history-row.outcome-win{background:#c47a1a1a;border-left-color:#c47a1a}.history-row.outcome-loss{background:#6b202014;border-left-color:#6b2020}.history-row.outcome-draw{background:#7c602014;border-left-color:#7c6020}.history-outcome{font-family:var(--font-display);min-width:50px}.history-row small{color:#5d2e17;font-size:11px}.profile-currency-badges{flex-direction:column;align-self:start;gap:6px;margin-top:4px;display:flex}.profile-currency-badge{background:#5d2e171a;border:1px solid #5d2e1733;border-radius:999px;align-items:center;gap:6px;min-width:72px;padding:5px 10px 5px 6px;display:flex}.profile-currency-icon{object-fit:contain;flex-shrink:0;width:24px;height:24px}.profile-currency-badge span{font-family:var(--font-display);color:#3d1e0f;font-size:16px;font-weight:700;line-height:1}.collection-screen{background:url(/images/backgrounds/profile_bg.jpg) 50%/cover no-repeat;grid-template-columns:minmax(0,1fr) 380px;gap:12px;padding:10px 14px;display:grid}.collection-screen:before{content:"";-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:0;background:#0f080075;position:absolute;inset:0}.collection-left-panel{z-index:1;flex-direction:column;min-height:0;display:flex;position:relative}.collection-container{z-index:1;border:7px solid var(--wood-dark);width:100%;height:100%;color:var(--wood-dark);background:radial-gradient(circle at 50% 40%,#ffffff3d,#0000 70%),linear-gradient(#f4e4bc 0%,#ebd5a8 100%);border-radius:14px;flex-direction:column;padding:34px 28px 28px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0000001f,0 12px 30px #0000009e}.collection-container:before,.collection-container:after{content:"";border:4px solid var(--gold);pointer-events:none;width:56px;height:56px;position:absolute}.collection-container:before{border-bottom:0;border-right:0;top:-4px;left:-4px}.collection-container:after{border-top:0;border-left:0;bottom:-4px;right:-4px}.collection-header{justify-content:center;align-items:center;min-height:56px;margin-bottom:18px;display:flex;position:relative}.collection-header .back-button{background:linear-gradient(to bottom, var(--wood-medium), var(--wood-dark));color:var(--parchment-light);border:3px solid #3e1f10;padding:10px 18px;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:inset 0 1px #ffdca038,0 4px 8px #0006}.collection-header .back-button:active:not(:disabled){transform:translateY(-50%)}.collection-header-voucher{align-items:center;gap:10px;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.collection-header-voucher>span:first-child{border:2px solid var(--gold);min-width:72px;min-height:38px;color:var(--gold);font-family:"Noto Serif TC", var(--font-display);text-shadow:1px 1px #000;background:#000000b8;border-radius:30px;align-items:center;padding:5px 15px;font-size:20px;font-weight:900;display:flex;box-shadow:0 2px 4px #00000052}.bulk-disenchant-btn{font-family:"Noto Serif TC", var(--font-display);color:#2a1a0a;border:2px solid var(--gold);cursor:pointer;white-space:nowrap;background:linear-gradient(#f0c878,#c89a4a);border-radius:20px;padding:7px 14px;font-size:14px;font-weight:700;box-shadow:0 2px 4px #00000052}.bulk-disenchant-btn:hover:not(:disabled){filter:brightness(1.08)}.bulk-disenchant-btn:disabled{opacity:.5;cursor:not-allowed}.collection-title{color:var(--wood-dark);font-family:"Noto Serif TC", var(--font-display);letter-spacing:8px;text-shadow:0 1px #ffffff73;margin:0;font-size:42px;font-weight:900}.collection-controls-bar{background:#00000014;border-top:1px solid #0000001a;border-bottom:1px solid #0000001a;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;padding:10px 12px;display:flex}#collection-progress{color:var(--wood-dark);font-family:"Noto Serif TC", var(--font-display);white-space:nowrap;text-shadow:0 1px #ffffff73;flex-shrink:0;font-size:18px;font-weight:900}.collection-filter-tabs{z-index:5;background:#25140e94;border:1px solid #fff4d647;border-radius:999px;align-items:center;gap:4px;padding:3px;display:flex;position:absolute;top:8px;right:12px;box-shadow:0 4px 12px #0000003d}.collection-filter-tab{color:#fff4d6e6;cursor:pointer;-webkit-user-select:none;user-select:none;text-shadow:0 1px 2px #000000b3;background:0 0;border:0;border-radius:999px;min-width:54px;height:26px;padding:0 9px;font-size:12px;font-weight:700}.collection-filter-tab:hover,.collection-filter-tab.active{color:#3a1c0e;text-shadow:none;background:linear-gradient(#fff4c5,#d7a846)}.collection-filter-tab:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.search-box{flex:0 260px;width:min(260px,100%);position:relative}.search-box input{border:2px solid var(--wood-dark);width:100%;height:34px;color:var(--wood-dark);box-shadow:none;background:#ffffff9e;border-radius:20px;outline:none;padding:7px 34px 7px 14px;font-size:14px}.search-box input:focus{border-color:var(--gold);background:#ffffffe6;box-shadow:0 0 10px #d4af373d}.search-icon{color:#5d2e17b8;pointer-events:none;font-size:16px;font-weight:900;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.collection-stats{border:2px solid var(--gold);min-width:82px;min-height:40px;color:var(--gold);font-family:"Noto Serif TC", var(--font-display);text-shadow:1px 1px #000;background:#000000b8;border-radius:30px;align-items:center;margin-left:auto;padding:5px 15px;font-size:22px;font-weight:900;display:flex;box-shadow:0 2px 4px #00000052}#collection-vouchers{color:#43e97b;align-items:center;gap:8px;display:inline-flex}.voucher-icon{filter:drop-shadow(1px 2px 2px #00000059);background:url(/images/ui/coupon.webp) 50%/contain no-repeat;flex:none;width:24px;height:24px;display:inline-block}.collection-note{z-index:1;margin:-8px 0 12px;position:relative;color:#5d2e17c2!important}.collection-grid{scrollbar-width:thin;scrollbar-color:var(--wood-medium) #00000024;background:#0003;border-radius:9px;flex:auto;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-content:start;gap:60px;min-height:0;padding:42px 40px 82px;display:grid;overflow-y:auto}.collection-grid:after{content:"";grid-column:1/-1;height:24px}.collection-grid::-webkit-scrollbar{width:16px}.collection-grid::-webkit-scrollbar-track{border:1px solid var(--wood-dark);background:#0003;border-radius:10px;margin:18px 8px}.collection-grid::-webkit-scrollbar-thumb{background:linear-gradient(to bottom, var(--gold), #a66a12);border:3px solid var(--wood-dark);border-radius:10px;box-shadow:inset 0 1px 2px #ffffff6b,0 2px 4px #0000009e}.collection-card{aspect-ratio:140/200;width:100%;color:var(--ink);box-shadow:none;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;transition:transform .22s;display:flex;position:relative}.collection-card:hover{z-index:4;filter:none;transform:translateY(-10px)scale(1.04)}.collection-card:active:not(:disabled){box-shadow:none;transform:translateY(-7px)scale(1.02)}.collection-card .card{transform-origin:50%;pointer-events:none;width:128px;height:184px;margin:0;transform:scale(1.1);box-shadow:0 8px 18px #00000075}.collection-card.owned .card{box-shadow:0 0 15px #d4af376b,0 8px 18px #00000075}.collection-card.owned:hover .card{box-shadow:0 0 25px #d4af37c7,0 12px 22px #00000075}.collection-card.unowned .card{filter:grayscale();opacity:.78}.collection-card.unowned:hover .card{filter:grayscale(0%);opacity:1}.collection-card .card-title{align-self:stretch;width:auto;min-height:28px;margin:0 0 4px;padding:0 6px 0 30px}.card-count-badge{z-index:3;border:2px solid var(--gold);width:40px;height:40px;color:var(--gold);font-family:"Noto Serif TC", var(--font-display);text-shadow:1px 1px #000;background:#000;border-radius:50%;place-items:center;font-size:18px;font-weight:900;line-height:1;display:grid;position:absolute;top:4px;right:12px;box-shadow:0 2px 6px #0006}.collection-empty{grid-column:1/-1;place-self:start center;color:#5d2e17c2!important}.pinned-card-overlay{z-index:60;background:#050302c7;justify-content:center;align-items:center;animation:.18s ease-out both confirm-fade-in;display:flex;position:fixed;inset:0}.pinned-card-content{flex-direction:column;align-items:center;gap:14px;display:flex}.pinned-card-content .pinned-card-stage{flex:none;justify-content:center;align-items:center;width:320px;height:460px;display:flex}.pinned-card-content .card{transform-origin:50%;margin:0;transform:scale(2.5)}.card-op-side .keyword-glossary{width:100%}.card-op-side .keyword-glossary-label{font-size:13px}.card-op-side .keyword-glossary-text{font-size:13px;line-height:1.4}.card-op-modal{width:min(640px,92vw);max-height:88vh;padding:16px 20px 20px;overflow:auto}.card-op-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.card-op-header h3{font-family:var(--font-display);margin:0}.card-op-body{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:22px;display:flex}.card-op-side{flex-direction:column;flex:1;gap:14px;min-width:200px;display:flex}.card-op-count{margin:0;font-size:16px}.card-op-unowned{color:var(--muted,#999);font-style:italic}.card-op-actions{flex-direction:column;gap:10px;display:flex}.card-op-btn{font-family:"Noto Serif TC", var(--font-display);border:2px solid var(--gold);cursor:pointer;color:#2a1a0a;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:11px 16px;font-size:16px;font-weight:700;display:flex}.card-op-btn.disenchant{background:linear-gradient(#d8b0e0,#a86fb8)}.card-op-btn.craft{background:linear-gradient(#f0c878,#c89a4a)}.card-op-btn:hover:not(:disabled){filter:brightness(1.08)}.card-op-btn:disabled{opacity:.45;cursor:not-allowed}.card-op-value{align-items:center;gap:4px;display:flex}.card-op-hint{margin:0;font-size:13px}.deck-cover-thumb{border:2px solid var(--gold);cursor:pointer;background:#00000047;border-radius:8px;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;padding:4px;display:flex}.deck-cover-thumb:disabled{opacity:.5;cursor:not-allowed}.deck-cover-thumb-art{background-position:50%;background-size:cover;border-radius:5px;width:48px;height:48px}.deck-cover-thumb-label{color:var(--gold);font-size:11px;font-weight:700}.cover-picker-overlay{z-index:65;background:#050302c7;justify-content:center;align-items:center;animation:.18s ease-out both confirm-fade-in;display:flex;position:fixed;inset:0}.cover-picker-modal{flex-direction:column;width:min(680px,92vw);max-height:84vh;padding:16px 20px 20px;display:flex}.cover-picker-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;padding:4px;display:grid;overflow:auto}.cover-picker-tile{cursor:pointer;background:#0000004d;border:2px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:8px;display:flex}.cover-picker-tile:hover{border-color:var(--gold)}.cover-picker-tile.selected{border-color:var(--gold);box-shadow:0 0 10px #f0c87899}.cover-picker-art{background-position:50%;background-size:cover;border-radius:6px;width:100%;height:84px}.cover-picker-name{color:#f4e4c4;text-align:center;font-size:12px;line-height:1.2}.collection-header-actions{align-items:center;gap:10px;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.collection-header-actions .ghost-button{border-color:var(--wood-dark);min-height:42px;color:var(--wood-dark);text-shadow:none;background:#fff4d5b8;padding:9px 16px}.controls-right{flex-wrap:wrap;justify-content:flex-end;gap:10px}.collection-select{min-width:0;color:var(--wood-dark);white-space:nowrap;align-items:center;gap:7px;font-size:13px;font-weight:900;display:inline-flex}.collection-select select{border:2px solid var(--wood-dark);min-width:118px;max-width:158px;height:34px;color:var(--wood-dark);font:inherit;background:#ffffffb8;border-radius:8px;outline:none;padding:5px 26px 5px 10px}.collection-select select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d4af3733}.collection-card-library{background:#27160d42;border:2px solid #5d2e1761;border-radius:8px;flex:auto;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff4d633}.collection-grid{background:#00000029;border-radius:0;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:32px 24px;height:100%;padding:28px 24px 62px}.collection-card{min-width:0}.collection-card:disabled{cursor:default}.collection-card.can-add:hover{transform:translateY(-8px)scale(1.035)}.collection-card.cannot-add:hover{transform:none}.collection-card.cannot-add.owned .card{opacity:.74}.deck-count-badge{z-index:3;color:#f4fbff;background:#1c6f8d;border:2px solid #17394a;border-radius:999px;place-items:center;min-width:40px;height:24px;padding:0 7px;font-size:13px;font-weight:900;line-height:1;display:grid;position:absolute;top:48px;right:12px;box-shadow:0 2px 6px #00000057}.collection-deck-column{z-index:1;background:#27160d42;border:2px solid #5d2e1761;border-radius:8px;grid-template-rows:330px minmax(0,1fr);gap:10px;padding:10px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff4d633}.deck-shelf,.collection-deck-editor{background:#ffefc5c7;border:2px solid #140a056b;border-radius:8px;flex-direction:column;min-height:0;display:flex}.deck-shelf{padding:10px;overflow:hidden}.deck-shelf-heading,.deck-editor-topline{justify-content:space-between;align-items:center;gap:10px;display:flex}.deck-shelf-heading h3{color:var(--wood-dark);margin:0;font-size:18px}.deck-shelf-heading span{color:#5d2e17b8;font-weight:900}.deck-shelf-new-btn{border:2px solid var(--wood-dark);color:#f0ffe0;cursor:pointer;white-space:nowrap;background:#3d6b2e;border-radius:6px;margin-left:auto;padding:3px 10px;font-size:12px;font-weight:700;transition:background .1s}.deck-shelf-new-btn:hover{background:#4e8a3a}.deck-banner-list{gap:8px;min-height:0;margin-top:10px;padding-right:2px;display:grid;overflow-y:auto}.deck-banner{color:#fff3d0;text-align:left;cursor:default;background:linear-gradient(90deg,#3b2115,#6f3d22);border:2px solid #2f1a10;border-radius:8px;grid-template-columns:74px minmax(0,1fr);align-items:stretch;gap:10px;width:100%;height:58px;padding:0;display:grid;position:relative;overflow:hidden;box-shadow:0 3px 8px #00000047}.deck-banner.selected{border-color:var(--gold);box-shadow:0 0 0 2px #d4af3747,0 3px 8px #00000047}.deck-banner-actions{opacity:0;background:#0a0502b8;justify-content:center;align-items:center;gap:10px;transition:opacity .15s;display:flex;position:absolute;inset:0}.deck-banner:hover .deck-banner-actions{opacity:1}.deck-action-btn{color:#fff3d0;cursor:pointer;background:#ffefc526;border:2px solid #ffefc58c;border-radius:6px;padding:5px 14px;font-size:13px;font-weight:700;transition:background .1s,border-color .1s}.deck-action-btn:hover{background:#ffefc547;border-color:#fff3d0}.deck-action-btn.danger{color:#ffb3a0;background:#8c1e1459;border-color:#b43c28b3}.deck-action-btn.danger:hover{background:#a0281999;border-color:#ff7a60}.deck-banner-art{filter:saturate(1.05);background-position:50%;background-size:cover;min-width:0}.deck-banner-main{align-content:center;gap:3px;min-width:0;padding-right:10px;display:grid}.deck-banner-main strong,.deck-banner-main span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.deck-banner-main strong{font-size:15px}.deck-banner-main span{color:#ffefc5c7;font-size:12px}.collection-deck-editor{padding:10px}.deck-name-field{min-width:0;color:var(--wood-dark);flex:auto;gap:4px;font-size:12px;font-weight:900;display:grid}.deck-name-field input{border:2px solid var(--wood-dark);width:100%;height:36px;color:var(--wood-dark);background:#ffffffc2;border-radius:8px;outline:none;padding:7px 10px;font-weight:900}.deck-name-field input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d4af3733}.deck-count,.deck-complete{color:#d9f2ff;background:#1f2b35;border-radius:8px;flex:none;place-items:center;min-width:64px;height:36px;display:grid}.deck-complete{color:#dcffe9;background:#115c3e}.deck-editor-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:10px 0;display:grid}.deck-editor-actions button{border-radius:8px;min-width:0;min-height:34px;padding:7px 6px;font-size:13px}.deck-current-list{align-content:start;gap:6px;min-height:0;padding-right:2px;display:grid;overflow-y:auto}.deck-current-row{min-height:42px;color:var(--wood-dark);background:#ffffff6b;border:1px solid #5d2e1759;border-radius:7px;grid-template-columns:28px 42px minmax(0,1fr) 38px 30px;align-items:center;gap:7px;padding:5px;display:grid}.deck-row-cost{color:#fff;background:linear-gradient(#44c7f1,#126a91);border:2px solid #0c4058;border-radius:7px;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.deck-row-art{background-position:50%;background-size:cover;border-radius:5px;width:42px;height:32px;box-shadow:inset 0 0 0 1px #00000047}.deck-row-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:900;overflow:hidden}.deck-row-count{text-align:center;font-size:12px;font-weight:900}.deck-current-row button{border-radius:7px;width:30px;min-width:0;height:30px;padding:0}.deck-empty,.deck-sync-note{margin:8px 0;color:#5d2e17bd!important}.deck-editor-placeholder{justify-content:center;align-items:stretch;gap:12px}.deck-editor-placeholder .ghost-button{border-color:var(--wood-dark);width:100%;min-height:42px;color:var(--wood-dark);text-shadow:none;background:#fff4d5c7}.deck-editor-placeholder .deck-empty{text-align:center;line-height:1.5}@media (width<=1100px){.collection-container{padding:24px 18px 18px}.collection-header{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:12px}.collection-header .back-button,.collection-header-actions{position:static;transform:none}.collection-title{font-size:34px}.collection-screen{grid-template-columns:1fr}.collection-controls-bar{flex-wrap:wrap}.collection-card-library{min-height:480px}.collection-deck-column{min-height:520px}}.deck-editor-screen .editor-panel{max-width:1100px;margin:0 auto}@media (width<=0){.battle-pick-grid{grid-template-columns:1fr}.profile-panel{grid-template-columns:1fr;grid-template-areas:"header""wallet""stats""login""history"}.profile-header{text-align:center;grid-template-columns:1fr}.profile-form{margin:0 auto}.stat-list{grid-template-columns:1fr}.menu-button{min-height:56px;font-size:18px}.player-info-card{padding:8px 10px}.player-avatar{width:44px;height:44px}.game-title{font-size:clamp(32px,9vw,56px)}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.menu-icon-rail{gap:10px;right:12px}.version-corner{top:12px;left:12px}.menu-icon-btn{width:50px;height:50px;font-size:22px}.screen{padding:16px 12px}}.friends-grid,.shop-grid,.ai-grid{gap:16px;padding:0 16px 32px;display:grid}.friends-grid{grid-template-columns:92px minmax(0,760px);justify-content:center;align-items:stretch}.friends-tabs{z-index:2;flex-direction:column;gap:10px;display:flex;position:relative}.friends-tab{border:3px solid var(--wood-dark);color:#3d1e0f;width:92px;height:48px;font-family:var(--font-display);text-shadow:none;background:linear-gradient(#fff0c8 0%,#d9b56c 100%);border-radius:8px;padding:0;font-size:18px;box-shadow:0 8px 16px #00000052}.friends-tab.active{color:#2b1308;background:linear-gradient(#ffe680 0%,#d4af37 55%,#8b4513 100%);transform:translate(4px)}.friends-panel{flex-direction:column;gap:14px;height:520px;display:flex;overflow:auto}.friends-panel-head{flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:38px;display:flex}.friends-panel-head h3{margin:0}.friends-count{color:#3d1e0f;min-width:38px;height:30px;font-family:var(--font-display);border:2px solid #3d1e0f59;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.friends-request-groups{flex-direction:column;gap:18px;display:flex}.friends-request-group{min-height:170px}.friends-request-group h4{color:#3d1e0f;font-family:var(--font-display);margin:0 0 10px;font-size:18px}.ai-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}@media (width<=720px){.friends-grid{grid-template-columns:72px minmax(0,1fr);padding-inline:10px}.friends-tabs{gap:8px}.friends-tab{width:72px;height:44px;font-size:16px}.friends-panel{height:500px;padding:18px}.ai-grid{grid-template-columns:1fr}}.friends-add-form,.private-join-form{flex-wrap:wrap;align-items:flex-end;gap:8px;margin-bottom:8px;display:flex}.friends-add-form label{flex-direction:column;flex:auto;gap:4px;display:flex}.friends-add-form input,.private-join-form input{border:1px solid #0003;border-radius:6px;padding:8px 10px;font-size:14px}.friends-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.friend-row{border:1px solid #0000001a;border-radius:8px;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;height:66px;padding:8px;display:grid;overflow:hidden}.friend-avatar{object-fit:cover;border-radius:50%;width:48px;height:48px}.friend-meta{min-width:0}.friend-meta strong,.friend-meta span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.friend-actions{gap:6px;display:flex}.friend-actions button{white-space:nowrap;min-width:54px;height:32px;padding:0 10px}.public-profile-backdrop{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0c07039e;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.public-profile-card{flex-direction:column;gap:18px;width:min(520px,100%);min-height:360px;display:flex}.public-profile-close{color:#3d1e0f;background:#fff0c8;border:2px solid #5d2e17;border-radius:50%;width:34px;height:34px;padding:0;font-size:22px;line-height:1;position:absolute;top:10px;right:12px}.public-profile-hero{grid-template-columns:128px minmax(0,1fr);align-items:center;gap:18px;padding-right:24px;display:grid}.public-profile-avatar{border:4px solid var(--gold);object-fit:cover;border-radius:50%;width:128px;height:128px;box-shadow:0 10px 18px #3d1e0f52}.public-profile-info{min-width:0}.public-profile-source{color:#5d2e17;background:#5d2e171f;border-radius:999px;align-items:center;height:28px;padding:0 10px;font-weight:700;display:inline-flex}.public-profile-info h3{overflow-wrap:anywhere;margin:10px 0 6px;font-size:34px;line-height:1.05}.public-profile-title{color:#5d2e17;font-weight:700}.public-profile-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.public-profile-stats div{background:#5d2e1714;border:1px solid #5d2e171a;border-radius:8px;flex-direction:column;justify-content:center;gap:5px;min-height:84px;padding:10px;display:flex}.public-profile-stats span{color:#5d2e17;font-size:13px}.public-profile-stats strong{color:#3d1e0f;font-family:var(--font-display);font-size:24px}@media (width<=720px){.profile-panel{margin-inline:10px}.profile-header{text-align:center;grid-template-columns:1fr}.profile-form,.profile-title-badge{margin:0 auto}.profile-ribbon{justify-content:center}.stat-list,.profile-resource-grid{grid-template-columns:1fr}.public-profile-hero{text-align:center;grid-template-columns:1fr;justify-items:center;padding-right:0}.public-profile-stats{grid-template-columns:1fr}}.leaderboard-screen{justify-content:center;align-items:center;display:flex}.lb-modal-content{background:linear-gradient(135deg,#f5e6d3 0%,#d4c5a0 100%);border:4px solid #5d2e17;border-radius:12px;flex-direction:column;gap:0;width:90%;max-width:800px;max-height:85vh;padding:30px;display:flex;overflow:hidden;box-shadow:0 8px 32px #00000080}.lb-modal-header{border-bottom:2px solid #5d2e17;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:14px;display:flex}.lb-modal-title{color:#5d2e17;margin:0;font-family:Noto Serif TC,serif;font-size:26px;font-weight:900}.lb-close-btn{color:#f5e6d3;cursor:pointer;background:#5d2e17;border:none;border-radius:6px;padding:8px 16px;font-family:Noto Sans TC,sans-serif;font-size:15px;font-weight:700;transition:background .2s}.lb-close-btn:hover{background:#7d4e27}.lb-tabs{gap:8px;margin-bottom:14px;display:flex}.lb-tab{color:#5d2e17;cursor:pointer;opacity:.6;background:#5d2e1714;border:2px solid #0000;border-radius:6px;padding:8px 22px;font-family:Noto Serif TC,serif;font-size:17px;font-weight:900;transition:opacity .2s,background .2s,border-color .2s}.lb-tab:hover{opacity:.85}.lb-tab.active{opacity:1;background:#5d2e172e;border-color:#5d2e17}.lb-list{background:#ffffff40;border-radius:8px;flex-direction:column;gap:10px;max-height:52vh;padding:6px 4px;display:flex;overflow-y:auto}.lb-list::-webkit-scrollbar{width:8px}.lb-list::-webkit-scrollbar-track{background:#5d2e171a;border-radius:4px}.lb-list::-webkit-scrollbar-thumb{background:#5d2e17;border-radius:4px}.lb-list::-webkit-scrollbar-thumb:hover{background:#8b5a3c}.lb-empty{text-align:center;color:#8b6914;padding:40px;font-family:Noto Sans TC,sans-serif;font-size:16px}.lb-player-card{background:linear-gradient(135deg,#fff 0%,#f0e8d8 100%);border:2px solid #c4b091;border-radius:8px;align-items:center;gap:14px;padding:12px 15px;transition:box-shadow .2s,border-color .2s;display:flex;position:relative}.lb-player-card:hover{border-color:#d4af37;box-shadow:0 4px 12px #5d2e174d}.lb-card-rank-1{background:linear-gradient(135deg,gold 0%,#ffe55c 100%);border-color:#d4af37;box-shadow:0 4px 12px #d4af3766}.lb-card-rank-2{background:linear-gradient(135deg,#e0e0e0 0%,#f0f0f0 100%);border-color:silver}.lb-card-rank-3{background:linear-gradient(135deg,#cd7f32 0%,#e09a5a 100%);border-color:#b8732d}.lb-rank-badge{text-align:center;color:#5d2e17;min-width:48px;font-size:24px;font-weight:900}.lb-avatar{object-fit:cover;border:2px solid #d4af37;border-radius:50%;flex-shrink:0;width:50px;height:50px;box-shadow:0 2px 6px #0000004d}.lb-player-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.lb-player-name{color:#5d2e17;white-space:nowrap;text-overflow:ellipsis;font-family:Noto Serif TC,serif;font-size:18px;font-weight:700;overflow:hidden}.lb-player-title{color:#8b6914;font-family:Noto Sans TC,sans-serif;font-size:13px;font-style:italic}.lb-stat-pill{color:#5d2e17;white-space:nowrap;background:#d4af374d;border:2px solid #d4af37;border-radius:20px;flex-shrink:0;padding:5px 15px;font-family:Noto Serif TC,serif;font-size:19px;font-weight:900}.lb-action-btn{color:#f5e6d3;cursor:pointer;background:#5d2e17;border:none;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;min-width:54px;height:36px;padding:0 12px;font-size:14px;font-weight:700;line-height:1;transition:background .2s,color .2s;display:flex}.lb-action-btn:hover{color:#5d2e17;background:#d4af37}.shop-stub-pill{background:#ffc80033;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:12px}.ai-difficulty-options{flex-direction:column;gap:8px;margin:12px 0;display:flex}.ai-difficulty-option{cursor:pointer;border:1px solid #0000001f;border-radius:8px;grid-template-columns:24px 1fr;grid-template-areas:"radio title""radio desc";gap:4px 12px;padding:10px;display:grid}.ai-difficulty-option.selected{background:#fff0dc80;border-color:#dc821ecc}.ai-difficulty-option input{grid-area:radio;align-self:center}.ai-difficulty-option strong{grid-area:title}.ai-difficulty-option small{color:#000000a6;grid-area:desc}.ai-section-label{letter-spacing:.12em;color:var(--wood-dark);text-align:left;margin:12px 0 4px;font-size:13px}.ai-theme-options{flex-direction:column;flex:1;gap:8px;min-height:0;margin:4px 0 12px;display:flex;overflow-y:auto}.ai-theme-card{background:var(--parchment-light);box-shadow:none;text-shadow:none;cursor:pointer;text-align:left;border:1px solid #0000001f;border-radius:8px;grid-template-columns:52px 1fr;grid-template-areas:"art meta";align-items:center;gap:4px 12px;padding:8px 10px;display:grid}.ai-theme-card.selected{background:#fff0dcd9;border-color:#dc821ecc}.ai-theme-art{border:2px solid var(--wood-medium);background-position:top;background-size:cover;border-radius:6px;grid-area:art;width:52px;height:52px}.ai-theme-meta{flex-direction:column;grid-area:meta;gap:2px;display:flex}.ai-theme-name{color:var(--wood-dark);font-size:16px}.ai-theme-party{color:var(--wood-medium);letter-spacing:.1em;font-size:11px}.ai-theme-label{color:#0009;font-size:12px}.private-room-section{border-top:1px dashed #00000026;flex-direction:column;gap:8px;margin-top:12px;padding-top:12px;display:flex}.private-room-section h4{color:#000000b3;margin:0;font-size:14px}.private-code-banner{flex-wrap:wrap;align-items:center;gap:12px;margin:16px;padding:12px 16px;display:flex}.private-code{font-family:var(--mono-font,monospace);letter-spacing:4px;background:#0000000f;border-radius:6px;padding:4px 12px;font-size:22px}.shop-screen{background:url(/images/backgrounds/Shop_bg.webp) 50%/cover no-repeat;justify-content:center;align-items:center;padding:0;display:flex}.shop-screen:before{content:"";-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:0;background:#0f080080;position:absolute;inset:0}.shop-container{z-index:1;border:6px solid var(--wood-dark);width:min(1100px,94%);max-height:88%;color:var(--wood-dark);background:linear-gradient(#fff0c8 0%,#f4e4bc 80%,#e6ccb2 100%);border-radius:16px;flex-direction:column;padding:28px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 50px #000000a6,inset 0 2px 4px #0000001a}.shop-container:before,.shop-container:after{content:"";border:4px solid var(--gold);pointer-events:none;width:50px;height:50px;position:absolute}.shop-container:before{border-bottom:0;border-right:0;top:-4px;left:-4px}.shop-container:after{border-top:0;border-left:0;bottom:-4px;right:-4px}.shop-header{justify-content:space-between;align-items:center;min-height:52px;margin-bottom:24px;display:flex;position:relative}.shop-title{font-family:var(--font-display);color:var(--wood-dark);text-shadow:0 1px #fff4c880;letter-spacing:6px;white-space:nowrap;margin:0;font-size:40px;font-weight:900;position:absolute;left:50%;transform:translate(-50%)}.shop-back-btn{z-index:2;background:linear-gradient(to bottom, var(--wood-medium), var(--wood-dark));color:var(--parchment-light);text-shadow:none;border:3px solid #3e1f10;border-radius:8px;padding:8px 16px;font-size:14px;position:relative}.shop-gold-display{z-index:2;background:#000;border:2px solid #444;border-radius:8px;align-items:center;gap:6px;padding:5px 14px 5px 8px;display:flex;position:relative;box-shadow:3px 4px 8px #00000080}.shop-gold-display .gold-icon{object-fit:contain;filter:drop-shadow(2px 2px 4px #000c);width:34px;height:34px}#shop-gold-amount{font-family:var(--font-display);color:gold;text-shadow:1px 1px #000;text-align:center;letter-spacing:2px;min-width:50px;font-size:26px;font-weight:900}.shop-grid{flex:1;grid-template-columns:repeat(3,1fr);align-content:start;gap:20px;padding:4px 2px 8px;display:grid;overflow-y:auto}.shop-thumb{border:3px solid var(--wood-dark);cursor:pointer;background:linear-gradient(#fff8e8,#f0ddb0);border-radius:14px;flex-direction:column;align-items:center;gap:10px;width:100%;padding:18px 14px 16px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;box-shadow:0 4px 12px #00000059}.shop-thumb:before,.shop-thumb:after{content:"";border:2px solid var(--gold);pointer-events:none;width:26px;height:26px;position:absolute}.shop-thumb:before{border-bottom:none;border-right:none;top:-2px;left:-2px}.shop-thumb:after{border-top:none;border-left:none;bottom:-2px;right:-2px}.shop-thumb:hover{border-color:var(--gold);transform:translateY(-5px)scale(1.03);box-shadow:0 10px 28px #d4af3780}.shop-thumb:active{transform:translateY(-1px)scale(1.01)}.shop-thumb-icon{flex-shrink:0;justify-content:center;align-items:center;width:130px;height:130px;font-size:80px;display:flex}.shop-thumb-icon.unaffordable{filter:grayscale(.2)brightness(.95);opacity:.9}.shop-thumb-icon img{object-fit:contain;filter:drop-shadow(0 4px 8px #0006);width:100%;height:100%}.shop-thumb-name{font-family:var(--font-display);color:#3d1e0f;text-align:center;word-break:break-word;font-size:18px;font-weight:900;line-height:1.2}.shop-thumb-price{border:1.5px solid var(--gold);background:#00000047;border-radius:24px;align-items:center;gap:4px;padding:3px 10px;display:flex}.shop-thumb-price img{filter:drop-shadow(1px 1px 2px #000c);width:22px;height:22px}.shop-thumb-price span{font-family:var(--font-display);color:gold;text-shadow:1px 1px #000;font-size:17px;font-weight:900}.shop-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#000000b8;border-radius:10px;justify-content:center;align-items:center;animation:.18s shopModalIn;display:flex;position:absolute;inset:0}@keyframes shopModalIn{0%{opacity:0}to{opacity:1}}.shop-modal-box{border:5px solid var(--wood-dark);background:linear-gradient(#fff8e8,#f0ddb0);border-radius:16px;flex-direction:column;align-items:center;gap:14px;width:min(420px,88%);padding:28px 30px 24px;animation:.22s cubic-bezier(.34,1.56,.64,1) shopModalBoxIn;display:flex;position:relative;box-shadow:0 20px 60px #000000b3}@keyframes shopModalBoxIn{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}.shop-modal-box:before,.shop-modal-box:after{content:"";border:3px solid var(--gold);pointer-events:none;width:36px;height:36px;position:absolute}.shop-modal-box:before{border-bottom:none;border-right:none;top:-3px;left:-3px}.shop-modal-box:after{border-top:none;border-left:none;bottom:-3px;right:-3px}.shop-modal-close{color:var(--wood-dark);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:20px;line-height:1;transition:background .15s;position:absolute;top:10px;right:12px}.shop-modal-close:hover{background:#8b451326}.shop-modal-icon{justify-content:center;align-items:center;width:140px;height:140px;font-size:90px;display:flex}.shop-modal-icon img{object-fit:contain;filter:drop-shadow(0 4px 10px #00000073);width:100%;height:100%}.shop-modal-name{font-family:var(--font-display);color:#3d1e0f;text-align:center;margin:0;font-size:26px;font-weight:900}.modal-rates{border-top:2px solid var(--wood-medium);width:100%;padding-top:12px}.shop-modal-footer{border-top:2px solid var(--wood-medium);justify-content:space-between;align-items:center;gap:14px;width:100%;margin-top:4px;padding-top:14px;display:flex}.shop-modal-footer .btn-buy{flex:1;width:auto}.product-desc{color:#3d1e0f;text-align:center;margin:0;font-size:13px;font-weight:600;line-height:1.45}.product-price{border:2px solid var(--gold);background:#0000004d;border-radius:24px;align-items:center;gap:6px;padding:6px 14px;display:flex}.product-price .price-coin{filter:drop-shadow(1px 1px 2px #000c);width:26px;height:26px}.product-price span{font-family:var(--font-display);color:gold;text-shadow:1px 1px #000;font-size:19px;font-weight:900}.btn-buy{background:linear-gradient(to bottom, var(--gold), #b8860b);border:3px solid var(--wood-dark);font-family:var(--font-display);color:var(--wood-dark);cursor:pointer;text-shadow:0 1px #fff4c866;border-radius:10px;width:100%;padding:10px 28px;font-size:15px;font-weight:700;transition:filter .15s,transform .15s;box-shadow:0 4px 8px #0000004d,inset 0 1px #ffffff4d}.btn-buy:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.btn-buy:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 4px #00000040}.btn-buy:disabled{opacity:.45;cursor:not-allowed}.rates-title{font-family:var(--font-display);color:#3d1e0f;text-align:center;border-bottom:2px solid var(--wood-medium);margin-bottom:8px;padding-bottom:4px;font-size:14px;font-weight:900}.product-drop-rates{flex-direction:column;gap:5px;max-height:170px;display:flex;overflow-y:auto}.rate-row{color:#3d1e0f;background:#ffffff80;border:1px solid #8b451347;border-radius:4px;justify-content:space-between;align-items:center;gap:6px;padding:5px 9px;font-size:12px;font-weight:700;display:flex}.rate-row span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.rate-val{flex-shrink:0;font-size:12px;font-weight:900}.rate-row.common .rate-val{color:#555}.rate-row.rare .rate-val{color:#0070dd}.rate-row.epic .rate-val{color:#a335ee}.rate-row.legendary .rate-val{color:#ff8000}.rate-row.avatar .rate-val,.rate-row.title .rate-val{color:#e77828}.product-note{color:#5d2e1761;text-align:center;margin-top:8px;font-size:11px}.menu-bg-screen{background:0 0}.menu-bg-screen:before{background:#0805026b}.tasks-body{flex-direction:column;gap:22px;display:flex}.task-section{flex-direction:column;gap:10px;display:flex}.task-section-title{color:var(--wood-dark);border-bottom:2px solid var(--gold);margin:0;padding-bottom:4px;font-size:18px;font-weight:900}.task-list{flex-direction:column;gap:10px;display:flex}.task-card{background:linear-gradient(#fff8e8,#f4e4bc);border:2px solid #78482059;border-radius:10px;align-items:center;gap:16px;padding:12px 16px;display:flex;box-shadow:0 4px 12px #00000040}.task-card.task-state-claimable{border-color:var(--gold);box-shadow:0 0 16px #d4af3773,0 4px 12px #00000040}.task-card.task-state-claimed{opacity:.6}.task-info{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.task-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.task-name{color:var(--wood-dark);font-size:16px;font-weight:900}.task-reward{color:#b9791b;flex-shrink:0;align-items:center;gap:4px;font-weight:900;display:inline-flex}.task-coin{width:16px;height:16px}.task-desc{color:#5d2e17b8;margin:0;font-size:12px}.task-bar{margin-top:2px}.task-action{flex-shrink:0;justify-content:center;min-width:84px;display:flex}.task-progress-count{color:#5d2e17b3;font-weight:900}.task-claim-btn{color:#f5e9cf;cursor:not-allowed;background:#78482073;border:none;border-radius:8px;padding:8px 18px;font-size:14px;font-weight:900}.task-claim-btn.ready{color:#2b1708;cursor:pointer;background:linear-gradient(#e0b955,#c8972f);box-shadow:0 2px 8px #0000004d}.task-claim-btn.ready:hover{filter:brightness(1.08)}.pack-overlay{z-index:20000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000e0;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:32px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.pack-title{font-family:var(--font-display);color:var(--parchment-light);text-shadow:0 0 24px #d4af37b3;margin:0;font-size:40px}.pack-cards-container{perspective:2000px;flex-wrap:nowrap;justify-content:center;align-items:center;gap:clamp(8px,1.1vw,16px);width:100%;max-width:1060px;padding:10px 6px 18px;display:flex;overflow:auto visible}.pack-card-wrapper{--pack-edge:#8b8b8b;--pack-glow:#dcdcdc8c;aspect-ratio:5/7;cursor:pointer;flex-shrink:0;width:clamp(124px,17vw,190px);height:auto}.pack-card-wrapper.rarity-common{--pack-edge:#cfd4d9;--pack-glow:#d8e0e6ad}.pack-card-wrapper.rarity-rare,.pack-card-wrapper.rarity-avatar,.pack-card-wrapper.rarity-title,.pack-card-wrapper.rarity-voucher{--pack-edge:#1fb7ff;--pack-glow:#19b1ffc7}.pack-card-wrapper.rarity-epic{--pack-edge:#b35cff;--pack-glow:#b35cffd1}.pack-card-wrapper.rarity-legendary{--pack-edge:#ffb233;--pack-glow:#ffa420e6}.pack-card-wrapper:not(.flipped):hover .pack-card-inner{transform:translateY(-6px)scale(1.03)}.pack-card-wrapper:not(.flipped):hover .pack-card-back{border-color:var(--pack-edge);box-shadow:0 0 18px var(--pack-glow), 0 0 42px color-mix(in srgb, var(--pack-glow), transparent 28%), 0 18px 34px #00000080}.pack-card-wrapper:not(.flipped):hover .pack-card-back:after{opacity:1}.pack-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.175,.885,.32,1.275);position:relative}.pack-card-wrapper.flipped .pack-card-inner{transform:rotateY(180deg)}.pack-card-front,.pack-card-back{backface-visibility:hidden;border-radius:12px;position:absolute;inset:0}.pack-card-back{border:2px solid #ffffff1f;transition:border-color .2s,box-shadow .2s;overflow:hidden;transform:rotateY(0);box-shadow:0 10px 26px #0000007a}.pack-card-back:after{content:"";background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--pack-glow), transparent 15%), transparent 38%), radial-gradient(circle at 50% 50%, transparent 42%, color-mix(in srgb, var(--pack-glow), transparent 45%) 58%, transparent 72%);opacity:0;pointer-events:none;transition:opacity .2s;position:absolute;inset:-18%}.pack-card-back img{object-fit:cover;border-radius:12px;width:100%;height:100%}.pack-card-front{box-shadow:none;background:0 0;overflow:visible;transform:rotateY(180deg)}.pack-face-card{border-color:var(--pack-edge);width:100%;height:100%;box-shadow:0 0 24px var(--pack-glow), 0 18px 40px #0000008c;margin:0;padding:12px;transform:none}.pack-face-card .card-cost{width:34px;height:34px;font-size:18px;top:10px;left:10px}.pack-face-card .card-title{min-height:32px;margin:34px 0 8px;font-size:15px;line-height:1.12}.pack-face-card .card-art-box{border-radius:7px;height:36%;min-height:76px}.pack-face-card .card-category{margin-top:9px;font-size:11px}.pack-face-card .card-desc{height:48px;margin-top:2px;font-size:11px;line-height:1.24}.pack-face-card .minion-stats{bottom:-8px;left:8px;right:8px}.pack-face-card .stat-atk,.pack-face-card .stat-hp{width:38px;height:38px;font-size:18px}.pack-card-content{border-radius:9px;flex-direction:column;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.pack-card-content.rarity-common{background:linear-gradient(160deg,#e0e0e0,#a8a8a8)}.pack-card-content.rarity-rare{background:linear-gradient(160deg,#b8d8f8,#2a70c8)}.pack-card-content.rarity-epic{background:linear-gradient(160deg,#d0a8f8,#7a1ac8)}.pack-card-content.rarity-legendary{background:linear-gradient(160deg,#ffe0a0,#e06000)}.pack-card-content-card{color:#f5f5f5;background:#151515;justify-content:flex-start;padding:22px 12px 34px}.pack-card-content-card.rarity-common,.pack-card-content-card.rarity-rare,.pack-card-content-card.rarity-epic,.pack-card-content-card.rarity-legendary{background:radial-gradient(circle at 50% 20%, color-mix(in srgb, var(--pack-glow), transparent 82%), transparent 32%), linear-gradient(180deg, #1b1b1b 0%, #111 100%)}.pack-card-cost{z-index:3;color:#fff;width:30px;height:30px;font-family:var(--font-display);text-shadow:0 1px 2px #000000a6;background:linear-gradient(135deg,#22d7ff,#0477dc);border:2px solid #ffffffb8;border-radius:5px;place-items:center;font-size:17px;font-weight:900;display:grid;position:absolute;top:7px;left:7px;transform:rotate(45deg);box-shadow:0 0 10px #22d7ffa6}.pack-card-cost span{transform:rotate(-45deg)}.pack-card-img-wrap{border-radius:9px 9px 0 0;flex:1;width:100%;overflow:hidden}.pack-card-content-card .pack-card-img-wrap{background:#282828;border:1px solid #ffffff6b;border-radius:6px;flex:none;height:36%;min-height:78px;margin-top:10px}.pack-card-img-wrap img{object-fit:cover;width:100%;height:100%}.reward-cosmetic-wrap{background:#fff8e080;place-items:center;padding:12px;display:grid}.reward-avatar-img{border:4px solid var(--wood-medium);border-radius:50%;object-fit:cover!important;width:96px!important;height:96px!important}.reward-title-badge,.reward-voucher-badge{border:2px solid var(--wood-dark);background:var(--parchment-light);max-width:120px;color:var(--wood-dark);font-family:var(--font-display);text-align:center;overflow-wrap:anywhere;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-size:16px;font-weight:900;display:inline-flex}.pack-card-name{font-family:var(--font-display);color:#fff;text-shadow:0 1px 3px #000000e6;text-align:center;width:100%;padding:4px 6px 2px;font-size:14px;font-weight:900}.pack-card-content-card .pack-card-name{color:#ffe45d;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:28px;padding:0 26px;line-height:1.12;display:-webkit-box;overflow:hidden}.pack-card-category{color:#a9f4ff;text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#20d6f247;border-radius:4px;max-width:92%;margin-top:10px;padding:3px 8px;font-size:11px;font-weight:900;line-height:1.1;overflow:hidden}.pack-card-desc{color:#ffffffd1;text-align:center;-webkit-line-clamp:3;-webkit-box-orient:vertical;width:100%;min-height:34px;margin:8px 0 0;font-size:12px;line-height:1.25;display:-webkit-box;overflow:hidden}.pack-card-stats{pointer-events:none;justify-content:space-between;display:flex;position:absolute;bottom:-2px;left:7px;right:7px}.pack-stat-atk,.pack-stat-hp{color:#fff;width:36px;height:36px;font-family:var(--font-display);text-shadow:1px 1px 2px #000;place-items:center;font-size:18px;font-weight:900;display:grid}.pack-stat-atk{clip-path:polygon(50% 0,80% 20%,80% 62%,100% 62%,100% 80%,70% 80%,70% 100%,30% 100%,30% 80%,0 80%,0 62%,20% 62%,20% 20%);background:linear-gradient(135deg,#f09819,#edde5d)}.pack-stat-hp{clip-path:polygon(50% 15%,70% 0,90% 5%,100% 25%,100% 50%,50% 90%,0 50%,0 25%,10% 5%,30% 0);background:linear-gradient(#ff416c,#ff4b62)}.pack-card-rarity{color:#ffffffd9;text-align:center;padding:1px 6px 5px;font-size:11px;font-weight:700}.pack-card-wrapper.flipped.RARE .pack-face-card{border-color:#0070dd;box-shadow:0 0 18px #0070ddbf}.pack-card-wrapper.flipped.EPIC .pack-face-card{border-color:#a335ee;box-shadow:0 0 22px #a335eed9}.pack-card-wrapper.flipped.LEGENDARY .pack-face-card{border-color:#ff8000;animation:1.2s ease-in-out infinite alternate legendary-pulse}@keyframes legendary-pulse{0%{box-shadow:0 0 18px #ff800080}to{box-shadow:0 0 60px #ff8000,0 0 28px #ffa500d9}}#btn-pack-done{opacity:0;pointer-events:none;flex-shrink:0;padding:14px 56px;font-size:20px;transition:opacity .35s,transform .35s;transform:translateY(20px)}#btn-pack-done.visible{opacity:1;pointer-events:all;transform:translateY(0)}.dev-test-screen,.dev-test-screen *,.dev-test-screen :before,.dev-test-screen :after{box-sizing:border-box}.dev-test-screen{color:#1d2430;background:radial-gradient(circle at top,#2d3848 0%,#1a202c 100%);flex-direction:column;gap:8px;height:100vh;padding:12px 18px;display:flex;overflow:hidden}.dev-test-header{flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.dev-test-header h2{color:#f7ead6;text-shadow:0 2px 8px #000000b8;margin:0;font-size:22px}.dev-test-dashboard{flex:1;grid-template-columns:340px minmax(0,1fr) 380px;gap:12px;min-height:0;display:grid}.dev-test-col{flex-direction:column;gap:10px;height:100%;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.dev-test-col::-webkit-scrollbar{width:6px}.dev-card-results::-webkit-scrollbar{width:6px}.dev-selected-cards::-webkit-scrollbar{width:6px}.dev-test-col::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:3px}.dev-card-results::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:3px}.dev-selected-cards::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:3px}.dev-test-panel,.dev-test-reward-details{background:#fffffff0;border:1px solid #483d2b38;border-radius:8px;min-width:0;padding:10px;box-shadow:0 4px 12px #00000040}.dev-test-panel{flex-direction:column;gap:8px;display:flex}.dev-test-panel-title{color:#2c3e50;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px dashed #2c34411f;margin:0 0 6px;padding-bottom:4px;font-size:.8rem;font-weight:800}.dev-test-screen label{color:#25313f;min-width:0;font-size:.72rem;font-weight:800}.dev-test-screen label span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dev-test-screen input,.dev-test-screen select{color:#1d2430;background:#fff;border:1px solid #2c344147;border-radius:6px;min-width:0;min-height:28px;padding:4px 7px;font-size:.76rem}.dev-test-screen button{color:#1d2430;cursor:pointer;background:#f7f4ed;border:1px solid #2c344147;border-radius:6px;min-height:28px;padding:4px 9px;font-size:.76rem;font-weight:800;transition:background .15s}.dev-test-screen button:hover{background:#ebe6da}.dev-test-screen button:disabled{opacity:.48;cursor:not-allowed}.dev-test-match-panel button#dev-test-start-pve{color:#fff;background:#2e7d32;border-color:#1b5e20;margin-top:6px}.dev-test-match-panel button#dev-test-start-pve:hover{background:#1b5e20}.dev-test-compact-grid,.dev-test-reward-grid{grid-template-columns:repeat(2,1fr);gap:6px;min-width:0;display:grid}.dev-test-control-box{background:#fdfcf9;border:1px solid #2c34412e;border-radius:6px;flex-direction:column;justify-content:space-between;gap:4px;min-width:0;min-height:52px;padding:6px 8px;display:flex;box-shadow:inset 0 1px 2px #0000000a,0 1px 3px #0000000d}.dev-test-label-row{justify-content:space-between;align-items:center;gap:4px;width:100%;display:flex}.dev-test-label-text{color:#25313f;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:800;overflow:hidden}.dev-test-value-box{color:#fff;background:#25313f;border:1px solid #2c344147;border-radius:4px;padding:1px 5px;font-family:monospace;font-size:.7rem;font-weight:800;line-height:1.2;display:inline-block}.dev-test-auto-row{align-items:center;gap:6px;display:flex}.dev-test-checkbox-box{cursor:pointer;color:#25313f;align-items:center;gap:2px;display:flex}.dev-test-checkbox-box input[type=checkbox]{cursor:pointer;width:12px;height:12px;min-height:auto;margin:0}.dev-test-checkbox-box span{font-size:.68rem;font-weight:800}.dev-test-wide{grid-column:span 2}.dev-test-toggle{justify-content:flex-start;align-items:center;gap:6px;min-height:52px;flex-direction:row!important}.dev-test-toggle input[type=checkbox]{cursor:pointer;width:14px;height:14px;min-height:auto;margin:0}.dev-test-control-box input[type=range]{cursor:pointer;background:#2c344129;border:none;border-radius:3px;outline:none;width:100%;height:6px;margin:4px 0 0;padding:0}.dev-test-control-box input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#25313f;border-radius:50%;width:12px;height:12px;transition:transform .1s}.dev-test-control-box input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.dev-test-control-box input[type=range]:disabled{opacity:.4;cursor:not-allowed}.dev-test-control-box select,.dev-test-control-box input[type=text]{color:#1d2430;background:#fff;border:1px solid #2c344138;border-radius:4px;width:100%;height:24px;min-height:24px;margin-top:3px;padding:2px 6px;font-size:.72rem}.dev-test-filters-panel{flex-direction:column;gap:6px;display:flex}.dev-test-mid-col{background:#fffffff0;border:1px solid #483d2b38;border-radius:8px;flex-direction:column;min-height:0;padding:10px;display:flex;box-shadow:0 4px 12px #00000040}.dev-card-catalog-search{flex-direction:column;flex:none;gap:6px;margin-bottom:8px;display:flex}.dev-card-search-label{flex-direction:column;gap:4px;display:flex}.dev-card-search-label span{color:#2c3e50;font-size:.8rem;font-weight:800}.dev-card-search-label input{border:1px solid #2c344152;border-radius:6px;width:100%;height:32px;padding:6px 12px;font-size:.84rem}.dev-card-result-summary{color:#5d6877;font-size:.76rem;font-weight:700}.dev-card-results{flex:1;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));align-content:start;gap:8px;padding-right:4px;display:grid;overflow-y:auto}.dev-card-result{background:#fff;border:1px solid #2c344129;border-radius:7px;grid-template-rows:auto auto;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:4px 8px;padding:6px;display:grid;box-shadow:0 1px 3px #0000000d}.dev-card-result img{object-fit:cover;background:#d9d4ca;border-radius:4px;grid-row:span 2;width:35px;height:48px}.dev-card-result-body{flex-direction:column;grid-column:2;min-width:0;display:flex}.dev-card-result-body strong{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.dev-card-result-body span{color:#647081;text-overflow:ellipsis;white-space:nowrap;font-size:.64rem;overflow:hidden}.dev-card-cost{color:#fff;background:#2f6f8f;border-radius:50%;grid-area:1/3;justify-self:end;place-items:center;width:22px;height:22px;font-size:.72rem;font-weight:900;display:inline-grid}.dev-card-result button{color:#fff;cursor:pointer;background:#2f6f8f;border:none;border-radius:4px;grid-area:2/3;justify-self:end;height:22px;min-height:22px;padding:0 8px;font-size:.68rem;font-weight:800}.dev-card-result button:hover:not(:disabled){background:#205068}.dev-card-empty{color:#5d6877;text-align:center;border:1px dashed #2c344138;border-radius:6px;grid-column:1/-1;margin:0;padding:12px;font-size:.78rem;font-weight:700}.dev-test-right-col{background:#fffffff0;border:1px solid #483d2b38;border-radius:8px;flex-direction:column;min-height:0;padding:10px;display:flex;box-shadow:0 4px 12px #00000040}.dev-test-right-col h3{color:#2c3e50;border-bottom:2px solid #ebe6da;flex:none;margin:0 0 10px;padding-bottom:6px;font-size:1.05rem}.dev-test-preview-slots{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex;overflow-y:auto}.dev-preview-slot{cursor:pointer;background:#fcfbfa;border:1.5px solid #2c344124;border-radius:8px;flex-direction:column;gap:5px;min-height:0;padding:8px;transition:all .2s;display:flex}.dev-preview-slot:hover{background:#f7f6f4;border-color:#2f6f8f66}.dev-preview-slot.active{background:#2f6f8f0d;border-color:#2f6f8f;box-shadow:0 0 8px #2f6f8f29}.dev-preview-slot-header{pointer-events:none;justify-content:space-between;align-items:center;display:flex}.dev-preview-slot h4{color:#2c3e50;margin:0;font-size:.8rem;font-weight:800}.dev-preview-slot.active h4{color:#2f6f8f}.dev-card-count{color:#fff;background:#7f8c8d;border-radius:99px;padding:1px 6px;font-size:.66rem;font-weight:800}.dev-preview-slot.active .dev-card-count{background:#2f6f8f}.dev-selected-cards{flex-direction:column;gap:4px;max-height:120px;padding-right:2px;display:flex;overflow-y:auto}.dev-selected-card{background:#fff;border:1px solid #2c34411f;border-radius:5px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;padding:4px 6px;transition:border-color .15s;display:grid}.dev-selected-card:hover{border-color:#2c34413d}.dev-selected-card-name{text-overflow:ellipsis;white-space:nowrap;font-size:.74rem;font-weight:700;overflow:hidden}.dev-selected-card-meta{color:#7f8c8d;font-family:monospace;font-size:.62rem}.dev-selected-card button{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:3px;place-items:center;width:20px;height:20px;min-height:20px;padding:0;font-size:.68rem;display:grid}.dev-selected-card button:hover{background:#c0392b}.dev-test-reward-details{cursor:pointer}.dev-test-reward-details summary{color:#2c3e50;outline:none;font-size:.78rem;font-weight:800}.dev-test-reward-grid{cursor:default;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:6px}.dev-test-reward-grid button#dev-test-reward{grid-column:span 2;margin-top:4px}@media (width<=1080px){.dev-test-dashboard{grid-template-rows:1fr 1fr;grid-template-columns:260px 1fr;height:auto;overflow:auto}.dev-test-col{height:auto;overflow-y:visible}.dev-test-right-col{grid-column:span 2}}@media (width<=768px){.dev-test-dashboard{grid-template-rows:auto;grid-template-columns:1fr}.dev-test-right-col{grid-column:span 1}.dev-card-results{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.settings-backdrop{z-index:500;background:#000000a6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.settings-modal{flex-direction:column;gap:16px;width:min(420px,90%);padding:36px 36px 48px;display:flex;box-shadow:inset 0 0 0 1px #fff4c8b3,0 0 40px #000000a6}.settings-modal-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.settings-modal-header h3{font-family:var(--font-display);color:var(--wood-dark);margin:0;font-size:24px}.settings-close-btn{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:16px;display:flex}.settings-section-title{font-family:var(--font-display);color:var(--wood-dark);margin:0;font-size:18px}.settings-volume-row{align-items:center;gap:12px;display:flex}.settings-mute-btn{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:20px;display:flex}.settings-mute-btn.muted{filter:grayscale(.7);opacity:.6}.settings-volume-slider{height:8px;accent-color:var(--wood);cursor:pointer;box-shadow:none;min-height:unset;background:0 0;border:none;flex:1;padding:0}.settings-volume-label{text-align:right;width:40px;font-family:var(--font-display);color:var(--wood-dark);flex-shrink:0;font-size:14px}.settings-divider{background:var(--wood-dark);opacity:.2;height:1px;margin:4px 0}.settings-signout-btn{align-self:flex-start;padding:10px 28px}.settings-danger-note{color:#462316c7;margin:0;font-size:13px;line-height:1.45}.changelog-backdrop{z-index:500;background:#000000a6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.changelog-modal{flex-direction:column;gap:0;width:760px;max-height:720px;display:flex;box-shadow:inset 0 0 0 1px #fff4c8b3,0 0 40px #000000a6}.changelog-list{flex-direction:column;gap:20px;padding:4px 4px 4px 0;display:flex;overflow-y:auto}.changelog-list::-webkit-scrollbar{width:10px}.changelog-list::-webkit-scrollbar-track{background:var(--parchment-dark);border-radius:8px}.changelog-list::-webkit-scrollbar-thumb{background:var(--wood-medium);border:2px solid var(--wood-dark);border-radius:8px}.changelog-version{border:2px solid var(--wood-dark);background:#ffffff40;border-radius:10px;padding:16px 20px}.changelog-version h4{font-family:var(--font-display);color:var(--wood-dark);border-bottom:1px solid #5d2e1740;margin:0 0 12px;padding-bottom:8px;font-size:18px}.changelog-version ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.changelog-version li{border-left:4px solid var(--wood-medium);padding-left:14px}.changelog-version li strong{font-family:var(--font-display);color:var(--wood-dark);font-size:15px;display:block}.changelog-version li p{color:#7a4a3a;white-space:pre-wrap;margin:4px 0 0;font-family:Noto Sans TC,Inter,sans-serif;font-size:13px}.card-chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.card-chip{border:1px solid var(--wood-medium);color:var(--wood-dark);font-size:12px;font-family:var(--font-display);cursor:default;-webkit-user-select:none;user-select:none;background:#5d2e171a;border-radius:14px;padding:3px 10px;transition:background .15s,border-color .15s;display:inline-block}.card-chip:hover{border-color:var(--wood-dark);background:#5d2e1738}.medieval-toast{color:#f4e4bc;z-index:99999;opacity:0;visibility:hidden;white-space:nowrap;pointer-events:none;background:#8b4513;border:5px solid #5d2e17;padding:15px 40px;font-family:Noto Serif TC,serif;font-size:1.2rem;font-weight:700;transition:opacity .3s,transform .3s,visibility 0s linear .3s;position:fixed;bottom:50px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 5px 15px #00000080}.medieval-toast.show{opacity:1;visibility:visible;transition:opacity .3s,transform .3s;transform:translate(-50%)translateY(0)}.app-shell.in-match{grid-template-rows:1fr}.battle-e2e-topbar,.battle-debug-status{clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.v1-deck-selection{color:#f1e4d1;background:#000;justify-content:center;align-items:center;padding:0;display:flex;position:relative;overflow:hidden;container-type:size}.ai-battle-setup{color:#f1e4d1;background:linear-gradient(#07121829,#0712185c),url(/images/backgrounds/battle_map_bg.webp) 50%/cover no-repeat,url(/images/backgrounds/deck_selection_bg.jpg) 50%/100% 100% no-repeat;padding:0;position:relative;overflow:hidden}.setup-deck-panel{z-index:3;flex-direction:column;gap:12px;width:240px;height:760px;display:flex;position:absolute;top:82px;left:36px}.setup-deck-title{color:#f4e4bc;text-shadow:0 2px 5px #000;text-align:center;margin:0 0 4px;font-size:24px;font-weight:900}.deck-slots-container-mini{flex-direction:column;flex:1;gap:16px;padding:10px 5px;display:flex;overflow-y:auto}.deck-slots-container-mini .deck-slot{flex-shrink:0;width:220px;height:110px;margin:0 auto}.battle-selected-note-mini{color:#f4e4bc;text-shadow:0 2px 5px #000;text-align:center;margin:4px 0 0;font-size:14px;font-weight:900}.battle-selection-content{z-index:2;pointer-events:none;grid-template-rows:auto auto auto 1fr auto;place-items:center;width:100%;height:100%;padding:52px 56px 44px;display:grid;position:absolute}.battle-selection-content :is(a,button,input,select,textarea,label,summary,details){pointer-events:auto}.battle-map-stage{pointer-events:none;z-index:1;backface-visibility:hidden;will-change:transform;background:url(/images/ui/GameMode.webp) 50%/100% 100% no-repeat;flex-shrink:0;width:max(100cqi,177.683cqb);height:max(100cqb,56.2799cqi);position:relative;transform:translate(0,0)}.battle-map-hotspot{box-shadow:none;cursor:pointer;pointer-events:auto;transform-origin:bottom;background:0 0;border:0;outline:none;padding:0;transition:transform .18s,filter .18s;display:block;position:absolute}.battle-map-hotspot>img{aspect-ratio:1448/1086;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:auto;display:block}.battle-map-hotspot--pvp>img{aspect-ratio:1122/1402}.battle-map-hotspot:hover,.battle-map-hotspot:focus-visible,.battle-map-hotspot.selected,.battle-map-hotspot:active{transform:translate(-50%,-50%)!important}.battle-map-hotspot:hover>img,.battle-map-hotspot:focus-visible>img{filter:drop-shadow(2px 0 #fff)drop-shadow(-2px 0 #fff)drop-shadow(0 2px #fff)drop-shadow(0 -2px #fff)drop-shadow(0 0 5px #fffc)!important}.mode-banner-container{bottom:var(--banner-bottom,0%);left:var(--banner-left,50%);transform:translate(var(--banner-offset-x,-50%), var(--banner-offset-y,40%));pointer-events:none;filter:drop-shadow(0 8px 12px #0009);z-index:2;justify-content:center;align-items:center;width:256px;display:flex;position:absolute}.mode-banner-bg{-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:auto;transition:filter .18s;display:block}.mode-banner-text{top:var(--banner-text-y,53%);color:#211510;font-family:var(--font-display);letter-spacing:.1em;text-shadow:0 1px 2px #fff6;white-space:nowrap;margin:0;font-size:26px;font-weight:900;position:absolute;left:50%;transform:translate(-50%,-50%)}.battle-map-hotspot:hover .mode-banner-bg,.battle-map-hotspot:focus-visible .mode-banner-bg{filter:drop-shadow(2px 0 #fff)drop-shadow(-2px 0 #fff)drop-shadow(0 2px #fff)drop-shadow(0 -2px #fff)drop-shadow(0 0 5px #fffc)}.battle-map-hotspot:focus,.battle-map-hotspot:focus-visible,.battle-map-hotspot:active{box-shadow:none!important;outline:none!important}.battle-map-hotspot--challenge{--scale:1.5;width:calc(304px * var(--scale));--banner-bottom:0%;--banner-left:50%;--banner-offset-x:-50%;--banner-offset-y:40%;--banner-text-y:35%;top:68.45%;left:60.5%;transform:translate(-50%,-50%)}.battle-map-hotspot--ai{--scale:1.7;width:calc(224px * var(--scale));--banner-bottom:0%;--banner-left:70%;--banner-offset-x:-50%;--banner-offset-y:40%;--banner-text-y:35%;top:35%;left:36.6%;transform:translate(-50%,-50%)}.battle-map-hotspot--pvp{--scale:1.3;width:calc(224px * var(--scale));--banner-bottom:30%;--banner-left:40%;--banner-offset-x:-110%;--banner-offset-y:-50%;--banner-text-y:35%;top:58%;left:25%;transform:translate(-50%,-50%)}.battle-map-hotspot--training{--scale:1.91;width:calc(224px * var(--scale));--banner-bottom:10%;--banner-left:70%;--banner-offset-x:0%;--banner-offset-y:0%;--banner-text-y:35%;top:83.8%;left:13.9%;transform:translate(-50%,-50%)}.v1-deck-selection .back-button{justify-self:start}.sub-title{color:#f4e4bc;text-shadow:0 5px 14px #000,0 0 18px #ffee0040;letter-spacing:.08em;font-size:54px}.battle-mode-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;width:min(1180px,100%);margin-top:10px;display:grid}.battle-mode-card{color:#f4e4bc;text-align:center;letter-spacing:0;background:linear-gradient(#1e3a32d1,#141620e0),#101a14cc;border:3px solid #f4e4bc94;border-radius:8px;align-content:center;gap:8px;min-height:112px;padding:18px 20px;display:grid;box-shadow:0 10px 22px #0000006b,inset 0 0 0 1px #ffffff14}.battle-mode-card strong{color:#fff8d8;text-shadow:0 3px 8px #000000c7;font-size:25px;line-height:1.05}.battle-mode-card span{color:#f4e4bcd1;text-shadow:0 2px 5px #000000c2;font-family:Inter,Noto Sans TC,system-ui,sans-serif;font-size:14px;font-weight:800;line-height:1.25}.battle-mode-card.selected{background:linear-gradient(#4f602feb,#362618e6),#242814db;border-color:gold;box-shadow:0 0 24px #ffd7005c,0 12px 26px #0000007a}.battle-mode-card:hover{border-color:#fff!important;box-shadow:0 0 16px #fff6,0 10px 22px #0000006b!important}.battle-mode-card:active{transform:none!important;box-shadow:0 10px 22px #0000006b,inset 0 0 0 1px #ffffff14!important}.battle-mode-card:focus,.battle-mode-card:focus-visible{outline:none!important}.deck-slots-container{flex-wrap:wrap;place-content:center;gap:30px;width:min(1200px,100%);padding:20px;display:flex}.deck-slot.saved-deck,.deck-slot.add-deck-slot,.dev-deck-slot{filter:drop-shadow(0 6px 12px #0009);color:#f0e6d2;background:url(/images/ui/deck_slot_bg.webp) 50%/100% 100% no-repeat;flex-direction:column;justify-content:center;align-items:center;width:220px;height:120px;padding:24px 24px 18px;transition:transform .25s,filter .25s;display:flex;position:relative;box-shadow:none!important;border:0!important}.deck-slot.saved-deck:hover,.deck-slot.add-deck-slot:hover{filter:drop-shadow(0 14px 22px #000000c7);transform:translateY(-8px)scale(1.04)}.deck-slot.selected:after{content:"已選擇";color:#4a2c1d;font-family:var(--font-display);letter-spacing:.1em;white-space:nowrap;background:linear-gradient(gold,#b8860b);border:2px solid #5d2e17;border-radius:3px;padding:4px 15px;font-size:14px;font-weight:900;position:absolute;top:-15px;left:50%;transform:translate(-50%);box-shadow:0 4px 8px #00000080}.deck-slot .deck-select{width:100%;height:100%;box-shadow:none;color:inherit;text-shadow:0 1px 2px #000;background:0 0;border:0;place-items:center;gap:4px;padding:0;display:grid}.deck-slot h3{color:#fff;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 10px #fff6,0 2px 4px #000;max-width:100%;margin:0;font-size:22px;line-height:1.05;overflow:hidden}.deck-slot .slot-info,.deck-slot .deck-select span{color:#c0b0a0;font-size:14px;font-weight:900}.deck-slot-actions{opacity:0;justify-content:center;gap:8px;transition:opacity .2s;display:flex;position:absolute;inset:auto 14px 8px}.deck-slot:hover .deck-slot-actions{opacity:1}.deck-slot-actions button,.add-deck-slot{min-height:0;padding:4px 9px;font-size:12px}.btn-delete-deck{border-radius:4px;width:24px;height:24px;padding:0}.add-deck-slot .plus-icon{color:#8b4513;font-size:42px;line-height:1}.battle-selection-actions{justify-items:center;gap:14px;display:grid}.battle-start-row,.private-join-form{justify-content:center;align-items:center;gap:18px;display:flex}.battle-start-btn{justify-content:center;align-items:center;min-width:170px;min-height:56px;font-size:22px}.v1-deck-selection [data-testid=battle-challenge-entry],.v1-deck-selection #find-match,.v1-deck-selection .battle-ai-mode-section,.v1-deck-selection .battle-training-section{display:none}.v1-deck-selection.battle-mode-challenge [data-testid=battle-challenge-entry],.v1-deck-selection.battle-mode-pvp #find-match{display:flex}.v1-deck-selection.battle-mode-ai .battle-ai-mode-section,.v1-deck-selection.battle-mode-training .battle-training-section{flex-direction:column;align-items:center;gap:14px;display:flex}.v1-deck-selection .battle-advanced{display:none}.v1-deck-selection.battle-mode-pvp .battle-advanced{display:block}.battle-ai-mode-section .ai-section-label{color:#f4e4bc;text-shadow:0 2px 5px #000;margin:0;font-size:18px}.battle-ai-mode-section .ai-difficulty-options{flex-direction:row;gap:14px;margin:0;display:flex}.battle-ai-mode-section .ai-difficulty-option{cursor:pointer;background:linear-gradient(#1e3a32d1,#141620e0),#101a14cc;border:3px solid #f4e4bc94;border-radius:8px;justify-content:center;align-items:center;min-width:120px;padding:12px 22px;display:flex}.battle-ai-mode-section .ai-difficulty-option strong{color:#fff8d8;text-shadow:0 3px 8px #000000c7;font-size:21px}.battle-ai-mode-section .ai-difficulty-option input{opacity:0;width:1px;height:1px;position:absolute}.battle-ai-mode-section .ai-difficulty-option.selected{background:linear-gradient(#4f602feb,#362618e6),#242814db;border-color:gold;box-shadow:0 0 20px #ffd7005c}.battle-training-card{color:#f4e4bc;text-align:center;border-radius:12px;flex-direction:column;gap:0;max-width:440px;transition:filter .25s,opacity .25s,transform .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000008c,0 0 0 2px #f4e4bc47}.battle-training-card.training-card--locked{filter:grayscale()brightness(.55);opacity:.72;pointer-events:none}.battle-training-card.training-card--completed{box-shadow:0 8px 32px #0000008c,0 0 0 2px #78dc8c8c}.battle-training-card.training-card--unlocked{box-shadow:0 8px 32px #0000008c,0 0 0 2px #ffc83cb8,0 0 18px #ffc83c38}.training-card-header{background:linear-gradient(135deg,#3c230afa,#5a3712fa);border-bottom:2px solid #f4e4bc47;align-items:center;gap:10px;padding:10px 18px;display:flex}.training-card-level-num{color:#fff8d8;text-shadow:0 1px 3px #0009;background:radial-gradient(circle,#c89a28,#7a4f08);border:2px solid #f4d070;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:13px;font-weight:900;display:inline-flex;box-shadow:0 2px 8px #00000073}.training-card-name{color:#fff8d8;text-shadow:0 1px 4px #000000b3;font-size:20px;font-weight:900}.training-card-body{background:linear-gradient(#142624f7,#121016f7);flex-direction:column;flex:1;align-items:center;gap:12px;padding:14px 18px;display:flex}.training-card-desc{color:#c8b894;margin:0;font-size:14px;line-height:1.5}.training-reward-badge{background:linear-gradient(135deg,#78500aeb,#503006eb);border:1.5px solid #f4cc3cb3;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;display:flex;box-shadow:0 2px 10px #c88c0047,inset 0 1px #fff0782e}.training-reward-coin{object-fit:contain;filter:drop-shadow(0 0 4px #ffc8008c);width:26px;height:26px}.training-reward-amount{color:#ffd84a;text-shadow:0 1px 4px #0009;letter-spacing:1px;font-size:22px;font-weight:900}.training-reward-label{color:#e8c870;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.training-complete-badge{color:#78dc8c;text-shadow:0 1px 3px #00000080;background:#3ca05047;border:1.5px solid #50c86499;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:14px;font-weight:700;display:inline-flex}.training-lock-icon{filter:grayscale();opacity:.55;font-size:28px}.training-card-footer{background:linear-gradient(#121016f7,#1c140af7);border-top:1.5px solid #f4e4bc24;padding:12px 18px}.training-card-footer .neon-button{width:100%}.training-screen{background:linear-gradient(#00000073,#00000073),url(/images/backgrounds/Trainingmode_bg.webp) 50%/cover no-repeat}.training-screen-intro{color:#f4e4bc;text-align:center;text-shadow:0 2px 6px #000;margin:4px 0 18px;font-size:16px}.training-level-grid{grid-template-columns:repeat(auto-fit,minmax(260px,340px));justify-content:center;gap:18px;padding-bottom:24px;display:grid}.training-level-grid .battle-training-card{width:100%;max-width:none}.battle-private-room{border:0;flex-direction:row;align-items:center;margin:0;padding:0}.battle-private-room input,.battle-advanced input{color:#3d1e0f;background:#fff8e0;border:2px solid #8b4513;border-radius:4px;min-height:38px}.battle-selected-note,.battle-empty-note{color:#f4e4bc;text-shadow:0 2px 5px #000;font-weight:900}.ai-battle-setup .battle-setup-container{width:100%;height:100%;padding:0;display:block;position:relative}.setup-preview-panel{flex-direction:column;justify-content:flex-start;gap:0;width:560px;display:flex;position:absolute;top:82px;left:284px}.preview-image-container{aspect-ratio:1;filter:drop-shadow(0 10px 20px #000c);place-items:center;width:560px;margin:0 auto;display:grid;position:relative}.preview-image-container:before{content:"";z-index:0;background:url(/images/ui/wood_frame.webp) 50%/100% 100% no-repeat;position:absolute;inset:0}.preview-image-container img{z-index:1;object-fit:cover;object-position:center top;border-radius:4px;width:83%;height:83%;position:relative}.preview-illustration-overlay{z-index:2;pointer-events:none;background:linear-gradient(90deg,#000000db 15%,#0000 88%);flex-direction:column;justify-content:flex-end;align-items:flex-start;width:83%;height:83%;padding:44px 44px 54px;display:flex;position:absolute}.illustration-title{color:#fff;text-shadow:4px 4px 16px #000000e6;font-size:68px;font-weight:900;line-height:1}.illustration-subtitle{color:#ffffffe6;text-shadow:2px 2px 8px #000000e6;font-size:42px;font-weight:800}.preview-description{color:#e0d0b0;width:520px;min-height:148px;font-family:var(--font-display);text-align:center;text-shadow:1px 1px 2px #000;background:#140f0ad9;border:2px solid #8b7355;border-radius:8px;place-items:center;margin:46px auto 0;padding:20px;font-size:18px;line-height:1.55;display:grid;box-shadow:0 4px 12px #00000080,inset 0 0 20px #000c}.setup-options-panel{flex-direction:column;width:450px;height:760px;display:flex;position:absolute;top:68px;left:908px}.ai-selection-decoration{filter:drop-shadow(10px 10px 20px #000c);opacity:.9;pointer-events:none;z-index:0;height:100%;position:absolute;top:0;left:0;transform:none}.options-scroll-area{z-index:2;flex:1;overflow:visible}#deck-options-container{width:282px;margin:0;position:absolute;top:112px;left:68px;right:auto}.deck-option-group{border-radius:8px;margin-bottom:18px;overflow:hidden}.option-item{color:#f1e4d1;text-align:left;letter-spacing:0;background:#2b1d14;border:3px solid #6d5b4b;border-radius:7px;align-items:center;gap:12px;width:100%;min-height:64px;padding:14px 20px;font-size:22px;display:flex;box-shadow:0 4px 8px #0006}.option-item:hover,.deck-option-group.selected .option-item{border-color:gold;box-shadow:0 0 15px #ffd7004d}.deck-option-group.selected .option-item{background:var(--parchment-light);color:var(--wood-dark)}.deck-option-group.selected .option-item:hover{color:var(--wood-dark);background:#fff0d0}.option-label{flex:1;font-weight:900}.expand-arrow{color:#6d5b4b;font-size:18px;transition:transform .3s}.deck-option-group.expanded .expand-arrow{color:gold;transform:rotate(90deg)}.deck-option-group.selected .expand-arrow{color:var(--wood-dark)}.difficulty-options{background:#1a120c80;border-left:3px solid gold;max-height:0;margin-left:20px;transition:max-height .3s ease-out;overflow:hidden}.deck-option-group.expanded .difficulty-options{max-height:184px}.sub-difficulty-btn{color:#c0b0a0;min-height:50px;font-size:18px;font-family:var(--font-display);cursor:pointer;align-items:center;gap:10px;padding:11px 34px;display:flex}.sub-difficulty-btn.selected{color:gold;background:#ffd70026;font-weight:900}.sub-difficulty-btn input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.difficulty-reward{color:#fcd34d;font-family:var(--font-display);align-items:center;gap:5px;margin-left:auto;font-size:18px;font-weight:900;display:inline-flex}.difficulty-reward img{width:20px;height:20px;display:block}.setup-footer{z-index:20;flex-direction:column;align-items:center;gap:15px;display:flex;position:absolute;bottom:22px;right:-84px}.hearth-select-btn{background:radial-gradient(circle,#2d1e16 0%,#1a120c 100%);border:6px solid #6d5b4b;border-radius:50%;place-items:center;width:132px;height:132px;display:grid;position:relative;overflow:hidden}.hearth-select-btn:hover:not(:disabled){border-color:gold;transform:scale(1.05)}.hearth-select-btn .btn-text{z-index:2;color:#f1e4d1;text-shadow:0 0 10px #00000080;font-size:32px;font-weight:900}.btn-ripple{background:radial-gradient(circle,#ffd70038 0%,#0000 70%);animation:2s infinite pulse-ring;position:absolute;inset:0}.ring-glow{opacity:.6;border:2px solid gold;border-radius:50%;animation:4s linear infinite spin;position:absolute;inset:-10px;box-shadow:0 0 20px gold}#start-battle-wrapper.disabled .ring-glow{opacity:0;animation:none}@keyframes pulse-ring{0%,to{opacity:.5;transform:scale(.82)}50%{opacity:.85;transform:scale(1.08)}}@keyframes spin{to{transform:rotate(360deg)}}.battle-surface{background:url(/images/backgrounds/arena_bg.webp) 50%/cover no-repeat;width:100%;height:100%;min-height:0;padding:0;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 100px #00000080}.battle-surface .player-area{pointer-events:none;min-height:0;display:block;position:absolute;left:0;right:0;overflow:visible}.battle-surface .player-area>*{pointer-events:auto}.battle-surface .player-area.opponent{height:370px;top:0}.battle-surface .player-area.player{height:375px;bottom:0}.battle-surface .hero-frame{z-index:25;width:112px;height:112px;position:absolute;left:50%;transform:translate(-50%)}.battle-surface .hero{z-index:1;width:112px;height:112px;position:relative;top:auto;bottom:auto;left:auto;transform:none}.battle-surface .hero:hover:not(:disabled){transform:scale(1.05)}.battle-surface .player-area.opponent .hero-frame{top:138px}.battle-surface .player-area:not(.opponent) .hero-frame{bottom:154px}.battle-surface .opponent-hero,.battle-surface .player-hero{top:auto;bottom:auto}.battle-surface .hero.lunging{animation-name:attack-lunge}.battle-surface .avatar{width:102px;height:102px}.battle-surface .hero .hero-hp{border-color:#fff3;min-width:58px;padding:4px 12px;font-size:12px;bottom:-12px}.battle-surface .status-cluster{z-index:60;pointer-events:none;flex-direction:column;gap:4px;display:flex;position:absolute}.battle-surface .player-area.opponent .status-cluster{align-items:center;inset:28px auto auto 38px}.battle-surface .player-area:not(.opponent) .status-cluster{align-items:center;inset:auto 34px 26px auto}.battle-surface .mana-container{grid-template-columns:repeat(10, var(--mana-crystal-size,31px));grid-template-rows:repeat(var(--mana-rows,1), var(--mana-crystal-size,31px));place-content:center start;column-gap:var(--mana-column-gap,8px);row-gap:var(--mana-row-gap,2px);width:455px;min-width:455px;height:104px;min-height:104px;box-shadow:none;filter:drop-shadow(0 14px 16px #0000009e);background:url(/images/ui/mana_frame.webp) 50%/100% 100% no-repeat;border:0;border-radius:0;padding:34px 42px 30px 30px;display:grid;position:relative}.battle-surface .mana-layout-double{--mana-crystal-size:23px;--mana-column-gap:17px;--mana-row-gap:3px;padding-top:28px;padding-bottom:26px}.battle-surface .mana-layout-triple{--mana-crystal-size:18px;--mana-column-gap:22.5px;--mana-row-gap:2px;padding-top:23px;padding-bottom:23px}.battle-surface .player-area.opponent .mana-container{filter:sepia(.14)hue-rotate(-8deg)brightness(.94)drop-shadow(0 12px 14px #00000094)}.battle-surface .mana-crystal{grid-column:var(--mana-col);grid-row:var(--mana-row);width:var(--mana-crystal-size,31px);height:var(--mana-crystal-size,31px);flex-basis:var(--mana-crystal-size,31px);transition:opacity .24s ease, transform .24s ease, display .24s allow-discrete}.battle-surface .mana-crystal.spent,.battle-surface .mana-crystal.locked{opacity:0;display:none;transform:rotate(45deg)scale(.2)}.battle-surface .mana-text{min-width:54px;color:var(--neon-blue);text-shadow:0 0 8px;text-align:center;z-index:2;font-size:24px;line-height:1;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.battle-surface .player-area.opponent .mana-text{color:#f33}.battle-surface .board{justify-content:center;align-items:center;gap:8px;width:min(95%,940px);height:152px;min-height:0;padding:0;display:flex;position:absolute;left:50%;transform:translate(-50%)}.battle-surface .board.lunging-board{z-index:1900}.battle-surface .board.distanced-board{gap:56px;transition:gap .28s}.battle-surface .player-area.opponent .board{top:auto;bottom:-54px}.battle-surface .player-area:not(.opponent) .board{top:-66px;bottom:auto}.battle-surface .slot{background:0 0;border:0;width:92px;min-height:128px}.battle-surface .minion{aspect-ratio:auto;border-width:2px;width:92px;height:128px;min-height:0;padding:5px}.battle-surface .minion.taunt{border:2px solid #737c88;border-radius:10px 10px 50% 50%/10% 10% 20% 20%;box-shadow:0 0 0 2px #dce2e8,0 0 0 5px #87919d,0 0 15px 3px #c6def6b8,0 0 30px 8px #7491b447,inset 0 0 15px #dee8f252}.battle-surface .minion.taunt:not(.lunging){animation:2s ease-in-out infinite taunt-border-pulse}.battle-surface.attacking-board .minion.taunt.valid-target{border-color:#737c88;box-shadow:0 0 0 2px #dce2e8,0 0 0 5px #87919d,0 0 15px 3px #c6def6b8,0 0 30px 8px #7491b447,inset 0 0 15px #dee8f252}.battle-surface .minion.taunt.can-attack{box-shadow:0 0 30px var(--neon-lime), 0 0 10px #c0c0c066!important}.battle-surface .minion.shielded:after,.battle-surface .minion.divine-shield:after{content:"";pointer-events:none;z-index:5;border:3px solid #ff0;border-radius:16px;animation:2s ease-in-out infinite shield-pulse;position:absolute;inset:-8px;box-shadow:0 0 20px #ff0,inset 0 0 10px #ff0}.battle-surface .minion.shielded.can-attack,.battle-surface .minion.divine-shield.can-attack{box-shadow:0 0 20px var(--neon-lime)!important}@keyframes shield-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.battle-surface .minion-art{border-radius:5px;flex-basis:66px;height:66px}.battle-surface .minion .card-title{justify-content:center;align-items:center;min-height:20px;margin-top:5px;font-size:10px;line-height:1.35;display:flex;overflow:visible}.battle-surface .keyword-row{min-height:10px;font-size:8px}.keyword-glossary{box-sizing:border-box;text-align:left;background:linear-gradient(#101218f5,#08090cf5);border:1px solid #20d6f252;border-radius:10px;padding:8px 9px;box-shadow:0 8px 22px #00000080}.keyword-glossary ul{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.keyword-glossary-item{flex-direction:column;gap:3px;display:flex}.keyword-glossary-label{color:#d1fbff;font-family:var(--font-display);background:#20d6f252;border-radius:4px;align-self:flex-start;padding:2px 8px;font-weight:900;line-height:1.08}.keyword-glossary-text{color:#ffffffe0;font-family:var(--font-display);font-weight:700}.battle-surface .minion .minion-stats{bottom:-7px;left:5px;right:5px}.battle-surface .hand{z-index:70;grid-column:auto;width:min(760px,70%);height:128px;position:absolute;left:50%;transform:translate(-50%)}.battle-surface .opponent-hand{z-index:12;pointer-events:none;align-items:flex-start;height:128px;top:34px}.battle-surface .player-area:not(.opponent) .hand{bottom:-54px}.battle-surface .opponent-hand .card-back{width:80px;height:110px;margin:0 calc((var(--squeeze,1) * 60px - 80px) / 2);transform:translateY(var(--y,0px)) rotate(calc(180deg - var(--rot,0deg)));transform-origin:50%;pointer-events:none}.battle-surface .hand-row .card:hover{transform:rotate(var(--rot,0deg)) translateY(calc(var(--y,0px) - 60px)) scale(1.75);z-index:1000}.battle-surface .hand-row .card.selected{z-index:1000}.battle-surface .center-line{z-index:80;pointer-events:none;height:1px;min-height:1px;display:block;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.battle-surface .center-line:before{content:"";filter:blur(.2px);background:linear-gradient(90deg,#0000 0%,#5d40374d 15%,#0000 30%,#5d403766 45%,#0000 55%,#5d403780 80%,#0000 100%);width:40%;height:2px;position:absolute;top:0;left:20%;box-shadow:0 1px #fff3}.end-turn-group{z-index:1000;pointer-events:auto;flex-direction:column;align-items:center;gap:15px;display:flex;position:absolute;top:50%;right:40px;transform:translateY(-50%)}.turn-counter{aspect-ratio:1664/925;z-index:940;pointer-events:none;filter:drop-shadow(0 10px 9px #0000006b);flex:none;width:clamp(220px,17vw,270px);margin-bottom:-9px;position:relative}.turn-counter.has-special-tooltip{pointer-events:auto;cursor:help;outline:none}.turn-counter.has-special-tooltip:after{z-index:10;color:#fff1c7;content:attr(data-tooltip);opacity:0;pointer-events:none;white-space:nowrap;background:#23130af0;border:2px solid #5e3618e6;border-radius:8px;padding:7px 12px;font-size:clamp(12px,.9vw,15px);font-weight:800;line-height:1;transition:opacity .15s,transform .15s;position:absolute;top:-8px;left:50%;transform:translate(-50%,calc(5px - 100%));box-shadow:0 5px 12px #0000006b}.turn-counter.has-special-tooltip:hover:after,.turn-counter.has-special-tooltip:focus-visible:after{opacity:1;transform:translate(-50%,-100%)}.turn-counter-frame{z-index:1;object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.turn-counter-overlay{z-index:4;object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.turn-counter-numbers{z-index:2;clip-path:polygon(5% 43%,14% 24%,30% 10%,50% 4%,70% 10%,86% 24%,95% 43%,92% 69%,8% 69%);transform-origin:50% 84%;animation:.72s cubic-bezier(.16,.84,.24,1) both turn-counter-roll;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000006b,#000000b3 20%,#000 34% 66%,#000000b3 80%,#0000006b);mask-image:linear-gradient(90deg,#0000006b,#000000b3 20%,#000 34% 66%,#000000b3 80%,#0000006b)}.turn-counter-glass{z-index:5;clip-path:polygon(5% 43%,14% 24%,30% 12%,50% 7%,70% 12%,86% 24%,95% 43%,92% 69%,8% 69%);mix-blend-mode:multiply;background:linear-gradient(90deg,#30190b38,#0000 28% 72%,#30190b38),radial-gradient(at 50% 88%,#361c0c47 0%,#0000 47%),linear-gradient(#ffffff2e,#0000 34%,#361c0c33 76%);position:absolute;inset:0;box-shadow:inset 0 10px 14px #3d200e57,inset 0 -12px 16px #2a160961}.turn-counter-tick{color:#5b3a20;width:15%;font-family:var(--font-display);font-variant-numeric:tabular-nums;opacity:.84;mix-blend-mode:multiply;text-shadow:0 1px #fff8da9e,0 2px 2px #341d0e80;place-items:center;font-size:clamp(18px,1.8vw,29px);font-weight:900;line-height:1;display:grid;position:absolute;transform:translate(-50%,-50%)}.turn-counter-tick[data-offset="-2"]{opacity:.52;filter:brightness(.72);top:58%;left:19.5%;transform:translate(-50%,-50%)rotate(-30deg)}.turn-counter-tick[data-offset="-1"]{top:46%;left:31.5%;transform:translate(-50%,-50%)rotate(-16deg)}.turn-counter-tick[data-offset="0"]{top:40%;left:50%}.turn-counter-tick[data-offset="1"]{top:46%;left:68.5%;transform:translate(-50%,-50%)rotate(16deg)}.turn-counter-tick[data-offset="2"]{opacity:.52;filter:brightness(.72);top:58%;left:80.5%;transform:translate(-50%,-50%)rotate(30deg)}.turn-counter-tick.current{color:#3c2415;opacity:1;text-shadow:0 1px #fff7cf,0 3px 3px #341d0e80,0 0 8px #ffd2567a;font-size:clamp(24px,2.35vw,38px);line-height:1.12}.turn-counter-tick.amplification{color:#3e772e;text-shadow:0 1px #f5efc7,0 0 8px #70c24de6}.turn-counter-tick.vote{color:#6d3c82;text-shadow:0 1px #fff1bc,0 0 8px #daa5ffeb}.turn-counter.is-amplification,.turn-counter.is-vote{animation:1.4s ease-in-out infinite turn-counter-special-pulse}.turn-counter.is-amplification-preview,.turn-counter.is-vote-preview{animation:1.8s ease-in-out infinite turn-counter-preview-pulse}.turn-counter.is-amplification,.turn-counter.is-amplification-preview{--turn-counter-glow:#70c24dd1}.turn-counter.is-vote,.turn-counter.is-vote-preview{--turn-counter-glow:#cf87ffe6}@keyframes turn-counter-roll{0%{opacity:.2;filter:blur(3px);transform:rotate(27deg)}58%{opacity:.9;filter:blur(.7px)}82%{opacity:1;filter:blur();transform:rotate(-2.5deg)}to{opacity:1;filter:blur();transform:rotate(0)}}@keyframes turn-counter-special-pulse{0%,to{filter:drop-shadow(0 10px 9px #0000006b) drop-shadow(0 0 4px var(--turn-counter-glow))}50%{filter:drop-shadow(0 10px 9px #0000006b) drop-shadow(0 0 14px var(--turn-counter-glow))}}@keyframes turn-counter-preview-pulse{0%,to{filter:drop-shadow(0 10px 9px #0000006b) drop-shadow(0 0 3px var(--turn-counter-glow))}50%{filter:drop-shadow(0 10px 9px #0000006b) drop-shadow(0 0 9px var(--turn-counter-glow))}}.turn-countdown-badge{color:#2d1609;letter-spacing:0;pointer-events:none;background:#ffeec4f0;border:3px solid #5d2e17;justify-content:center;align-items:center;gap:8px;min-width:108px;min-height:42px;padding:6px 12px;font-weight:900;display:inline-flex;box-shadow:0 5px #6b3519,0 10px 18px #00000057}.center-line .turn-countdown-badge{z-index:1000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.turn-countdown-label{white-space:nowrap;font-size:13px}.turn-countdown-value{color:#ffef9d;font-variant-numeric:tabular-nums;background:#2d1609;place-items:center;width:34px;height:30px;font-size:24px;line-height:1;display:inline-grid}.turn-countdown-badge.urgent{color:#5c120c;background:#ffe1bf;border-color:#8f1d13;animation:.7s ease-in-out infinite turn-countdown-pulse}.turn-countdown-badge.urgent .turn-countdown-value{color:#fff1c2;background:#8f1d13}@keyframes turn-countdown-pulse{0%,to{filter:drop-shadow(0 0 5px #ffdc50a6)}50%{filter:drop-shadow(0 0 14px #ff4a28db)}}.battle-deck-pile{background:url(/images/ui/card_back.webp) 50%/100% 100% no-repeat;border:2px solid #444;border-radius:8px;width:80px;height:110px;position:relative;box-shadow:1px 1px #222,2px 2px #222,3px 3px #222,4px 4px 5px #00000080}.battle-deck-pile .count-badge{background:var(--neon-yellow);color:#000;width:24px;height:24px;box-shadow:0 0 10px var(--neon-yellow);border-radius:50%;place-items:center;font-size:11px;font-weight:900;display:grid;position:absolute;top:50%;right:-8px;transform:translateY(-50%)}.battle-surface .end-turn-btn{background:var(--neon-yellow);color:#000;clip-path:polygon(10% 0,100% 0,100% 80%,90% 100%,0 100%,0 20%);border:0;border-radius:0;min-width:126px;min-height:50px;padding:0 24px;font-size:18px;font-weight:900;box-shadow:0 0 15px #fe06}.end-turn-wrap{line-height:0;display:inline-flex}.end-turn-wrap.can-end{animation:1.4s ease-in-out infinite end-turn-ready-pulse}@keyframes end-turn-ready-pulse{0%,to{filter:drop-shadow(0 0 6px var(--neon-lime)) drop-shadow(0 0 10px var(--neon-lime))}50%{filter:drop-shadow(0 0 14px var(--neon-lime)) drop-shadow(0 0 22px var(--neon-lime))}}.battle-surface .turn-stack,.battle-surface #turn-indicator,.legacy-hidden-actions{display:none}#battle-settings-toggle.battle-gear-btn{color:#5d2e17;z-index:1100;pointer-events:auto;background:radial-gradient(circle at 45% 35%,#fff2c7 0%,#e4b64d 58%,#c37a24 100%);border:4px solid #5d2e17;border-radius:50%;width:60px;min-width:60px;height:60px;padding:0;font-size:30px;line-height:1;box-shadow:inset 0 3px #fff8d273,0 7px #6b3519,0 12px 16px #00000073;position:absolute!important;top:20px!important;right:73px!important}.controls .battle-gear-btn{min-width:60px;min-height:60px}#battle-settings-menu.battle-settings-menu{color:#3d1e0f;z-index:1095;pointer-events:auto;filter:drop-shadow(10px 12px #00000085);background:radial-gradient(circle at 50% 45%,#ffffff3d,#0000 78%),linear-gradient(#fff0c8 0%,#f4e4bc 78%,#e6ccb2 100%);border:5px solid #5d2e17;border-radius:4px;flex-direction:column;gap:8px;width:220px;padding:24px 18px 26px;display:flex;position:absolute!important;top:92px!important;right:95px!important}.battle-settings-menu:before{content:"";border-bottom:22px solid #5d2e17;border-left:15px solid #0000;border-right:15px solid #0000;width:0;height:0;position:absolute;top:-22px;right:38px}.battle-settings-title{color:#5d2e17;font-family:var(--font-display);text-align:center;margin-bottom:4px;font-size:20px;font-weight:900}.battle-settings-item{color:#3d1e0f;width:100%;min-height:58px;font-family:var(--font-display);letter-spacing:0;text-shadow:1px 1px #ffffff38;background:#ddb892;border:4px solid #5d2e17;border-radius:4px;justify-content:center;align-items:center;gap:12px;padding:0 16px;font-size:22px;font-weight:900;display:flex;box-shadow:4px 6px #3d1e0f}.battle-settings-item .menu-icon{text-align:center;width:24px;font-size:18px;line-height:1}.battle-settings-item:hover:not(:disabled){background:#c89f78;transform:translate(-2px,-2px);box-shadow:6px 8px #3d1e0f}.battle-settings-item.danger{color:#f4e4bc;background:#c5282d}.battle-settings-item.danger:hover:not(:disabled){background:#a91920}.battle-deck-backdrop{z-index:1300;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000094;place-items:center;display:grid;position:absolute;inset:0}.battle-deck-modal{border-radius:6px;width:min(600px,88%);max-height:760px;padding:24px 22px 26px}.battle-deck-modal .settings-modal-header{margin-bottom:8px}.battle-deck-summary{color:#6b3519;font-family:var(--font-display);text-align:center;margin:-4px 0 12px;font-size:14px;font-weight:900}.battle-deck-list{background:#8b451312;border:2px solid #5d2e1738;border-radius:4px;flex-direction:column;gap:8px;max-height:560px;padding:10px;display:flex;overflow-y:auto}.battle-deck-row{color:#3d1e0f;width:100%;min-height:48px;font-family:var(--font-display);text-align:left;background:#fff8e0e6;border:3px solid #5d2e17;border-radius:4px;grid-template-columns:38px minmax(0,1fr) minmax(90px,auto) 42px;align-items:center;gap:10px;padding:6px 10px;display:grid;box-shadow:3px 4px #3d1e0fcc}.battle-deck-row:hover:not(:disabled){filter:brightness(1.04);transform:translate(-1px,-1px);box-shadow:4px 5px #3d1e0fcc}.battle-deck-row.rarity-rare{border-color:#2578b8}.battle-deck-row.rarity-epic{border-color:#7a36b8}.battle-deck-row.rarity-legendary{border-color:#c28b23}.battle-deck-cost{color:#fff;text-align:center;text-shadow:0 1px 2px #000;background:linear-gradient(135deg,#00c6ff,#0072ff);border:2px solid #fff9;border-radius:4px;place-items:center;width:30px;height:30px;font-size:15px;font-weight:900;display:grid}.battle-deck-name,.battle-deck-category{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.battle-deck-name{font-size:17px;font-weight:900}.battle-deck-category{color:#7a4a31;text-align:right;font-size:12px}.battle-deck-count{color:#5d2e17;text-align:right;font-size:16px;font-weight:900}.battle-log-panel{z-index:1200;pointer-events:auto;background:linear-gradient(135deg,#8b4513eb,#654321eb);border:2px solid #8b4513;border-left:0;border-radius:0 12px 12px 0;width:60px;padding:8px 6px;display:flex;position:absolute;top:50%;left:0;overflow:visible;transform:translateY(-50%);box-shadow:5px 0 20px #0009,inset 0 0 30px #0000004d}.battle-log-panel--empty{box-shadow:none;pointer-events:none;background:0 0;border:0}.event-log-raw{display:none}.battle-log-list{flex-direction:column;flex:1;justify-content:flex-end;gap:6px;display:flex;overflow:visible}.log-entry{flex:none;align-items:center;animation:.32s both log-entry-in;display:flex;position:relative}@keyframes log-entry-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.log-tile{flex:0 0 46px;width:46px;height:46px;display:block;position:relative}.log-card-art{color:#f4e4bc;text-shadow:0 1px 2px #000;background-color:#4a2c1d8c;background-position:top;background-size:cover;border:2px solid #8b4513;border-radius:8px;place-items:center;width:100%;height:100%;font-size:20px;display:grid;box-shadow:inset 0 0 8px #00000080}.log-entry.log-mine .log-tile>.log-card-art{border-color:var(--cyan,#20d6f2)}.log-entry.log-enemy .log-tile>.log-card-art{border-color:#e0654a}.log-badge{border:1px solid var(--wood-dark,#5d2e17);background:radial-gradient(circle at 35% 30%,#fff6d8,#d4af37 60%,#a7652f);border-radius:50%;place-items:center;width:20px;height:20px;line-height:1;display:grid;position:absolute;bottom:-5px;right:-5px;box-shadow:0 1px 3px #0009}.log-badge svg{width:13px;height:13px;color:var(--wood-dark,#5d2e17)}.log-card-hero-avatar{background-position:50%;border-radius:50%}.log-card-hero svg,.log-card-empty svg{color:#f4e4bc;filter:drop-shadow(0 1px 2px #0009);width:42%;height:42%}.log-death-overlay,.log-death-mark{background:#3c000059;border-radius:8px;place-items:center;display:grid;position:absolute;inset:0}.log-death-overlay svg,.log-death-mark svg{color:#ff3b30;filter:drop-shadow(0 0 6px #000000e6)drop-shadow(0 0 8px #ff000080);width:30px;height:30px}.log-tooltip{transform-origin:0;border:2px solid var(--wood-dark,#5d2e17);background:linear-gradient(135deg, var(--parchment-light,#f4e4bc), var(--parchment-dark,#e6ccb2));color:#4a2c1d;opacity:0;pointer-events:none;z-index:5;border-radius:10px;flex-direction:column;gap:8px;padding:10px 12px;transition:opacity .15s,transform .15s;display:flex;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)scale(.95);box-shadow:0 8px 22px #0009}.log-entry:hover{z-index:10}.log-entry:hover .log-tooltip{opacity:1;transform:translateY(-50%)scale(1)}.log-tooltip-flow{align-items:center;gap:8px;display:flex}.log-flow-source,.log-flow-target{display:block;position:relative}.log-card-art-big{border-width:3px;border-radius:8px;width:84px;height:84px;font-size:34px}.log-flow-icon{filter:drop-shadow(0 1px 2px #00000080);place-items:center;display:grid}.log-flow-icon svg{width:22px;height:22px;color:var(--wood-dark,#5d2e17)}.log-flow-targets{flex-wrap:wrap;gap:8px;max-width:232px;display:flex}.log-flow-targets .log-card-art{border-width:3px;border-radius:8px;width:64px;height:64px;font-size:26px}.log-amount{text-align:center;color:#fff;text-shadow:0 1px 2px #000c;border:2px solid #00000080;border-radius:11px;min-width:24px;padding:1px 6px;font-size:15px;font-weight:900;position:absolute;bottom:-8px;right:-8px}.log-amount-damage,.log-amount-attack{background:#d23b2e}.log-amount-heal{background:#2faa4f}.log-amount-buff{background:#c8932f;font-size:13px}.log-tooltip-label{white-space:nowrap;font-size:13px;font-weight:700;line-height:1.35}.battle-player-hud{z-index:75;pointer-events:none;align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:14px;left:20px}.battle-player-info{background:var(--parchment-light);border:4px solid var(--wood-dark);color:#4a2c1d;pointer-events:auto;border-radius:8px;flex:none;min-width:150px;padding:10px 24px;position:relative;bottom:auto;left:auto;box-shadow:inset 0 2px 4px #0000001a,0 4px 10px #00000080}.battle-player-info .player-username{font-family:var(--font-display);font-size:18px;font-weight:900}.battle-player-info .player-title{color:#6b3519;font-size:12px}.training-coach{z-index:140;color:#3d2616;background:linear-gradient(#fff8e0fa,#e5cfa5fa),#f4e4bc;border:4px solid #7a4a22;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;width:min(520px,100% - 48px);padding:16px 18px;display:grid;position:absolute;bottom:118px;left:24px;box-shadow:0 16px 38px #00000073}.training-coach-copy{gap:6px;display:grid}.training-coach-copy strong{color:#2f1b10;font-size:20px}.training-coach-copy p{margin:0;font-size:16px;line-height:1.45}.training-coach-actions{justify-content:flex-end;align-items:center;display:flex}.training-action-lock{color:#5a3219;text-align:center;background:#ffffff61;border:2px solid #7a4a2275;border-radius:8px;min-width:116px;padding:8px 12px;font-weight:900}.training-highlight{z-index:120;outline-offset:4px;isolation:isolate;outline:3px solid #ffd24df5;box-shadow:0 0 0 6px #53310d6b,0 0 30px #ffd24ddb!important}.end-turn-wrap.training-highlight,.minion-stats .training-highlight{position:relative}.card-cost.training-highlight{position:absolute}.training-highlight:before,.training-highlight:after{content:"";pointer-events:none;position:absolute}.training-highlight:before{z-index:3;border-radius:inherit;border:2px solid #fff4aab8;animation:1.6s ease-in-out infinite training-highlight-ring;inset:-9px;box-shadow:0 0 14px #ffd24d94}.training-highlight:after{z-index:4;background:radial-gradient(circle at 50% 0,#fffffffa 0 2px,#0000 3px),radial-gradient(circle at 100%,#ffe874f2 0 2px,#0000 3px),radial-gradient(circle at 50% 100%,#ffffffeb 0 2px,#0000 3px),radial-gradient(circle at 0%,#ffe874f2 0 2px,#0000 3px);border-radius:14px;animation:2.8s linear infinite training-highlight-orbit;inset:-13px}.minion-stats .training-highlight{outline-offset:2px;outline-width:3px}.minion-stats .training-highlight:before,.minion-stats .training-highlight:after,.card-cost.training-highlight:before,.card-cost.training-highlight:after{inset:-7px}.battle-surface .mana-container.training-highlight-mana{outline:0;box-shadow:none!important}.battle-surface .mana-container.training-highlight-mana:before{border-radius:999px;inset:30px 391px 26px 22px}.battle-surface .mana-container.training-highlight-mana:after{border-radius:999px;inset:34px 395px 30px 26px}.battle-surface .mana-container.training-highlight-mana .mana-crystal.active{filter:brightness(1.3)drop-shadow(0 0 10px #fff4aaeb)}@keyframes training-highlight-ring{0%,to{opacity:.7}50%{opacity:1}}@keyframes training-highlight-orbit{to{transform:rotate(360deg)}}#training-drag-demo.battle-surface{z-index:130;pointer-events:none;width:100%;height:100%;min-height:0;box-shadow:none;background:0 0;padding:0;display:block;position:fixed;inset:0;overflow:visible}.training-demo-ghost{filter:drop-shadow(0 12px 22px #00000080);will-change:transform, opacity;position:absolute;top:0;left:0}.training-demo-ghost .card,.training-demo-ghost .minion{opacity:.96;width:100%;margin:0}.training-demo-cursor{filter:drop-shadow(0 3px 5px #0000008c);will-change:transform, opacity;background:url(/images/cursors/cursor_pointer.webp) 0 0/contain no-repeat;width:30px;height:30px;position:absolute;top:0;left:0}.training-demo-cursor:before{content:"";border:2px solid #fff4aae6;border-radius:999px;width:26px;height:26px;animation:1.1s ease-in-out infinite training-demo-press;position:absolute;top:2px;left:4px;box-shadow:0 0 12px #ffd24dbf}.training-demo-label{white-space:nowrap;letter-spacing:.05em;color:#2a1a05;will-change:transform, opacity;background:linear-gradient(#fff4aafa,#ffd24dfa);border:2px solid #ffffffd9;border-radius:999px;padding:5px 14px;font-size:16px;font-weight:800;position:absolute;top:0;left:0;box-shadow:0 4px 14px #00000073,0 0 16px #ffd24d99}.training-demo-label.is-release{color:#06321a;background:linear-gradient(#baffc9fa,#43e97bfa);box-shadow:0 4px 14px #00000073,0 0 16px #43e97b99}@keyframes training-demo-press{0%,to{opacity:.7;transform:scale(.78)}50%{opacity:1;transform:scale(1.12)}}@media (prefers-reduced-motion:reduce){#training-drag-demo.battle-surface{display:none}}.training-active .battle-gear-btn,.training-active .battle-log-panel,.training-active .battle-player-info{z-index:60}@media (width<=900px){.battle-selection-content{padding:24px 18px}.battle-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.battle-mode-card{min-height:92px;padding:14px 12px}.battle-mode-card strong{font-size:20px}.sub-title{font-size:38px}.battle-private-room,.battle-start-row,.private-join-form{flex-wrap:wrap}.ai-battle-setup .battle-setup-container{gap:20px;padding:28px}.training-coach{grid-template-columns:1fr;justify-items:stretch;width:calc(100% - 32px);bottom:88px;left:16px}.training-coach-actions{justify-content:stretch}.training-coach-actions .neon-button{width:100%}.preview-description{width:70%;margin-top:-40px}#deck-options-container{right:120px}.battle-surface .mana-container{transform-origin:0;min-width:240px;transform:scale(.72)}.battle-surface .player-area:not(.opponent) .status-cluster{right:40px}.battle-player-hud{gap:2px;bottom:8px;left:10px}.turn-counter{width:175px}}