:root{--font-display: "Lilita One", system-ui, sans-serif;--gold: #ffc83d;--royal-blue: #2f6fd4;--bg-dark: #16221a;--panel: rgba(12, 20, 14, .86);--elixir: #d94fd4}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--bg-dark);font-family:var(--font-display);color:#fff;touch-action:none;user-select:none;-webkit-user-select:none}.home-screen{height:100%;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% -20%,#3d6b2e 0%,transparent 60%),radial-gradient(ellipse at 50% 120%,#1c3a5e 0%,transparent 60%),var(--bg-dark)}.home-content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.tab-bar{display:flex;justify-content:center;gap:6px;padding:6px 10px 8px;background:linear-gradient(180deg,#16294a,#0e1c34);border-top:3px solid #0a1526;box-shadow:0 -4px 16px #0006}.tab-button{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:110px;padding:6px 18px;border-radius:12px;border:2px solid transparent;background:transparent;color:#93a7c9;font-family:var(--font-display);font-size:13px;cursor:pointer;transition:background .13s ease,color .13s ease,transform .13s ease}.tab-button:hover{color:#d5e2f8}.tab-button.active{background:linear-gradient(180deg,#2f5493,#22406f);border-color:#4d79c4;color:#fff;transform:translateY(-2px);box-shadow:0 4px 10px #0006}.tab-icon{font-size:20px}.battle-tab{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:18px 24px}.deck-preview{display:flex;gap:6px;margin-top:10px}.deck-preview-card{width:clamp(34px,5.5vh,48px);aspect-ratio:3 / 4;border-radius:8px;background:linear-gradient(180deg,#2c4a7e,#1b3054);border:2px solid #c99a3c;display:flex;align-items:center;justify-content:center;overflow:hidden}.screen-title{font-size:clamp(20px,3.6vh,28px);text-shadow:0 3px 0 rgba(0,0,0,.45);margin:14px 18px 10px 240px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px;padding:0 18px 18px}.grid-card{position:relative;aspect-ratio:3 / 4;border-radius:10px;background:linear-gradient(180deg,color-mix(in srgb,var(--card-color, #33518a) 55%,#4a6288),color-mix(in srgb,var(--card-color, #24395f) 70%,#1a2a45));border:3px solid #c99a3c;outline:2px solid #6d4c10;box-shadow:inset 0 2px #ffffff40,0 4px 8px #0006;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#fff;font-family:var(--font-display);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.grid-card:hover:not(:disabled){transform:translateY(-4px) scale(1.04);box-shadow:inset 0 2px #ffffff40,0 10px 16px #00000080}.grid-card:disabled{cursor:default}.grid-card-name{font-size:10px;text-shadow:0 1px 2px rgba(0,0,0,.6);padding:0 2px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#050906b3;display:flex;align-items:center;justify-content:center;padding:16px}.modal-card{width:min(440px,92vw);max-height:88vh;overflow-y:auto;background:linear-gradient(180deg,#23406e,#14263f);border:3px solid #c99a3c;border-radius:16px;padding:16px;box-shadow:0 20px 50px #000000a6}.modal-header{display:flex;align-items:center;gap:14px;margin-bottom:12px}.modal-header h3{font-size:24px}.modal-type{font-size:13px;color:#a9bede;font-family:system-ui,sans-serif}.modal-art{position:relative;width:74px;aspect-ratio:3 / 4;border-radius:10px;background:linear-gradient(180deg,color-mix(in srgb,var(--card-color, #666) 75%,white) 0%,var(--card-color, #666) 70%);border:3px solid #c99a3c;display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-close{margin-left:auto;width:36px;height:36px;font-size:15px}.stat-rows{display:flex;flex-direction:column;gap:5px}.stat-row{display:flex;align-items:center;gap:10px;background:#080e1a8c;border-radius:8px;padding:6px 12px}.stat-icon{width:22px;text-align:center}.stat-label{flex:1;font-size:13px;color:#c3d2ea;font-family:system-ui,sans-serif}.stat-value{font-size:15px}.modal-description{font-size:13px;color:#c3d2ea;font-family:system-ui,sans-serif;margin-bottom:10px;font-style:italic}.modal-tags{font-size:11px;color:#8fa8cd;font-family:system-ui,sans-serif}.derived-title{margin:12px 0 6px;font-size:14px;color:#ffe08a}.stat-rows.derived .stat-row{background:#1e160880}.balance-row .stat-label em{color:#93a7c9;font-size:12px}.balance-row .stat-label{line-height:1.5}.grid-card.rarity-comum{border-color:#b0bec5;outline-color:#546e7a}.grid-card.rarity-rara{border-color:#ffb74d;outline-color:#a15c07}.grid-card.rarity-epica{border-color:#ce93d8;outline-color:#6a1b9a}.deck-screen{padding-bottom:12px}.deck-header{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-right:18px}.avg-cost{font-size:14px;color:#e8c7e6;font-family:system-ui,sans-serif}.text-button{margin-left:auto;background:none;border:2px solid rgba(255,255,255,.3);border-radius:10px;color:#cdd9ee;font-family:var(--font-display);font-size:12px;padding:6px 12px;cursor:pointer}.text-button:hover{border-color:var(--gold);color:var(--gold)}.deck-slots{display:grid;grid-template-columns:repeat(8,minmax(64px,96px));justify-content:center;gap:10px;padding:4px 18px 8px}@media(max-width:900px){.deck-slots{grid-template-columns:repeat(4,minmax(64px,96px))}}.deck-slot.selected{border-color:#7dff5a;outline-color:#2e7d32;transform:translateY(-4px);box-shadow:0 0 16px #7dff5a80}.deck-hint{text-align:center;font-size:13px;color:#b7c6de;font-family:system-ui,sans-serif;padding:4px 0 8px}.trade-grid.dimmed{opacity:.45}.menu-crown{font-size:clamp(48px,10vh,88px);filter:drop-shadow(0 6px 12px rgba(0,0,0,.5));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.menu-title{font-size:clamp(40px,9vw,92px);line-height:1;letter-spacing:2px;text-shadow:0 4px 0 #7a4a12,0 8px 18px rgba(0,0,0,.6)}.menu-title span{color:var(--gold)}.menu-subtitle{font-size:clamp(14px,2.4vw,22px);opacity:.85}.play-button{font-family:var(--font-display);font-size:clamp(20px,3.4vw,30px);color:#fff;background:linear-gradient(180deg,#ffd24d,#f5a623 45%,#e08e13);border:3px solid #8a5a0a;border-radius:16px;padding:14px 44px;cursor:pointer;box-shadow:0 6px #8a5a0a,0 12px 22px #00000073;text-shadow:0 2px 2px rgba(122,74,18,.7);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;min-height:56px}.play-button:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-2px);box-shadow:0 8px #8a5a0a,0 16px 26px #00000080}.play-button:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px #8a5a0a,0 6px 12px #0006}.play-button:disabled{filter:grayscale(.6);cursor:wait}.menu-hint{margin-top:18px;font-size:13px;opacity:.55;font-family:system-ui,sans-serif}.battle-root{position:relative;width:100%;height:100%}.game-host{position:absolute;top:0;right:0;bottom:0;left:0}@media(max-height:500px){.battle-root.hand-left .game-host{left:100px;right:0;bottom:0}.battle-root.hand-right .game-host{right:100px;left:0;bottom:0}}.game-host canvas{display:block}.top-bar{position:absolute;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:center;gap:14px;padding:6px 14px;pointer-events:none}.player-plate{display:flex;flex-direction:column;align-items:center;min-width:130px;padding:4px 14px 6px;border-radius:0 0 14px 14px;border:2px solid;border-top:none;background:linear-gradient(180deg,#0a101ceb,#0a101cc7);box-shadow:0 4px 10px #00000073}.player-plate.blue{border-color:#3f8cff}.player-plate.red{border-color:#ef5350}.plate-name{font-size:13px;letter-spacing:.5px}.player-plate.blue .plate-name{color:#9cc7ff}.player-plate.red .plate-name{color:#ffb3b0}.plate-crowns{font-size:clamp(16px,2.8vh,22px)}.timer-plate{display:flex;flex-direction:column;align-items:center;min-width:120px;padding:4px 16px 6px;border-radius:0 0 14px 14px;border:2px solid var(--gold);border-top:none;background:linear-gradient(180deg,#140e02f0,#140e02cc);box-shadow:0 4px 10px #00000073}.timer-label{font-size:11px;letter-spacing:1px;color:#d8c48a;text-transform:uppercase}.timer-value{font-size:clamp(22px,4vh,32px);color:var(--gold);line-height:1;text-shadow:0 2px 0 rgba(0,0,0,.6)}.timer-plate.sudden-death{border-color:#ef5350;animation:pulse-red 1s infinite}.timer-plate.sudden-death .timer-label{color:#ff8a80}.timer-plate.sudden-death .timer-value{color:#ef9a9a}@keyframes pulse-red{0%,to{box-shadow:0 0 #ef535000}50%{box-shadow:0 0 18px #ef5350a6}}.top-actions{position:absolute;right:10px;top:8px;display:flex;gap:8px;pointer-events:auto}.icon-button{font-size:18px;width:44px;height:44px;border-radius:10px;border:2px solid rgba(255,255,255,.25);background:var(--panel);color:#fff;cursor:pointer}.bottom-hud{position:absolute;left:50%;bottom:0;transform:translate(-50%);display:flex;flex-direction:column-reverse;align-items:center;gap:5px;padding:8px 18px;border-radius:18px 18px 0 0;background:linear-gradient(180deg,#23406e,#16294a 60%,#101f38);border:3px solid #0a1526;border-bottom:none;box-shadow:0 -6px 22px #00000080,inset 0 2px #ffffff1f}@media(max-height:500px){.bottom-hud{flex-direction:column;top:50px;bottom:6px;transform:none;width:92px;justify-content:flex-start;gap:4px;padding:6px 5px;border-radius:0 16px 16px 0}.battle-root.hand-left .bottom-hud{left:0;right:auto}.battle-root.hand-right .bottom-hud{right:0;left:auto;border-radius:16px 0 0 16px}.bottom-hud .card-hand{flex-direction:column;align-items:center;gap:3px;width:100%}.bottom-hud .card{width:clamp(30px,5.4vh,42px)}.bottom-hud .card-cost{font-size:11px;width:18px;height:18px}.bottom-hud .card-name{font-size:7.5px}.bottom-hud .next-card{flex-direction:row;align-items:center;gap:4px;margin:0}.bottom-hud .next-label{font-size:7.5px}.bottom-hud .mini-card{width:22px;height:28px;font-size:11px}.bottom-hud .elixir-bar{justify-content:center;gap:3px;padding:3px 4px;width:100%}.bottom-hud .elixir-drop{font-size:13px}.bottom-hud .elixir-number{font-size:14px}.bottom-hud .elixir-segments{gap:1px}.bottom-hud .elixir-segment{min-width:5px;height:8px}.bottom-hud .elixir-max,.bottom-hud .elixir-boost{display:none}.battle-root.hand-left .emote-picker{left:auto;right:10px;bottom:64px}.battle-root.hand-right .ability-button{right:auto;left:12px;bottom:64px}}.elixir-bar{display:flex;align-items:center;gap:6px;width:100%;background:#080e1abf;border-radius:12px;padding:3px 10px 3px 4px;border:2px solid rgba(217,79,212,.55);position:relative}.elixir-drop{font-size:18px;filter:hue-rotate(75deg) saturate(1.6)}.elixir-number{font-size:18px;color:#fff;min-width:20px;text-align:center;text-shadow:0 2px 2px rgba(0,0,0,.6)}.elixir-segments{display:flex;gap:3px;flex:1}.elixir-segment{flex:1;height:14px;border-radius:4px;background:#ffffff1a;box-shadow:inset 0 1px 3px #00000080;overflow:hidden;position:relative}.elixir-segment:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:scaleX(var(--fill, 0));transform-origin:left;background:linear-gradient(180deg,#f795f1 0%,var(--elixir) 55%,#a627a0 100%)}.elixir-max{font-size:11px;color:#d9b3d6;font-family:system-ui,sans-serif;white-space:nowrap}.elixir-boost{font-size:13px;color:#ffe08a;font-family:var(--font-display);white-space:nowrap}.elixir-bar.boosted{animation:elixir-pulse 1s ease-in-out infinite}@keyframes elixir-pulse{0%,to{box-shadow:0 0 #d94fd400}50%{box-shadow:0 0 16px #d94fd4cc}}.overtime-banner.elixir-x2{color:#f06ae8;text-shadow:0 4px 0 #5d0f57,0 10px 26px rgba(0,0,0,.8)}.overtime-banner.elixir-x2 span{color:#f8d5f6}.elixir-bar.overflow{animation:elixir-overflow .5s ease-in-out infinite;border-color:#ff5252}@keyframes elixir-overflow{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.battle-root{animation:battle-in .7s ease}@keyframes battle-in{0%{opacity:0;filter:brightness(2) saturate(.5)}to{opacity:1;filter:brightness(1) saturate(1)}}.result p{animation:crowns-pop .5s cubic-bezier(.2,1.6,.4,1) .2s backwards}@keyframes crowns-pop{0%{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}.drag-ghost{transition:transform 80ms ease-out}.admin-screen{height:100%;overflow-y:auto;background:var(--bg-dark);padding:12px 18px 30px;font-family:system-ui,sans-serif;display:flex;flex-direction:column;gap:10px}.admin-screen:has(.onboarding-card){align-items:center;justify-content:center}.admin-header{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.admin-header h2{font-family:var(--font-display)}.admin-header .icon-button{margin-left:auto}.admin-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.admin-actions .text-button{margin-left:0}.admin-note{font-size:12px;color:#93a7c9}.admin-error{color:#ef9a9a;font-size:13px}.admin-busy{display:flex;gap:10px;align-items:center;color:#ffe08a;font-size:13px}.admin-busy .spinner{width:18px;height:18px;border-width:3px}.admin-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:8px}.admin-table th{text-align:left;color:#ffe08a;padding:6px 8px;border-bottom:2px solid rgba(255,255,255,.15)}.admin-table td{padding:5px 8px;border-bottom:1px solid rgba(255,255,255,.06)}.admin-table tbody tr{cursor:pointer}.admin-table tbody tr:hover{background:#ffffff0d}.admin-matchups{margin-top:10px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}.admin-matchups h4{width:100%;font-family:var(--font-display);font-size:14px}.matchup{font-size:12px;padding:3px 10px;border-radius:10px;background:#080e1ab3;border:1px solid rgba(255,255,255,.15)}.matchup.good{border-color:#66bb6a;color:#a5d6a7}.matchup.bad{border-color:#ef5350;color:#ef9a9a}.suggestion-card{background:#080e1a99;border:2px solid rgba(255,255,255,.12);border-radius:12px;padding:12px 16px;margin-bottom:8px;font-size:13px;display:flex;flex-direction:column;gap:5px}.suggestion-head{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.suggestion-card code{color:#ffe08a}.suggestion-card .result-actions{justify-content:flex-start}.rework-form{display:flex;flex-direction:column;gap:8px;max-width:560px}.rework-row{display:flex;gap:8px}.rework-form .code-input{width:100%;text-transform:none;letter-spacing:normal;font-size:14px;text-align:left;padding-left:12px}.rework-tradeoff{min-height:70px;resize:vertical;font-family:system-ui,sans-serif}.vs-panel{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:26px 40px;background:var(--panel);border:3px solid var(--gold);border-radius:20px;animation:banner-in 3s ease forwards}.vs-player{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 24px;border-radius:14px;border:3px solid;min-width:160px}.vs-player.blue{border-color:#3f8cff;background:#3f8cff1f}.vs-player.red{border-color:#ef5350;background:#ef53501f}.vs-name{font-size:22px}.vs-badge{font-size:44px;color:var(--gold);text-shadow:0 4px 0 #7a4a12,0 8px 20px rgba(0,0,0,.6)}.vs-rivalry{grid-column:1 / -1;text-align:center;font-size:14px;color:#ffe08a;font-family:system-ui,sans-serif}.card-hand{display:flex;align-items:flex-end;gap:8px}.next-card{display:flex;flex-direction:column;align-items:center;gap:2px;margin-right:4px}.next-label{font-size:10px;opacity:.7;font-family:system-ui,sans-serif}.mini-card{width:34px;height:42px;border-radius:8px;background:linear-gradient(180deg,color-mix(in srgb,var(--card-color, #666) 80%,white) 0%,var(--card-color, #666) 100%);border:2px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;font-size:16px;opacity:.85}.card{position:relative;width:clamp(58px,9.5vh,84px);aspect-ratio:3 / 4;border-radius:10px;background:linear-gradient(180deg,color-mix(in srgb,var(--card-color, #666) 75%,white) 0%,var(--card-color, #666) 70%);border:3px solid #c99a3c;outline:2px solid #6d4c10;box-shadow:inset 0 2px #ffffff59,0 4px #0006,0 8px 14px #00000059;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:grab;transition:transform .13s ease,box-shadow .13s ease,filter .13s ease;touch-action:none}.card:hover:not(.unaffordable){transform:translateY(-8px) scale(1.05);box-shadow:0 8px #0006,0 16px 22px #00000073;border-color:var(--gold)}.card.dragging{opacity:.35}.card.unaffordable{filter:grayscale(.75) brightness(.6);cursor:not-allowed}.card-cost{position:absolute;bottom:-9px;left:50%;transform:translate(-50%);width:26px;height:26px;border-radius:50%/42% 42% 58% 58%;background:radial-gradient(circle at 35% 28%,#f6a6f0,var(--elixir) 65%,#8e1f88 100%);border:2px solid #fff;display:flex;align-items:center;justify-content:center;font-size:14px;z-index:1;box-shadow:0 2px 5px #00000080}.card-emoji{font-size:clamp(24px,4.4vh,38px);filter:drop-shadow(0 3px 3px rgba(0,0,0,.4))}.card-art{width:78%;aspect-ratio:1;overflow:hidden;pointer-events:none;filter:drop-shadow(0 3px 3px rgba(0,0,0,.35))}.card-art img{display:block;max-width:none}.card-art.building{display:flex;align-items:center;justify-content:center}.card-art.building img{max-width:80%;max-height:100%;object-fit:contain}.mini-card .card-art{width:90%}.card-name{font-size:clamp(8px,1.3vh,11px);text-shadow:0 1px 2px rgba(0,0,0,.6)}.drag-ghost{position:fixed;transform:translate(-50%,-50%);font-size:44px;pointer-events:none;z-index:50;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#080c09b8;z-index:20}.overlay.transparent{background:transparent;pointer-events:none}.overlay-card{background:var(--panel);border:3px solid var(--gold);border-radius:20px;padding:30px 48px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 18px 44px #0009;width:min(440px,92vw);max-height:92vh;overflow-y:auto}.overlay-card h2{font-size:28px}.overlay-card p{opacity:.8;font-family:system-ui,sans-serif;font-size:14px}.result-emoji{font-size:56px}.result p{font-family:var(--font-display);font-size:22px;opacity:1}.countdown{font-size:140px;color:var(--gold);text-shadow:0 6px 0 #7a4a12,0 14px 30px rgba(0,0,0,.7);animation:countdown-pop 1s ease infinite}@keyframes countdown-pop{0%{transform:scale(1.3);opacity:.4}30%{transform:scale(1);opacity:1}to{transform:scale(.96);opacity:.9}}.spinner{width:42px;height:42px;border:5px solid rgba(255,255,255,.2);border-top-color:var(--gold);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:120px;left:50%;transform:translate(-50%);background:#b42828eb;padding:10px 22px;border-radius:12px;font-size:15px;z-index:60;animation:toast-in .16s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.profile-plate{position:absolute;top:8px;left:10px;z-index:5;display:flex;align-items:center;gap:10px;background:linear-gradient(180deg,#0a101ceb,#0a101cbf);border:2px solid var(--gold);border-radius:12px;padding:6px 12px}.profile-trophy{font-size:15px;color:var(--gold);white-space:nowrap}.profile-name{background:#ffffff14;border:2px solid transparent;border-radius:8px;color:#fff;font-family:var(--font-display);font-size:14px;padding:3px 8px;width:130px}.profile-name:focus{outline:none;border-color:var(--gold)}.home-header .profile-name{display:block;background:none;border:none;width:auto;max-width:140px;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.players-online{align-self:center;font-size:13px;font-weight:700;color:#9be06a;background:#00000059;border:1px solid rgba(155,224,106,.35);border-radius:999px;padding:4px 14px;letter-spacing:.3px}.dev-notice{max-width:440px}.dev-notice .modal-type.small{font-size:12.5px;opacity:.85}.dev-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:6px 0 12px}.dev-links a{color:#ffd75e;text-decoration:none;font-weight:700;padding:6px 12px;border-radius:10px;background:#ffd75e1a;border:1px solid rgba(255,215,94,.3)}.dev-links a:hover{background:#ffd75e33}.onboarding-error{color:#ef9a9a;font-size:12.5px;margin:-4px 0 2px}.play-buttons{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.play-button.secondary{background:linear-gradient(180deg,#7bb4ff,#3f8cff 45%,#2a6fd6);border-color:#174a94;box-shadow:0 6px #174a94,0 12px 22px #00000073;text-shadow:0 2px 2px rgba(20,60,120,.7)}.play-button.secondary:hover:not(:disabled){box-shadow:0 8px #174a94,0 16px 26px #00000080}.play-button.secondary:active:not(:disabled){box-shadow:0 2px #174a94,0 6px 12px #0006}.match-history{margin-top:12px;background:#080e1a99;border:2px solid rgba(255,255,255,.14);border-radius:14px;padding:10px 16px;min-width:min(420px,88vw)}.match-history h3{font-size:15px;margin-bottom:6px}.match-history ul{list-style:none}.history-row{display:flex;gap:14px;font-family:system-ui,sans-serif;font-size:13px;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.07)}.history-row:last-child{border-bottom:none}.history-result{flex:1;text-align:left}.history-row.win .history-result{color:#9ccc65}.history-row.loss .history-result{color:#ef9a9a}.lang-picker{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lang-label{font-weight:700;opacity:.85}.battle-root.overtime:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:15;animation:vignette-pulse 1.2s ease-in-out infinite}@keyframes vignette-pulse{0%,to{box-shadow:inset 0 0 60px #ef53502e}50%{box-shadow:inset 0 0 140px #ef535080}}.battle-root.tiebreaker:after{animation:tiebreaker-pulse-bg .7s ease-in-out infinite}@keyframes tiebreaker-pulse-bg{0%,to{box-shadow:inset 0 0 90px #ff8a0059}50%{box-shadow:inset 0 0 200px #ff3d3dbf}}.overtime-banner{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:clamp(34px,7vw,62px);color:#ff5252;text-shadow:0 4px 0 #5d0f0f,0 10px 26px rgba(0,0,0,.8);animation:banner-in 2.4s ease forwards}.overtime-banner span{font-size:clamp(16px,3vw,26px);color:#f8bbd0}.overtime-banner.tiebreaker{color:#ffd54f;text-shadow:0 4px 0 #6b4e00,0 10px 26px rgba(0,0,0,.8);animation:banner-in 2.8s ease forwards}.overtime-banner.tiebreaker span{color:#fff3c4}.tiebreaker-tag{position:absolute;top:64px;left:50%;transform:translate(-50%);padding:6px 16px;border-radius:999px;background:#6b4e00d9;color:#ffe082;font-size:clamp(12px,2.4vw,16px);font-weight:700;letter-spacing:.3px;box-shadow:0 4px 14px #00000080;animation:tiebreaker-pulse 1.1s ease-in-out infinite;pointer-events:none;z-index:30}@keyframes tiebreaker-pulse{0%,to{opacity:.85}50%{opacity:1;transform:translate(-50%) scale(1.04)}}@keyframes banner-in{0%{transform:scale(.3);opacity:0}12%{transform:scale(1.15);opacity:1}20%{transform:scale(1)}80%{transform:scale(1);opacity:1}to{transform:scale(1.05);opacity:0}}.fight-flash{font-size:clamp(60px,12vw,120px);color:var(--gold);text-shadow:0 6px 0 #7a4a12,0 16px 40px rgba(0,0,0,.8);animation:banner-in 1s ease forwards}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.confetti span{position:absolute;top:-40px;animation:confetti-fall linear forwards}@keyframes confetti-fall{to{transform:translateY(110vh) rotate(540deg);opacity:.7}}.emote-picker{position:absolute;left:10px;bottom:12px;z-index:18;display:flex;flex-direction:column;align-items:center;gap:8px}.emote-toggle.cooling{filter:grayscale(.8)}.emote-options{display:flex;flex-direction:column;gap:6px;background:var(--panel);border:2px solid rgba(255,255,255,.25);border-radius:14px;padding:8px}.emote-option{font-size:24px;background:none;border:none;cursor:pointer;transition:transform .1s ease;min-width:40px;min-height:40px}.emote-option:hover{transform:scale(1.3)}.replay-badge{position:absolute;top:64px;left:50%;transform:translate(-50%);background:#b42828e6;border-radius:10px;padding:4px 14px;font-size:14px;letter-spacing:2px;animation:pulse-red 1.6s infinite}.replay-controls{position:absolute;left:50%;bottom:10px;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:var(--panel);border:2px solid rgba(255,255,255,.2);border-radius:14px;padding:8px 12px;width:min(560px,92vw)}.replay-controls .icon-button.speed.active{border-color:var(--gold);color:var(--gold)}.replay-progress{flex:1;height:10px;border-radius:5px;background:#ffffff1f;overflow:hidden}.replay-progress-fill{height:100%;background:linear-gradient(90deg,#ffd24d,#f5a623)}.result-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;width:100%}.result-button{flex:1 1 auto;min-width:150px;min-height:52px;padding:12px 20px;border:2px solid rgba(240,181,60,.55);border-radius:14px;cursor:pointer;font-family:var(--font-display);font-size:17px;color:#fff3d6;background:linear-gradient(180deg,#342a4ef2,#1e1830f2);text-shadow:0 2px 4px rgba(0,0,0,.7);transition:transform .12s ease,filter .12s ease,border-color .12s ease}.result-button:hover{transform:translateY(-2px);border-color:var(--gold);filter:brightness(1.1)}.result-button:active{transform:translateY(1px)}.result-button.primary{background:linear-gradient(180deg,#f0b53c,#d38c1a);color:#2a1c00;border-color:#ffe29a;text-shadow:0 1px 1px rgba(255,255,255,.3)}.bot-play{display:flex;flex-direction:column;align-items:center;gap:6px}.difficulty-picker{display:flex;gap:4px;background:#080e1a99;border-radius:10px;padding:3px}.difficulty-option{font-family:var(--font-display);font-size:12px;color:#9db4d8;background:transparent;border:none;border-radius:8px;padding:4px 12px;cursor:pointer}.difficulty-option.active{background:linear-gradient(180deg,#7bb4ff,#3f8cff);color:#fff}.friend-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:4px}.code-input{width:110px;text-align:center;font-family:var(--font-display);font-size:18px;letter-spacing:4px;color:var(--gold);background:#080e1abf;border:2px solid rgba(255,255,255,.25);border-radius:10px;padding:7px 8px;text-transform:uppercase}.code-input:focus{outline:none;border-color:var(--gold)}.code-input::placeholder{color:#6d7f9d;letter-spacing:2px}.friend-row .text-button{margin-left:0}.friend-row .text-button:disabled{opacity:.4;cursor:default}.room-code{font-size:16px!important;color:#ffe08a!important;font-family:var(--font-display)!important;letter-spacing:1px}.room-code strong{font-size:22px;letter-spacing:4px}.ability-button{position:absolute;right:12px;bottom:14px;z-index:18;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:88px;padding:10px 14px;border-radius:14px;border:3px solid #6d4c10;background:linear-gradient(180deg,#4a4436,#2e2a20);color:#cfc4a8;font-family:var(--font-display);cursor:not-allowed;box-shadow:0 4px #0006}.ability-button.ready{background:linear-gradient(180deg,#ffd24d,#f5a623,#e08e13);border-color:#8a5a0a;color:#fff;cursor:pointer;text-shadow:0 2px 2px rgba(122,74,18,.7);animation:ability-glow 1.2s ease-in-out infinite}@keyframes ability-glow{0%,to{box-shadow:0 4px #0006,0 0 8px #ffd24d66}50%{box-shadow:0 4px #0006,0 0 22px #ffd24de6}}.ability-icon{font-size:22px}.ability-label{font-size:12px}.mode-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.party-toggle{display:flex;align-items:center;gap:6px;font-size:13px;color:#cdd9ee;font-family:var(--font-display);cursor:pointer;border:2px solid rgba(255,255,255,.3);border-radius:10px;padding:6px 12px}.party-toggle.on{border-color:var(--elixir);color:#f3b6f0}.party-toggle input{accent-color:var(--elixir)}.theme-picker{display:flex;gap:4px;background:#080e1a99;border-radius:10px;padding:3px}.leaderboard{min-width:min(360px,88vw)}.settings-row{justify-content:flex-start;flex-wrap:wrap}.top-bar,.bottom-hud,.home-content,.tab-bar,.overlay-card{zoom:var(--font-scale, 1)}.queue-deck{display:flex;gap:5px;font-size:20px}.queue-card{background:#ffffff14;border-radius:8px;padding:3px 6px;border:1px solid rgba(255,255,255,.15)}.queue-form{font-size:13px;letter-spacing:2px}.spectator-badge{position:absolute;bottom:14px;left:50%;transform:translate(-50%);background:#141e32e6;border:2px solid #7bb4ff;border-radius:12px;padding:6px 18px;font-size:15px;letter-spacing:2px;z-index:18}.splash-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:radial-gradient(ellipse at 50% 30%,#2a4a6e 0%,transparent 65%),var(--bg-dark)}.splash-logo{width:min(520px,72vw);filter:drop-shadow(0 12px 32px rgba(0,0,0,.6));animation:splash-pop .9s cubic-bezier(.2,1.4,.4,1)}@keyframes splash-pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.05);opacity:1}to{transform:scale(1)}}.splash-bar{width:min(320px,60vw);height:12px;border-radius:6px;background:#ffffff1f;border:2px solid rgba(255,255,255,.2);overflow:hidden}.splash-bar-fill{height:100%;background:linear-gradient(90deg,#ffd24d,#f5a623);animation:splash-fill 2s ease forwards}@keyframes splash-fill{0%{width:4%}to{width:100%}}.splash-hint{font-size:13px;color:#93a7c9;font-family:system-ui,sans-serif}.menu-logo{width:min(340px,52vw);margin-bottom:-8px;filter:drop-shadow(0 10px 26px rgba(0,0,0,.55))}.modal-backdrop.onboarding{z-index:60}.onboarding-card{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.onboarding-logo{width:min(300px,60vw)}.name-input{width:240px;letter-spacing:1px;text-transform:none}@media(max-height:500px){.modal-backdrop.onboarding{padding:6px;align-items:flex-start}.modal-card{max-height:98vh;padding:8px 14px;gap:4px}.onboarding-card{gap:5px}.onboarding-logo{width:min(64px,15vh)}.onboarding-card h3{font-size:16px;margin:0}.onboarding-card .modal-type{font-size:11px;line-height:1.25;margin:0}.name-input{width:min(300px,70vw);padding:7px 10px;font-size:14px}.onboarding-card .party-toggle{font-size:11.5px;padding:4px 10px}.onboarding-card .play-button{min-height:40px;padding:7px 22px;font-size:15px;box-shadow:0 4px #8a5a0a}.onboarding-error{margin:0;font-size:11px}}.profile-gold{font-size:14px;color:#ffe08a;white-space:nowrap}.profile-screen{padding:0 18px 18px}.profile-card{display:flex;align-items:center;gap:16px;background:#080e1a99;border:2px solid var(--gold);border-radius:16px;padding:14px 18px;margin-bottom:6px}.profile-avatar{font-size:44px;width:74px;height:74px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#2f5493,#22406f);border-radius:50%;border:3px solid #4d79c4}.profile-name.big{font-size:22px;width:240px}.profile-arena{font-size:14px;color:#cdd9ee;font-family:system-ui,sans-serif;margin-top:4px}.section-title{font-size:17px;margin:16px 0 8px;color:#ffe08a}.trophy-road{display:flex;gap:8px;flex-wrap:wrap}.road-step{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:108px;padding:10px 8px;border-radius:12px;border:2px solid rgba(255,255,255,.15);background:#080e1a8c;opacity:.55;filter:grayscale(.6)}.road-step.reached{opacity:1;filter:none;border-color:#4d79c4}.road-step.current{border-color:var(--gold);box-shadow:0 0 14px #ffc83d66;transform:scale(1.04)}.road-emoji{font-size:26px}.road-name{font-size:11px;text-align:center}.road-trophies{font-size:11px;color:#ffe08a}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}.stat-tile{display:flex;flex-direction:column;align-items:center;background:#080e1a8c;border:2px solid rgba(255,255,255,.12);border-radius:12px;padding:10px}.stat-tile-value{font-size:22px;color:#fff}.stat-tile-label{font-size:11px;color:#93a7c9;font-family:system-ui,sans-serif}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}.achievement{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;border:2px solid rgba(255,255,255,.14);background:#080e1a8c}.achievement.locked{opacity:.5;filter:grayscale(.8)}.achievement.unlocked{border-color:var(--gold)}.achievement-emoji{font-size:22px}.achievement-name{font-size:13px}.achievement-desc{font-size:11px;color:#93a7c9;font-family:system-ui,sans-serif}.achievement-date{font-size:10px;color:#6d7f9d;font-family:system-ui,sans-serif}.match-history.full{min-width:0;width:100%}.card-level{position:absolute;top:-8px;right:-8px;background:linear-gradient(180deg,#ffd24d,#e08e13);border:2px solid #8a5a0a;border-radius:8px;font-size:10px;padding:2px 6px;z-index:1;color:#fff;text-shadow:0 1px 1px rgba(122,74,18,.7)}.upgrade-button{margin-top:12px;width:100%;font-size:15px;padding:10px}@font-face{font-family:LT Museum;src:url(/fonts/LTMuseum-Bold.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Alegreya Sans;src:url(/fonts/AlegreyaSans-Medium.ttf) format("truetype");font-weight:500;font-display:swap}:root{--font-display: "LT Museum", "Lilita One", system-ui, sans-serif;--font-body: "Alegreya Sans", system-ui, sans-serif;--synty-gold: #f0b53c;--synty-panel: rgba(16, 14, 24, .92)}body{font-family:var(--font-body)}.home-screen{background:url(/assets/ui/bg-vignette.png) center / cover no-repeat,linear-gradient(180deg,#14101eed,#0e0b16f5),url(/assets/ui/bg-pattern.png) center / 300px repeat,#14101e}.splash-screen{background:url(/assets/ui/bg-vignette.png) center / cover no-repeat,radial-gradient(ellipse at 50% 35%,#2c2440 0%,transparent 65%),#14101e}.splash-logo{position:relative}.splash-screen:before{content:"";position:absolute;width:min(680px,90vw);aspect-ratio:1;background:url(/assets/ui/glow-1.png) center / contain no-repeat;opacity:.55;animation:glow-breathe 3s ease-in-out infinite}@keyframes glow-breathe{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.08);opacity:.65}}.overlay-card,.modal-card,.vs-panel,.profile-card,.onboarding-card{background:url(/assets/ui/panel-large.png) center / 100% 100% no-repeat,linear-gradient(180deg,#1e1a2cf7,#0e0c16f7);border:none;outline:none;border-radius:6px;padding:34px 44px;box-shadow:0 24px 60px #000000b3}.match-history,.suggestion-card,.stat-tile,.achievement,.road-step,.premium-benefit{background:linear-gradient(180deg,#1e192cf0,#100d18f0);border:1px solid rgba(240,181,60,.35);border-radius:10px}.road-step.current{border-color:var(--synty-gold);background:linear-gradient(180deg,#342a16f2,#1a140af2);box-shadow:0 0 18px #f0b53c73}.deck-hint,.menu-hint{background:none;color:#a08e66;font-style:italic;font-family:var(--font-body);padding:4px 0;text-shadow:none}.play-button{background:url(/assets/ui/icon-swords.png) 26px center / 34px no-repeat,url(/assets/ui/btn-primary-frame.png) center / 100% 100% no-repeat,linear-gradient(180deg,#3428108c,#1e16088c);background-clip:border-box,border-box,padding-box;border:none;outline:none;border-radius:28px;box-shadow:none;filter:drop-shadow(0 8px 16px rgba(0,0,0,.55));padding:16px 52px 16px 88px;min-width:260px;min-height:62px;color:#ffeecb;text-shadow:0 2px 4px rgba(0,0,0,.8);transition:transform .12s ease,filter .12s ease}.play-button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.12) drop-shadow(0 0 14px rgba(240,181,60,.55))}.play-button:active:not(:disabled){transform:translateY(2px)}.play-button.secondary{background:linear-gradient(180deg,#2c2440,#1a1528);border:2px solid rgba(240,181,60,.65);border-radius:14px;padding:14px 30px;min-height:56px;filter:none;color:#e8d9b0}.play-button.secondary:hover:not(:disabled){filter:none;border-color:var(--synty-gold);box-shadow:0 0 14px #f0b53c59}.tab-bar{background:linear-gradient(180deg,#14101ef5,#0a0810fa);border-top:2px solid rgba(240,181,60,.35)}.tab-button{background:transparent;border:none;min-width:104px;padding:8px 16px 10px;color:#9d906f;position:relative}.tab-button:hover{color:#d9c99a;background:#f0b53c0f;border-radius:10px}.tab-button.active{background:#f0b53c1a;border-radius:10px;color:#ffe9b0;transform:none;box-shadow:none;filter:none}.tab-button.active:after{content:"";position:absolute;left:22%;right:22%;bottom:3px;height:3px;border-radius:2px;background:var(--synty-gold);box-shadow:0 0 8px #f0b53cb3}.tab-label{white-space:nowrap}.player-plate,.timer-plate{background:url(/assets/ui/frame-small-3.png) center / 100% 100% no-repeat,linear-gradient(180deg,#161220f2,#0c0a12f2);border:none;border-radius:0}.elixir-drop{width:30px;height:30px;background:url(/assets/ui/gem-red.png) center / contain no-repeat;filter:hue-rotate(300deg) saturate(1.3);font-size:0}.elixir-bar{background:url(/assets/ui/frame-small-1.png) center / 100% 100% no-repeat,#0a0810d9;border:none}.card,.grid-card,.deck-preview-card,.mini-card,.modal-art{position:relative;border:2px solid rgba(240,181,60,.75);outline:none;border-radius:10px;box-shadow:0 4px 10px #00000073,inset 0 1px #ffffff2e}.grid-card.rarity-comum{border-color:#bec8d299}.grid-card.rarity-rara{border-color:#f0b53cd9}.grid-card.rarity-epica{border-color:#ce93d8e6}.profile-avatar{background:url(/assets/ui/crest-gold.png) center / contain no-repeat;border:none;width:92px;height:92px}.admin-table th{color:var(--synty-gold)}.difficulty-option.active{background:linear-gradient(180deg,#b8892b,#8a611a);color:#fff}.party-toggle.on{border-color:var(--synty-gold);color:#ffe9b0}.party-toggle input{accent-color:var(--synty-gold)}.text-button{border-color:#f0b53c73;color:#d9c99a}.text-button:hover{border-color:var(--synty-gold);color:#ffe9b0}.code-input{border-color:#f0b53c73}.screen-title{margin-left:310px}@media(max-width:760px){.screen-title{margin-left:18px;margin-top:56px}}.premium-screen{padding:10px 22px 26px;display:flex;flex-direction:column;align-items:center;gap:18px}.premium-hero{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.premium-crest{width:130px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.6))}.premium-title{font-family:var(--font-display);font-size:clamp(30px,5vw,44px);color:var(--synty-gold);text-shadow:0 3px 0 #5d4200,0 8px 22px rgba(0,0,0,.6)}.premium-tagline{color:#cbbfa2;font-size:15px}.premium-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;width:min(880px,94vw)}.premium-benefit{display:flex;gap:12px;align-items:center;padding:14px 16px}.premium-benefit img{width:40px;height:40px;object-fit:contain}.premium-benefit strong{font-family:var(--font-display);font-size:15px;display:block}.premium-benefit p{font-size:12.5px;color:#a99f88}.premium-cta{display:flex;flex-direction:column;align-items:center;gap:10px}.premium-price{display:flex;align-items:baseline;gap:4px}.price-value{font-family:var(--font-display);font-size:38px;color:var(--synty-gold);text-shadow:0 2px 0 #5d4200}.price-period{color:#a99f88}.orientation-overlay{display:none}@media(orientation:portrait){.orientation-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--bg-dark);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:24px}.rotate-phone{font-size:72px;animation:rotate-hint 1.6s ease-in-out infinite}@keyframes rotate-hint{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}}.home-screen{background:linear-gradient(180deg,#080a1840,#06081466 55%,#040610b8),url(/assets/bg-home.jpg) center 30% / cover no-repeat,#0a0c1c}.home-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 16px;background:linear-gradient(180deg,#0a0a16eb,#0a0a16a6);border-bottom:2px solid rgba(240,181,60,.4);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.home-header .profile-plate{position:static;background:linear-gradient(180deg,#1c182ce6,#0e0c18e6);border:2px solid rgba(240,181,60,.65);border-radius:14px;padding:5px 14px 5px 8px;cursor:pointer;font:inherit;color:inherit;text-align:left;transition:border-color .14s ease,transform .14s ease}.home-header .profile-plate:hover{border-color:var(--gold);transform:translateY(-1px)}.header-emblem{display:grid;place-items:center;width:38px;height:38px;font-size:20px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#4a3c1a,#241a08);border:2px solid var(--synty-gold);box-shadow:0 0 10px #f0b53c59}.header-identity{display:flex;flex-direction:column;gap:3px}.header-xp{height:6px;border-radius:3px;background:#0000008c;border:1px solid rgba(240,181,60,.35);overflow:hidden}.header-xp-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#8be04a,#4fae1f);transition:width .4s ease}.header-badge{font-family:var(--font-display);font-size:15px;color:#ffe9b0;background:linear-gradient(180deg,#6d5215,#4a370c);border:1px solid var(--synty-gold);border-radius:10px;padding:3px 10px;text-shadow:0 1px 2px rgba(0,0,0,.7)}.currency-bar{display:flex;align-items:center;gap:8px}.currency{font-family:var(--font-display);font-size:14px;color:#ffe9b0;background:linear-gradient(180deg,#1c182ce6,#0e0c18e6);border:1px solid rgba(240,181,60,.5);border-radius:12px;padding:5px 12px;white-space:nowrap}.currency.dim{opacity:.55}.icon-button.small{width:36px;height:36px;font-size:16px;border-radius:10px;border:1px solid rgba(240,181,60,.5);background:linear-gradient(180deg,#1c182ce6,#0e0c18e6);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.icon-button.small:hover{transform:translateY(-1px);box-shadow:0 0 10px #f0b53c66}.battle-dashboard{height:100%;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 18px 12px}.dashboard-grid{flex:1;width:min(1240px,100%);display:grid;grid-template-columns:minmax(216px,280px) 1fr minmax(216px,280px);gap:16px;align-items:stretch}.dash-panel{display:flex;flex-direction:column;align-items:center;gap:7px;padding:52px 30px 48px;background:url(/assets/ui/panel-large.png) center / 100% 100% no-repeat,linear-gradient(180deg,#161224e0,#0a0812eb);border-radius:8px;box-shadow:0 16px 40px #0000008c;align-self:start;max-height:100%;min-height:0;overflow:hidden}.dash-panel.slide-left{animation:dash-slide-left .48s cubic-bezier(.16,1,.3,1) both}.dash-panel.slide-right{animation:dash-slide-right .48s cubic-bezier(.16,1,.3,1) both}@keyframes dash-slide-left{0%{opacity:0;transform:translate(-26px)}to{opacity:1;transform:translate(0)}}@keyframes dash-slide-right{0%{opacity:0;transform:translate(26px)}to{opacity:1;transform:translate(0)}}.dash-title{font-family:var(--font-display);font-size:17px;color:var(--synty-gold);text-shadow:0 2px 0 rgba(0,0,0,.6);letter-spacing:.5px}.dash-list{list-style:none;width:100%;display:flex;flex-direction:column;gap:5px;margin-top:4px;padding:3px 2px;overflow-y:auto}.dash-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;padding:6px 10px;border-radius:8px;background:#00000059;border:1px solid rgba(240,181,60,.18)}.dash-row.win{border-left:3px solid #6fd44a}.dash-row.loss{border-left:3px solid #e05252}.dash-row.draw{border-left:3px solid #b9a86b}.dash-row-main{color:#e8dcb8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-row-side{color:#b9a86b;white-space:nowrap;font-size:12px}.dash-empty{color:#a08e66;font-style:italic;font-size:13px;text-align:center;padding:12px 6px}.dash-footnote{margin-top:auto;color:#7d7050;font-size:11px;font-style:italic;text-align:center}.rank-emblem-wrap{position:relative;width:96px;height:96px;animation:emblem-float 3.6s ease-in-out infinite}.rank-emblem{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.6))}.rank-arena-emoji{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:34px;text-shadow:0 3px 6px rgba(0,0,0,.7)}@keyframes emblem-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.rank-name{font-family:var(--font-display);font-size:15px;color:#ffe9b0;text-align:center;text-shadow:0 2px 0 rgba(0,0,0,.6)}.rank-progress{width:100%;height:10px;border-radius:5px;background:#0000008c;border:1px solid rgba(240,181,60,.4);overflow:hidden}.rank-progress-fill{height:100%;border-radius:5px;background:linear-gradient(90deg,#f0b53c,#ffdf8a);box-shadow:0 0 8px #f0b53c99;transition:width .5s ease}.rank-progress-label{font-size:11.5px;color:#b9a86b;text-align:center}.dash-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;animation:dash-rise .52s cubic-bezier(.16,1,.3,1) both}@keyframes dash-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.dash-center{gap:9px}.dash-center .menu-logo{width:min(200px,28vw);margin:0}.deck-ready{font-family:var(--font-display);font-size:13px;letter-spacing:3px;text-transform:uppercase;color:#9be06a;text-shadow:0 0 12px rgba(120,220,80,.55),0 2px 3px rgba(0,0,0,.8);animation:deck-ready-pulse 2.4s ease-in-out infinite}@keyframes deck-ready-pulse{0%,to{opacity:.8}50%{opacity:1;text-shadow:0 0 18px rgba(120,220,80,.85),0 2px 3px rgba(0,0,0,.8)}}.battle-cta{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:14px;min-width:min(360px,80vw);min-height:76px;padding:16px 48px;border:none;border-radius:34px;cursor:pointer;font-family:var(--font-display);font-size:clamp(24px,3.4vw,34px);text-transform:uppercase;letter-spacing:2px;color:#fff3d6;text-shadow:0 3px 5px rgba(0,0,0,.85);background:url(/assets/ui/btn-primary-frame.png) center / 100% 100% no-repeat,linear-gradient(180deg,#3428108c,#1e16088c);background-clip:border-box,padding-box;filter:drop-shadow(0 10px 22px rgba(0,0,0,.65));transition:transform .13s ease,filter .13s ease}.battle-cta:hover:not(:disabled){transform:translateY(-3px) scale(1.02);filter:brightness(1.14) drop-shadow(0 0 20px rgba(240,181,60,.6))}.battle-cta:active:not(:disabled){transform:translateY(2px) scale(.99)}.battle-cta:disabled{opacity:.65;cursor:default}.battle-cta-shine{position:absolute;top:0;bottom:0;left:-40%;width:34%;background:linear-gradient(105deg,transparent,rgba(255,240,190,.32),transparent);transform:skew(-18deg);animation:cta-shine 3.4s ease-in-out infinite;pointer-events:none}@keyframes cta-shine{0%,55%{left:-40%}85%,to{left:120%}}.dash-secondary{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.more-options{width:min(560px,92vw);margin-top:2px}.more-options summary{cursor:pointer;color:#b9a86b;font-size:13px;font-family:var(--font-display);list-style:none;padding:6px 12px;border-radius:10px;transition:color .12s ease,background .12s ease}.more-options summary::-webkit-details-marker{display:none}.more-options summary:hover{color:#ffe9b0;background:#f0b53c14}.more-options[open]>*:not(summary){animation:dash-rise .3s ease both}.more-options .friend-row{margin-top:10px}.more-options .party-toggle{margin:10px auto 0}.more-options .theme-picker{margin-top:10px;justify-content:center}.more-options .menu-hint{margin-top:8px}.deck-strip{display:flex;gap:8px;justify-content:center;padding:9px 14px 7px;border-radius:16px;background:linear-gradient(180deg,#0e0c18d9,#08070ee6);border:1px solid rgba(240,181,60,.35);box-shadow:0 10px 26px #00000080;animation:dash-rise .56s cubic-bezier(.16,1,.3,1) both}.deck-strip .deck-preview-card{position:relative;width:clamp(42px,6.4vh,56px);overflow:visible;transition:transform .14s ease}.deck-strip .deck-preview-card:hover{transform:translateY(-4px) scale(1.06);z-index:2}.strip-cost{position:absolute;top:-6px;left:-6px;z-index:3;width:20px;height:20px;display:grid;place-items:center;font-family:var(--font-display);font-size:12px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);background:radial-gradient(circle at 35% 30%,#e77cf0,#a12bb5);border:1.5px solid #ffd9ff;border-radius:50%;box-shadow:0 2px 5px #0009}.screen-title{margin-left:18px}@media(max-width:980px){.dashboard-grid{grid-template-columns:1fr}.dash-center{order:-1}.dash-panel{min-height:unset}}@media(max-width:760px){.home-header{flex-wrap:wrap}.battle-cta{min-height:70px}}.battle-cta-icon{width:40px;height:40px;object-fit:contain;flex:none}@media(prefers-reduced-motion:reduce){.dash-panel.slide-left,.dash-panel.slide-right,.dash-center,.deck-strip,.battle-cta-shine,.rank-emblem-wrap,.deck-ready{animation:none}}