:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#f7f0e1;background:radial-gradient(circle at top,rgba(180,105,40,.35),transparent 30%),linear-gradient(160deg,#23150d,#402414 45%,#6a3b1e);line-height:1.5;font-weight:400;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;scrollbar-color:rgba(136,192,255,.46) rgba(8,18,33,.56)}*{scrollbar-width:thin;scrollbar-color:rgba(136,192,255,.46) rgba(8,18,33,.56)}*::-webkit-scrollbar{width:12px;height:12px}*::-webkit-scrollbar-track{background:linear-gradient(180deg,#ffffff08,#ffffff03),#081221b8;border-radius:999px}*::-webkit-scrollbar-thumb{border-radius:999px;border:2px solid rgba(8,18,33,.72);background:linear-gradient(180deg,#b8ddffcc,#70a8dae6),#88c0ffc2;box-shadow:inset 0 1px #ffffff3d,0 0 12px #88c0ff1f}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#d2e8ffdb,#80bcecf0),#a0d2ffd1}*::-webkit-scrollbar-corner{background:#081221b8}button,input{font:inherit}button{border:0;border-radius:999px;background:linear-gradient(135deg,#d98b3a,#f5c770);color:#25160f;cursor:pointer;font-weight:700;padding:.9rem 1.3rem;transition:transform .12s ease,opacity .12s ease}button:hover{transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.6;transform:none}button.secondary{background:#fff0d61f;color:#f7f0e1;border:1px solid rgba(255,240,214,.18)}input{width:100%;border-radius:16px;border:1px solid rgba(255,240,214,.15);background:#22130cb3;color:inherit;padding:.95rem 1rem}.app-shell{max-width:1200px;margin:0 auto;padding:3rem 1.25rem 4rem;position:relative}.hero{margin-bottom:2rem}.simple-header{margin-bottom:1.75rem;padding:.25rem 0 .5rem}.simple-header h1{margin:0;font-size:clamp(2.2rem,4vw,3.5rem);letter-spacing:.04em;text-transform:lowercase}.hero h1,.panel h2{margin:0;font-size:clamp(2rem,3vw,3.5rem);line-height:1.05}.panel h2{font-size:1.6rem}.hero-copy,.panel-copy{max-width:62ch;color:#f7f0e1d1}.compact-copy{margin:.35rem 0 0;max-width:46ch}.eyebrow{margin:0 0 .5rem;color:#ffcf87;font-size:.82rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.content-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start}.lobby-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.account-grid{grid-template-columns:1fr}.panel{padding:1.5rem;border:1px solid rgba(255,240,214,.1);border-radius:28px;background:#311c11b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 24px 60px #0000002e}.setup-form{display:grid;gap:1rem;margin-top:1.5rem}.setup-form label{display:grid;gap:.45rem;font-weight:600}.field-error{color:#ff9e98;font-size:.84rem;font-weight:700}.button-row{display:flex;gap:.75rem;flex-wrap:wrap}.status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.5rem 0}.status-grid div{padding:.9rem 1rem;border-radius:18px;background:#fff0d60f}.status-grid dt{color:#f7f0e19e;font-size:.85rem;margin-bottom:.35rem}.status-grid dd{margin:0;font-weight:700;word-break:break-word}.player-list{margin:0;padding-left:1rem}.section-header{display:flex;gap:1rem;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.action-row,.battle-metrics{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.battle-metrics span{padding:.55rem .85rem;border-radius:999px;background:#fff0d614}.battle-metrics span:first-child{background:radial-gradient(circle at top,rgba(255,255,255,.38),transparent 35%),linear-gradient(135deg,#ffe08a,#ffb347 55%,#ff8c32);color:#4a2400;font-weight:800;box-shadow:inset 0 1px #ffffff8c,0 10px 22px #783a0042,0 0 18px #ffb74759;border:1px solid rgba(255,220,110,.6);transform:translateY(-1px)}.gold-chip-attention{animation:goldChipAttention .76s cubic-bezier(.2,.9,.2,1)}.battle-status-panel{padding:1rem 1.25rem}.battle-status-top{display:flex;gap:1rem;justify-content:space-between;align-items:center;flex-wrap:wrap}.battle-status-copy h2{font-size:1.3rem}.battle-status-actions{justify-content:flex-end}.battle-impact-banner{padding:.95rem 1rem;border-radius:20px;display:flex;gap:1rem;align-items:center;justify-content:space-between;background:radial-gradient(circle at top left,rgba(255,255,255,.16),transparent 26%),linear-gradient(135deg,#7a3717f2,#461c0df2);border:1px solid rgba(255,212,138,.18);box-shadow:inset 0 1px #ffffff29,0 18px 32px #1207023d;animation:battleImpactEnter .56s cubic-bezier(.18,.88,.32,1.12);overflow:hidden;position:relative;z-index:5;pointer-events:none}.board-impact-banner-shell{position:absolute;top:5.2rem;left:50%;width:min(760px,calc(100% - 2.5rem));transform:translate(-50%);z-index:5;pointer-events:none}.board-impact-banner{width:100%}.board-discard-banner-shell{position:absolute;inset:5.8rem 1.5rem auto 1.5rem;display:flex;justify-content:center;z-index:4;pointer-events:none}.discard-feedback-banner{width:min(620px,100%);padding:1rem 1.1rem;border-radius:22px;display:flex;gap:1rem;align-items:center;justify-content:space-between;background:radial-gradient(circle at top left,rgba(255,255,255,.14),transparent 24%),linear-gradient(135deg,#562e1deb,#2a150ef0);border:1px solid rgba(255,226,185,.12);box-shadow:inset 0 1px #ffffff1f,0 18px 30px #12070238;animation:discardBannerEnter .42s cubic-bezier(.18,.88,.32,1.1)}.discard-feedback-copy{display:grid;gap:.15rem}.discard-feedback-label{font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ffd7a6cc}.discard-feedback-copy strong{font-size:1.05rem}.discard-feedback-detail{color:#f7f0e1c2}.discard-feedback-fan{display:flex;align-items:center;justify-content:flex-end;min-height:88px;min-width:210px}.discard-ghost-card{width:54px;height:76px;border-radius:14px;border:2px solid rgba(255,244,223,.3);box-shadow:inset 0 1px #ffffff7a,0 12px 18px #10070433;margin-left:-18px;display:grid;place-items:center;position:relative;overflow:hidden;animation:discardGhostFly .76s cubic-bezier(.18,.88,.32,1.08) forwards;animation-delay:calc(var(--discard-index, 0) * 55ms)}.discard-ghost-card:first-child{margin-left:0}.discard-ghost-rank{position:absolute;top:8px;left:8px;font-weight:800;font-size:1rem;color:#2d190eeb}.discard-ghost-suit{font-size:1.7rem;filter:drop-shadow(0 6px 10px rgba(0,0,0,.14))}.battle-impact-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 18%,rgba(255,255,255,.18) 50%,transparent 82%);transform:translate(-120%);animation:battleImpactShine 1.1s ease-out .12s;pointer-events:none}.battle-impact-banner.impact-fire{background:radial-gradient(circle at top left,rgba(255,226,190,.24),transparent 26%),linear-gradient(135deg,#a03a16f2,#54170cf5)}.battle-impact-banner.impact-air{background:radial-gradient(circle at top left,rgba(227,244,255,.26),transparent 26%),linear-gradient(135deg,#517299f2,#24334ff5)}.battle-impact-banner.impact-earth{background:radial-gradient(circle at top left,rgba(232,246,212,.24),transparent 26%),linear-gradient(135deg,#5d7436f2,#2b3618f5)}.battle-impact-banner.impact-water{background:radial-gradient(circle at top left,rgba(214,241,255,.28),transparent 26%),linear-gradient(135deg,#3472a2f2,#13365bf5)}.battle-impact-banner.impact-plasma{background:radial-gradient(circle at top left,rgba(237,221,255,.32),transparent 26%),linear-gradient(135deg,#7354ccf2,#2d2470f5)}.battle-impact-banner.impact-wild{background:radial-gradient(circle at top left,rgba(255,239,200,.3),transparent 26%),linear-gradient(135deg,#b26623f2,#752346f5)}.battle-impact-copy{display:grid;gap:.15rem}.battle-impact-label{font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ffe7bcd1}.battle-impact-copy strong{font-size:1.2rem}.battle-impact-detail{color:#f7f0e1cc}.battle-impact-damage{font-size:clamp(2rem,5vw,3rem);font-weight:900;letter-spacing:-.04em;color:#ffe1a4;text-shadow:0 0 14px rgba(255,217,126,.32),0 10px 18px rgba(38,11,4,.28);animation:battleDamagePulse .72s cubic-bezier(.16,.84,.26,1.18)}.game-board{grid-column:span 2;position:relative}.game-board-disabled{opacity:.62;filter:saturate(.7)}.game-board-disabled .card-grid,.game-board-disabled .action-row{pointer-events:none}.game-board-disabled .card-tile{box-shadow:inset 0 1px #ffffff73,0 6px 14px #0000001f}.battle-status-panel,.lobby-panel,.auth-panel{grid-column:span 2}.account-hud{position:absolute;top:1.5rem;right:1.25rem;display:grid;gap:.5rem;justify-items:end;z-index:3}.account-chip{display:flex;align-items:center;gap:.6rem}.achievement-unlock-toast{position:fixed;top:1.5rem;left:50%;transform:translate(-50%);width:min(560px,calc(100% - 2rem));padding:1rem 1.1rem;border-radius:26px;display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;background:radial-gradient(circle at top,rgba(255,250,224,.48),transparent 36%),linear-gradient(135deg,#6b3b13f5,#401d0cfa);border:1px solid rgba(255,222,140,.45);box-shadow:inset 0 1px #ffffff47,0 24px 48px #180a045c,0 0 48px #ffbc5238;z-index:20;overflow:hidden;pointer-events:none;animation:achievementToastEnter .42s cubic-bezier(.2,.9,.3,1.16)}.level-up-toast{top:6.5rem;background:radial-gradient(circle at top,rgba(225,242,255,.32),transparent 34%),linear-gradient(135deg,#143d68f5,#2a1c5df5);border-color:#9fdaff47}.achievement-unlock-toast:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 12%,rgba(255,255,255,.18) 42%,rgba(255,234,173,.28) 50%,transparent 76%);transform:translate(-120%);animation:achievementToastShine 1.2s ease-out .14s}.achievement-unlock-copy{position:relative;display:grid;gap:.18rem;z-index:1}.achievement-unlock-label{margin:0;font-size:.75rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#ffd88f}.achievement-unlock-copy strong{font-size:clamp(1.2rem,2.2vw,1.7rem);letter-spacing:.01em}.achievement-unlock-copy span{color:#f7f0e1d1}.achievement-unlock-seal{width:72px;height:72px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:2rem;color:#5a2b00;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.72),transparent 28%),linear-gradient(135deg,#fff0ab,#ffc857 48%,#ff942e);border:1px solid rgba(255,237,176,.75);box-shadow:inset 0 1px #ffffff9e,0 16px 28px #54260052,0 0 28px #ffcc6052;position:relative;z-index:1;animation:achievementSealPulse 1.3s ease-in-out infinite}.achievement-unlock-burst{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.achievement-spark{position:absolute;width:12px;height:12px;border-radius:999px;background:radial-gradient(circle,rgba(255,247,210,.95),rgba(255,192,77,.3) 62%,transparent 72%);filter:blur(.2px);opacity:0;animation:achievementSpark 1.1s ease-out forwards}.achievement-spark-1{top:18%;left:12%}.achievement-spark-2{top:26%;right:14%;animation-delay:.12s}.achievement-spark-3{bottom:18%;left:24%;animation-delay:.22s}.achievement-spark-4{bottom:24%;right:24%;animation-delay:.32s}.account-menu{position:relative}.account-chip-balance{padding:.5rem .8rem;border-radius:999px;background:#fff0d61a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-weight:700}.account-chip-button{width:46px;height:46px;padding:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:0 10px 22px #00000038}.account-xp-bar{width:min(260px,calc(100vw - 2.5rem));padding:.55rem .75rem .65rem;border-radius:16px;display:grid;gap:.35rem;text-align:left;background:linear-gradient(180deg,#ffffff0f,#ffffff05),#07101de6;border:1px solid rgba(136,192,255,.18);box-shadow:inset 0 1px #ffffff14,0 14px 28px #0309134d}.account-xp-bar:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff1f,0 18px 30px #03091357,0 0 24px #7ec6ff14}.account-xp-label{font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#e7f1ffcc}.account-xp-shell{display:block;height:10px;border-radius:999px;overflow:hidden;background:#050a14c7;border:1px solid rgba(136,192,255,.12)}.account-xp-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#79f3caeb,#8eddfff2,#b6a3fff2);box-shadow:0 0 18px #8eddff38,0 0 28px #b6a3ff29}.account-chip-button,.player-avatar-badge{font-family:"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji",sans-serif}.account-dropdown{position:absolute;top:calc(100% + .45rem);right:0;min-width:140px;padding:.35rem;border-radius:16px;background:#311c11f5;border:1px solid rgba(255,240,214,.12);box-shadow:0 16px 30px #00000047}.account-dropdown-item{width:100%;border-radius:12px;background:transparent;color:#f7f0e1;box-shadow:none;justify-content:flex-start;text-align:left}.account-dropdown-item:hover{background:#fff0d61a;transform:none}.auth-form,.auth-signed-in{display:grid;gap:1rem;margin-top:1.2rem}.locked-player-name{display:grid;gap:.25rem;padding:.9rem 1rem;border-radius:16px;background:#fff0d614}.locked-player-identity{display:inline-flex;align-items:center;gap:.6rem;font-size:1.02rem}.locked-player-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:#f7f0e19e}.player-avatar-badge{width:2rem;height:2rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,rgba(255,255,255,.3),transparent 38%),#fff0d61f;border:1px solid rgba(255,240,214,.18);box-shadow:inset 0 1px #ffffff38,0 8px 14px #00000029;flex-shrink:0;font-size:1.15rem}.health-player-name{display:inline-flex;align-items:center;gap:.55rem}.health-avatar{width:2.2rem;height:2.2rem;font-size:1.2rem;background:radial-gradient(circle at top,rgba(255,255,255,.34),transparent 38%),#fff0d624}.auth-form label{display:grid;gap:.45rem;font-weight:600}.avatar-picker{display:grid;gap:.55rem}.avatar-grid{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(44px,1fr))}.avatar-option{width:100%;min-height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:#fff0d614;border:1px solid rgba(255,240,214,.14);color:#f7f0e1;box-shadow:none;font-size:1.35rem}.avatar-option.selected{background:radial-gradient(circle at top,rgba(255,255,255,.28),transparent 38%),linear-gradient(135deg,#d98b3aeb,#f5c770eb);color:#25160f;border-color:#ffd67aa6;box-shadow:inset 0 1px #ffffff47,0 10px 18px #00000029}.auth-message{margin:1rem 0 0;padding:.8rem 1rem;border-radius:16px;background:#fff0d614;color:#f7f0e1e6}.guest-link-button{align-self:start;justify-self:start;margin-top:.35rem;padding:.75rem 1rem;border-radius:16px;background:linear-gradient(180deg,#ffffff14,#ffffff08),#0a1424c2;border:1px solid rgba(159,218,255,.18);box-shadow:inset 0 1px #ffffff14,0 10px 18px #00000029;color:#eef5ffd6;font-size:.9rem;font-weight:600}.guest-link-button:hover{color:#fffffff5;border-color:#9fdaff4d;transform:translateY(-1px)}.lobby-list{display:grid;gap:.75rem;margin-top:1.25rem;max-height:420px;overflow:auto;padding-right:.25rem}.lobby-card{width:100%;border-radius:18px;border:1px solid rgba(255,240,214,.12);background:#fff0d60f;color:inherit;display:grid;gap:.35rem;justify-items:start;padding:1rem 1.1rem;text-align:left}.lobby-card-title{font-size:1.05rem;font-weight:800}.tutorial-entry-card{margin-top:.75rem;margin-bottom:1rem;text-align:left;background:radial-gradient(circle at top,rgba(148,216,255,.16),transparent 42%),linear-gradient(180deg,#ffffff0e,#ffffff05),#091221d1;border-color:#88c0ff3d}.tutorial-page{display:grid;gap:1.2rem}.tutorial-stepper{display:flex;flex-wrap:wrap;gap:.7rem}.tutorial-step-pill{padding:.5rem .85rem;border-radius:999px;background:#ffffff0f;border:1px solid rgba(136,192,255,.12);color:#d6e6ffad;font-size:.86rem;font-weight:700}.tutorial-step-pill.active{background:radial-gradient(circle at top,rgba(255,214,122,.18),transparent 42%),#35270ee0;border-color:#ffd67a57;color:#ffe8a7}.tutorial-step-pill.complete{color:#9ce0ff}.tutorial-stage{display:grid;gap:1rem}.tutorial-copy-block h3{margin:0;font-size:1.5rem}.tutorial-hand-grid{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tutorial-hand-card,.tutorial-summary-card{padding:1rem;border-radius:22px;display:grid;gap:.4rem;align-content:start;background:linear-gradient(180deg,#ffffff0b,#ffffff04),#091221b8;border:1px solid rgba(136,192,255,.12)}.tutorial-hand-head{display:grid;gap:.15rem;margin-bottom:.8rem}.tutorial-hand-rewards{display:flex;gap:.55rem;flex-wrap:wrap;margin-bottom:.8rem}.tutorial-hand-rewards span{padding:.38rem .7rem;border-radius:999px;background:linear-gradient(180deg,#ffffff0f,#ffffff05),#0b1728d1;border:1px solid rgba(136,192,255,.12);color:#eff6ffdb;font-size:.84rem;font-weight:700}.tutorial-hand-head span,.tutorial-summary-card span{display:block;color:#d6e6ffb8}.tutorial-mini-cards,.tutorial-card-row{display:flex;gap:.55rem;flex-wrap:wrap}.tutorial-card{width:74px;min-height:96px;padding:.7rem .5rem;border-radius:18px;display:grid;align-content:space-between;background:linear-gradient(180deg,#ffffffe6,#f2f7ffdb);border:1px solid rgba(178,220,255,.26);box-shadow:inset 0 1px #ffffffd1,0 10px 22px #02091333;color:#1c2430}.tutorial-card-rank{font-weight:900;font-size:1.2rem}.tutorial-card-suit{font-size:.72rem;font-weight:700}.tutorial-duel-strip{display:grid;gap:1rem;grid-template-columns:minmax(220px,280px) 1fr;align-items:start}.tutorial-health-card{min-height:0}.tutorial-preview-panel{margin-top:0}.tutorial-shop-grid,.tutorial-summary-grid{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.tutorial-shop-card{min-height:0}.tutorial-shop-card-bought{box-shadow:inset 0 1px #ffffffeb,0 0 0 4px #91ffb73d,0 18px 32px #040c1c47,0 0 26px #6fff823d}.tutorial-finish-stage{text-align:left}.meta-panel,.account-page-panel{grid-column:1 / -1}.achievement-stats-row{margin-top:1.2rem;display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.achievement-stat-chip{padding:.95rem 1rem;border-radius:18px;background:#fff0d60f;display:grid;gap:.2rem}.achievement-stat-chip strong{font-size:1.4rem}.achievement-stat-chip span{color:#f7f0e1ad}.achievement-page-grid{margin-top:1.1rem;display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.level-progression-panel,.level-progression-summary{margin-top:1.1rem;padding:1.1rem 1.15rem;border-radius:24px;border:1px solid rgba(136,192,255,.14);background:linear-gradient(180deg,#ffffff0a,#ffffff04),#081221b8;display:grid;gap:1rem}.level-progression-panel h3,.level-progression-summary h3{margin:0;font-size:1.45rem}.level-progression-summary{display:flex;align-items:center;justify-content:space-between;gap:1rem}.ranked-summary-card{min-width:190px;padding:.95rem 1rem;border-radius:20px;display:grid;gap:.16rem;background:radial-gradient(circle at top,rgba(148,216,255,.16),transparent 42%),linear-gradient(180deg,#ffffff0d,#ffffff04),#091221d6;border:1px solid rgba(136,192,255,.18);box-shadow:inset 0 1px #ffffff0f,0 14px 24px #03091333}.ranked-summary-label{font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#a6dbffd1}.ranked-summary-card strong{font-size:1.55rem;line-height:1.1}.ranked-summary-subtitle{color:#d6e6ffa8;font-size:.88rem}.level-progress-shell{height:14px;border-radius:999px;overflow:hidden;background:#050a14a3;border:1px solid rgba(136,192,255,.14)}.level-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#79f3caeb,#8eddfff2,#b6a3fff2);box-shadow:0 0 18px #8eddff33,0 0 30px #b6a3ff29}.level-milestone-grid{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.level-milestone-card{padding:.95rem 1rem;border-radius:20px;border:1px solid rgba(136,192,255,.1);background:linear-gradient(180deg,#ffffff09,#ffffff03),#091221a3}.level-milestone-card.unlocked{border-color:#79f3ca57;background:radial-gradient(circle at top,rgba(121,243,202,.18),transparent 34%),linear-gradient(180deg,#ffffff16,#ffffff05),#08191de0;box-shadow:inset 0 1px #ffffff14,0 18px 30px #040a183d,0 0 28px #79f3ca24}.level-milestone-card.locked{border-color:#6d88ac29;background:linear-gradient(180deg,#ffffff08,#ffffff02),#070e1aa3}.level-milestone-card.locked .meta-achievement-head span{color:#abbed8a8}.level-milestone-card.unlocked .meta-achievement-head span{color:#98ffd7;font-weight:800}.level-milestone-card p{margin:.45rem 0 0;color:var(--text-soft)}.achievement-page-card{min-height:156px}.meta-grid{margin-top:1.25rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.meta-section h3{margin:0 0 .75rem}.meta-achievement-list,.meta-talent-list{display:grid;gap:.8rem}.meta-achievement-card,.meta-talent-card{padding:.95rem 1rem;border-radius:18px;border:1px solid rgba(255,240,214,.12);background:#fff0d60f;color:inherit;text-align:left}.meta-achievement-card.unlocked{background:radial-gradient(circle at top,rgba(255,232,173,.16),transparent 30%),#fff0d614;border-color:#ffd67a4d}.meta-achievement-card p,.meta-talent-card p{margin:.4rem 0 .65rem;color:#f7f0e1c7}.meta-achievement-head,.meta-talent-head{display:flex;justify-content:space-between;gap:.75rem;align-items:baseline}.meta-progress-bar{height:8px;border-radius:999px;overflow:hidden;background:#160b06b3}.meta-progress-bar div{height:100%;border-radius:999px;background:linear-gradient(90deg,#ffb860,#ffe08a)}.meta-talent-card{display:grid;gap:.15rem;border-radius:20px;box-shadow:none}.meta-talent-card.available{background:radial-gradient(circle at top,rgba(168,255,188,.16),transparent 34%),#fff0d612;border-color:#6fff8252}.meta-talent-card.unlocked{background:radial-gradient(circle at top,rgba(255,232,173,.14),transparent 34%),#fff0d614;border-color:#ffd67a47}.meta-talent-requires{font-size:.8rem;color:#f7f0e199}.meta-bonus-section{margin-top:1rem}.meta-bonus-list{margin:0;padding-left:1rem;display:grid;gap:.3rem}.specialization-tabs{margin-top:1.2rem;display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.specialization-tab{border-radius:22px;padding:1rem 1.05rem;display:grid;gap:.3rem;text-align:left;background:#fff0d60f;color:inherit;box-shadow:none}.specialization-tab strong{font-size:1.05rem}.specialization-tab span{color:#f7f0e1b8;font-weight:500}.specialization-tab.active{background:radial-gradient(circle at top,rgba(255,237,192,.18),transparent 34%),#fff0d614;border:1px solid rgba(255,214,122,.32)}.specialization-tab.locked{opacity:.68}.talent-tree{margin-top:1.2rem;display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(5,minmax(150px,auto));align-items:stretch;position:relative;isolation:isolate}.talent-tree-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:visible}.talent-tree-line{fill:none;stroke:#8ecfff33;stroke-width:.85;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1.4 1.8;filter:drop-shadow(0 0 4px rgba(125,214,255,.14))}.talent-tree-line.active{stroke:#88b8e047;stroke-width:1;stroke-dasharray:none;filter:drop-shadow(0 0 4px rgba(136,184,224,.08)) drop-shadow(0 0 8px rgba(125,214,255,.05))}.talent-node{border-radius:24px;padding:1rem;display:grid;gap:.3rem;align-content:start;text-align:left;background:#fff0d60f;color:inherit;box-shadow:inset 0 1px #ffffff1f,0 12px 24px #00000024;position:relative;z-index:1}.talent-node.locked{background:radial-gradient(circle at top,rgba(125,214,255,.14),transparent 34%),#fff0d612;border:1px solid rgba(122,195,255,.22)}.talent-node.available{background:radial-gradient(circle at top,rgba(166,255,190,.16),transparent 34%),#fff0d614;border:1px solid rgba(111,255,130,.28)}.talent-node.unlocked{background:radial-gradient(circle at top,rgba(255,235,184,.18),transparent 34%),#fff0d617;border:1px solid rgba(255,214,122,.3)}.talent-node.maxed{box-shadow:inset 0 1px #ffffff29,0 16px 28px #250d0333,0 0 28px #ffd67a2e}.talent-node.capstone{background:radial-gradient(circle at top,rgba(255,212,140,.22),transparent 34%),linear-gradient(180deg,#6e3e1ae6,#381c0ef5);border:1px solid rgba(255,196,92,.46);box-shadow:inset 0 1px #ffffff2e,0 16px 28px #250d0333,0 0 24px #ffb14729}.talent-node.capstone strong{font-size:1.14rem}.debug-stack{grid-column:1 / -1;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.card-grid{margin-top:1.5rem;display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.hand-preview-panel{margin-top:.9rem;padding:.9rem 1rem;height:6.2rem;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:1rem;overflow:hidden;background:radial-gradient(circle at top left,rgba(255,214,122,.12),transparent 28%),linear-gradient(180deg,#ffffff0d,#ffffff04),#081221c7;border:1px solid rgba(255,214,122,.18);box-shadow:inset 0 1px #ffffff14,0 14px 26px #0309133d;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,opacity .18s ease}.hand-preview-panel:not(.active){border-color:#88c0ff14;background:linear-gradient(180deg,#ffffff06,#ffffff03),#0812216b;box-shadow:inset 0 1px #ffffff08,0 8px 18px #0309131f}.hand-preview-copy{display:grid;gap:.12rem;align-content:center;min-height:100%}.hand-preview-copy-idle strong{color:#f7f0e194;font-size:1rem;font-weight:600}.hand-preview-label{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:#ffd67ad1;font-weight:800}.hand-preview-copy strong{font-size:1.1rem;line-height:1.2}.hand-preview-inline-multiplier{color:#ffd67ae6;font-size:.95rem;font-weight:700}.hand-preview-copy span:last-child{color:#f7f0e1b8}.hand-preview-metrics{display:flex;gap:.65rem;flex-wrap:wrap;justify-content:flex-end;align-items:center;min-height:100%}.hand-preview-metrics span{padding:.55rem .85rem;border-radius:999px;background:linear-gradient(180deg,#ffffff0f,#ffffff05),#0d1b30e0;border:1px solid rgba(136,192,255,.16);color:#f2f6ff;font-weight:700}.card-tile{min-height:145px;border-radius:18px;border:2px solid rgba(43,25,15,.35);color:#2b190f;display:flex;flex-direction:column;justify-content:space-between;padding:1rem;text-align:left;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffb3,0 10px 24px #0003}.card-theme-starlit{box-shadow:inset 0 0 0 1px #d2eaff57,inset 0 1px #ffffffd1,0 12px 28px #0209134d}.card-theme-lacquer{background-blend-mode:screen,normal;filter:saturate(1.04) contrast(1.02)}.card-theme-foil:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(120deg,transparent 10%,rgba(255,255,255,.12) 38%,rgba(167,226,255,.18) 50%,transparent 74%);mix-blend-mode:screen;opacity:.7;pointer-events:none}.card-tile.selected{border-color:#ffd54f;box-shadow:0 0 0 3px #ffd54f8c,0 14px 28px #0000003d;transform:translateY(-3px) scale(1.02)}.card-corner{display:grid;gap:.15rem;justify-items:start;z-index:1}.card-corner.mirrored{justify-items:end;text-align:right;transform:rotate(180deg)}.card-rank{font-size:2.1rem;font-weight:800;line-height:1}.card-label{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;opacity:.75}.card-illustration{align-self:center;justify-self:center;font-size:3.5rem;line-height:1;filter:drop-shadow(0 8px 14px rgba(0,0,0,.15));z-index:1}.card-suit{font-size:1.1rem;font-weight:700}.suit-fire{background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.65),transparent 24%),linear-gradient(180deg,#ffe3d4,#ffb88c)}.suit-water{background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.7),transparent 24%),linear-gradient(180deg,#edf8ff,#aed8ff)}.suit-earth{background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.55),transparent 24%),linear-gradient(180deg,#f4edd7,#cfbb87)}.suit-air{background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.8),transparent 24%),linear-gradient(180deg,#fdfdfd,#dfe6ef)}.suit-plasma{background:radial-gradient(circle at 50% 32%,rgba(255,255,255,.82),transparent 24%),linear-gradient(180deg,#f7efff,#caa7ff 48%,#8b92ff)}.suit-wild{background:radial-gradient(circle at 50% 32%,rgba(255,255,255,.84),transparent 24%),linear-gradient(180deg,#fff4d6,#ffcb7a 44%,#ff79aa)}.health-row{margin-top:.85rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.health-card{padding:.75rem .9rem;border-radius:16px;background:#fff0d60f;position:relative;overflow:hidden}.health-card-attacker{box-shadow:inset 0 1px #ffffff14,0 0 0 1px #ffdea214}.health-card-damaged{animation:healthCardHit .7s cubic-bezier(.2,.88,.34,1)}.health-card-damaged .health-bar-fill{animation:damagedHealthBar .82s ease-out}.health-card-defeated{animation:healthCardHit .7s cubic-bezier(.2,.88,.34,1),healthCardDefeat .98s cubic-bezier(.18,.88,.32,1.08)}.health-card-defeated:before,.health-card-defeated:after{content:"";position:absolute;top:-8%;right:-6%;bottom:-8%;left:-6%;pointer-events:none}.health-card-defeated:before{background:linear-gradient(115deg,transparent 18%,rgba(255,243,228,.8) 19%,transparent 20%),linear-gradient(58deg,transparent 44%,rgba(255,232,205,.85) 45%,transparent 46%),linear-gradient(168deg,transparent 58%,rgba(255,232,205,.78) 59%,transparent 60%);mix-blend-mode:screen;opacity:0;animation:crackFlash .92s ease-out forwards}.health-card-defeated:after{background:radial-gradient(circle at 28% 34%,rgba(255,207,154,.8),transparent 18%),radial-gradient(circle at 74% 28%,rgba(255,184,120,.72),transparent 16%),radial-gradient(circle at 56% 74%,rgba(255,170,104,.68),transparent 22%);filter:blur(2px);opacity:0;animation:defeatExplosion .98s ease-out forwards}.health-card-defeated .health-bar-fill{animation:damagedHealthBar .82s ease-out,defeatedHealthBar .96s ease-out forwards}.health-meta{display:flex;justify-content:space-between;gap:.5rem;margin-bottom:.3rem;font-size:.92rem}.health-meta-bottom{margin-top:.28rem;margin-bottom:0}.health-bar-shell{height:10px;border-radius:999px;overflow:hidden;background:#160b06b3}.health-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#cc563f,#f4a261)}.damage-burst{position:absolute;top:50%;right:.8rem;font-size:1.7rem;font-weight:900;color:#ffd6a0;text-shadow:0 0 14px rgba(255,182,103,.5),0 8px 16px rgba(30,7,3,.32);transform:translateY(-50%);animation:damageBurst 1.1s cubic-bezier(.18,.88,.32,1.12) forwards;pointer-events:none}.defeat-burst{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);font-size:.84rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#ffeed7f0;text-shadow:0 0 18px rgba(255,221,167,.5),0 8px 16px rgba(30,7,3,.32);opacity:0;animation:defeatStamp .96s ease-out forwards;pointer-events:none}.upgrade-grid,.upgrade-list{margin-top:1.5rem;display:grid;gap:.9rem}.upgrade-summary{margin-top:1.2rem;display:grid;gap:1rem}.summary-section{padding:.95rem 1rem;border-radius:18px;background:#fff0d60f}.summary-section h3{margin:0 0 .55rem;font-size:1rem}.summary-section ul{margin:0;padding-left:1rem;display:grid;gap:.3rem}.shop-panel-expanded{grid-column:1 / -1}.shop-panel-expanded .upgrade-grid{grid-template-columns:repeat(auto-fit,minmax(220px,260px));gap:1.1rem;justify-content:center}.upgrade-card{text-align:left;position:relative;width:100%;aspect-ratio:.72;border-radius:16px;border:2px solid rgba(255,240,214,.12);background:#fff0d614;color:inherit;padding:1rem;display:grid;gap:.35rem;overflow:hidden;isolation:isolate;box-shadow:inset 0 1px #ffffff59,0 10px 24px #0000002e;transition:transform .18s ease,box-shadow .22s ease,filter .22s ease;animation-fill-mode:both}.upgrade-card-content{position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;z-index:1;display:grid;height:100%;grid-template-rows:92px auto auto 1fr auto;gap:.45rem;padding:.15rem .15rem .8rem;overflow:hidden}.upgrade-card-content:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:18px;border:3px solid rgba(92,63,36,.34);box-shadow:inset 0 1px #ffffffa6,inset 0 0 0 1px #fff3,0 8px 16px #00000014;pointer-events:none}.upgrade-card-content:after{content:"";position:absolute;top:56px;right:16px;bottom:18px;left:16px;border-radius:16px;background:linear-gradient(180deg,#ffffff2e,#ffffff05),#ffffff1a;box-shadow:inset 0 1px #ffffff59,inset 0 -1px #3c281214;pointer-events:none}.upgrade-frame-corner,.upgrade-frame-crest,.upgrade-frame-medallion{position:absolute;pointer-events:none}.upgrade-frame-corner{width:42px;height:42px;border:4px solid rgba(99,72,44,.38);opacity:.92;filter:drop-shadow(0 3px 8px rgba(0,0,0,.12))}.upgrade-frame-corner-tl{top:10px;left:10px;border-right:0;border-bottom:0;border-top-left-radius:14px}.upgrade-frame-corner-tr{top:10px;right:10px;border-left:0;border-bottom:0;border-top-right-radius:14px}.upgrade-frame-corner-bl{bottom:10px;left:10px;border-right:0;border-top:0;border-bottom-left-radius:14px}.upgrade-frame-corner-br{bottom:10px;right:10px;border-left:0;border-top:0;border-bottom-right-radius:14px}.upgrade-frame-crest{top:8px;left:50%;width:92px;height:28px;transform:translate(-50%);border-radius:0 0 20px 20px;border:2px solid rgba(109,78,46,.38);background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.42),transparent 62%),linear-gradient(180deg,#fff9e852,#c9a57624);box-shadow:inset 0 1px #ffffff4d,0 6px 12px #0000001a;opacity:.92}.upgrade-frame-medallion{bottom:14px;left:50%;width:24px;height:24px;transform:translate(-50%);border-radius:999px;border:1px solid rgba(255,255,255,.28);background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.5),transparent 34%),linear-gradient(180deg,#ffdf8ff2,#be792ae6);box-shadow:0 0 14px #ffc35c38,inset 0 1px #ffffff6b;opacity:.96;z-index:3}.upgrade-card:before,.upgrade-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.upgrade-card:before{background:radial-gradient(circle at top left,rgba(255,255,255,.45),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.18),transparent 45%);opacity:.75;z-index:-2}.upgrade-card:after{inset:auto -30% 12% auto;width:85px;height:85px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 68%);filter:blur(6px);opacity:.6;z-index:-1}.upgrade-ornament{position:absolute;left:14px;right:14px;height:18px;pointer-events:none;opacity:0;transition:opacity .18s ease,transform .22s ease;z-index:0}.ornament-top{top:10px;border-top:1px solid rgba(255,255,255,.24)}.ornament-bottom{bottom:10px;border-bottom:1px solid rgba(255,255,255,.24);transform:rotate(180deg)}.upgrade-ornament:before,.upgrade-ornament:after{content:"";position:absolute;top:-2px;width:18px;height:18px;border-radius:50%;border:1px solid rgba(255,255,255,.22)}.upgrade-ornament:before{left:-2px}.upgrade-ornament:after{right:-2px}.upgrade-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:inset 0 1px #fff6,0 18px 30px #00000038}.upgrade-card.common{background-color:#f8f8f8;border-color:#dcdcdc;color:#222}.upgrade-card.common .upgrade-frame-corner,.upgrade-card.common .upgrade-frame-crest{border-color:#85765c52}.upgrade-card.common .upgrade-frame-medallion{background:radial-gradient(circle at 35% 35%,rgba(246,246,246,.62),transparent 34%),linear-gradient(180deg,#d7dbe1,#9aa3b0 62%,#6d7581);border-color:#f2f5f88f;box-shadow:0 0 12px #b0bbca38,inset 0 1px #ffffff7a}.upgrade-card.common:after{opacity:.28}.upgrade-card.uncommon{background:radial-gradient(circle at top,rgba(255,255,255,.4),transparent 30%),linear-gradient(180deg,#d9f7c9,#bfeaa8);border-color:#1eff00;color:#163014;box-shadow:inset 0 1px #ffffff73,0 12px 24px #125f182e,0 0 18px #1eff002e,0 0 38px #49ff6133}.upgrade-card.uncommon .upgrade-ornament{opacity:.55}.upgrade-card.uncommon .upgrade-frame-corner,.upgrade-card.uncommon .upgrade-frame-crest{border-color:#3f994875}.upgrade-card.uncommon .upgrade-frame-medallion{background:radial-gradient(circle at 35% 35%,rgba(232,255,231,.72),transparent 34%),linear-gradient(180deg,#8dff7e,#1eff00 62%,#0e7b10);border-color:#d0ffc69e;box-shadow:0 0 18px #49ff616b,0 0 34px #1eff0038,inset 0 1px #ffffff8f}.upgrade-card.rare{background:radial-gradient(circle at top,rgba(255,255,255,.48),transparent 30%),linear-gradient(180deg,#d6e6ff,#9bc2ff);border-color:#0070dd;color:#10243c;box-shadow:inset 0 1px #ffffff7a,0 14px 28px #12427833,0 0 22px #0070dd4d,0 0 46px #5eadff3d}.upgrade-card.rare .upgrade-ornament{opacity:.72}.upgrade-card.rare .upgrade-frame-corner,.upgrade-card.rare .upgrade-frame-crest{border-color:#589dd68a;box-shadow:0 0 12px #5eadff2e}.upgrade-card.rare .upgrade-frame-medallion{background:radial-gradient(circle at 35% 35%,rgba(232,246,255,.72),transparent 34%),linear-gradient(180deg,#86d9ff,#0070dd 60%,#003f8a);border-color:#cdeaffa8;box-shadow:0 0 18px #5eadff7a,0 0 34px #0070dd3d,inset 0 1px #ffffff94}.upgrade-card.rare .upgrade-ornament:before,.upgrade-card.rare .upgrade-ornament:after{border-color:#d7efff8c;box-shadow:0 0 12px #65afff2e}.upgrade-card.epic{background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.55),transparent 30%),linear-gradient(180deg,#f0d4ff,#cb8eff 52%,#a85cf0);border-color:#a335ee;color:#2f103d;box-shadow:inset 0 1px #ffffff85,0 18px 36px #4f17784d,0 0 26px #a335ee73,0 0 58px #c66aff5c}.upgrade-card.epic .upgrade-ornament{opacity:.85}.upgrade-card.epic .upgrade-frame-corner,.upgrade-card.epic .upgrade-frame-crest{border-color:#c275f094;box-shadow:0 0 14px #c66aff38}.upgrade-card.epic .upgrade-frame-medallion{background:radial-gradient(circle at 35% 35%,rgba(251,232,255,.74),transparent 34%),linear-gradient(180deg,#f2a8ff,#a335ee 60%,#5a148e);border-color:#f6d2ffb3;box-shadow:0 0 20px #c66aff8a,0 0 38px #a335ee47,inset 0 1px #ffffff9e}.upgrade-card.epic .upgrade-ornament:before,.upgrade-card.epic .upgrade-ornament:after{border-color:#f8dcffb3;box-shadow:0 0 0 2px #a335ee1f,0 0 16px #d386ff42}.upgrade-card.legendary{background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.75),transparent 26%),conic-gradient(from 210deg at 50% 50%,#fff0b3,#ffd166,#ff8f1f,#ffd166,#fff0b3);border-color:#ff9800;color:#4a2300;box-shadow:inset 0 1px #ffffffad,0 20px 40px #883c0052,0 0 18px #ffc24d99,0 0 40px #ff8c008c,0 0 88px #ffb02eb3,0 0 140px #ff7b006b}.upgrade-card.legendary .upgrade-ornament{opacity:1}.upgrade-card.legendary .upgrade-frame-corner,.upgrade-card.legendary .upgrade-frame-crest{border-color:#ffda76d1;box-shadow:0 0 0 2px #ffb02e24,0 0 18px #ffd6664d}.upgrade-card.legendary .upgrade-frame-medallion{width:22px;height:22px;background:radial-gradient(circle at 35% 35%,rgba(255,250,218,.78),transparent 34%),linear-gradient(180deg,#fff08c,#ff9800 58%,#b84d00);border-color:#fff3c4d1;box-shadow:0 0 22px #ffc35c94,0 0 42px #ff8c0047,inset 0 1px #ffffffa8}.upgrade-card.legendary .upgrade-ornament:before,.upgrade-card.legendary .upgrade-ornament:after{width:22px;height:22px;top:-4px;border-color:#fff3c4e6;box-shadow:0 0 0 2px #ff99001f,0 0 18px #ffde7a6b}.upgrade-card.legendary:before{background:radial-gradient(circle at top left,rgba(255,255,255,.78),transparent 20%),linear-gradient(135deg,rgba(255,255,255,.35),transparent 42%),repeating-linear-gradient(115deg,#ffffff1f 0,#ffffff1f 8px,#ffbf491f 8px,#ffbf491f 16px)}.upgrade-card.legendary:after{inset:-20% auto auto -14%;width:140px;height:140px;background:radial-gradient(circle,rgba(255,241,179,.85),transparent 62%);filter:blur(10px);opacity:.75}.upgrade-card.legendary .ornament-top,.upgrade-card.legendary .ornament-bottom{border-color:#fff7cbcc;box-shadow:inset 0 1px #ffffff47,0 0 18px #ffd66633}.upgrade-card.legendary:hover{transform:translateY(-6px) scale(1.035);box-shadow:inset 0 1px #ffffffb8,0 24px 44px #883c0057,0 0 24px #ffd666c2,0 0 54px #ff8c009e,0 0 110px #ffb32bc7,0 0 170px #ff7b0085}.upgrade-price{position:absolute;top:.85rem;left:.85rem;padding:.2rem .45rem;border-radius:999px;background:linear-gradient(135deg,#2a1b0cf5,#120a04f5);color:gold;font-size:.75rem;font-weight:700;z-index:1;border:1px solid rgba(255,214,122,.24);box-shadow:inset 0 1px #ffffff1f,0 6px 14px #0000002e}.upgrade-card.uncommon .upgrade-price{background:linear-gradient(135deg,#173d18,#0b220d);border-color:#6fff8261;box-shadow:inset 0 1px #ffffff24,0 0 16px #49ff612e}.upgrade-card.rare .upgrade-price{background:linear-gradient(135deg,#113456,#08192f);border-color:#78c2ff6b;box-shadow:inset 0 1px #ffffff2e,0 0 20px #5eadff3d}.upgrade-card.epic .upgrade-price{background:linear-gradient(135deg,#4d1e76,#240c38);border-color:#e0a5ff80;box-shadow:inset 0 1px #fff3,0 0 24px #c66aff52}.upgrade-card.legendary .upgrade-price{background:linear-gradient(135deg,#fff2b3,#ffcf5f 42%,#ff9326 82%);color:#5a2300;border-color:#fff1b3d9;text-shadow:0 1px 0 rgba(255,255,255,.45);box-shadow:inset 0 1px #fff9,0 0 24px #ffbf4980,0 0 52px #ff8c006b}.upgrade-emoji{align-self:end;font-size:2.4rem;margin-top:0;filter:drop-shadow(0 6px 10px rgba(0,0,0,.18));transition:transform .22s ease,filter .22s ease;justify-self:center;text-align:center}.upgrade-card strong,.upgrade-card-content>.upgrade-emoji,.upgrade-card-content>.upgrade-rarity-label,.upgrade-card-content>strong+span{position:relative;z-index:1}.upgrade-pack-shell{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;border-radius:inherit;overflow:hidden}.upgrade-pack-half{position:absolute;left:0;right:0;height:52%;border-radius:inherit;background:radial-gradient(circle at 50% 24%,rgba(255,255,255,.34),transparent 24%),linear-gradient(135deg,#111c2efa,#070e1afa);border:1px solid rgba(173,205,255,.18);box-shadow:inset 0 1px #ffffff29,0 12px 20px #03091338;transform-origin:center}.upgrade-pack-half-top{top:0;border-bottom-left-radius:18px;border-bottom-right-radius:18px}.upgrade-pack-half-bottom{bottom:0;border-top-left-radius:18px;border-top-right-radius:18px}.upgrade-pack-burst{position:absolute;top:14%;right:14%;bottom:14%;left:14%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.84),transparent 62%);opacity:0;filter:blur(6px);transform:scale(.35)}.upgrade-card.uncommon .upgrade-pack-half{background:radial-gradient(circle at 50% 24%,rgba(237,255,231,.38),transparent 24%),linear-gradient(135deg,#133a12fa,#0a1f0bfa);border-color:#6fff823d}.upgrade-card.rare .upgrade-pack-half{background:radial-gradient(circle at 50% 24%,rgba(229,243,255,.4),transparent 24%),linear-gradient(135deg,#102f52fa,#08182efa);border-color:#78c2ff47}.upgrade-card.epic .upgrade-pack-half{background:radial-gradient(circle at 50% 24%,rgba(245,229,255,.44),transparent 24%),linear-gradient(135deg,#411866fa,#1e0c32fa);border-color:#e0a5ff4d}.upgrade-card.legendary .upgrade-pack-half{background:radial-gradient(circle at 50% 22%,rgba(255,249,218,.58),transparent 24%),linear-gradient(135deg,#783e05fa,#3a1804fa);border-color:#ffde8766;box-shadow:inset 0 1px #ffffff3d,0 16px 24px #3d180042,0 0 22px #ffb54938}.upgrade-card.uncommon .upgrade-pack-burst{background:radial-gradient(circle,rgba(150,255,133,.72),transparent 62%)}.upgrade-card.rare .upgrade-pack-burst{background:radial-gradient(circle,rgba(112,196,255,.78),transparent 62%)}.upgrade-card.epic .upgrade-pack-burst{background:radial-gradient(circle,rgba(214,146,255,.82),transparent 62%)}.upgrade-card.legendary .upgrade-pack-burst{background:radial-gradient(circle,rgba(255,211,98,.94),transparent 62%);filter:blur(9px)}.upgrade-card strong{font-size:1.02rem;letter-spacing:.01em;margin:.2rem 0 0;padding:.34rem .9rem .42rem;border-radius:999px;background:linear-gradient(180deg,#402b19eb,#21150cf2);color:#f6edd8;text-align:center;box-shadow:inset 0 1px #ffffff2e,0 8px 16px #0000001f}.upgrade-card strong+span{margin-top:0;padding:.7rem .85rem .95rem;border-radius:14px;background:linear-gradient(180deg,#ffffff47,#ffffff14),#fffaef75;box-shadow:inset 0 1px #ffffff61,0 8px 16px #0000000d;min-height:96px}.upgrade-rarity-label{align-self:end;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;opacity:.85}.upgrade-card.uncommon .upgrade-rarity-label{color:#0f7a19}.upgrade-card.rare .upgrade-rarity-label{color:#005fbe}.upgrade-card.epic .upgrade-rarity-label{color:#7d1ec9}.upgrade-card.legendary .upgrade-rarity-label{color:#a65000;text-shadow:0 0 8px rgba(255,230,158,.3)}.upgrade-card.legendary strong{font-size:1.08rem;text-shadow:0 1px 0 rgba(255,255,255,.28)}.upgrade-card.uncommon strong,.upgrade-card.rare strong,.upgrade-card.epic strong,.upgrade-card.legendary strong{color:#fff6e2}.upgrade-card.uncommon strong+span,.upgrade-card.rare strong+span,.upgrade-card.epic strong+span,.upgrade-card.legendary strong+span{background:linear-gradient(180deg,#ffffff3d,#ffffff0f),#ffffff3d}.upgrade-card.legendary .upgrade-emoji{font-size:2.8rem;filter:drop-shadow(0 0 12px rgba(255,255,255,.35)) drop-shadow(0 8px 16px rgba(156,76,0,.24))}.upgrade-card.uncommon:hover .upgrade-emoji,.upgrade-card.rare:hover .upgrade-emoji,.upgrade-card.epic:hover .upgrade-emoji,.upgrade-card.legendary:hover .upgrade-emoji{transform:translateY(-3px) scale(1.06)}.shop-panel-expanded .upgrade-card{min-height:0;padding:1.2rem;align-content:start;opacity:0;animation:shopReveal .48s cubic-bezier(.18,.88,.32,1.18) forwards;animation-delay:var(--shop-delay, 0ms)}.shop-panel-expanded .upgrade-card .upgrade-card-content{opacity:0;transform:scale(.94);animation:upgradeContentReveal .38s ease-out forwards;animation-delay:calc(var(--shop-delay, 0ms) + .3s);animation-fill-mode:forwards}.shop-panel-expanded .upgrade-card .upgrade-pack-half-top{animation:packHalfTopOpen .52s cubic-bezier(.2,.9,.24,1.06) forwards;animation-delay:calc(var(--shop-delay, 0ms) + 30ms)}.shop-panel-expanded .upgrade-card .upgrade-pack-half-bottom{animation:packHalfBottomOpen .52s cubic-bezier(.2,.9,.24,1.06) forwards;animation-delay:calc(var(--shop-delay, 0ms) + 30ms)}.shop-panel-expanded .upgrade-card .upgrade-pack-burst{animation:packBurstReveal .42s ease-out forwards;animation-delay:calc(var(--shop-delay, 0ms) + .11s)}.shop-panel-expanded .upgrade-card strong{font-size:1.12rem}.shop-panel-expanded .upgrade-card .upgrade-emoji{font-size:2.8rem}.shop-panel-expanded .upgrade-card.legendary .upgrade-emoji{font-size:3.2rem}.shop-panel-expanded .upgrade-card.uncommon{animation:shopReveal .48s cubic-bezier(.18,.88,.32,1.18) forwards,uncommonDrift 4.5s ease-in-out infinite;animation-delay:var(--shop-delay, 0ms),calc(var(--shop-delay, 0ms) + .48s)}.shop-panel-expanded .upgrade-card.uncommon .upgrade-pack-half-top,.shop-panel-expanded .upgrade-card.uncommon .upgrade-pack-half-bottom{animation-duration:.54s}.shop-panel-expanded .upgrade-card.rare{animation:shopReveal .48s cubic-bezier(.18,.88,.32,1.18) forwards,rareGleam 4s ease-in-out infinite;animation-delay:var(--shop-delay, 0ms),calc(var(--shop-delay, 0ms) + .48s)}.shop-panel-expanded .upgrade-card.rare .upgrade-pack-half-top,.shop-panel-expanded .upgrade-card.rare .upgrade-pack-half-bottom{animation-duration:.58s}.shop-panel-expanded .upgrade-card.rare .upgrade-pack-burst{animation-duration:.5s}.shop-panel-expanded .upgrade-card.epic{animation:shopReveal .48s cubic-bezier(.18,.88,.32,1.18) forwards,epicPulse 2.4s ease-in-out infinite,epicRunes 5s linear infinite;animation-delay:var(--shop-delay, 0ms),calc(var(--shop-delay, 0ms) + .48s),calc(var(--shop-delay, 0ms) + .48s)}.shop-panel-expanded .upgrade-card.epic .upgrade-pack-half-top,.shop-panel-expanded .upgrade-card.epic .upgrade-pack-half-bottom{animation-duration:.62s}.shop-panel-expanded .upgrade-card.epic .upgrade-pack-burst{animation:packBurstRevealEpic .62s ease-out forwards;animation-delay:calc(var(--shop-delay, 0ms) + 90ms)}.shop-panel-expanded .upgrade-card.legendary{animation:shopReveal .48s cubic-bezier(.18,.88,.32,1.18) forwards,legendaryPulse 1.6s ease-in-out infinite,legendaryShimmer 4s linear infinite;animation-delay:var(--shop-delay, 0ms),calc(var(--shop-delay, 0ms) + .48s),calc(var(--shop-delay, 0ms) + .48s)}.shop-panel-expanded .upgrade-card.legendary .upgrade-pack-half-top,.shop-panel-expanded .upgrade-card.legendary .upgrade-pack-half-bottom{animation-duration:.72s}.shop-panel-expanded .upgrade-card.legendary .upgrade-pack-burst{animation:packBurstRevealLegendary .82s ease-out forwards;animation-delay:calc(var(--shop-delay, 0ms) + 80ms)}.shop-actions{margin-top:1.25rem;display:flex;gap:.75rem;align-items:center;justify-content:flex-end;flex-wrap:wrap}.shop-status-text{margin-right:auto;color:#f7f0e1d1;font-weight:600;transition:color .16s ease,text-shadow .16s ease,transform .16s ease}.shop-status-text-urgent{color:#ffdf87;text-shadow:0 0 12px rgba(255,204,87,.28),0 0 24px rgba(255,153,51,.18);animation:shopStatusUrgentPulse 1.6s ease-in-out infinite}.shop-continue-button{background:radial-gradient(circle at top,rgba(255,255,255,.28),transparent 38%),linear-gradient(135deg,#7df58a,#38c172 50%,#1f9d55);color:#09351b;box-shadow:inset 0 1px #fff6,0 12px 24px #146e3647,0 0 22px #3ddf7247}.shop-continue-button:hover{transform:translateY(-2px) scale(1.01);box-shadow:inset 0 1px #ffffff75,0 16px 28px #146e364d,0 0 30px #3ddf7261}@keyframes epicPulse{0%,to{box-shadow:inset 0 1px #ffffff85,0 18px 36px #4f17784d,0 0 26px #a335ee6b}50%{box-shadow:inset 0 1px #ffffff94,0 20px 38px #4f177854,0 0 34px #be5cff9e}}@keyframes shopStatusUrgentPulse{0%,to{transform:translateY(0);text-shadow:0 0 12px rgba(255,204,87,.22),0 0 24px rgba(255,153,51,.14)}50%{transform:translateY(-1px);text-shadow:0 0 16px rgba(255,204,87,.34),0 0 30px rgba(255,153,51,.24)}}@keyframes uncommonDrift{0%,to{box-shadow:inset 0 1px #ffffff73,0 12px 24px #125f182e,0 0 18px #1eff002e,0 0 38px #49ff6133}50%{box-shadow:inset 0 1px #ffffff7a,0 14px 26px #125f1833,0 0 22px #49ff613d,0 0 48px #49ff614d}}@keyframes rareGleam{0%,to{box-shadow:inset 0 1px #ffffff7a,0 14px 28px #12427833,0 0 22px #0070dd4d,0 0 46px #5eadff3d;filter:saturate(1)}50%{box-shadow:inset 0 1px #ffffff85,0 16px 30px #12427838,0 0 30px #5eadff6b,0 0 58px #5eadff5c;filter:saturate(1.04)}}@keyframes epicRunes{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(-6deg)}}@keyframes shopReveal{0%{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes upgradeContentReveal{0%{opacity:0;transform:scale(.92);filter:blur(3px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes packHalfTopOpen{0%{opacity:1;transform:translateY(0) scaleY(1)}55%{opacity:1;transform:translateY(-18%) scaleY(.92)}to{opacity:0;transform:translateY(-72%) scaleY(.78)}}@keyframes packHalfBottomOpen{0%{opacity:1;transform:translateY(0) scaleY(1)}55%{opacity:1;transform:translateY(18%) scaleY(.92)}to{opacity:0;transform:translateY(72%) scaleY(.78)}}@keyframes packBurstReveal{0%{opacity:0;transform:scale(.2)}35%{opacity:.9;transform:scale(1.2)}to{opacity:0;transform:scale(1.7)}}@keyframes packBurstRevealEpic{0%{opacity:0;transform:scale(.2) rotate(0)}38%{opacity:1;transform:scale(1.45) rotate(16deg)}to{opacity:0;transform:scale(2.2) rotate(36deg)}}@keyframes packBurstRevealLegendary{0%{opacity:0;transform:scale(.18) rotate(0)}24%{opacity:1;transform:scale(1.7) rotate(10deg)}58%{opacity:.88;transform:scale(2.3) rotate(-8deg)}to{opacity:0;transform:scale(3.1) rotate(22deg)}}@keyframes legendaryPulse{0%,to{box-shadow:inset 0 1px #ffffffad,0 20px 40px #883c0052,0 0 18px #ffc24d99,0 0 40px #ff8c008c,0 0 88px #ffb02eb3,0 0 140px #ff7b006b}50%{box-shadow:inset 0 1px #ffffffbd,0 22px 42px #883c0057,0 0 30px #ffd666d1,0 0 58px #ff7b00b8,0 0 120px #ffc24ddb,0 0 180px #ff6f008f}}@keyframes legendaryShimmer{0%{filter:saturate(1) brightness(1)}50%{filter:saturate(1.08) brightness(1.04)}to{filter:saturate(1) brightness(1)}}@keyframes goldChipAttention{0%{transform:translateY(-1px) scale(1);box-shadow:inset 0 1px #ffffff8c,0 10px 22px #783a0042,0 0 18px #ffb74759}18%{transform:translateY(-2px) scale(1.18) rotate(-2deg);box-shadow:inset 0 1px #ffffff9e,0 16px 26px #783a0057,0 0 34px #ffb747bf,0 0 64px #ffc85073}30%{transform:translateY(-2px) scale(1.13) rotate(2deg)}42%{transform:translateY(-2px) scale(1.16) rotate(-3deg)}54%{transform:translateY(-1px) scale(1.12) rotate(3deg)}68%{transform:translateY(-1px) scale(1.08) rotate(-1deg);box-shadow:inset 0 1px #ffffff94,0 14px 24px #783a004d,0 0 28px #ffb7478c,0 0 48px #ffc8504d}to{transform:translateY(-1px) scale(1) rotate(0);box-shadow:inset 0 1px #ffffff8c,0 10px 22px #783a0042,0 0 18px #ffb74759}}@keyframes achievementToastEnter{0%{opacity:0;transform:translate(-50%) translateY(-18px) scale(.94)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes achievementToastShine{0%{transform:translate(-120%)}to{transform:translate(130%)}}@keyframes achievementSealPulse{0%,to{transform:scale(1) rotate(0);box-shadow:inset 0 1px #ffffff9e,0 16px 28px #54260052,0 0 28px #ffcc6052}50%{transform:scale(1.06) rotate(6deg);box-shadow:inset 0 1px #ffffffb3,0 18px 30px #5426005c,0 0 38px #ffd77375}}@keyframes achievementSpark{0%{opacity:0;transform:scale(.2)}25%{opacity:1;transform:scale(1)}to{opacity:0;transform:translateY(-18px) scale(1.45)}}@keyframes bootSpin{0%{transform:rotate(0) scale(1)}to{transform:rotate(360deg) scale(1.04)}}@keyframes bootSpinReverse{0%{transform:translate(-50%,-50%) rotate(360deg) scale(1)}to{transform:translate(-50%,-50%) rotate(0) scale(1.03)}}@keyframes bootPulse{0%,to{opacity:.72;transform:scale(1.18)}50%{opacity:1;transform:scale(1.26)}}@keyframes bootLogoFloat{0%,to{transform:translateY(0);filter:brightness(1)}50%{transform:translateY(-6px);filter:brightness(1.06)}}@keyframes bootSheen{0%{transform:translate(-120%)}to{transform:translate(140%)}}@keyframes bootTwinkle{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}}@keyframes battleImpactEnter{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes discardBannerEnter{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes battleImpactShine{0%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes battleDamagePulse{0%{transform:scale(.75);opacity:0}55%{transform:scale(1.18);opacity:1}to{transform:scale(1);opacity:1}}@keyframes healthCardHit{0%{transform:translate(0);box-shadow:inset 0 0 #ffc18a00}16%{transform:translate(-5px);box-shadow:0 0 0 1px #ffd69e38,0 0 26px #ff753d3d}34%{transform:translate(5px)}54%{transform:translate(-3px)}to{transform:translate(0);box-shadow:inset 0 0 #ffc18a00}}@keyframes healthCardDefeat{0%{filter:saturate(1)}18%{transform:translate(-7px) rotate(-1deg) scale(1.01);filter:saturate(1.08) brightness(1.06)}32%{transform:translate(7px) rotate(1deg) scale(1.015)}48%{transform:translate(-5px) rotate(-1deg) scale(1.01)}64%{transform:translate(4px) rotate(1deg) scale(1);filter:saturate(.86) brightness(.96)}to{transform:translate(0) rotate(0) scale(.985);filter:saturate(.72) brightness(.9)}}@keyframes damagedHealthBar{0%{filter:brightness(1.45) saturate(1.12)}to{filter:brightness(1) saturate(1)}}@keyframes defeatedHealthBar{0%{opacity:1}to{width:0%;opacity:.45}}@keyframes damageBurst{0%{opacity:0;transform:translateY(-15%) scale(.6)}30%{opacity:1;transform:translateY(-65%) scale(1.2)}to{opacity:0;transform:translateY(-125%) scale(1)}}@keyframes crackFlash{0%{opacity:0}18%{opacity:.95}to{opacity:.42}}@keyframes defeatExplosion{0%{opacity:0;transform:scale(.68)}28%{opacity:1;transform:scale(1.06)}to{opacity:0;transform:scale(1.34)}}@keyframes defeatStamp{0%{opacity:0;transform:translate(-50%,-36%) scale(.72)}34%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}to{opacity:0;transform:translate(-50%,-60%) scale(1)}}@keyframes discardGhostFly{0%{opacity:0;transform:translateY(18px) rotate(calc(var(--discard-index, 0) * -6deg)) scale(.9)}22%{opacity:1;transform:translateY(0) rotate(calc(var(--discard-index, 0) * -4deg)) scale(1)}to{opacity:0;transform:translateY(-64px) translate(calc((var(--discard-index, 0) - 2) * 18px)) rotate(calc((var(--discard-index, 0) - 2) * 10deg)) scale(.86)}}@keyframes matchResultEnter{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes matchEloPop{0%{opacity:0;transform:translateY(10px) scale(.84)}55%{opacity:1;transform:translateY(-3px) scale(1.08)}to{opacity:1;transform:translateY(0) scale(1)}}.event-feed{display:grid;gap:.6rem;max-height:420px;overflow:auto;padding-right:.5rem}.event-feed p{margin:0;padding:.85rem 1rem;border-radius:18px;background:#fff0d60f}:root{--bg-night: #07111f;--bg-deep: #0f1f33;--panel-veil: rgba(11, 22, 39, .78);--panel-border: rgba(139, 194, 255, .16);--panel-highlight: rgba(255, 255, 255, .08);--text-main: #eef5ff;--text-soft: rgba(228, 238, 255, .74);--accent-gold: #ffd87a;--accent-ice: #8eddff;--accent-violet: #b6a3ff;--accent-mint: #79f3ca}body{font-family:Trebuchet MS,Segoe UI,Verdana,sans-serif;color:var(--text-main);background:radial-gradient(circle at 18% 18%,rgba(77,179,255,.18),transparent 24%),radial-gradient(circle at 82% 14%,rgba(159,112,255,.2),transparent 26%),radial-gradient(circle at 50% 120%,rgba(62,148,255,.14),transparent 34%),linear-gradient(180deg,#050b16,#0a1627 36%,#0e1c30);position:relative;overflow-x:hidden}.boot-splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 20% 20%,rgba(110,233,255,.22),transparent 24%),radial-gradient(circle at 80% 18%,rgba(255,131,203,.2),transparent 24%),radial-gradient(circle at 50% 80%,rgba(149,113,255,.24),transparent 28%),linear-gradient(180deg,#040915,#081325 38%,#0d1a31)}.boot-splash:before,.boot-splash:after{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;pointer-events:none}.boot-splash:before{background:conic-gradient(from 90deg,transparent 0deg,rgba(140,219,255,.14) 38deg,transparent 88deg,rgba(255,190,118,.08) 140deg,transparent 220deg,rgba(192,153,255,.12) 300deg,transparent 360deg);animation:bootSpin 12s linear infinite}.boot-splash:after{background:radial-gradient(circle,rgba(255,255,255,.09),transparent 38%);transform:scale(1.2);filter:blur(26px);animation:bootPulse 2.8s ease-in-out infinite}.boot-splash-copy{position:relative;z-index:2;width:min(900px,calc(100% - 2rem));padding:2.6rem 2rem 2rem;border-radius:36px;text-align:center;background:radial-gradient(circle at top,rgba(255,255,255,.1),transparent 34%),linear-gradient(180deg,#ffffff0f,#ffffff05),#081221b8;border:1px solid rgba(159,218,255,.2);box-shadow:inset 0 1px #ffffff1f,0 30px 70px #02071285,0 0 56px #89d4ff1f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.boot-splash-label{margin:0 0 .8rem;color:#bae0ffd1;font-size:.88rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase}.boot-splash h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.9rem,7.8vw,5.8rem);letter-spacing:.02em;text-transform:uppercase;line-height:.96;background:linear-gradient(180deg,#fff,#ffe39a 32%,#b8deff 72%,#f6b5ff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 24px rgba(151,221,255,.16),0 0 48px rgba(184,157,255,.14);animation:bootLogoFloat 3.6s ease-in-out infinite}.boot-splash-tagline{margin:1rem auto 1.6rem;max-width:34rem;color:#e4eeffc7;font-size:1.02rem}.boot-progress-shell{position:relative;height:18px;border-radius:999px;overflow:hidden;background:linear-gradient(180deg,#ffffff0a,#ffffff03),#050a14d1;border:1px solid rgba(147,206,255,.18);box-shadow:inset 0 1px #ffffff0f,0 0 20px #70c2ff14}.boot-progress-fill{position:relative;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7ff2d0,#8fddff 30%,#c1b0ff 64%,#ff96cb);box-shadow:0 0 18px #8fddff38,0 0 34px #c1b0ff29;transition:width .22s cubic-bezier(.2,.82,.22,1)}.boot-progress-sheen{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.18) 48%,transparent 100%);transform:translate(-120%);animation:bootSheen 1.8s ease-in-out infinite;pointer-events:none}.boot-progress-meta{margin-top:.8rem;display:flex;justify-content:space-between;gap:1rem;align-items:center;color:#e4eeffd1;font-size:.95rem}.boot-progress-meta strong{color:#fff1bb;letter-spacing:.08em}.boot-splash-stars,.boot-splash-rings{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.boot-star,.boot-ring{position:absolute;border-radius:999px}.boot-star{width:14px;height:14px;background:radial-gradient(circle,rgba(255,255,255,.95),rgba(160,220,255,.42) 52%,transparent 70%);animation:bootTwinkle 2.6s ease-in-out infinite}.boot-star-1{top:16%;left:16%;animation-delay:0ms}.boot-star-2{top:26%;right:18%;animation-delay:.38s}.boot-star-3{top:62%;left:12%;animation-delay:.76s}.boot-star-4{bottom:20%;right:16%;animation-delay:1.18s}.boot-star-5{top:12%;left:56%;animation-delay:.52s}.boot-star-6{bottom:12%;left:62%;animation-delay:.94s}.boot-ring{border:1px solid rgba(160,218,255,.14);box-shadow:0 0 24px #a0daff14}.boot-ring-1{width:520px;height:520px;top:50%;left:50%;transform:translate(-50%,-50%);animation:bootSpinReverse 20s linear infinite}.boot-ring-2{width:680px;height:680px;top:50%;left:50%;transform:translate(-50%,-50%);animation:bootSpin 26s linear infinite}.boot-ring-3{width:860px;height:860px;top:50%;left:50%;transform:translate(-50%,-50%);border-style:dashed;animation:bootSpinReverse 34s linear infinite}body:before,body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}body:before{background:radial-gradient(circle at 20% 22%,rgba(255,214,125,.08),transparent 0 2px,transparent 3px),radial-gradient(circle at 70% 28%,rgba(141,222,255,.07),transparent 0 2px,transparent 3px),radial-gradient(circle at 54% 64%,rgba(255,255,255,.05),transparent 0 1px,transparent 2px),radial-gradient(circle at 88% 78%,rgba(195,171,255,.06),transparent 0 2px,transparent 3px);background-size:280px 220px,320px 260px,240px 200px,340px 280px;opacity:.9}body:after{background:linear-gradient(180deg,#050a1200,#050a122e),radial-gradient(circle at 50% -10%,rgba(123,215,255,.18),transparent 34%)}.app-shell{max-width:1280px;padding:2.8rem 1.4rem 4rem;isolation:isolate}.app-shell:before{content:"";position:absolute;inset:5.5rem 0 auto 0;height:420px;border-radius:48px;background:radial-gradient(circle at 50% 50%,rgba(86,196,255,.12),transparent 42%),linear-gradient(180deg,rgba(255,255,255,.05),transparent 48%);filter:blur(1px);pointer-events:none;z-index:-1}.simple-header{margin-bottom:2rem;padding:.25rem 0 .7rem}.logo-home-button{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:inherit}.logo-home-button:hover{transform:none}.simple-header h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(2.5rem,4vw,4.2rem);letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(180deg,#fdf4d1,#f2d27e 45%,#b7dfff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 24px rgba(134,214,255,.12)}.hero h1,.panel h2{font-family:Georgia,Times New Roman,serif;letter-spacing:.01em}.eyebrow{color:var(--accent-ice);text-shadow:0 0 14px rgba(127,214,255,.18)}.hero-copy,.panel-copy,.compact-copy,.status-grid dt,.locked-player-label,.achievement-stat-chip span,.meta-achievement-card p,.meta-talent-card p,.specialization-tab span,.meta-talent-requires,.shop-status-text{color:var(--text-soft)}.shop-status-text.shop-status-text-urgent{color:#ffd981}.shop-status-stack{display:grid;gap:.18rem}.shop-status-timer{color:#d6e6ffb8;font-size:.9rem;font-weight:700}.panel{border:1px solid var(--panel-border);background:linear-gradient(180deg,#ffffff0b,#ffffff04),var(--panel-veil);box-shadow:inset 0 1px 0 var(--panel-highlight),0 28px 60px #02071270,0 0 0 1px #5a99ff0a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}button{background:radial-gradient(circle at top,rgba(255,255,255,.32),transparent 42%),linear-gradient(135deg,#7fd6ff,#9cb6ff 58%,#d9c3ff);color:#081524;box-shadow:inset 0 1px #ffffff6b,0 12px 24px #19447047}button.secondary{background:linear-gradient(180deg,#ffffff0f,#ffffff05),#0a1424b8;color:var(--text-main);border:1px solid rgba(136,192,255,.18);box-shadow:inset 0 1px #ffffff0f,0 12px 22px #0000002e}input{border:1px solid rgba(135,192,255,.18);background:linear-gradient(180deg,#ffffff09,#ffffff04),#060e1bd1;box-shadow:inset 0 1px #ffffff0d}input::placeholder{color:#d8e6ff61}.account-chip-balance,.battle-metrics span,.status-grid div,.locked-player-name,.achievement-stat-chip,.meta-achievement-card,.meta-talent-card,.specialization-tab,.talent-node,.lobby-card,.event-feed p{background:linear-gradient(180deg,#ffffff0b,#ffffff04),#091221b8;border:1px solid rgba(136,192,255,.12)}.lobby-card{position:relative;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .22s ease}.lobby-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 18%,rgba(146,214,255,.1) 50%,transparent 82%);transform:translate(-120%);transition:transform .42s ease}.lobby-card:hover{transform:translateY(-3px);border-color:#a4d8ff57;box-shadow:0 18px 34px #040c1c57}.lobby-card:hover:before{transform:translate(120%)}.account-chip-balance{color:#fff5d3;background:radial-gradient(circle at top,rgba(255,223,138,.18),transparent 48%),#07101de0}.account-chip-button{background:radial-gradient(circle at top,rgba(255,255,255,.28),transparent 42%),linear-gradient(135deg,#7dd6fff0,#97acfff5);border:1px solid rgba(199,233,255,.4)}.account-dropdown{background:linear-gradient(180deg,#ffffff0f,#ffffff05),#081221f5;border:1px solid rgba(136,192,255,.18)}.battle-status-panel,.game-board,.account-page-panel,.auth-panel,.lobby-panel{position:relative;overflow:hidden}.battle-status-panel:before,.game-board:before,.account-page-panel:before,.auth-panel:before,.lobby-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top right,rgba(125,214,255,.12),transparent 28%),radial-gradient(circle at bottom left,rgba(187,146,255,.1),transparent 30%);pointer-events:none}.battle-status-panel:after,.game-board:after{content:"";position:absolute;inset:auto 8% 0 8%;height:1px;background:linear-gradient(90deg,transparent,rgba(160,214,255,.32),transparent);pointer-events:none}.health-card{background:linear-gradient(180deg,#ffffff0d,#ffffff04),#0a1424c2;border:1px solid rgba(141,198,255,.12);box-shadow:inset 0 1px #ffffff0d,0 14px 22px #02071238}.player-avatar-badge{background:radial-gradient(circle at top,rgba(255,255,255,.26),transparent 38%),linear-gradient(180deg,#5695ff47,#13213a6b);border:1px solid rgba(172,220,255,.22)}.health-bar-shell{background:#050a149e;border:1px solid rgba(112,166,255,.12)}.health-bar-fill{background:linear-gradient(90deg,#70f2c1,#6be4ff 48%,#9bd2ff);box-shadow:0 0 16px #6ee9ff42}.game-board{background:radial-gradient(circle at 50% -10%,rgba(122,221,255,.13),transparent 28%),linear-gradient(180deg,#0b1526d6,#08101de6)}.game-board-body{position:relative}.game-board-body:before{content:"";position:absolute;top:4.8rem;right:.8rem;bottom:.8rem;left:.8rem;border-radius:30px;background:radial-gradient(circle at 50% 50%,rgba(45,116,184,.18),transparent 45%),linear-gradient(180deg,#ffffff05,#fff0);border:1px solid rgba(126,188,255,.08);pointer-events:none;display:none}.card-grid{margin-top:1rem;padding:1rem .9rem .9rem;border-radius:24px;background:radial-gradient(circle at 50% 18%,rgba(45,116,184,.12),transparent 48%),linear-gradient(180deg,#ffffff06,#ffffff03),#08122180;border:1px solid rgba(126,188,255,.1);box-shadow:inset 0 1px #ffffff0a,0 14px 28px #03091329}.card-tile{border:1px solid rgba(178,220,255,.34);box-shadow:inset 0 1px #ffffffc7,0 12px 28px #0209134d;transition:transform .18s ease,box-shadow .22s ease,border-color .18s ease}.card-tile:hover{transform:translateY(-4px) rotate(-.4deg);box-shadow:inset 0 1px #ffffffd6,0 18px 34px #02091357}.card-tile.selected{border-color:#fff7c4f5;box-shadow:inset 0 1px #ffffffeb,0 0 0 4px #fff5c46b,0 18px 32px #040c1c57,0 0 32px #ffffff38;transform:translateY(-7px) scale(1.04)}.card-tile.selected:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:14px;border:2px solid rgba(255,245,196,.8);box-shadow:0 0 18px #ffffff2e,inset 0 0 18px #ffffff29;pointer-events:none}.card-tile.selected .card-illustration{transform:scale(1.08);filter:drop-shadow(0 12px 18px rgba(255,255,255,.2)) saturate(1.14)}.card-tile.selected .card-rank,.card-tile.selected .card-label{color:#2c1a0f;text-shadow:0 0 10px rgba(255,255,255,.26)}.card-tile.suit-fire.selected{box-shadow:inset 0 1px #ffffffeb,0 0 0 4px #ffe7cb75,0 18px 32px #040c1c57,0 0 34px #ff804a52}.card-tile.suit-water.selected{box-shadow:inset 0 1px #ffffffeb,0 0 0 4px #dcf1ff7a,0 18px 32px #040c1c57,0 0 34px #6dbcff4d}.card-tile.suit-earth.selected{box-shadow:inset 0 1px #ffffffeb,0 0 0 4px #efe1b070,0 18px 32px #040c1c57,0 0 34px #cdae524d}.card-tile.suit-air.selected{box-shadow:inset 0 1px #fffffff0,0 0 0 4px #eff5ff80,0 18px 32px #040c1c57,0 0 34px #c3d6eb47}.card-tile.suit-plasma.selected{box-shadow:inset 0 1px #fffffff0,0 0 0 4px #e8dcff7a,0 18px 32px #040c1c57,0 0 38px #9c7bff57}.card-tile.suit-wild.selected{box-shadow:inset 0 1px #fffffff0,0 0 0 4px #ffe9ad75,0 18px 32px #040c1c57,0 0 38px #ff82b547}.battle-impact-banner,.discard-feedback-banner,.achievement-unlock-toast{border-color:#9ed4ff33;box-shadow:inset 0 1px #ffffff29,0 20px 38px #0309135c,0 0 38px #7ac4ff24}.achievement-unlock-toast{background:radial-gradient(circle at top,rgba(195,236,255,.28),transparent 32%),linear-gradient(135deg,#132a52f5,#22194df5)}.achievement-unlock-label{color:var(--accent-gold)}.achievement-unlock-seal{box-shadow:inset 0 1px #ffffff9e,0 16px 28px #54260052,0 0 36px #ffce6d6b}.specialization-tab.active,.meta-achievement-card.unlocked,.meta-talent-card.unlocked,.meta-talent-card.available,.talent-node.available,.talent-node.unlocked,.talent-node.capstone{box-shadow:inset 0 1px #ffffff1f,0 18px 30px #040a184d}.event-feed{border-radius:24px;background:linear-gradient(180deg,#ffffff08,#ffffff03),#070e1a52;padding:.2rem}.shop-panel-expanded{background:radial-gradient(circle at top,rgba(109,202,255,.12),transparent 26%),linear-gradient(180deg,#0c1626d6,#08101deb)}.shop-panel-expanded .section-header{margin-bottom:.4rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;padding:1.2rem;display:grid;place-items:center;background:#030811bd;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:25}.match-result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;padding:1.2rem;display:grid;place-items:center;background:#030811c7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:26}.match-result-panel{width:min(920px,100%);padding:2rem;border-radius:34px;background:radial-gradient(circle at top,rgba(128,221,255,.2),transparent 28%),linear-gradient(180deg,#ffffff0f,#ffffff05),#081221f0;border:1px solid rgba(152,215,255,.22);box-shadow:inset 0 1px #ffffff1a,0 34px 68px #02071275,0 0 42px #82ccff29;animation:matchResultEnter .42s cubic-bezier(.2,.9,.3,1.12)}.match-result-player-grid{margin-top:1.6rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.match-result-player{padding:1.15rem;border-radius:24px;background:linear-gradient(180deg,#ffffff0b,#ffffff04),#0a1424cc;border:1px solid rgba(136,192,255,.14);box-shadow:inset 0 1px #ffffff0f,0 16px 28px #03091338}.match-result-player.winner{border-color:#ffd67a5c;box-shadow:inset 0 1px #ffffff1a,0 18px 32px #0309133d,0 0 30px #ffd67a2e}.match-result-player.loser{border-color:#88c0ff1f}.match-result-player-head{display:flex;gap:.8rem;align-items:center}.match-result-player-head div{display:grid;gap:.12rem}.match-result-avatar{width:3rem;height:3rem;font-size:1.55rem}.match-result-elo-block{margin-top:1rem;display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.match-result-elo-total{font-size:1.05rem;font-weight:800}.match-result-elo-delta{font-size:2rem;font-weight:900;letter-spacing:-.03em;animation:matchEloPop .78s cubic-bezier(.18,.9,.24,1.14)}.match-result-elo-delta.positive{color:#86ffb3;text-shadow:0 0 18px rgba(99,255,153,.28)}.match-result-elo-delta.negative{color:#ff9b9b;text-shadow:0 0 18px rgba(255,114,114,.22)}.modal-panel{width:min(980px,100%);max-height:calc(100vh - 2.4rem);overflow:auto}.modal-header{position:sticky;top:0;z-index:1;padding-bottom:.8rem;background:linear-gradient(180deg,#081221fa,#081221e6 70%,#08122100)}.modal-close-button{align-self:start}.progression-modal{background:radial-gradient(circle at top,rgba(109,202,255,.16),transparent 24%),linear-gradient(180deg,#0c1626fa,#08101df5)}.progression-modal-bar{margin-top:.35rem}.progression-modal-grid{margin-top:1rem}.progression-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,280px);gap:1rem;overflow-x:auto;overflow-y:hidden;padding:.35rem .25rem .6rem;scroll-snap-type:x proximity;scrollbar-width:thin}.progression-track .level-milestone-card{min-height:180px;scroll-snap-align:center;position:relative}.level-milestone-level-pill{display:inline-flex;align-items:center;width:fit-content;margin-bottom:.75rem;padding:.28rem .65rem;border-radius:999px;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:#7894b62e;color:#deeaf9d9}.level-milestone-card.current{transform:translateY(-2px);border-color:#ffda7e6b;box-shadow:inset 0 1px #ffffff1f,0 20px 36px #040a1847,0 0 32px #ffda7e2e}.level-milestone-card.current .level-milestone-level-pill{background:radial-gradient(circle at top,rgba(255,223,138,.22),transparent 58%),#4d3811b8;color:#ffe7a7}@media (max-width: 700px){.boot-splash-copy{padding:2.1rem 1.2rem 1.5rem}.boot-splash h1{font-size:clamp(2.15rem,10vw,3.7rem);letter-spacing:.015em}.boot-progress-meta{flex-direction:column;align-items:flex-start}.boot-ring-1{width:320px;height:320px}.boot-ring-2{width:440px;height:440px}.boot-ring-3{width:560px;height:560px}.simple-header h1{font-size:clamp(2rem,11vw,2.8rem)}.achievement-unlock-toast{top:1rem;width:calc(100% - 1rem);grid-template-columns:1fr;justify-items:start}}@media (max-width: 700px){.app-shell{padding:1.5rem 1rem 2.5rem}.account-hud{top:1rem;right:1rem}.battle-status-top{align-items:flex-start}.battle-impact-banner{align-items:flex-start;flex-direction:column}.battle-impact-damage{align-self:flex-start}.level-progression-summary,.discard-feedback-banner{align-items:flex-start;flex-direction:column}.discard-feedback-fan{justify-content:flex-start;min-width:0}.talent-tree{grid-template-columns:1fr;grid-template-rows:none}.talent-tree-lines{display:none}.game-board,.battle-status-panel,.lobby-panel,.auth-panel,.debug-stack{grid-column:span 1}.health-row,.status-grid{grid-template-columns:1fr}}