@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700;800&family=Inter:wght@400;500;600;700;800&display=swap";.battle-arena-root{position:fixed;inset:0;z-index:900;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:1fr 240px;background:radial-gradient(ellipse 120% 60% at 50% 0%,rgba(10,30,12,.85),transparent 55%),radial-gradient(ellipse 120% 60% at 50% 100%,rgba(5,20,8,.9),transparent 55%),linear-gradient(180deg,#080e09,#0e1c10 40%,#0a1509);height:100dvh;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;font-family:Inter,sans-serif;color:#f7ead6}.battle-arena-root:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.012) 0,transparent 1px,transparent 8px,rgba(255,255,255,.012) 9px),repeating-linear-gradient(-45deg,rgba(255,255,255,.008) 0,transparent 1px,transparent 8px,rgba(255,255,255,.008) 9px);z-index:0}.arena-zone,.arena-battlefield-root,.arena-log-panel,.arena-result-overlay{position:relative;z-index:1}.arena-zone{display:flex;align-items:center;gap:14px;padding:10px 16px}.opp-zone{grid-row:1;grid-column:1;background:linear-gradient(180deg,rgba(0,0,0,.55),transparent);border-bottom:1px solid rgba(255,255,255,.04);min-height:110px}.player-zone{grid-row:3;grid-column:1;background:linear-gradient(0deg,rgba(0,0,0,.6),transparent);border-top:1px solid rgba(255,255,255,.04);min-height:185px;flex-direction:row-reverse;align-items:flex-start;z-index:6;overflow:visible}.hero-panel{display:flex;align-items:center;gap:10px;flex-shrink:0}.hero-avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-family:Cinzel,serif;font-size:1.25rem;font-weight:700;border:2px solid rgba(255,255,255,.18);flex-shrink:0}.hero-info{display:flex;flex-direction:column;gap:4px;min-width:140px}.hero-name{font-family:Cinzel,serif;font-size:.82rem;font-weight:700;color:#fde68a}.health-bar{position:relative;height:13px;width:150px;background:#00000080;border-radius:7px;border:1px solid rgba(255,255,255,.08);overflow:hidden}.health-fill{height:100%;border-radius:7px;transition:width .4s ease}.health-fill.high{background:linear-gradient(90deg,#15803d,#4ade80)}.health-fill.mid{background:linear-gradient(90deg,#b45309,#facc15)}.health-fill.low{background:linear-gradient(90deg,#991b1b,#f87171)}.health-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.9)}.armor-badge{font-size:.68rem;color:#a5b4fc}.essence-orbs{display:flex;gap:3px;flex-wrap:wrap;max-width:150px}.orb{width:11px;height:11px;border-radius:50%;border:1px solid rgba(255,255,255,.25);transition:background .2s ease,box-shadow .2s ease}.orb.full{background:radial-gradient(circle at 35% 35%,#fde68a,#f97316);box-shadow:0 0 5px #f973168c}.orb.empty{background:#ffffff0f}.attunement-label{font-size:.67rem;color:#a78bfa}.hero-timer{font-family:Cinzel,serif;font-size:1rem;font-weight:700;color:#86efac;background:#0006;padding:3px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);margin-left:6px}.hero-timer.urgent{color:#f87171;animation:timerPulse .5s ease-in-out infinite alternate}.deck-pile{position:relative;width:66px;min-height:92px;flex-shrink:0;display:flex;flex-direction:column;align-items:center}.deck-pile-label{font-size:.58rem;color:#ffffff59;margin:0 0 3px;text-transform:uppercase;letter-spacing:.06em}.deck-layer{position:absolute;width:58px;height:82px;border-radius:6px}.deck-count{position:absolute;bottom:-4px;right:-2px;background:#000000bf;color:#fde68a;font-size:.68rem;font-weight:700;padding:1px 6px;border-radius:6px;border:1px solid rgba(255,200,100,.3)}.deck-empty{width:58px;height:82px;border:2px dashed rgba(255,255,255,.08);border-radius:6px}.card-back{border-radius:8px;overflow:hidden;border:1.5px solid rgba(139,105,20,.45);box-shadow:0 3px 10px #0000008c,inset 0 1px #ffffff12;display:block}.card-back img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.card-back-css{width:100%;height:100%;background:radial-gradient(circle at 50% 22%,rgba(251,191,36,.28),transparent 35%),radial-gradient(circle at 18% 65%,rgba(59,130,246,.2),transparent 32%),radial-gradient(circle at 82% 65%,rgba(16,185,129,.2),transparent 32%),radial-gradient(circle at 50% 90%,rgba(139,92,246,.22),transparent 30%),radial-gradient(circle at 50% 50%,rgba(220,38,38,.12),transparent 25%),linear-gradient(160deg,#14082e,#0d1729,#060a16)}.opp-hand-area{flex:1;display:flex;align-items:flex-end;justify-content:center;gap:0;padding:0 12px;min-height:76px}.opp-hand-card{width:52px;height:74px;flex-shrink:0;margin-left:-10px;transition:transform .2s ease}.opp-hand-card:first-child{margin-left:0}.arena-battlefield-root{grid-row:2;grid-column:1;display:flex;flex-direction:column;min-height:0;overflow:visible}.arena-battlefield-root:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 80% 80% at 50% 50%,rgba(10,40,15,.55),transparent 75%)}.arena-row{--board-gap: 10px;--units-on-row: 1;position:relative;flex:1;display:flex;align-items:center;justify-content:center;gap:var(--board-gap);padding:8px 24px;flex-wrap:wrap;min-height:170px}.enemy-row{align-items:flex-end;padding-bottom:14px}.player-row{align-items:flex-start;padding-top:14px}.relic-zone{position:relative;display:flex;align-items:center;gap:10px;padding:4px 24px 6px;min-height:0;flex-wrap:wrap;z-index:2}.relic-zone--enemy{justify-content:flex-end}.relic-zone--player{justify-content:flex-start}.relic-zone-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:#f7ead68c;white-space:nowrap}.relic-zone-slots{display:flex;gap:6px;flex-wrap:wrap}.relic-zone-empty{font-size:.7rem;color:#f7ead659;font-style:italic}.relic-slot{position:relative;display:flex;flex-direction:column;align-items:center;width:52px;touch-action:manipulation;-webkit-touch-callout:none;cursor:pointer;padding:3px;border-radius:8px;border:1px solid rgba(212,175,55,.4);background:linear-gradient(180deg,#281e0a99,#0a0f0a99);transition:transform .15s ease,box-shadow .15s ease}.relic-slot:hover{transform:translateY(-3px);box-shadow:0 4px 12px #d4af3759}.relic-slot-art{width:100%;height:44px;object-fit:cover;border-radius:5px}.relic-slot-fallback{width:100%;height:44px;border-radius:5px;display:flex;align-items:center;justify-content:center;background:#d4af3733;color:#f7ead6;font-weight:700}.relic-slot-name{margin-top:2px;font-size:.55rem;color:#f7ead6;text-align:center;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.arena-center-bar{display:flex;align-items:center;justify-content:center;gap:16px;padding:4px 24px;position:relative;z-index:2;flex-shrink:0}.arena-center-meta{display:inline-flex;align-items:center;gap:10px}.arena-center-actions{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:8px}.arena-center-bar:before,.arena-center-bar:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(251,191,36,.22),transparent)}.arena-turn-label{font-family:Cinzel,serif;font-size:.75rem;color:#ffffff59;background:#00000080;padding:2px 12px;border-radius:999px;white-space:nowrap}.arena-big-timer{font-family:Cinzel,serif;font-size:1.25rem;font-weight:700;color:#86efac;white-space:nowrap}.arena-big-timer.urgent{color:#f87171;animation:timerPulse .5s ease-in-out infinite alternate}.end-turn-btn{background:linear-gradient(135deg,#ea580c,#dc2626);border:none;color:#fff;font-family:Cinzel,serif;font-size:.82rem;font-weight:700;padding:8px 20px;border-radius:999px;cursor:pointer;box-shadow:0 4px 16px #ea580c59;transition:transform .15s ease,box-shadow .15s ease;white-space:nowrap}.attack-btn{background:linear-gradient(135deg,#14532d,#16a34a);border:none;color:#dcfce7;font-family:Cinzel,serif;font-size:.82rem;font-weight:700;padding:8px 20px;border-radius:999px;cursor:pointer;box-shadow:0 4px 16px #16a34a59;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;white-space:nowrap}.attack-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #16a34a80}.attack-btn:active:not(:disabled){transform:translateY(0)}.attack-btn:disabled,.end-turn-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.end-turn-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ea580c80}.end-turn-btn:active{transform:translateY(0)}.waiting-turn{font-size:.8rem;color:#ffffff4d;font-style:italic}.block-panel{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#0000007a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:6px 10px}.block-title{margin:0;font-size:.7rem;color:#fff5dcc7;font-weight:700}.block-attackers{display:flex;gap:6px;flex-wrap:wrap}.block-chip{border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#f8e9cc;border-radius:999px;padding:3px 8px;font-size:.68rem;cursor:pointer}.block-chip.active{border-color:#facc15cc;box-shadow:0 0 10px #facc154d}.block-actions{display:flex;align-items:center}.block-error{margin:0;width:100%;font-size:.66rem;color:#fca5a5}.empty-hint{color:#ffffff2e;font-size:.75rem;pointer-events:none;font-style:italic}.drop-zone{position:absolute;inset:4px;border-radius:12px;border:2px dashed transparent;transition:border-color .15s ease,background .15s ease;pointer-events:none}.drop-zone.active{pointer-events:all;border-color:#fbbf242e}.drop-zone.active:hover,.drop-zone.over{border-color:#fbbf24a6;background:#fbbf240d}.drop-zone-label{position:absolute;bottom:10px;left:50%;transform:translate(-50%);font-size:.7rem;color:#fbbf2473;white-space:nowrap;pointer-events:none;font-style:italic}.board-unit{position:relative;width:clamp(88px,calc((100% - (var(--units-on-row, 1) - 1) * var(--board-gap, 10px)) / var(--units-on-row, 1)),136px);border-radius:9px;overflow:visible;touch-action:manipulation;-webkit-touch-callout:none;cursor:default;transition:transform .15s ease,box-shadow .15s ease;z-index:1;flex:0 0 auto;animation:unitEnter .35s cubic-bezier(.22,1,.36,1) both}@keyframes unitEnter{0%{opacity:0;transform:translateY(24px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}.board-unit.player-side{border:2px solid rgba(74,222,128,.2);box-shadow:0 2px 12px #00000080}.board-unit.enemy-side{border:2px solid rgba(248,113,113,.2);box-shadow:0 2px 12px #00000080}.board-unit:hover{transform:translateY(-6px) scale(1.12);z-index:28;box-shadow:0 18px 40px #0000008c}.board-unit.can-target{cursor:crosshair;border-color:#f87171d9!important;box-shadow:0 0 14px #f8717173!important}.board-unit.can-target:hover{transform:translateY(-5px);box-shadow:0 0 24px #f87171a6!important}.board-unit.selected-target{border-color:#facc15e6!important;box-shadow:0 0 22px #facc157a!important}.board-unit.exhausted{opacity:.65;filter:grayscale(.35) brightness(.75)}.unit-card-wrap{position:relative;border-radius:7px;overflow:hidden;aspect-ratio:2 / 3;background:#00000073}.unit-art{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.unit-art-fallback{width:100%;height:100%;display:grid;place-items:center;font-size:1.6rem;font-family:Cinzel,serif;background:linear-gradient(135deg,#1c2a3a,#0d1420)}.unit-footer{padding:3px 5px;background:#000000b3;border-radius:0 0 7px 7px}.unit-name{display:block;font-size:.68rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fde68a}.unit-stats-row{display:flex;justify-content:space-between;font-size:.86rem;font-weight:700;padding-top:1px}.assign-badge{position:absolute;bottom:4px;right:4px;font-size:.52rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:2px 5px;border-radius:5px;background:#facc15e6;color:#201100;z-index:3}.unit-atk{color:#fca5a5}.unit-hp{color:#86efac}.unit-badge{position:absolute;top:3px;font-size:.48rem;font-weight:700;padding:1px 4px;border-radius:3px;white-space:nowrap;letter-spacing:.04em;text-transform:uppercase}.ward-badge{right:3px;background:#1d4ed8d9;color:#bfdbfe}.taunt-badge{left:3px;background:#b45309d9;color:#fde68a}.defender-badge{left:3px;top:20px;background:#475569e6;color:#e2e8f0}.life-badge{right:3px;top:20px;background:#6d28d9d9;color:#e9d5ff}.exhausted-veil{position:absolute;inset:0;background:#0006;border-radius:7px}.target-ring{position:absolute;inset:-4px;border-radius:11px;border:2px solid #f87171;animation:targetPulse .9s ease-in-out infinite;pointer-events:none}@keyframes targetPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}.player-hand-area{flex:1;display:flex;align-items:flex-end;justify-content:center;min-height:182px;padding:0 16px;position:relative;z-index:8}.hand-card{position:relative;width:116px;height:168px;border-radius:10px;overflow:hidden;touch-action:manipulation;-webkit-touch-callout:none;flex-shrink:0;cursor:pointer;margin-left:-26px;transform:rotate(var(--rot, 0deg)) translateY(calc(var(--yoff, 0px) - var(--hand-lift, 0px)));transform-origin:bottom center;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 18px #0000008c;border:2px solid rgba(255,255,255,.07)}.hand-card:first-child{margin-left:0}.hand-card:hover:not(.unplayable):not(.used){transform:rotate(0) translateY(calc(-42px - var(--hand-lift, 0px))) scale(1.16)!important;z-index:100!important;box-shadow:0 20px 48px #000000bf,0 0 20px #fbbf2433}.hand-card.playable{border-color:#fbbf246b}.hand-card.armed-for-play{border-color:#fbbf24e6;transform:rotate(0) translateY(calc(-26px - var(--hand-lift, 0px))) scale(1.08)!important;z-index:140!important;box-shadow:0 18px 42px #000000b8,0 0 22px #fbbf246b}.hand-card.unplayable{cursor:not-allowed;opacity:.45;filter:grayscale(.5) brightness(.75)}.hand-card.used{opacity:.25;pointer-events:none;filter:grayscale(.8)}.hand-card.playing{animation:cardPlay .6s cubic-bezier(.22,1,.36,1) forwards;z-index:200!important;pointer-events:none}@keyframes cardPlay{0%{transform:rotate(var(--rot)) translateY(calc(var(--yoff) - var(--hand-lift, 0px))) scale(1);opacity:1}35%{transform:rotate(0) translateY(-180px) scale(1.15);opacity:1}65%{transform:rotate(0) translateY(-140px) scale(1.1);opacity:.9}to{transform:rotate(0) translateY(-240px) scale(.8);opacity:0}}.hand-card.ember{background:linear-gradient(175deg,#1e0900,#3d1200)}.hand-card.tide{background:linear-gradient(175deg,#001824,#00102e)}.hand-card.gale{background:linear-gradient(175deg,#0c1220,#16243a)}.hand-card.terra{background:linear-gradient(175deg,#0a1a00,#0f2205)}.hand-card.void{background:linear-gradient(175deg,#140020,#1e0030)}.hand-cost-gem{position:absolute;top:5px;left:5px;z-index:4;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fde68a,#f97316);border:1.5px solid rgba(255,255,255,.35);color:#1a0800;font-size:.8rem;font-weight:800;display:grid;place-items:center;box-shadow:0 2px 8px #f973168c;font-family:Cinzel,serif}.hand-art-wrap{width:100%;height:116px;overflow:hidden}.hand-card-art{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.hand-card-fallback{width:100%;height:100%;display:grid;place-items:center;font-size:2rem;font-family:Cinzel,serif;color:#ffffff80}.hand-card-footer{position:absolute;bottom:0;left:0;right:0;padding:4px 5px 5px;background:#000000c7}.hand-card-name{font-size:.72rem;font-weight:700;color:#fde68a;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.hand-card-stats{display:flex;gap:8px;font-size:.72rem;font-weight:700;margin:1px 0 0}.hand-stat-atk{color:#fca5a5}.hand-stat-hp{color:#86efac}.hand-card-type{font-size:.62rem;color:#ffffff61;display:block;margin:0}.arena-card-preview-overlay{position:absolute;inset:0;z-index:450;background:#020710e6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px}.arena-choice-overlay{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:1rem;background:#0a0812c7}.arena-target-prompt{position:absolute;z-index:8;top:.75rem;left:50%;display:flex;align-items:center;gap:.65rem;max-width:calc(100% - 1.5rem);padding:.55rem .75rem;border:1px solid #d7ba77;border-radius:6px;background:#251d2c;color:#f7f1e4;transform:translate(-50%)}.arena-target-prompt button{padding:.25rem .55rem;border:1px solid #917150;border-radius:4px;background:#352838;color:inherit;cursor:pointer}.arena-choice-panel{width:min(720px,100%);padding:1.25rem;border:1px solid #b18c4d;border-radius:8px;background:#191526;box-shadow:0 18px 48px #00000075}.arena-choice-label{margin:0;color:#d7ba77;font-size:.82rem;text-transform:uppercase}.arena-choice-panel h2{margin:.35rem 0 1rem}.arena-choice-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.arena-choice-card{min-height:104px;padding:.85rem;border:1px solid #695c81;border-radius:6px;background:#282139;color:#f7f1e4;text-align:left;cursor:pointer}.arena-choice-card:hover,.arena-choice-card:focus-visible{border-color:#d7ba77;background:#332a49}.arena-choice-card span,.arena-choice-card small{display:block}.arena-choice-card small{margin-top:.4rem;color:#c1b8d3}.arena-card-preview{width:min(460px,96vw);border-radius:18px;border:1px solid rgba(255,228,181,.22);background:linear-gradient(170deg,#121b30f5,#0b111ffa);box-shadow:0 30px 70px #0000008c;padding:14px;display:grid;gap:10px}.arena-card-preview-close{justify-self:end;border-radius:999px;border:1px solid rgba(255,228,181,.25);background:#ffffff0f;color:#f9e8cb;font-size:.72rem;padding:5px 10px}.arena-card-preview-art{width:100%;max-height:68vh;border-radius:12px;object-fit:contain;background:#0000006b;border:1px solid rgba(255,255,255,.18)}.arena-card-preview h3{margin:0;font-family:Cinzel,serif;font-size:1.28rem}.arena-card-preview p{margin:0;color:#f7ead6e0;line-height:1.45}.arena-card-preview-effects{display:grid;gap:6px}.arena-card-preview-effects-label{margin:0;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#fcd387e6}.arena-card-preview-effect-list{display:flex;flex-wrap:wrap;gap:6px}.arena-card-preview-effect-chip{display:inline-flex;align-items:center;border-radius:999px;border:1px solid rgba(255,228,181,.22);background:#ffffff0d;padding:4px 10px;font-size:.72rem;color:#f7ead6f2}.arena-ability-list{display:flex;flex-direction:column;gap:10px;max-height:58vh;overflow-y:auto;padding-right:6px}.arena-ability-item{margin:0;border-radius:10px;border:1px solid rgba(255,228,181,.2);background:#ffffff0a;padding:9px 10px}.arena-ability-item strong{display:block;color:#fcd387f2;font-size:.84rem;margin-bottom:4px}.arena-ability-item p{margin:0;font-size:.82rem;line-height:1.45}.arena-card-preview-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.arena-card-preview-stats span{text-align:center;border-radius:8px;border:1px solid rgba(255,228,181,.2);background:#ffffff0a;padding:6px;font-size:.74rem;letter-spacing:.05em}.playable-glow{position:absolute;inset:0;border-radius:9px;box-shadow:inset 0 0 0 1.5px #fbbf2459,0 0 14px #fbbf241f;pointer-events:none}.arena-log-panel{grid-row:1 / 4;grid-column:2;background:#00000094;border-left:1px solid rgba(255,255,255,.05);padding:14px 12px;display:flex;flex-direction:column;overflow:hidden;gap:8px}.arena-log-title{font-family:Cinzel,serif;font-size:.68rem;color:#ffffff61;margin:0;text-transform:uppercase;letter-spacing:.08em;flex-shrink:0}.arena-log-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.mobile-log-toggle,.mobile-log-close{display:none}.arena-log-entries{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:5px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.arena-log-entries::-webkit-scrollbar{width:4px}.arena-log-entries::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.arena-log-line{font-size:.7rem;color:#f7ead6bf;border-left:2px solid rgba(251,191,36,.18);padding-left:6px;line-height:1.4}.arena-log-line.new{animation:logSlide .3s ease both}@keyframes logSlide{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:translate(0)}}.arena-result-overlay{position:absolute;inset:0;background:#00000080;display:grid;place-items:center;z-index:500;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);grid-column:1 / -1;animation:fadeIn .4s ease both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.arena-result-card{background:linear-gradient(135deg,#111727eb,#131f38e0);border:1px solid rgba(255,222,170,.14);border-radius:20px;padding:28px 32px;text-align:center;box-shadow:0 28px 64px #0006;max-width:420px;width:90%;animation:resultSlide .45s cubic-bezier(.22,1,.36,1) both}@keyframes resultSlide{0%{opacity:0;transform:translateY(-16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.result-heading{font-family:Cinzel,serif;font-size:1.7rem;font-weight:700;margin:0 0 8px}.result-heading.win{color:#fde68a;text-shadow:0 0 20px rgba(251,191,36,.3)}.result-heading.loss{color:#f3a5a5;text-shadow:none}.result-sub{color:#f7ead6b3;margin:0 0 14px;font-size:.9rem}.result-recap{margin:0 0 16px;text-align:left}.result-recap-label{margin:0 0 6px;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:#fcd387a6}.result-recap-log{max-height:150px;overflow-y:auto;background:#00000040;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:3px}.result-recap-line{font-size:.78rem;line-height:1.35;color:#e6e1f0d1}.result-recap-line:last-child{color:#fffffff2;font-weight:600}.reward-claim-hint{margin:0 0 4px;font-size:.8rem;color:#fcd387d9;text-align:center;letter-spacing:.03em}.reward-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:20px}.reward-card-btn{background:linear-gradient(135deg,#ffd69b2e,#ffffff0f);border:1px solid rgba(255,223,173,.28);color:#fff4df;border-radius:999px;padding:8px 18px;cursor:pointer;font-size:.82rem;transition:transform .15s ease,box-shadow .15s ease}.reward-card-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #fbbf2426}.reward-card-btn:disabled{opacity:.35;cursor:default}.leave-arena-btn{margin-top:4px;background:linear-gradient(135deg,#1e3a5f,#2d5a9e);border:1px solid rgba(96,165,250,.28);color:#bfdbfe;border-radius:999px;padding:10px 30px;cursor:pointer;font-family:Cinzel,serif;font-size:.88rem;font-weight:600;transition:transform .15s ease,box-shadow .15s ease}.leave-arena-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b82f647}.hero-avatar[data-element=ember]{background:radial-gradient(circle at 40% 30%,#f97316,#7c1d03)}.hero-avatar[data-element=tide]{background:radial-gradient(circle at 40% 30%,#0ea5e9,#0c2a5e)}.hero-avatar[data-element=gale]{background:radial-gradient(circle at 40% 30%,#a3e635,#1e3a5f)}.hero-avatar[data-element=terra]{background:radial-gradient(circle at 40% 30%,#65a30d,#1a2e0a)}.hero-avatar[data-element=void]{background:radial-gradient(circle at 40% 30%,#7c3aed,#1a0030)}@keyframes timerPulse{0%{transform:scale(1)}to{transform:scale(1.1);box-shadow:0 0 12px #f8717173}}@media(max-width:680px){.battle-arena-root{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.arena-battlefield-root{grid-row:2;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.arena-battlefield-root::-webkit-scrollbar{display:none}.arena-zone{display:grid;grid-template-columns:56px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;justify-items:stretch;gap:6px 10px;padding:8px}.arena-row{--board-gap: 6px;min-height:94px;padding:6px 8px;gap:var(--board-gap);flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.arena-row::-webkit-scrollbar{display:none}.arena-row .empty-hint{min-width:100%;text-align:center}.board-unit{width:clamp(54px,calc((100% - (var(--units-on-row, 1) - 1) * var(--board-gap, 6px)) / var(--units-on-row, 1)),92px)}.enemy-row{padding-bottom:8px}.player-row{padding-top:8px}.opp-zone,.player-zone{min-height:82px}.player-zone{z-index:12}.opp-zone .champion-panel,.player-zone .champion-panel{grid-column:1 / -1;grid-row:1;max-width:100%;min-width:0}.opp-zone .deck-pile,.player-zone .deck-pile{grid-column:1;grid-row:2;width:52px;min-height:78px;align-self:end}.opp-zone .deck-layer,.player-zone .deck-layer,.opp-zone .deck-empty,.player-zone .deck-empty{width:46px;height:64px}.opp-zone .deck-pile-label,.player-zone .deck-pile-label{font-size:.54rem}.opp-zone .opp-hand-area,.player-zone .player-hand-area{grid-column:2;grid-row:2;width:100%;min-width:0}.player-zone .champion-panel{grid-row:2;margin-top:6px}.player-zone .deck-pile,.player-zone .player-hand-area{grid-row:1}.opp-hand-area{justify-content:center;padding:0 4px;min-height:62px}.arena-center-bar{flex-wrap:wrap;gap:8px;align-items:stretch;padding:6px max(10px,env(safe-area-inset-right));padding-right:56px}.arena-center-bar:before,.arena-center-bar:after{display:none}.arena-center-meta,.arena-center-actions{width:100%;justify-content:center}.arena-center-meta{gap:8px;flex-wrap:wrap}.arena-center-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-width:360px;margin:0 auto}.attack-btn,.end-turn-btn{font-size:.72rem;padding:6px 12px;min-width:0;min-height:36px;white-space:normal;line-height:1.1;text-align:center}.arena-center-actions .attack-btn,.arena-center-actions .end-turn-btn{width:100%}.arena-turn-label{font-size:.68rem;padding:2px 9px}.arena-big-timer{font-size:1rem}.block-panel{width:min(100%,420px);justify-content:center}.champion-panel{padding:5px 6px;gap:8px}.champion-abilities,.champion-title{display:none}.champion-passive .ability-name,.champion-sig-readonly .ability-name{font-size:.56rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.champion-signature-btn{padding:3px 6px;font-size:.62rem}.sig-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.health-bar{width:132px;height:11px}.essence-orbs{max-width:132px}.champion-portrait,.champion-portrait-fallback{width:56px;height:74px}.champion-name{font-size:.74rem}.ability-label{font-size:.5rem}.ability-name{font-size:.56rem}.player-hand-area{min-height:128px;justify-content:flex-start;position:relative;top:0;margin-bottom:0;overflow:visible;padding:0 4px 2px;--hand-lift: 44px;z-index:14}.hand-card{width:82px;height:118px;margin-left:-12px}.hand-art-wrap{height:76px}.arena-log-panel{grid-row:auto;grid-column:auto;position:absolute;left:8px;right:8px;bottom:8px;max-height:min(42vh,280px);border:1px solid rgba(255,255,255,.12);border-radius:12px;border-left:1px solid rgba(255,255,255,.12);transform:translateY(calc(100% + 14px));transition:transform .2s ease;z-index:30;pointer-events:none}.arena-log-panel.mobile-open{transform:translateY(0);pointer-events:auto}.mobile-log-toggle{display:inline-flex;align-items:center;justify-content:center;position:absolute;left:8px;bottom:96px;z-index:31;border:1px solid rgba(251,191,36,.5);border-radius:999px;background:#0f172ae6;color:#fcd34d;padding:6px 12px;font-family:Cinzel,serif;font-size:.66rem;letter-spacing:.04em;text-transform:uppercase}.mobile-log-close{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#ffffff0f;color:#fffc;font-size:.62rem;padding:3px 8px}.board-unit:hover{transform:none}.hand-card:hover:not(.unplayable):not(.used){transform:rotate(var(--rot, 0deg)) translateY(var(--yoff, 0px))}.arena-card-preview{width:min(380px,96vw)}}@keyframes oppCastSlideIn{0%{opacity:0;transform:translateY(-28px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.opp-cast-overlay{position:absolute;inset:0;z-index:460;display:flex;align-items:flex-start;justify-content:center;padding:32px 16px;overflow-y:auto;background:#040a16bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.opp-cast-card{width:min(380px,92vw);border-radius:18px;border:1px solid rgba(239,68,68,.45);background:linear-gradient(160deg,#190c0cf7,#0e0a16fa);box-shadow:0 0 40px #ef444438,0 24px 60px #000000b3;padding:14px;display:grid;gap:9px;animation:oppCastSlideIn .3s ease both}.opp-cast-header{display:flex;align-items:center;justify-content:space-between}.opp-cast-label{font-family:Cinzel,serif;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#f87171}.opp-cast-dismiss{border-radius:999px;border:1px solid rgba(239,68,68,.35);background:#ef44441a;color:#fca5a5;font-size:.72rem;padding:5px 12px;cursor:pointer;transition:background .15s ease}.opp-cast-dismiss:hover{background:#ef444438}.opp-cast-art{width:100%;height:auto;border-radius:12px;object-fit:contain;border:1px solid rgba(239,68,68,.25);background:#0000006b}.opp-cast-name{margin:0;font-family:Cinzel,serif;font-size:1.2rem;color:#fde68a}.opp-cast-meta{margin:0;font-size:.74rem;color:#f7ead699;letter-spacing:.05em}.opp-cast-text{margin:0;color:#f7ead6e6;font-size:.86rem;line-height:1.5}.opp-cast-effects{display:flex;flex-wrap:wrap;gap:6px}.champion-panel{display:flex;align-items:flex-start;gap:10px;flex-shrink:0;padding:6px 8px;border-radius:12px;background:#00000059;border:1px solid rgba(255,255,255,.1);max-width:320px;max-height:min(34vh,300px);overflow-y:auto;overscroll-behavior:contain;cursor:zoom-in}.player-zone .champion-panel{position:sticky;top:6px;align-self:flex-start;z-index:20}.champion-panel:focus-visible{outline:2px solid rgba(251,191,36,.75);outline-offset:2px}.champion-panel--player{border-color:#fbbf244d}.champion-panel--opponent{border-color:#ef444440}.champion-portrait-wrap{position:relative;flex-shrink:0}.champion-portrait{width:72px;height:96px;object-fit:cover;border-radius:8px;border:2px solid rgba(255,255,255,.18);display:block}.champion-portrait-fallback{width:72px;height:96px;border-radius:8px;border:2px solid rgba(255,255,255,.18);display:grid;place-items:center;font-family:Cinzel,serif;font-size:1.8rem;font-weight:700;background:#00000080;color:#fde68a}[data-element=ember] .champion-portrait-fallback{background:#781e0099}[data-element=tide] .champion-portrait-fallback{background:#003c7899}[data-element=gale] .champion-portrait-fallback{background:#14506499}[data-element=terra] .champion-portrait-fallback{background:#14501499}[data-element=void] .champion-portrait-fallback{background:#3c006499}.champion-armor-badge{position:absolute;bottom:-6px;right:-6px;background:#1e1e3ceb;border:1px solid rgba(165,180,252,.5);border-radius:6px;padding:1px 5px;font-size:.65rem;font-weight:700;color:#a5b4fc;white-space:nowrap}.champion-info{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.champion-name-row{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.champion-name{font-family:Cinzel,serif;font-size:.82rem;font-weight:700;color:#fde68a;white-space:nowrap}.champion-title{font-size:.62rem;color:#f7ead680;font-style:italic;white-space:nowrap}.champion-abilities{display:flex;flex-direction:column;gap:4px;margin-top:2px;max-height:min(20vh,170px);overflow-y:auto;padding-right:4px}.champion-passive{display:flex;flex-direction:column;gap:1px}.ability-label{font-size:.54rem;text-transform:uppercase;letter-spacing:.08em;color:#f7ead666}.ability-name{font-size:.66rem;font-weight:600;color:#c4b5fd}.ability-desc{font-size:.6rem;color:#f7ead6a6;line-height:1.4}.champion-signature-btn{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;border:1px solid rgba(251,191,36,.4);background:#7846004d;cursor:pointer;font-size:.68rem;transition:all .15s;color:#fde68a;text-align:left}.champion-signature-btn.available{border-color:#fbbf24bf;background:#b4640073;box-shadow:0 0 8px #fbbf2440}.champion-signature-btn.available:hover{background:#dc8c008c;transform:translateY(-1px)}.champion-signature-btn.unavailable{opacity:.45;cursor:default}.sig-cost{font-size:.75rem;font-weight:700;color:#fbbf24;min-width:16px}.sig-name{font-weight:600;flex:1}.sig-used{font-size:.58rem;color:#f7ead673;font-style:italic}.champion-sig-readonly{display:flex;gap:4px;align-items:baseline}:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;color:#f7ead6;background:radial-gradient(circle at top,rgba(251,191,36,.18),transparent 30%),radial-gradient(circle at bottom right,rgba(45,212,191,.12),transparent 28%),linear-gradient(180deg,#0c1324,#111b31 52%,#070b14);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(248,196,113,.08),transparent 22%),radial-gradient(circle at 80% 10%,rgba(129,140,248,.08),transparent 24%),linear-gradient(180deg,#09101f,#111b2d 46%,#05070c)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 95%);mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 95%);opacity:.35}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}#root{position:relative}.screen-gate{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at top,rgba(251,191,36,.18),transparent 30%),radial-gradient(circle at bottom right,rgba(45,212,191,.12),transparent 28%),linear-gradient(180deg,#0c1324,#111b31 52%,#070b14)}.screen-gate-card{max-width:420px;padding:40px 32px;text-align:center;border:1px solid rgba(248,196,113,.35);border-radius:16px;background:#09101fd9;box-shadow:0 24px 64px #00000080}.screen-gate-icon{font-size:48px;margin-bottom:16px}.screen-gate-title{margin:0 0 16px;font-family:Cinzel,serif;font-size:28px;font-weight:700;color:#f8c471}.screen-gate-message{margin:0 0 12px;font-size:16px;color:#f7ead6}.screen-gate-hint{margin:0;font-size:14px;font-weight:600;color:#2dd4bf}.app-shell{position:relative;padding:32px;overflow:hidden}.app-shell:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at top,rgba(255,215,129,.1),transparent 35%);opacity:.8}.ambient{position:absolute;width:min(44vw,460px);aspect-ratio:1;border-radius:50%;pointer-events:none;filter:blur(2px);z-index:0;opacity:.42;mix-blend-mode:screen;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}.ambient-left{left:-130px;top:120px;background:radial-gradient(circle at 40% 35%,#fbbf2447,#fbbf2400);animation-name:driftLeft;animation-duration:14s}.ambient-right{right:-120px;top:360px;background:radial-gradient(circle at 62% 45%,#38bdf83d,#38bdf800);animation-name:driftRight;animation-duration:18s}.hero,.prelogin-home,.tabs,.grid,.battle-overlay{position:relative;z-index:1}.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:18px;align-items:start}.hero>div{padding:clamp(18px,2.6vw,34px);border-radius:26px;border:1px solid rgba(245,222,179,.18);background:radial-gradient(circle at 10% 10%,rgba(251,191,36,.2),transparent 33%),radial-gradient(circle at 90% 20%,rgba(56,189,248,.16),transparent 30%),linear-gradient(145deg,#111c31f2,#0a101ff5);box-shadow:0 26px 70px #00000059}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:#fcd387eb}.hero h1{margin:10px 0 12px;font-family:Cinzel,serif;letter-spacing:.03em;line-height:1.12;font-size:clamp(2rem,4.1vw,3.7rem)}.lead{margin:0;max-width:58ch;color:#f7ead6e0;font-size:clamp(1rem,1.3vw,1.08rem)}.profile-card{border-radius:26px;border:1px solid rgba(245,222,179,.16);background:linear-gradient(170deg,#121c31f2,#090e1af2),radial-gradient(circle at 20% 0%,rgba(251,191,36,.12),transparent 26%);box-shadow:0 20px 48px #00000059}.profile-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.profile-row label{display:grid;gap:6px}.profile-row label span{font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:#f7ead6bd}.profile-row input,.profile-row select,.search-wrap input{width:100%;border-radius:10px;border:1px solid rgba(255,228,181,.18);background:#0a101be6;color:#fef5e6;padding:10px 11px;outline:none;transition:border-color .16s ease,box-shadow .16s ease}.profile-row input:focus,.profile-row select:focus,.search-wrap input:focus{border-color:#fbbf2480;box-shadow:0 0 0 3px #fbbf242e}.primary,.ghost,.tab,.card-actions button,.reward-strip button,.invite-card button,.zone,.roster-card button{border-radius:10px;border:1px solid transparent;font-weight:650;letter-spacing:.01em;padding:9px 12px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease}.primary{color:#2a1801;background:linear-gradient(135deg,#fcd34d,#f59e0b);border-color:#ffe29880;box-shadow:0 10px 26px #f59e0b57}.ghost{color:#f9e7c8;background:#ffffff0d;border-color:#ffe4b533}.primary:hover,.ghost:hover,.tab:hover,.card-actions button:hover,.reward-strip button:hover,.invite-card button:hover,.zone:hover,.roster-card button:hover{transform:translateY(-1px)}button:disabled{opacity:.52;cursor:not-allowed;transform:none}.hero-stats{margin-top:14px;display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.hero-stats>div{border-radius:12px;border:1px solid rgba(255,222,170,.16);background:#ffffff0a;padding:8px;display:grid;justify-items:center}.hero-stats strong{font-size:1.02rem}.hero-stats span{font-size:.67rem;letter-spacing:.08em;text-transform:uppercase;color:#f7ead6bd}.section-label{margin:0;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:#fcd387db}.tabs{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.tab{color:#f7ead6;background:#ffffff0d;border-color:#ffe4b52e}.tab.active{color:#2a1801;background:linear-gradient(135deg,#fde68a,#f59e0b);border-color:#ffe29894}.grid{margin-top:16px;display:grid;gap:16px;grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);align-items:start}.sidebar{position:sticky;top:14px}.banner{position:relative;overflow:hidden;border:1px solid rgba(255,222,170,.14);border-radius:28px;background:linear-gradient(135deg,#111727fa,#131f38eb);box-shadow:0 30px 80px #00000059;padding:24px}.banner:before{content:"";position:absolute;inset:-40% auto auto -20%;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(255,197,104,.16),transparent 68%);filter:blur(8px)}.banner h1,.section h2,.card-title,.panel-title{font-family:Cinzel,serif;letter-spacing:.04em}.banner h1{margin:0 0 8px;font-size:clamp(2.4rem,5vw,4.8rem)}.banner p{max-width:64ch;margin:0;color:#f7ead6d6}.nav-tabs{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.nav-tabs button,.action-button,.stat-chip,.mode-pill,.invite-button,.card-action,.zone-button{border-radius:999px;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}.nav-tabs button,.action-button,.invite-button,.zone-button,.card-action{background:linear-gradient(135deg,#ffd69b2e,#ffffff0f);border:1px solid rgba(255,223,173,.22);color:#fff4df}.nav-tabs button:hover,.action-button:hover,.invite-button:hover,.zone-button:hover,.card-action:hover{transform:translateY(-1px);box-shadow:0 16px 28px #0000003d}.layout-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.section,.panel,.card,.zone,.invite-list,.battle-log{position:relative;border:1px solid rgba(255,222,170,.12);background:linear-gradient(180deg,#0f1626eb,#0c121eeb);box-shadow:inset 0 1px #ffffff08,0 18px 50px #00000040;border-radius:24px}.section,.panel{padding:20px}.section h2{margin:0 0 16px}.forge-grid,.zone-grid,.collection-grid,.deck-grid,.invite-grid{display:grid;gap:14px}.forge-grid,.zone-grid,.collection-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.card,.zone{padding:16px}.card-art,.board-art,.hand-art{object-fit:cover;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:#00000047}.card-art{width:100%;height:140px;margin-bottom:10px}.board-art{width:100%;height:70px}.hand-art{width:34px;height:34px;margin-right:8px;vertical-align:middle}.card-art-fallback{display:grid;place-items:center;font-family:Cinzel,serif;font-size:1.35rem;color:#ffffffd9}.forge-layout{display:grid;grid-template-columns:1fr;gap:16px}.forge-champions-panel{display:grid;gap:10px}.forge-champion-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(210px,240px));justify-content:start}.forge-champion-card{border-radius:14px;border:1px solid rgba(255,228,181,.16);background:linear-gradient(165deg,#ffffff0f,#ffffff05);padding:10px;display:grid;gap:8px;width:min(100%,240px);cursor:zoom-in}.forge-champion-card.active{border-color:#fbbf2480;box-shadow:0 0 0 1px #fbbf244d inset}.forge-champion-preview-btn{border:0;border-radius:10px;padding:0;overflow:hidden;cursor:zoom-in;background:transparent}.forge-champion-art{width:100%;aspect-ratio:3 / 4;object-fit:contain;display:block;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#00000052}.forge-champion-meta{display:grid;gap:2px}.forge-champion-meta strong{font-size:.9rem}.forge-champion-meta span{color:#f7ead6bf;font-size:.72rem}.forge-champion-meta small{color:#f7ead6c2;font-size:.72rem}.expedition-champion-preview{margin:8px 0 10px;border-radius:12px;border:1px solid rgba(255,228,181,.18);background:linear-gradient(160deg,#ffffff0f,#ffffff05);padding:10px;display:grid;grid-template-columns:110px 1fr;gap:10px;align-items:start;cursor:zoom-in}.expedition-champion-preview:focus-visible{outline:2px solid rgba(251,191,36,.75);outline-offset:2px}.expedition-champion-art{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,.16);background:#00000059}.expedition-champion-meta{display:grid;gap:4px}.expedition-champion-meta h4{margin:0;font-size:1rem}.expedition-champion-meta p{margin:0;color:#f7ead6d9;font-size:.82rem;line-height:1.4}.hero-cta-row{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap}.prelogin-home{margin-top:16px;display:grid;gap:16px;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);grid-template-areas:"story story" "showcase steps"}.landing-story{grid-area:story;overflow:hidden}.landing-showcase{grid-area:showcase}.landing-steps{grid-area:steps;align-self:start}.prelogin-home .reveal-block{opacity:0;transform:translateY(14px);animation:landingRise .62s cubic-bezier(.2,.7,.2,1) forwards}.prelogin-home .reveal-block:nth-child(1){animation-delay:80ms}.prelogin-home .reveal-block:nth-child(2){animation-delay:.17s}.prelogin-home .reveal-block:nth-child(3){animation-delay:.26s}.landing-story h2,.landing-showcase h2{margin:4px 0 10px;font-family:Cinzel,serif;letter-spacing:.03em}.landing-story>p{margin:0;max-width:72ch;color:#f7ead6db}.landing-story:before{content:"";position:absolute;right:-90px;top:-80px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(250,204,21,.2),transparent 70%)}.landing-pillars{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.landing-pillars .panel{padding:14px;border-radius:14px;background:linear-gradient(165deg,#ffffff12,#ffffff05);border-color:#ffe4b524}.landing-pillars h3{margin:4px 0 6px;font-size:1rem}.landing-pillars p{margin:0;color:#f7ead6cc;font-size:.9rem}.landing-card-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.landing-card-grid .card{border-radius:14px;padding:11px;display:grid;gap:8px;border-color:#ffe4b529;background:linear-gradient(170deg,#131e35f0,#0c1221f2)}.landing-card-grid .landing-card{opacity:0;transform:translateY(10px) scale(.99);animation:landingCardIn .52s ease forwards;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.landing-card-grid .landing-card:hover,.landing-card-grid .landing-card:focus-visible{transform:translateY(-2px);box-shadow:0 16px 28px #0003;border-color:#ffe4b542;outline:none}.landing-card-grid .landing-card:nth-child(1){animation-delay:.21s}.landing-card-grid .landing-card:nth-child(2){animation-delay:.28s}.landing-card-grid .landing-card:nth-child(3){animation-delay:.35s}.landing-card-grid .landing-card:nth-child(4){animation-delay:.42s}.landing-card-grid .landing-card:nth-child(5){animation-delay:.49s}.landing-card-grid .card-art{height:126px;margin-bottom:0}.landing-card-grid .card-text{margin:0;font-size:.74rem;line-height:1.4;color:#f7ead6d1;min-height:3.1em}.landing-steps ol{margin:10px 0 0;padding-left:18px;display:grid;gap:8px;color:#f7ead6e0}.landing-steps li{padding:8px 10px;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,228,181,.12)}.catalog-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));align-items:stretch}.catalog-grid .card{border-radius:14px;padding:10px;display:grid;gap:8px;grid-template-rows:auto auto auto auto auto auto;cursor:zoom-in}.catalog-grid .card-art{height:102px;margin-bottom:0;border-radius:10px}.catalog-grid .card-name{margin:0;font-size:.92rem;font-weight:700;line-height:1.2}.catalog-grid .card-top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.catalog-grid .card-top span{display:block;font-size:.68rem;color:#f7ead6bd;text-transform:uppercase;letter-spacing:.06em}.catalog-grid .cost{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:.78rem;background:radial-gradient(circle at 35% 35%,#fde68a,#f97316);color:#1b0f04;border:1px solid rgba(255,255,255,.24)}.catalog-grid .card-text{margin:0;font-size:.72rem;line-height:1.35;color:#f7ead6cc;min-height:2.9em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.catalog-grid .card-effect-badge{margin:0;justify-self:start;padding:4px 8px;border-radius:10px;border:1px solid rgba(251,191,36,.35);background:#fbbf2421;color:#fde68af2;font-size:.64rem;line-height:1.35;letter-spacing:.01em;text-transform:none;white-space:normal}.catalog-grid .card-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;font-size:.62rem;text-transform:uppercase;letter-spacing:.05em;color:#f7ead6d1}.catalog-grid .card-stats span{display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;padding:4px;border-radius:7px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.catalog-grid .card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.catalog-grid .card-actions button{padding:7px 8px;border-radius:9px;font-size:.72rem;font-weight:600}.catalog-grid .card-meta{margin:0;font-size:.66rem;color:#f7ead6ad}.forge-card-preview-overlay{position:fixed;inset:0;z-index:1150;display:grid;place-items:center;padding:18px;background:#01040ae6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.forge-card-preview{width:min(540px,96vw);display:grid;gap:10px;border-radius:18px;border:1px solid rgba(255,228,181,.22);background:linear-gradient(170deg,#121b30f5,#0b111ffa);box-shadow:0 32px 80px #0000009e;padding:14px}.forge-card-preview-close{justify-self:end;border-radius:999px;border:1px solid rgba(255,228,181,.25);background:#ffffff14;color:#f9e8cb;font-size:.72rem;padding:5px 10px}.forge-card-preview-art{width:100%;max-height:72vh;margin:0;border-radius:12px;object-fit:contain;border:1px solid rgba(255,255,255,.18);background:#0000006b}.forge-card-preview h3{margin:0;font-family:Cinzel,serif;font-size:1.26rem}.forge-card-preview p{margin:0;color:#f7ead6e6;line-height:1.45}.forge-card-preview-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.forge-card-preview-stats span{text-align:center;border-radius:8px;border:1px solid rgba(255,228,181,.2);background:#ffffff0f;padding:6px;font-size:.74rem;letter-spacing:.05em}.forge-card-preview-effect{justify-self:start;border-radius:999px;border:1px solid rgba(251,191,36,.34);background:#fbbf2424;color:#fde68af5;font-size:.72rem;padding:4px 10px}.deck-list{max-height:320px;overflow:hidden}.deck-scroll{max-height:250px;overflow:auto;display:grid;gap:6px}.deck-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:#ffffff0a}.deck-rarity{display:inline-block;margin-left:6px;font-size:.62rem;letter-spacing:.06em;opacity:.82}.recovery-actions{margin-top:8px}.recovery-actions button{padding:6px 10px;border-radius:8px}.recovery-actions button.copied{background:linear-gradient(135deg,#22c55e6b,#10b98147);border:1px solid rgba(110,231,183,.45);color:#eafff4}.battle-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.board-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.board-card{border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:8px;background:#ffffff08;display:grid;gap:4px}.board-card strong{font-size:.82rem}.board-card small{color:#f7ead6c7}.card-title{margin:0 0 6px;font-size:1.1rem}.card-meta,.card-body,.stat-row,.zone-meta,.invite-meta,.battle-line,.helper-text{color:#f7ead6c7}.card-footer,.row,.panel-header,.panel-actions,.stat-row,.invite-row,.battle-row,.deck-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.stat-chip,.mode-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.stat-chip strong,.mode-pill strong{color:#fff7e8}.deck-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.deck-slot{padding:14px;border-radius:18px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.deck-slot h4{margin:0 0 8px}.progress{height:10px;border-radius:999px;background:#ffffff14;overflow:hidden}.progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f9a826,#f97316,#fde68a)}.battle-log{padding:18px;display:grid;gap:12px}.battle-log article{padding:12px 14px;border-radius:16px;background:#ffffff08}.battle-overlay{position:fixed;inset:0;z-index:1200;background:radial-gradient(circle at 50% 20%,#12192c73,#03060ce6);display:grid;place-items:center;align-items:start;padding:18px;overflow-y:auto}.battle-overlay.ability-overlay{background:radial-gradient(circle at 50% 14%,#0d121fc7,#02040af5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.battle-surface{width:min(760px,100%);margin:auto;border-radius:18px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,#0f1628fa,#080c16fa);box-shadow:0 28px 70px #00000080;padding:20px}.ability-surface h3{margin:6px 0 12px;font-family:Cinzel,serif}.ability-sheet-list{display:grid;gap:10px;max-height:min(62vh,680px);overflow-y:auto;padding-right:6px}.ability-sheet-item{border-radius:12px;border:1px solid rgba(255,228,181,.18);background:#ffffff0a;padding:10px 12px;line-height:1.45;color:#f7ead6eb}.ability-sheet-item strong{color:#fcd387fa;letter-spacing:.02em}.battle-surface.reveal-surface{width:min(760px,100%);margin:auto;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#11192af5,#0b111efa);padding:20px}.reveal-stage{margin-top:10px;display:grid;place-items:center;padding:16px 0;border-radius:16px;perspective:1200px;background:radial-gradient(circle at 50% 12%,#ffffff12,#fff0)}.reveal-card{position:relative;width:clamp(220px,42vw,360px);height:clamp(310px,min(58vw,calc(100dvh - 260px)),510px);transform-style:preserve-3d;transition:transform .68s cubic-bezier(.2,.68,.2,1);will-change:transform}.reveal-card.is-flipped{transform:rotateY(180deg)}.reveal-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;border-radius:14px;border:1px solid rgba(255,255,255,.16);padding:14px;display:grid;justify-items:center;gap:10px;background:#0a0e18e6;overflow:hidden}.reveal-front p{margin:0;font-size:.94rem;color:#ffffffb8}.reveal-front{transform:rotateY(0);grid-template-rows:minmax(0,1fr) auto}.reveal-back{transform:rotateY(180deg);grid-template-rows:minmax(0,1fr) auto auto}.reveal-front .card-art,.reveal-back .card-art{width:100%;height:100%;margin:0;object-fit:contain;border-radius:10px;background:#0000005c}.reveal-back strong{font-size:1.15rem}.reveal-back small{font-size:.9rem;opacity:.85;letter-spacing:.07em}.rarity-rare .reveal-card{box-shadow:0 0 24px #38bdf85c}.rarity-epic .reveal-card{box-shadow:0 0 28px #ec48996b}.rarity-legendary .reveal-card{box-shadow:0 0 32px #f59e0b94}.invite-list{padding:16px}.invite-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.invite-card{padding:14px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.status-live{color:#86efac}.status-away{color:#fda4af}.pulse{animation:pulseGlow 1.8s ease-in-out infinite}.float-in{animation:floatIn .54s ease both}@keyframes pulseGlow{0%,to{box-shadow:0 0 #fbbf242e}50%{box-shadow:0 0 0 12px #fbbf2408}}@keyframes floatIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes driftLeft{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(24px,-18px,0) scale(1.06)}}@keyframes driftRight{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-28px,-22px,0) scale(1.04)}}@keyframes landingRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes landingCardIn{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.prelogin-home .reveal-block,.landing-card-grid .landing-card{opacity:1;transform:none;animation:none}.ambient{animation:none}}.admin-login,.admin-app{max-width:1100px;margin:3rem auto;padding:0 1.5rem}.admin-login form{display:grid;gap:.75rem;max-width:320px}.admin-login label,.admin-card-form label{display:grid;gap:.25rem;font-size:.9rem}.admin-login input,.admin-card-form input,.admin-card-form select,.admin-card-form textarea{background:#0f172a99;border:1px solid rgba(247,234,214,.25);border-radius:.4rem;color:inherit;padding:.4rem .6rem}.admin-error{color:#f87171}.admin-status{color:#34d399}.admin-header{display:flex;align-items:center;justify-content:space-between}.admin-nav{display:flex;gap:.5rem;margin:1rem 0}.admin-nav button.active{background:#fbbf244d}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{border-bottom:1px solid rgba(247,234,214,.15);padding:.4rem .6rem;text-align:left}.admin-grant-row{display:flex;gap:.35rem;align-items:center}.admin-grant-row input{width:4.5rem}.admin-users-toolbar{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.admin-users-toolbar input{background:#0f172a99;border:1px solid rgba(247,234,214,.25);border-radius:.4rem;color:inherit;padding:.4rem .6rem;min-width:220px}.admin-users-count{color:#aaa;font-size:.85rem}.admin-pagination{display:flex;align-items:center;gap:.75rem;margin-top:.75rem}.admin-card-form{display:grid;gap:.75rem;max-width:420px;margin-bottom:1.5rem}.admin-card-list{list-style:none;padding:0;display:grid;gap:.75rem}.admin-card-list li{display:flex;gap:.75rem;align-items:center}.admin-card-list img{width:64px;height:64px;object-fit:cover;border-radius:.4rem}.admin-relic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.35rem}.admin-relic-option{display:flex;align-items:center;gap:.35rem;font-size:.85rem}.admin-raid-list{list-style:none;padding:0;display:grid;gap:.5rem}.raid-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.raid-art{width:100%;max-height:160px;object-fit:cover;border-radius:.5rem}.raid-art-clickable{cursor:zoom-in;transition:transform .16s ease,box-shadow .16s ease}.raid-art-clickable:hover{transform:translateY(-2px);box-shadow:0 6px 18px #f7c86c40}.raid-hp-bar{background:#ffffff1a;border-radius:.5rem;height:.6rem;overflow:hidden}.raid-hp-fill{background:linear-gradient(90deg,#f87171,#fbbf24);height:100%}.raid-log{margin-top:.5rem;font-size:.8rem;opacity:.8;display:grid;gap:.15rem}.raid-backstory{font-size:.9rem;font-style:italic;color:#d1d5db;margin:.5rem 0;line-height:1.4}.raid-champion-preview{margin:1rem 0;padding:.5rem;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:.5rem}.raid-champion-preview img{width:100%;max-height:120px;object-fit:cover;border-radius:.3rem;margin-bottom:.5rem}.raid-champion-preview .small{font-size:.8rem;color:#f88;font-weight:600}.raid-ability-rotation{margin:.75rem 0;padding:.5rem;background:#64c8ff1a;border:1px solid rgba(100,200,255,.3);border-radius:.5rem;font-size:.85rem}.raid-ability-rotation strong{display:block;color:#64c8ff;margin-bottom:.35rem}.ability-rotation-list{margin:0;padding:0;color:#a3d5ff;word-break:break-word}.ability-item{display:inline}.ability-separator{color:#64c8ff;opacity:.7;margin:0 .3rem}.ability-label{font-weight:500}.store-view{padding:1.5rem}.store-header{margin-bottom:2rem}.store-header h2{margin-bottom:.5rem}.store-header .section-label{color:#fcd34d;font-weight:600;display:flex;align-items:center;gap:.5rem}.coin-store-section{margin:1rem 0 1.5rem;padding:1rem;border:1px solid #80613d;background:#2a201a9e}.coin-store-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.coin-store-heading h3,.coin-store-heading p{margin:0}.coin-store-heading p,.coin-store-notice{color:#cfc1a3}.coin-bundle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-top:.9rem}.coin-bundle-card{display:grid;gap:.45rem;min-height:160px;padding:.85rem;border:1px solid #94713d;background:#241e29}.coin-bundle-card h4,.coin-bundle-card strong,.coin-bundle-card span{margin:0}.coin-bundle-card strong{color:#f5ca63;font-size:1.1rem}.coin-bundle-card span{color:#d5c6aa}.coin-bundle-card .primary{align-self:end;width:100%}.pack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.pack-card{display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#0a1423cc,#0f1e32e6);border:1px solid rgba(252,211,77,.15);padding:1.5rem;border-radius:10px;transition:all .2s ease}.pack-card:hover{border-color:#fcd34d59;box-shadow:0 8px 24px #fcd34d1a;transform:translateY(-2px)}.pack-card h3{margin:0 0 .75rem;font-family:Cinzel,serif;font-size:1.2rem;color:#fde68a;width:100%;text-align:center}.pack-description{margin:0 0 1rem;font-size:.9rem;color:#fff5e6d9;line-height:1.5;flex-grow:1;width:100%;text-align:center}.pack-cost{display:flex;align-items:center;justify-content:center;gap:.75rem;margin:1rem 0 0;padding:.75rem;background:#fcd34d14;border-radius:8px;border:1px solid rgba(252,211,77,.2);width:100%}.cost-label{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:#fcd34dcc}.cost-value{font-size:1.3rem;font-weight:700;color:#fcd34d}.gold-icon{display:inline-block;margin-left:.3rem}.pack-image{width:100%;height:auto;object-fit:contain;object-position:center;border-radius:6px 6px 0 0;margin:-1.5rem -1.5rem 1rem;display:block;max-width:100%}.pack-zoom-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999}.pack-zoom-modal{position:relative;max-width:90vh;max-height:90vh;background:#0a1423f2;border:2px solid rgba(252,211,77,.3);border-radius:12px;padding:1rem;display:flex;align-items:center;justify-content:center}.pack-zoom-image{max-width:calc(90vh - 2rem);max-height:calc(90vh - 2rem);object-fit:contain}.pack-zoom-close{position:absolute;top:10px;right:10px;background:#fcd34d33;border:1px solid rgba(252,211,77,.4);color:#fcd34d;font-size:1.5rem;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;z-index:10000}.pack-zoom-close:hover{background:#fcd34d66;border-color:#fcd34dcc;box-shadow:0 0 12px #fcd34d4d}@media(max-width:640px){.pack-grid{grid-template-columns:1fr}.pack-card{padding:1rem}.pack-card h3{font-size:1.1rem}}@media(max-width:980px){.hero,.grid,.layout-grid{grid-template-columns:1fr}.prelogin-home{grid-template-columns:1fr;grid-template-areas:"story" "showcase" "steps"}.landing-pillars,.battle-board{grid-template-columns:1fr}.app-shell{padding:18px}}@media(max-width:860px){.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.catalog-grid .card-art{height:94px}}@media(max-width:640px){.banner,.section,.panel{padding:16px;border-radius:20px}.nav-tabs{gap:8px}.nav-tabs button,.action-button,.invite-button,.zone-button,.card-action{width:100%;justify-content:center}.hero-cta-row button{width:100%}.profile-row{grid-template-columns:1fr}.hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.battle-surface.reveal-surface{width:min(96vw,520px);padding:14px}.reveal-stage{min-height:390px}.reveal-card{width:min(82vw,320px);height:min(114vw,450px)}.forge-card-preview{width:min(96vw,430px);padding:12px}}.champion-reveal-surface{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;max-width:620px;width:100%}.champion-reveal-title{font-style:italic;color:#f7ead699;margin:-10px 0 0;font-size:1rem}.champion-reveal-surface>h3{margin:0;font-size:1.65rem}.champion-reveal-portrait-wrap{width:min(86vw,360px);height:min(118vw,500px);border-radius:14px;overflow:hidden;border:2px solid rgba(251,191,36,.45);box-shadow:0 0 32px #fbbf2433;background:#0006;display:flex;align-items:center;justify-content:center;cursor:zoom-in}.champion-reveal-zoom-btn{border-radius:999px;border:1px solid rgba(255,228,181,.25);background:#ffffff12;color:#f9e8cb;font-size:.76rem;letter-spacing:.05em;text-transform:uppercase;padding:6px 12px}.champion-reveal-portrait{width:100%;height:100%;object-fit:cover}.champion-reveal-zoom-overlay{position:fixed;inset:0;z-index:20;background:#040a16d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px}.champion-reveal-zoom-surface{width:min(96vw,680px);display:grid;gap:10px;justify-items:center}.champion-reveal-zoom-close{justify-self:end;border-radius:999px;border:1px solid rgba(255,228,181,.3);background:#ffffff14;color:#f9e8cb;font-size:.78rem;padding:6px 12px}.champion-reveal-zoom-art{width:100%;max-height:84vh;object-fit:contain;border-radius:12px;border:1px solid rgba(255,228,181,.3);background:#00000073}.champion-reveal-abilities{display:flex;flex-direction:column;gap:12px;width:100%;text-align:left}.champion-reveal-stat{display:flex;align-items:center;gap:8px;font-size:.95rem}.champion-reveal-ability{background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:3px}.champion-reveal-ability p{margin:0;font-size:.9rem;color:#f7ead6cc;line-height:1.5}@media(max-width:640px){.champion-reveal-surface{max-width:96vw;gap:12px}.champion-reveal-portrait-wrap{width:min(90vw,320px);height:min(126vw,450px)}}.beta-button{position:fixed;right:0;top:calc(50% - 130px);transform:translateY(-50%);z-index:1100;display:flex;align-items:center;justify-content:center;width:30px;height:64px;border-radius:10px 0 0 10px;background:linear-gradient(135deg,#5bb7ff,#2dd4bf);border:1px solid rgba(160,220,255,.6);border-right:none;box-shadow:-8px 8px 24px #2dd4bf4d;color:#04121a;font-weight:700;font-size:.85rem;letter-spacing:.05em;cursor:pointer;transition:all .24s ease;writing-mode:vertical-rl;text-orientation:mixed;padding:4px 2px;text-decoration:none}.beta-button:hover{transform:translateY(-50%) translate(-3px);box-shadow:-12px 8px 32px #2dd4bf73}.beta-button:active{transform:translateY(-50%) translate(-1px)}.feedback-button{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:1100;display:flex;align-items:center;justify-content:center;width:30px;height:80px;border-radius:10px 0 0 10px;background:linear-gradient(135deg,#fcd34d,#f59e0b);border:1px solid rgba(255,226,152,.6);border-right:none;box-shadow:-8px 8px 24px #f59e0b59;color:#2a1801;font-weight:700;font-size:.85rem;letter-spacing:.05em;cursor:pointer;transition:all .24s ease;writing-mode:vertical-rl;text-orientation:mixed;padding:4px 2px}.feedback-button:hover{transform:translateY(-50%) translate(-3px);box-shadow:-12px 8px 32px #f59e0b73}.feedback-button:active{transform:translateY(-50%) translate(-1px)}.feedback-drawer{position:fixed;right:0;top:0;width:min(420px,100%);height:100vh;background:linear-gradient(180deg,#0f1626fa,#080c16fa);border-left:1px solid rgba(255,228,181,.18);box-shadow:-8px 0 32px #00000073;z-index:1099;transform:translate(100%);transition:transform .32s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden}.feedback-drawer.open{transform:translate(0)}.feedback-drawer-content{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:20px;gap:16px}.feedback-drawer-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid rgba(255,228,181,.18)}.feedback-drawer-header h3{margin:0;font-family:Cinzel,serif;font-size:1.2rem;color:#fde68a}.feedback-drawer-close{background:transparent;border:1px solid rgba(255,228,181,.25);color:#f9e8cb;border-radius:6px;width:32px;height:32px;display:grid;place-items:center;cursor:pointer;font-size:1.2rem;transition:all .16s ease}.feedback-drawer-close:hover{background:#ffe4b526;border-color:#ffe4b566}.feedback-drawer-form{display:grid;gap:14px}.feedback-drawer-form label{display:grid;gap:6px}.feedback-drawer-form label span{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:#fcd387e0;font-weight:600}.feedback-drawer-form input,.feedback-drawer-form textarea{border-radius:10px;border:1px solid rgba(255,228,181,.2);background:#0a101be6;color:#fef5e6;padding:10px 11px;outline:none;font-size:.95rem;font-family:inherit;transition:border-color .16s ease,box-shadow .16s ease}.feedback-drawer-form input:focus,.feedback-drawer-form textarea:focus{border-color:#fbbf2480;box-shadow:0 0 0 3px #fbbf2426}.feedback-drawer-form textarea{resize:vertical;min-height:120px;line-height:1.5}.feedback-status{margin:0;padding:10px 12px;border-radius:8px;font-size:.9rem;border:1px solid rgba(255,228,181,.2);background:#fbbf2426;color:#fde68a}.feedback-status.success{border-color:#22c55e4d;background:#22c55e26;color:#86efac}.feedback-status.error{border-color:#f871714d;background:#f8717126;color:#fca5a5}.feedback-drawer-form button{margin-top:4px;width:100%;padding:12px 14px;border-radius:10px;border:1px solid transparent;font-weight:650;letter-spacing:.01em;transition:all .16s ease}.feedback-drawer-form .primary{color:#2a1801;background:linear-gradient(135deg,#fcd34d,#f59e0b);border-color:#ffe29880;box-shadow:0 8px 20px #f59e0b4d}.feedback-drawer-form .primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px #f59e0b66}.feedback-drawer-form .primary:disabled{opacity:.55;cursor:not-allowed}@media(max-width:640px){.feedback-button{width:28px;height:70px;font-size:.8rem;right:0}.beta-button{width:28px;height:56px;font-size:.8rem;top:calc(50% - 115px)}.feedback-drawer{width:100%;box-shadow:-4px 0 16px #00000080}.feedback-drawer-content{padding:16px;gap:12px}.feedback-drawer-header h3{font-size:1.1rem}.feedback-drawer-close{width:28px;height:28px}}