:root{--bg: #0c0a10;--bg-secondary: #161219;--bg-card: #1d1820;--bg-card-hover: #2a232c;--text: #ece4e6;--hint: #9a8f96;--link: #e0a857;--button: #7a2732;--button-text: #f5e6d6;--accent: #d9a349;--accent-2: #4fd1c5;--danger: #e0475c;--success: #3ddc97;--common: #9aa3c0;--rare: #4fa8ff;--epic: #c95bff;--legendary: #e0a83f;--front: #e0475c;--mid: #d9a349;--back: #4fd1c5;--ash: #9b8fae;--font-display: Georgia, "Iowan Old Style", "Palatino Linotype", "Times New Roman", serif;--radius: 16px;--radius-sm: 10px;--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(ellipse 900px 500px at 50% -10%,rgba(122,39,50,.18),transparent 60%),var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}button{font-family:inherit;cursor:pointer;color:inherit}input::placeholder,textarea::placeholder{color:var(--hint);opacity:1}::-webkit-scrollbar{width:0;height:0}.app-shell{display:flex;flex-direction:column;height:100vh;max-width:560px;margin:0 auto;position:relative}.app-content{flex:1;overflow-y:auto;padding:14px 14px calc(84px + var(--safe-bottom))}.card{background:var(--bg-card);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius);padding:14px}.btn{border:none;border-radius:var(--radius-sm);padding:12px 18px;font-weight:600;font-size:15px;background:var(--button);color:var(--button-text);transition:transform .08s ease,opacity .15s ease}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-secondary{background:var(--bg-card-hover);color:var(--text)}.btn-block{width:100%}.pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;background:var(--bg-card-hover);font-size:12px;font-weight:600;color:var(--hint)}.rarity-common{color:var(--common)}.rarity-rare{color:var(--rare)}.rarity-epic{color:var(--epic)}.rarity-legendary{color:var(--legendary)}.bg-rarity-common{background:linear-gradient(160deg,#3a4166,#23274a)}.bg-rarity-rare{background:linear-gradient(160deg,#1c4f8c,#16294a)}.bg-rarity-epic{background:linear-gradient(160deg,#6c2f96,#2c1a4a)}.bg-rarity-legendary{background:linear-gradient(160deg,#a8730f,#4a2f16)}.hero-art-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center}.hero-art-fill-contain{object-fit:contain;object-position:center 15%;background:radial-gradient(ellipse at 50% 30%,rgba(255,255,255,.04),transparent 70%)}.hero-art-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#ffffffb3;filter:drop-shadow(0 3px 6px rgba(0,0,0,.45))}.rarity-frame-common{border:2px solid #565f8a;box-shadow:0 2px 10px #00000059}.rarity-frame-rare{border:2px solid var(--rare);box-shadow:0 0 12px #4fa8ff59}.rarity-frame-epic{border:2px solid var(--epic);box-shadow:0 0 14px #c95bff66}.rarity-frame-legendary{border:2px solid var(--legendary);box-shadow:0 0 16px #ffb64880;animation:legendary-breathe 3.2s ease-in-out infinite}@keyframes legendary-breathe{0%,to{box-shadow:0 0 14px #ffb64873}50%{box-shadow:0 0 24px #ffb648cc}}.hero-card-tier-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:3}.tier-2 .hero-card-tier-ring{box-shadow:inset 0 0 0 1.5px #ffffff59}.tier-3 .hero-card-tier-ring{box-shadow:inset 0 0 0 1.5px #ffffff8c,0 0 10px #ffffff40}@keyframes tier-max-glow{0%,to{box-shadow:inset 0 0 0 2px #ffffffb3,0 0 10px #d9a34980}50%{box-shadow:inset 0 0 0 2px #fffffff2,0 0 18px #d9a349d9}}.tier-4 .hero-card-tier-ring{animation:tier-max-glow 2.6s ease-in-out infinite}.hero-card{display:block;position:relative;overflow:hidden;width:100%;aspect-ratio:3 / 4;border-radius:var(--radius-sm);padding:0;color:var(--text);text-align:left;background:var(--bg-card)}.hero-card-small{aspect-ratio:1 / 1}.hero-card-selected{outline:2px solid var(--accent-2);outline-offset:2px}.hero-card-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 35%,#0809148c 68%,#060710eb)}.hero-card-topbar{position:absolute;top:5px;left:5px;right:5px;display:flex;justify-content:space-between;z-index:2}.hero-card-badges{display:flex;align-items:center;gap:4px}.hero-card-archetype-badge{font-size:13px;background:#00000073;border-radius:999px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hero-card-ability-badge{width:16px;height:16px;border-radius:999px;background:#00000073;color:var(--accent);display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 3px rgba(217,163,73,.8))}.hero-card-level{font-size:10px;font-weight:700;background:#00000080;padding:2px 6px;border-radius:999px;height:fit-content}.hero-card-bottom{position:absolute;left:0;right:0;bottom:0;padding:6px 8px 7px;z-index:2}.hero-card-name{font-weight:700;font-size:13px;line-height:1.15;text-shadow:0 1px 3px rgba(0,0,0,.8)}.hero-card-rarity{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.hero-card-stats{display:flex;gap:8px;font-size:10.5px;color:#cfd3ea;margin-top:3px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.hero-card-stats span,.stat-icon-row{display:inline-flex;align-items:center;gap:2px}.hero-card-archetype-badge svg,.battle-card-role svg{display:block}.hero-card-ability{font-size:10px;color:#b9bede;margin-top:3px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.section-title{font-size:15px;font-weight:700;margin:4px 0 10px;color:var(--hint);text-transform:uppercase;letter-spacing:.03em}.banner-warning{background:#ffb64824;color:var(--accent);border:1px solid rgba(255,182,72,.35);padding:10px 12px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;margin-bottom:10px;cursor:pointer}.btn-fight{background:linear-gradient(120deg,#7a2732,#c9822e);font-size:17px;padding:15px 18px;letter-spacing:.02em}.history-row{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;cursor:pointer}.history-row:active{opacity:.75}.history-result{font-weight:700;font-size:14px}.result-win{color:var(--success)}.result-loss{color:var(--danger)}.result-draw{color:var(--hint)}.attack-row{border-bottom:1px solid rgba(255,255,255,.06)}.attack-row:last-child{border-bottom:none}.hero-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.filter-row{display:flex;gap:6px;overflow-x:auto;padding-bottom:10px;margin-bottom:4px}.filter-chip{flex:0 0 auto;border:none;background:var(--bg-card);color:var(--hint);padding:8px 12px;border-radius:999px;font-size:12.5px;font-weight:600;white-space:nowrap}.filter-chip-active{background:var(--button);color:var(--button-text)}.filter-row-secondary{margin-top:-6px}.filter-chip-sm{padding:5px 10px;font-size:11px}.filter-chip-sm.rarity-common{color:var(--common)}.filter-chip-sm.rarity-rare{color:var(--rare)}.filter-chip-sm.rarity-epic{color:var(--epic)}.filter-chip-sm.rarity-legendary{color:var(--legendary)}.filter-chip-sm.rarity-common.filter-chip-active{background:var(--common);color:#12141f}.filter-chip-sm.rarity-rare.filter-chip-active{background:var(--rare);color:#0a1a2e}.filter-chip-sm.rarity-epic.filter-chip-active{background:var(--epic);color:#1a0a26}.filter-chip-sm.rarity-legendary.filter-chip-active{background:var(--legendary);color:#241505}.filter-chip-sort{margin-left:auto;color:var(--text)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#060710a6;display:flex;align-items:flex-end;z-index:100}.modal-sheet{width:100%;max-width:560px;margin:0 auto;background:var(--bg-secondary);border-radius:20px 20px 0 0;padding:20px 18px calc(20px + var(--safe-bottom));animation:sheet-up .18s ease;max-height:85vh;overflow-y:auto}@keyframes sheet-up{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-sheet-flush{padding:0}.modal-sheet-body{padding:16px 18px calc(20px + var(--safe-bottom))}.modal-banner{position:relative;width:100%;aspect-ratio:3 / 4;max-height:62vh;overflow:hidden;border-radius:20px 20px 0 0;background:#000}.modal-banner-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000026,#06071059 55%,#060710f2)}.modal-banner-title{position:absolute;left:16px;right:16px;bottom:12px;z-index:2}.modal-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.stat-box{background:var(--bg-card);border-radius:var(--radius-sm);padding:8px 6px;text-align:center}.stat-label{font-size:10px;color:var(--hint)}.stat-value{font-size:16px;font-weight:800}.battle-header{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:13px;margin-bottom:10px;gap:8px}.battle-header>div:first-child,.battle-header>div:last-child{flex:1}.battle-header>div:last-child{text-align:right}.battle-vs{color:var(--hint);font-size:11px}.battle-divider{text-align:center;font-size:11px;color:var(--hint);font-weight:700;margin:8px 0;text-transform:uppercase}.battle-arena{position:relative;display:flex;flex-direction:column;gap:3px;padding:4px 0}@keyframes arena-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px,2px)}40%{transform:translate(4px,-2px)}60%{transform:translate(-3px,1px)}80%{transform:translate(2px,-1px)}}.arena-shake{animation:arena-shake .32s ease}@keyframes arena-shake-hard{0%,to{transform:translate(0)}15%{transform:translate(-7px,4px)}30%{transform:translate(7px,-4px)}45%{transform:translate(-6px,3px)}60%{transform:translate(5px,-2px)}75%{transform:translate(-3px,1px)}}.arena-shake-hard{animation:arena-shake-hard .48s ease}@keyframes callout-pop{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}25%{transform:translate(-50%,-50%) scale(1.15);opacity:1}40%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1.05);opacity:0}}.battle-callout{position:absolute;left:50%;top:42%;z-index:60;font-family:var(--font-display);font-weight:700;font-size:30px;letter-spacing:.03em;text-shadow:0 3px 12px rgba(0,0,0,.7),0 0 24px currentColor;pointer-events:none;animation:callout-pop .6s cubic-bezier(.2,.8,.3,1) forwards;white-space:nowrap}.callout-crit{color:var(--accent)}.callout-execute{color:var(--danger);font-size:33px}.battle-side{display:flex;flex-direction:column;gap:3px}.battle-lane{display:flex;align-items:center;gap:6px}.battle-lane-label{flex:0 0 auto;writing-mode:vertical-rl;font-size:7.5px;font-weight:800;text-transform:uppercase;letter-spacing:.02em;opacity:.85;line-height:1}.battle-lane-cards{flex:1;display:flex;gap:6px}.battle-lane-back .battle-lane-cards{max-width:45%}.battle-vs-divider{text-align:center;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:2px 0;position:relative}.battle-vs-divider:before,.battle-vs-divider:after{content:"";position:absolute;top:50%;width:38%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,182,72,.5))}.battle-vs-divider:before{left:0}.battle-vs-divider:after{right:0;transform:scaleX(-1)}.battle-card{--dash-x: 0px;--dash-y: 0px;--recoil-x: 0px;--recoil-y: 0px;position:relative;overflow:hidden;flex:1 1 0;min-width:0;max-width:124px;aspect-ratio:1.3 / 1;background:var(--bg-card);border-radius:var(--radius-sm);text-align:center;transition:opacity .25s ease,filter .25s ease,border-color .15s ease;will-change:transform}.battle-card-dragon{max-width:168px;box-shadow:0 0 18px #e05a5a73;border:1px solid rgba(224,90,90,.5)}.battle-card-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 30%,#0809148c 62%,#060710e6);z-index:1}.battle-card-role{position:absolute;top:3px;left:3px;font-size:11px;z-index:2;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.battle-card-lvl{position:absolute;top:3px;right:3px;font-size:8px;font-weight:700;background:#00000080;padding:1px 5px;border-radius:999px;z-index:2}.battle-card-bottom{position:absolute;left:0;right:0;bottom:0;padding:3px 5px 4px;z-index:2}.battle-card-name{font-size:10px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px rgba(0,0,0,.8)}.battle-unit-hp{font-size:8px;color:#cfd3ea;margin-top:1px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.battle-card-dead{opacity:.32;filter:grayscale(1);transform:rotate(-6deg) scale(.95)}.hp-bar{height:5px;background:#ffffff14;border-radius:999px;margin-top:4px;overflow:hidden}.hp-bar-lg{height:7px;margin-top:6px}.hp-bar-fill{height:100%;background:linear-gradient(90deg,var(--success),#7ee8b8);transition:width .35s ease,background .35s ease}.hp-mid .hp-bar-fill{background:linear-gradient(90deg,var(--accent),#ffd699)}.hp-low .hp-bar-fill{background:linear-gradient(90deg,var(--danger),#ff9aa8)}@keyframes card-dash{0%{transform:translate(0) scale(1);z-index:1}45%{transform:translate(var(--dash-x),var(--dash-y)) scale(1.08);z-index:30}to{transform:translate(0) scale(1);z-index:1}}.battle-card-dash{animation:card-dash .42s cubic-bezier(.3,.6,.3,1)}@keyframes card-dash-heavy{0%{transform:translate(0) scale(1) rotate(0);z-index:1}50%{transform:translate(var(--dash-x),var(--dash-y)) scale(1.12) rotate(-2deg);z-index:30}to{transform:translate(0) scale(1) rotate(0);z-index:1}}.battle-card-dash-heavy{animation:card-dash-heavy .52s cubic-bezier(.25,.7,.3,1)}@keyframes card-blink{0%{transform:translate(0) scale(1);opacity:1;z-index:1}18%{transform:translate(0) scale(.85);opacity:0}22%{transform:translate(var(--dash-x),var(--dash-y)) scale(1.15);opacity:0;z-index:30}32%{opacity:1}70%{transform:translate(var(--dash-x),var(--dash-y)) scale(1.1);opacity:1;z-index:30}to{transform:translate(0) scale(1);opacity:1;z-index:1}}.battle-card-blink{animation:card-blink .56s ease-in-out}@keyframes card-hit{0%,to{transform:translate(0)}25%{transform:translate(var(--recoil-x),var(--recoil-y)) scale(.97)}60%{transform:translate(calc(var(--recoil-x) * -.35),calc(var(--recoil-y) * -.35))}}.battle-card-hit{animation:card-hit .32s ease;border-color:var(--danger)}@keyframes card-hit-crit{0%,to{transform:translate(0) scale(1)}18%{transform:translate(var(--recoil-x),var(--recoil-y)) scale(1.14)}50%{transform:translate(calc(var(--recoil-x) * -.45),calc(var(--recoil-y) * -.45)) scale(1.05)}75%{transform:translate(calc(var(--recoil-x) * .15),calc(var(--recoil-y) * .15)) scale(1.02)}}.battle-card-hit-crit{animation:card-hit-crit .42s ease;border-color:var(--accent);box-shadow:0 0 18px #ffb6488c}@keyframes card-dodge{0%,to{transform:translate(0)}30%{transform:translate(14px) rotate(4deg);opacity:.6}60%{transform:translate(-6px);opacity:1}}.battle-card-dodge{animation:card-dodge .3s ease}@keyframes card-heal{0%,to{box-shadow:none}40%{box-shadow:0 0 16px #3ddc9799;border-color:var(--success)}}.battle-card-heal{animation:card-heal .4s ease}@keyframes card-cast{0%,to{box-shadow:none}50%{box-shadow:0 0 16px #7c9bff99;border-color:var(--link)}}.battle-card-cast{animation:card-cast .45s ease}@keyframes card-poison{0%,to{filter:none}50%{filter:sepia(1) hue-rotate(220deg) saturate(3)}}.battle-card-poison-tick{animation:card-poison .4s ease}@keyframes card-stunned{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.battle-card-stunned{animation:card-stunned .4s ease}@keyframes card-revive{0%{filter:grayscale(1) brightness(.6);opacity:.3}60%{filter:grayscale(0) brightness(1.6);opacity:1;box-shadow:0 0 24px #ffd682b3}to{filter:none;opacity:1}}.battle-card-revive{animation:card-revive .5s ease}@keyframes card-dying{0%{transform:rotate(0) scale(1);opacity:1;filter:none}to{transform:rotate(-6deg) scale(.95);opacity:.32;filter:grayscale(1)}}.battle-card-dying{animation:card-dying .48s ease forwards}.projectile{position:absolute;transform:translate(-50%,-50%);font-size:18px;pointer-events:none;z-index:40;line-height:1}.projectile-arrow{color:var(--accent);transform:translate(-50%,-50%) rotate(var(--angle, 0deg));filter:drop-shadow(0 0 4px rgba(255,182,72,.7))}.projectile-magic{color:var(--accent-2);font-size:15px;filter:drop-shadow(0 0 8px rgba(79,209,197,.9))}@keyframes floater-rise{0%{transform:translate(-50%,-10px);opacity:0}15%{opacity:1}to{transform:translate(-50%,-46px);opacity:0}}.floater{position:absolute;transform:translate(-50%,-20px);font-weight:800;font-size:13px;pointer-events:none;z-index:50;animation:floater-rise .85s ease-out forwards;white-space:nowrap;text-shadow:0 2px 4px rgba(0,0,0,.6)}.floater-dmg{color:#ff8f9c}.floater-crit{color:var(--accent);font-size:17px}.floater-execute{color:var(--danger);font-size:15px;letter-spacing:.04em}.floater-heal{color:var(--success)}.floater-poison{color:#c98bff}.floater-miss,.floater-dodge{color:var(--hint);font-size:11px}.floater-status{font-size:11px;font-weight:800;letter-spacing:.03em;color:#cfd3ea}.battle-log{background:var(--bg-card);border-radius:var(--radius-sm);padding:6px 12px;margin:10px 0 12px;display:flex;flex-direction:column;gap:3px}.battle-log-line{font-size:11px;color:var(--hint);animation:toast-in .15s ease;padding-left:8px;border-left:2px solid transparent}.battle-log-line:last-child{color:var(--text);font-weight:700;font-size:13px}.log-mine{border-left-color:var(--rare)}.log-enemy{border-left-color:var(--danger)}.result-panel{text-align:center;margin-top:10px}.result-title{font-family:var(--font-display);font-size:30px;font-weight:700;margin-bottom:14px;letter-spacing:.01em}.result-stats{display:flex;justify-content:space-around;margin-bottom:16px}.leaderboard-row{display:flex;align-items:center;gap:12px;padding:10px 14px}.leaderboard-row-me{border:1px solid var(--button)}.leaderboard-rank{width:34px;text-align:center;font-weight:800;font-size:15px;color:var(--hint)}.board{display:flex;flex-direction:column;gap:10px}.board-row{display:flex;align-items:center;gap:10px;background:var(--bg-card);border-radius:var(--radius-sm);padding:10px;border-left:3px solid var(--hint)}.board-row-front{border-left-color:var(--front)}.board-row-mid{border-left-color:var(--mid)}.board-row-back{border-left-color:var(--back)}.board-row-label{writing-mode:vertical-rl;font-size:11px;font-weight:800;text-transform:uppercase;flex:0 0 auto}.board-row-slots{display:flex;gap:8px;flex:1}.board-slot{flex:1;max-width:130px}.board-slot-empty{aspect-ratio:1 / 1;border:2px dashed rgba(255,255,255,.15);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--hint)}.board-slot-filled{position:relative}.slot-clear{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;border:none;background:var(--danger);color:#fff;font-size:13px;line-height:1;display:flex;align-items:center;justify-content:center}.slot-swap{position:absolute;top:-6px;left:-6px;width:20px;height:20px;border-radius:50%;border:none;background:var(--button);color:#fff;font-size:11px;line-height:1;display:flex;align-items:center;justify-content:center}.tactic-row{display:flex;gap:8px}.tactic-card{flex:1;background:var(--bg-card);border:2px solid transparent;border-radius:var(--radius-sm);padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--text);text-align:center}.tactic-card-active{border-color:var(--button);background:var(--bg-card-hover)}.dragon-companion-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.dragon-companion-chip{flex:0 0 auto;width:76px;background:var(--bg-card);border:2px solid transparent;border-radius:var(--radius-sm);padding:8px 6px;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--text)}.dragon-companion-chip-active{border-color:var(--button);background:var(--bg-card-hover)}.dragon-companion-art{position:relative;width:44px;height:44px;border-radius:10px;overflow:hidden}.rates-row{display:flex;justify-content:space-between}.rates-item{display:flex;flex-direction:column;align-items:center;gap:2px;font-weight:800;font-size:16px}.gacha-actions{display:flex;flex-direction:column;gap:8px;margin-bottom:6px}.gacha-tabs{display:flex;gap:4px;background:var(--bg-card);border-radius:var(--radius-sm);padding:4px;margin-bottom:14px}.gacha-tab{flex:1;background:none;border:none;border-radius:calc(var(--radius-sm) - 2px);padding:8px;font-size:13px;font-weight:700;color:var(--hint)}.gacha-tab-active{background:var(--bg-card-hover);color:var(--text)}.gacha-reveal{display:flex;flex-direction:column;gap:4px;align-items:center;animation:pop-in .28s ease}.reel-viewport{position:relative;height:118px;overflow:hidden;border-radius:var(--radius-sm);background:linear-gradient(180deg,#00000040,#0000000d);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.reel-marker{position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--accent);z-index:5;box-shadow:0 0 10px #d9a349cc}.reel-marker:before,.reel-marker:after{content:"";position:absolute;left:50%;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;transform:translate(-50%)}.reel-marker:before{top:-1px;border-top:6px solid var(--accent)}.reel-marker:after{bottom:-1px;border-bottom:6px solid var(--accent)}.reel-strip{display:flex;align-items:center;height:100%;padding:0 4px;gap:8px;transition-property:transform;transition-timing-function:cubic-bezier(.07,.85,.1,1);will-change:transform}.reel-tile{position:relative;flex:0 0 auto;width:84px;height:100px;border-radius:var(--radius-sm);overflow:hidden;opacity:.88;transition:opacity .2s ease,box-shadow .3s ease,transform .3s ease}@keyframes reel-tile-land{0%{transform:scale(1)}35%{transform:scale(1.12)}60%{transform:scale(.97)}to{transform:scale(1.05)}}.reel-tile-landed{opacity:1;z-index:4;animation:reel-tile-land .45s ease-out forwards;box-shadow:0 0 22px #d9a349b3}.reel-result-label{text-align:center;margin-top:8px;font-weight:700;font-size:13px;animation:sheet-up .25s ease}@keyframes pop-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.pill-new{background:var(--success);color:#08331f}.topbar-stats .pill:first-child svg{color:var(--accent)}.topbar-actions .pill-rating svg{color:var(--rare)}.hero-lore{font-size:12.5px;font-style:italic;color:var(--hint);line-height:1.4;margin-bottom:14px;border-left:2px solid var(--bg-card-hover);padding:0 2px 0 10px}.bestiary-toggle{margin-top:4px}.bestiary-text{font-family:var(--font-display);font-size:13.5px;line-height:1.55;color:var(--text);background:var(--bg-card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm);padding:12px 14px;margin-top:8px;animation:sheet-up .2s ease}.ability-box{background:var(--bg-card);border-radius:var(--radius-sm);padding:12px;margin-bottom:14px}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--bg-card-hover);border-top-color:var(--button);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.topbar{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.topbar-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.topbar-title{font-family:var(--font-display);font-size:23px;font-weight:700;letter-spacing:.01em;flex:1;min-width:0}.topbar-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.topbar-stats{display:flex;gap:6px;flex-wrap:wrap}.navbar{position:absolute;bottom:0;left:0;right:0;display:flex;background:var(--bg-secondary);border-top:1px solid rgba(255,255,255,.06);padding:6px 4px calc(6px + var(--safe-bottom));z-index:40}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;color:var(--hint);padding:6px 0;border-radius:var(--radius-sm)}.nav-item-active{color:var(--text);background:var(--bg-card-hover)}.nav-icon{display:flex}.nav-item-active .nav-icon{color:var(--accent)}.nav-label{font-size:10px;font-weight:600}.dev-banner{position:absolute;top:6px;left:50%;transform:translate(-50%);font-size:10px;color:var(--hint);background:#00000059;padding:3px 8px;border-radius:999px;z-index:50;pointer-events:none}.toast-stack{position:fixed;top:10px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:8px;width:calc(100% - 28px);max-width:530px;pointer-events:none}.toast{padding:10px 14px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;text-align:center;box-shadow:0 6px 20px #00000059;animation:toast-in .2s ease}.toast-info{background:var(--bg-card-hover);color:var(--text)}.toast-success{background:var(--success);color:#08331f}.toast-error{background:var(--danger);color:#3a0410}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.center-fill{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--hint)}.feature-row{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.feature-card{display:flex;align-items:center;gap:12px;background:var(--bg-card);border-radius:var(--radius);padding:12px 14px;text-align:left;color:var(--text);border:1px solid rgba(255,255,255,.05)}.feature-card:active{transform:scale(.98)}.feature-card-icon{flex:0 0 auto;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#d9a3492e,#7a273238);color:var(--accent)}.feature-card-body{flex:1;min-width:0}.feature-card-title{font-weight:700;font-size:14px}.feature-card-sub{font-size:11.5px;color:var(--hint);margin-top:2px;line-height:1.3}.feature-card-badge{flex:0 0 auto;display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:700;padding:4px 9px;border-radius:999px;background:#ffffff14;color:var(--accent)}.ritual-streak{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;color:var(--hint);margin-bottom:14px}.ritual-streak svg{color:var(--accent)}.ritual-track-wrap{padding:34px 6px 12px}.ritual-track{position:relative;height:16px;background:linear-gradient(90deg,#ffffff0d,#ffffff1a);border-radius:999px;border:1px solid rgba(255,255,255,.08)}.ritual-zone{position:absolute;top:0;bottom:0;background:#d9a34947}.ritual-zone-perfect{position:absolute;top:0;bottom:0;background:#d9a34999}.ritual-marker{position:absolute;top:-6px;bottom:-6px;width:4px;background:var(--accent-2);border-radius:2px;box-shadow:0 0 10px var(--accent-2);transform:translate(-50%)}.ritual-tap-btn{margin-top:22px;width:100%;padding:20px;border-radius:var(--radius);border:none;background:linear-gradient(120deg,#7a2732,#c9822e);color:var(--button-text);font-family:var(--font-display);font-size:19px;font-weight:700;letter-spacing:.04em}.ritual-tap-btn:active{transform:scale(.97)}.ritual-tap-btn:disabled{opacity:.6}.ritual-result{text-align:center;margin-top:10px}.ritual-result-icon{font-size:36px;margin-bottom:6px}.ritual-result-tier{font-family:var(--font-display);font-size:26px;font-weight:700;margin-bottom:4px}.ritual-tier-perfect{color:var(--legendary)}.ritual-tier-good{color:var(--success)}.ritual-tier-miss{color:var(--hint)}.barrow-attempts-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.barrow-shop-btn{border:none;color:var(--accent)}.barrow-map{display:flex;flex-direction:column;align-items:center;margin:6px 0 20px}.barrow-node-wrap{display:flex;flex-direction:column;align-items:center}.barrow-node-connector{width:3px;height:22px;background:#ffffff1a}.barrow-node-connector-done{background:var(--success)}.barrow-node{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:2px solid rgba(255,255,255,.1);color:var(--hint)}.barrow-node-cleared{border-color:var(--success);color:var(--success);background:#3ddc9714}.barrow-node-current{border-color:var(--accent);color:var(--accent);box-shadow:0 0 14px #d9a34980;animation:legendary-breathe 3.2s ease-in-out infinite}.barrow-node-locked{opacity:.4}.barrow-node-boss{width:72px;height:72px;border-color:#e0475c80}.barrow-node-boss.barrow-node-current{border-color:var(--danger);box-shadow:0 0 16px #e0475c8c}.barrow-node-boss.barrow-node-cleared{border-color:var(--success)}.barrow-node-label{font-size:10.5px;font-weight:700;margin:5px 0 2px;text-align:center;max-width:84px;line-height:1.2;color:var(--hint)}.barrow-shop-tile{display:flex;flex-direction:column;align-items:center;gap:6px}.barrow-shop-art{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:var(--radius-sm);overflow:hidden}.barrow-shop-name{font-size:11px;font-weight:700;text-align:center;line-height:1.2}.home-links-row{display:flex;gap:8px;margin-bottom:12px}.home-link-pill{display:inline-flex;align-items:center;gap:5px;background:var(--bg-card);border:1px solid rgba(255,255,255,.08);border-radius:100px;padding:6px 12px;font-size:11.5px;font-weight:600;color:var(--hint)}.onboarding-sheet{position:relative;text-align:center;padding-top:44px}.onboarding-skip{position:absolute;top:14px;right:14px;background:none;border:none;color:var(--hint);font-size:12.5px;text-decoration:underline;padding:4px}.onboarding-dots{display:flex;justify-content:center;gap:6px;margin-bottom:18px}.onboarding-dot{width:6px;height:6px;border-radius:50%;background:#ffffff26}.onboarding-dot-active{background:var(--legendary);width:16px;border-radius:3px}.onboarding-icon{width:56px;height:56px;border-radius:50%;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;background:#e0a83f29;color:var(--legendary)}.onboarding-title{font-family:var(--font-display);font-size:20px;font-weight:700;margin-bottom:12px;letter-spacing:.2px}.onboarding-body{text-align:left;font-size:14px;line-height:1.7;color:var(--text);min-height:160px}.onboarding-body p{font-family:var(--font-display);font-style:italic;margin:0 0 12px}.onboarding-body p:last-child{margin-bottom:0}.onboarding-body p:first-of-type:first-letter{font-size:2.1em;font-weight:700;font-style:normal;float:left;line-height:.8;margin:4px 4px 0 0;color:var(--legendary)}.onboarding-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.onboarding-grid-item{display:flex;align-items:flex-start;gap:8px;background:var(--bg-card);border-radius:var(--radius-sm);padding:8px;color:var(--legendary)}.onboarding-grid-name{font-size:11.5px;font-weight:700;color:var(--text);line-height:1.2}.onboarding-grid-sub{font-size:10px;color:var(--hint);line-height:1.2;margin-top:1px}.onboarding-nav{display:flex;gap:8px;margin-top:20px}.legend-section-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.legend-section-icon{width:34px;height:34px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#e0a83f29;color:var(--legendary)}.legend-section-title{font-family:var(--font-display);font-size:17px;font-weight:700;letter-spacing:.3px}.legend-section-body{font-size:13.5px;line-height:1.65;color:var(--text);margin:0 0 10px}.legend-section-body:last-child{margin-bottom:0}.dragon-egg-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px;margin-bottom:16px}.dragon-egg-tile{display:flex;flex-direction:column;align-items:center;gap:6px}.dragon-egg-art{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:var(--radius-sm);overflow:hidden}.dragon-egg-name{font-size:10.5px;font-weight:700;text-align:center;line-height:1.2}.dragon-owned-row,.dragon-boss-row{display:flex;align-items:center;gap:12px;padding:12px}.dragon-owned-art,.dragon-boss-art{position:relative;width:52px;height:52px;border-radius:12px;overflow:hidden;flex-shrink:0;cursor:pointer}.dragon-nursery-card{padding:12px}.egg-won-sheet{text-align:center}.egg-won-art{position:relative;width:120px;height:120px;margin:0 auto 12px;border-radius:16px;overflow:hidden;background:var(--bg-card-hover)}.egg-won-title{display:flex;align-items:center;justify-content:center;gap:6px;font-weight:800;font-size:15px;color:var(--success)}.egg-won-name{font-family:var(--font-display);font-size:19px;font-weight:700;margin-top:4px}.egg-won-desc{font-size:12.5px;color:var(--hint);line-height:1.5;margin-top:8px}.dragon-element-fire{box-shadow:0 0 0 2px #e05a3c80}.dragon-element-ice{box-shadow:0 0 0 2px #5aaae080}.dragon-element-poison{box-shadow:0 0 0 2px #78be5a80}.dragon-element-storm{box-shadow:0 0 0 2px #e0c83c80}.dragon-element-shadow{box-shadow:0 0 0 2px #965ae080}.dragon-element-radiant{box-shadow:0 0 0 2px #e0c88c80}.equip-row{display:flex;gap:8px;margin:0 0 14px}.equip-slot{flex:1;aspect-ratio:1 / 1;border-radius:var(--radius-sm);background:var(--bg-card);border:2px dashed rgba(255,255,255,.15);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--hint);text-align:center;padding:4px}.equip-slot-filled{border-style:solid;color:var(--text);position:relative;overflow:hidden}.equip-slot-art-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 30%,#060710d9)}.equip-slot-name,.equip-slot-bonus{position:relative;z-index:1;text-shadow:0 1px 3px rgba(0,0,0,.8)}.equip-slot-name{font-size:9.5px;font-weight:700;line-height:1.15}.equip-slot-bonus{font-size:9px;color:var(--accent)}.equip-slot>svg{position:relative;z-index:1}.item-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.item-tile{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--bg-card);border-radius:var(--radius-sm);padding:10px 6px;text-align:center;color:var(--text)}.item-tile:disabled{opacity:.45}.item-tile-active{outline:2px solid var(--accent-2);outline-offset:2px}.item-tile-icon{position:relative;overflow:hidden;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;color:var(--accent)}.item-tile-name{font-size:10.5px;font-weight:700;line-height:1.2}.item-tile-bonus{font-size:10px;font-weight:700}.item-art-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.item-art-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#ffffffbf}.topbar-stats .pill-energy svg{color:var(--success)}.topbar-stats .pill-ash svg{color:var(--epic)}.reel-tile-bonus{border:2px solid var(--accent-2);box-shadow:0 0 12px #4fd1c559;background:linear-gradient(160deg,#4fd1c529,#0c0a1066)}.bonus-art-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.reel-tile-bonus-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:8px;gap:4px;color:var(--accent-2)}.reel-tile-bonus-amount{font-size:13px;font-weight:800;text-shadow:0 1px 4px rgba(0,0,0,.8)}.bonus-drop-row{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:8px 0}.ladder-progress{margin-bottom:14px}.ladder-progress-label{font-size:12px;font-weight:700;color:var(--hint);margin-bottom:6px;text-align:center}.ladder-progress-track{position:relative;height:8px;background:#ffffff12;border-radius:999px;overflow:visible}.ladder-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--button),var(--accent));transition:width .4s ease}.ladder-progress-mark{position:absolute;top:-3px;width:3px;height:14px;border-radius:2px;background:var(--accent-2);transform:translate(-50%)}.match3-hud{display:flex;gap:8px;justify-content:center;margin-bottom:12px;flex-wrap:wrap}.match3-board{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.match3-rune{position:relative;aspect-ratio:1 / 1;border:none;border-radius:var(--radius-sm);background:var(--bg-card);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}.match3-rune:active{transform:scale(.92)}.match3-rune-selected{box-shadow:0 0 0 2px var(--accent-2),0 0 12px #4fd1c580;transform:scale(1.06)}.rune-art-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.rune-art-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}@keyframes match3-flash-pop{0%{transform:translate(-50%,-50%) scale(.6);opacity:0}30%{transform:translate(-50%,-50%) scale(1.15);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:0}}.match3-flash{position:absolute;left:50%;top:50%;z-index:10;font-family:var(--font-display);font-weight:800;font-size:24px;pointer-events:none;animation:match3-flash-pop .7s ease forwards;text-shadow:0 2px 8px rgba(0,0,0,.6);white-space:nowrap}.match3-flash-good{color:var(--accent)}.match3-flash-bad{color:var(--hint);font-size:15px}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.memory-card{position:relative;aspect-ratio:3 / 4;border:none;border-radius:var(--radius-sm);padding:0;overflow:hidden;background:var(--bg-card)}.memory-card:active{transform:scale(.96)}.memory-card-back{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--hint);background:linear-gradient(160deg,var(--bg-card-hover),var(--bg-card));border:1px solid rgba(255,255,255,.06)}.memory-card-face{position:absolute;top:0;right:0;bottom:0;left:0;animation:pop-in .28s ease}.memory-card-matched{opacity:.85}.memory-card-matched .memory-card-face{box-shadow:0 0 10px #3ddc9780}.quiz-portrait{position:relative;width:100%;aspect-ratio:16 / 7;border-radius:var(--radius);overflow:hidden;margin-bottom:14px;background:#000}.quiz-portrait:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000001a,#060710bf)}.quiz-option{text-align:left;padding:12px 14px;border-radius:var(--radius-sm);border:2px solid transparent;background:var(--bg-card);color:var(--text);font-size:14px;font-weight:600}.quiz-option:disabled{opacity:1}.quiz-option-correct{border-color:var(--success);background:#3ddc971f;color:var(--success)}.quiz-option-wrong{border-color:var(--danger);background:#e0475c1f;color:var(--danger)}@keyframes match3-timer-pulse{0%,to{opacity:1}50%{opacity:.55}}.match3-timer-low{background:var(--danger);color:#3a0410;animation:match3-timer-pulse 1s ease-in-out infinite}.daily-banner{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;border-radius:var(--radius-sm);background:linear-gradient(135deg,rgba(224,168,63,.16),var(--bg-card));border:1px solid rgba(224,168,63,.35);margin-bottom:14px;text-align:left}.daily-banner:active{transform:scale(.98)}.daily-banner-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#e0a83f2e;color:var(--legendary);flex-shrink:0}.daily-banner-body{flex:1;min-width:0}.daily-banner-title{font-weight:700;font-size:13.5px}.daily-banner-sub{font-size:11.5px;color:var(--hint);margin-top:1px}.daily-banner-cta{flex-shrink:0;padding:8px 14px;border-radius:var(--radius-sm);background:var(--legendary);color:#241505;font-weight:700;font-size:13px;border:none}.daily-banner-done{flex-shrink:0;font-size:12px;color:var(--hint)}.daily-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin:14px 0}.daily-cell{aspect-ratio:3 / 4;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.08);background:var(--bg-card);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:4px 2px}.daily-cell-day{font-size:10px;color:var(--hint);font-weight:700}.daily-cell-amount{font-size:10px;font-weight:700}.daily-cell-claimed{opacity:.55;border-color:var(--success)}.daily-cell-current{border-color:var(--legendary);box-shadow:0 0 12px #e0a83f73;background:#e0a83f1a}.daily-cell-legendary{border-color:var(--legendary);background:#e0a83f14}.daily-cell-legendary .daily-cell-amount{color:var(--legendary)}.achievement-row{display:flex;align-items:flex-start;gap:10px;padding:12px}.achievement-icon{width:36px;height:36px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--bg-card-hover);color:var(--hint)}.achievement-row-unlocked .achievement-icon{background:#e0a83f2e;color:var(--legendary)}.achievement-row-claimed .achievement-icon{background:#3ddc9726;color:var(--success)}.achievement-row-locked{opacity:.7}.achievement-title{font-weight:700;font-size:13.5px}.achievement-desc{font-size:11.5px;color:var(--hint);margin-top:1px;line-height:1.3}.shop-item{display:flex;align-items:center;gap:12px;padding:12px}.shop-item-starter{border:1px solid rgba(224,168,63,.4);background:linear-gradient(135deg,rgba(224,168,63,.1),var(--bg-card))}.shop-item-icon{width:40px;height:40px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--bg-card-hover);color:var(--accent)}.shop-item-title{font-weight:700;font-size:14px}.shop-item-desc{font-size:12px;color:var(--hint);margin-top:1px;line-height:1.3}.achievement-progress-track{margin-top:6px;height:5px;border-radius:3px;background:var(--bg-card-hover);overflow:hidden}.achievement-progress-fill{height:100%;background:var(--accent);border-radius:3px}.achievement-progress-label{font-size:10.5px;color:var(--hint);margin-top:3px}.main-menu{position:relative;height:100vh;max-width:560px;margin:0 auto;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse 900px 600px at 50% 32%,rgba(217,163,73,.16),transparent 60%),var(--bg)}.main-menu-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.55}.main-menu-backdrop img{width:100%;height:100%;object-fit:cover;object-position:center 22%;filter:saturate(.85)}.main-menu-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 640px 520px at 50% 42%,transparent 25%,var(--bg) 90%);pointer-events:none}.main-menu-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding:0 28px;text-align:center}.main-menu-crest{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(224,168,63,.25),transparent 70%);border:1px solid rgba(224,168,63,.4);color:var(--legendary);margin-bottom:10px}.main-menu-title{font-family:var(--font-display);font-size:42px;font-weight:700;letter-spacing:3px;margin:0;background:linear-gradient(180deg,#f5e6d6,var(--legendary) 75%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 16px rgba(224,168,63,.3));text-transform:uppercase}.main-menu-subtitle{font-family:var(--font-display);font-size:15px;font-weight:600;letter-spacing:5px;text-transform:uppercase;color:var(--front);margin-top:2px}.main-menu-tagline{font-size:13px;color:var(--hint);letter-spacing:.4px;margin-top:8px;margin-bottom:30px}.main-menu-account{display:flex;align-items:center;gap:10px;padding:9px 18px 9px 9px;border-radius:999px;background:var(--bg-card);border:1px solid rgba(255,255,255,.08);min-height:30px;margin-bottom:24px}.main-menu-spinner{width:18px;height:18px;border-width:2px;margin:0 4px 0 6px}.main-menu-avatar{width:34px;height:34px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--bg-card-hover),var(--bg-card));font-weight:700;color:var(--accent);border:1px solid rgba(224,168,63,.3)}.main-menu-avatar img{width:100%;height:100%;object-fit:cover}.main-menu-account-text{text-align:left;font-size:12px;color:var(--hint);padding-right:4px}.main-menu-account-name{font-weight:700;font-size:13.5px;color:var(--text)}.main-menu-account-sub{font-size:11px;color:var(--hint);margin-top:1px}.main-menu-play{min-width:230px;font-size:16px;padding:16px 0}.main-menu-play:disabled{opacity:.6}.main-menu-mute{position:absolute;top:calc(10px + env(safe-area-inset-top,0px));right:10px;z-index:2}.mute-toggle{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:#00000047;color:var(--hint);padding:0;flex-shrink:0}.mute-toggle:active{transform:scale(.92)}.topbar-actions .mute-toggle{width:24px;height:24px;margin-left:2px}.topbar-shop-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:1px solid rgba(224,168,63,.4);background:#e0a83f29;color:var(--legendary);padding:0;flex-shrink:0}.topbar-shop-btn:active{transform:scale(.92)}.topbar-settings-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:#00000047;color:var(--hint);padding:0;flex-shrink:0}.topbar-settings-btn:active{transform:scale(.92)}.settings-mute-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px}.settings-slider-row{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:12px}.settings-slider-value{font-size:12px;font-weight:700;color:var(--hint);width:38px;text-align:right;flex-shrink:0}.settings-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:5px;border-radius:3px;background:var(--bg-card-hover);outline:none}.settings-slider:disabled{opacity:.4}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);border:2px solid var(--bg-secondary);cursor:pointer}.settings-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent);border:2px solid var(--bg-secondary);cursor:pointer}.settings-slider::-moz-range-track{height:5px;border-radius:3px;background:var(--bg-card-hover)}.tour-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:auto}.tour-hole{position:fixed;border-radius:12px;border:2px solid var(--accent);box-shadow:0 0 0 9999px #000000c7,0 0 18px #e0a83f8c;pointer-events:none}.tour-tip{position:fixed;left:50%;transform:translate(-50%);width:min(340px,calc(100vw - 28px));background:var(--bg-secondary);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:14px;box-shadow:0 12px 32px #0000008c}.tour-tip[style*=translateY]{transform:translate(-50%,-50%)}.tour-tip-step{font-size:11px;color:var(--hint);letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px}.tour-tip-title{font-family:var(--font-display);font-size:18px;font-weight:700;margin-bottom:6px}.tour-tip-text{font-size:13px;line-height:1.45;color:var(--text);margin-bottom:12px}.tour-tip-nav{display:flex;gap:8px}.tour-skip{flex-shrink:0;font-size:12.5px;padding:9px 12px}.attacks-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin-bottom:14px;text-align:left;cursor:pointer}.attacks-summary:active{transform:scale(.99)}.attacks-summary>div>svg{color:var(--accent)}.main-menu-langs{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:14px}.main-menu-lang{padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#00000052;color:var(--hint);font-size:12px;font-weight:600}.main-menu-lang-active{border-color:var(--accent);color:var(--accent);background:#e0a83f24}.main-menu-lang:active{transform:scale(.96)}