@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@700;900&family=Outfit:wght@600;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@600;800;900&display=swap";:root{--text: #6b6375;--text-h: #08060d;--bg: #fff;--border: #e5e4e7;--code-bg: #f4f3ec;--accent: #aa3bff;--accent-bg: rgba(170, 59, 255, .1);--accent-border: rgba(170, 59, 255, .5);--social-bg: rgba(244, 243, 236, .5);--shadow: rgba(0, 0, 0, .1) 0 10px 15px -3px, rgba(0, 0, 0, .05) 0 4px 6px -2px;--sans: system-ui, "Segoe UI", Roboto, sans-serif;--heading: system-ui, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;@media(max-width:1024px){font-size:16px}}@media(prefers-color-scheme:dark){:root{--text: #9ca3af;--text-h: #f3f4f6;--bg: #16171d;--border: #2e303a;--code-bg: #1f2028;--accent: #c084fc;--accent-bg: rgba(192, 132, 252, .15);--accent-border: rgba(192, 132, 252, .5);--social-bg: rgba(47, 48, 58, .5);--shadow: rgba(0, 0, 0, .4) 0 10px 15px -3px, rgba(0, 0, 0, .25) 0 4px 6px -2px}#social .button-icon{filter:invert(1) brightness(2)}}#root{width:100%;max-width:100%;margin:0 auto;min-height:100svh;box-sizing:border-box}body{margin:0}h1,h2{font-family:var(--heading);font-weight:500;color:var(--text-h)}h1{font-size:56px;letter-spacing:-1.68px;margin:32px 0;@media(max-width:1024px){font-size:36px;margin:20px 0}}h2{font-size:24px;line-height:118%;letter-spacing:-.24px;margin:0 0 8px;@media(max-width:1024px){font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);display:inline-flex;border-radius:4px;color:var(--text-h)}code{font-size:15px;line-height:135%;padding:4px 8px;background:var(--code-bg)}.game-btn{--btn-height: 52px;--btn-radius: 12px;--btn-font-size: 14px;--btn-letter-spacing: .08em;--rim-depth: 4px;position:relative;display:inline-flex;align-items:stretch;justify-content:center;min-height:var(--btn-height);padding:0;border:none;border-radius:var(--btn-radius);cursor:pointer;font-family:inherit;font-size:var(--btn-font-size);font-weight:800;letter-spacing:var(--btn-letter-spacing);text-transform:uppercase;color:#fff9f2;text-shadow:0 2px 3px rgba(0,0,0,.7);transition:transform .1s cubic-bezier(.25,.8,.25,1),filter .15s ease,box-shadow .1s cubic-bezier(.25,.8,.25,1);box-shadow:0 5px #00000080,0 10px 24px #00000073}.game-btn--full{width:100%}.game-btn__rim{position:absolute;inset:0;border-radius:inherit;pointer-events:none;border:1px solid rgba(0,0,0,.45)}.game-btn__surface{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:12px 24px;border-radius:calc(var(--btn-radius) - 1.5px);margin-bottom:var(--rim-depth);border:1.5px solid rgba(255,255,255,.15);box-sizing:border-box;overflow:hidden}.game-btn__surface:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0%,transparent 35%,rgba(255,255,255,.25) 45%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.25) 55%,transparent 65%,transparent 100%);transform:translate(-100%);transition:transform .6s ease;pointer-events:none}.game-btn:hover:not(:disabled) .game-btn__surface:after{transform:translate(100%)}.game-btn__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.game-btn__icon svg{width:22px;height:22px;display:block}.game-btn__label{line-height:1;letter-spacing:.1em}.game-btn--wood{box-shadow:0 5px #3b200b,0 10px 24px #00000073}.game-btn--wood .game-btn__rim{background:linear-gradient(180deg,#b38f4d,#6e4620);box-shadow:inset 0 1px #ffebbe66}.game-btn--wood .game-btn__surface{background:repeating-linear-gradient(90deg,rgba(255,255,255,.02) 0px,rgba(255,255,255,.02) 2px,transparent 2px,transparent 8px),linear-gradient(180deg,#c48c48,#a06a2c 40%,#7b4f1b 75%,#5c3710);border-color:#ffd899 rgba(255,216,153,.4) rgba(0,0,0,.4) rgba(255,216,153,.4);box-shadow:inset 0 2px 2px #ffffff40,inset 0 -2px 6px #00000059}.game-btn--purple{box-shadow:0 5px #360c5a,0 10px 24px #00000073}.game-btn--purple .game-btn__rim{background:linear-gradient(180deg,#d396ff,#5d1796);box-shadow:inset 0 1px #ffebff73}.game-btn--purple .game-btn__surface{background:linear-gradient(180deg,#b666fc,#9333ea 40%,#7c19cf 75%,#580c9a);border-color:#ebd1ff rgba(235,209,255,.4) rgba(0,0,0,.4) rgba(235,209,255,.4);box-shadow:inset 0 2px 2px #ffffff4d,inset 0 -2px 6px #00000059}.game-btn--stone{box-shadow:0 5px #181c20,0 10px 24px #00000073}.game-btn--stone .game-btn__rim{background:linear-gradient(180deg,#9ca3af,#27272a);box-shadow:inset 0 1px #fff3}.game-btn--stone .game-btn__surface{background:linear-gradient(180deg,#6b7280,#4b5563 40%,#374151 75%,#1f2937);border-color:#d1d5db rgba(209,213,221,.3) rgba(0,0,0,.45) rgba(209,213,221,.3);box-shadow:inset 0 2px 2px #ffffff26,inset 0 -2px 6px #0006}.game-btn--ruby{box-shadow:0 5px #7f1d1d,0 10px 28px #e11d4873,0 0 20px #fb718533}.game-btn--ruby .game-btn__rim{background:linear-gradient(180deg,#fda4af,#9f1239);box-shadow:inset 0 1px #ffebf080}.game-btn--ruby .game-btn__surface{background:linear-gradient(180deg,#fb7185,#f43f5e,#e11d48 60%,#be123c);border-color:#ffe4e6 rgba(255,228,230,.45) rgba(0,0,0,.35) rgba(255,228,230,.45);box-shadow:inset 0 2px 3px #ffffff59,inset 0 -3px 8px #0000004d,0 0 16px #fb718540}.game-btn--ruby:hover:not(:disabled){box-shadow:0 6px #7f1d1d,0 14px 32px #e11d488c,0 0 28px #fb718559}.game-btn--gold{box-shadow:0 5px #78350f,0 10px 28px #f59e0b66,0 0 18px #fbbf2426}.game-btn--gold .game-btn__rim{background:linear-gradient(180deg,#fde68a,#b45309);box-shadow:inset 0 1px #fffbeb8c}.game-btn--gold .game-btn__surface{background:linear-gradient(180deg,#fcd34d,#f59e0b 35%,#d97706 65%,#b45309);border-color:#fef3c7 rgba(254,243,199,.5) rgba(0,0,0,.35) rgba(254,243,199,.5);box-shadow:inset 0 2px 3px #fff6,inset 0 -3px 8px #00000047,0 0 14px #fbbf2433;color:#451a03;text-shadow:0 1px 2px rgba(255,255,255,.25)}.game-btn--gold:hover:not(:disabled){box-shadow:0 6px #78350f,0 14px 32px #f59e0b80,0 0 26px #fbbf244d}.game-btn--green{box-shadow:0 5px #14532d,0 10px 28px #22c55e66,0 0 18px #4ade8026}.game-btn--green .game-btn__rim{background:linear-gradient(180deg,#4ade80,#166534);box-shadow:inset 0 1px #dcfce78c}.game-btn--green .game-btn__surface{background:linear-gradient(180deg,#4ade80,#22c55e 35%,#16a34a 65%,#15803d);border-color:#dcfce7 rgba(220,252,231,.5) rgba(0,0,0,.35) rgba(220,252,231,.5);box-shadow:inset 0 2px 3px #fff6,inset 0 -3px 8px #00000047,0 0 14px #4ade8033;color:#fff}.game-btn--green:hover:not(:disabled){box-shadow:0 6px #14532d,0 14px 32px #22c55e80,0 0 26px #4ade804d}.game-btn:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 6px #0000008c,0 14px 28px #00000080}.game-btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px #00000080,0 4px 12px #0006}.game-btn:active:not(:disabled) .game-btn__surface{margin-bottom:1px;border-top-color:#0003;box-shadow:inset 0 3px 6px #00000080,inset 0 -1px 2px #ffffff1a}.game-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:0 3px #0006!important}.game-btn:disabled .game-btn__surface{margin-bottom:3px;background:#4b5563!important;border-color:#374151!important;box-shadow:none!important}.game-dialog{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:24px}.game-dialog__backdrop{position:absolute;inset:0;background:#08060db8;backdrop-filter:blur(4px)}.game-dialog__panel{position:relative;z-index:1;width:min(420px,100%);animation:game-dialog-enter .35s ease-out}.game-dialog__frame{padding:28px 24px 24px;border-radius:14px;background:linear-gradient(180deg,rgba(255,220,170,.08) 0%,transparent 40%),linear-gradient(180deg,#1a1428,#0d0a14);border:2px solid rgba(192,132,252,.35);box-shadow:0 0 0 1px #00000080,0 20px 60px #0000008c,inset 0 1px #ffffff0f}.game-dialog__title{margin:0 0 16px;font-size:22px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#f3e8ff;text-align:center}.game-dialog__body{color:#ffffffd1;font-size:15px;line-height:1.5;text-align:center}.game-dialog__actions{margin-top:24px}.game-dialog__actions--dual{display:flex;flex-direction:column;gap:12px}@keyframes game-dialog-enter{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.game-icon{flex-shrink:0;color:#fbbf24bf;transition:color .2s ease,filter .2s ease,transform .2s ease}.game-icon--nav{color:#fbbf248c}.game-icon--nav.game-icon--active{color:#fbbf24;filter:drop-shadow(0 0 6px rgba(192,132,252,.55))}.game-icon--battle.game-icon--active,.game-icon--battle{color:#fbbf24;filter:drop-shadow(0 0 6px rgba(251,191,36,.45))}.game-icon--trophy{color:#fbbf24;filter:drop-shadow(0 0 4px rgba(251,191,36,.35))}.game-icon--ruby{color:#fb7185;filter:drop-shadow(0 0 4px rgba(244,63,94,.4))}.game-icon--settings{color:#e9d5ff}.game-icon--shield{color:#93c5fd}.game-icon--globe{color:#7dd3fc}.game-icon--music{color:#c4b5fd}.game-icon--fullscreen{color:#a5b4fc}.game-icon--lock{color:#ffffff73}.game-icon--power{color:#fde047;filter:drop-shadow(0 0 4px rgba(253,224,71,.4))}.game-icon--timer{color:#fbbf24;filter:drop-shadow(0 0 4px rgba(251,191,36,.4))}.game-icon--tier{color:#fb7185}.game-icon--win{color:#fef08a}.game-icon--loss,.game-icon--close{color:#ffffffb3}.game-icon--back{color:#e9d5ff}.game-icon--check{color:#fbbf24}.game-icon--chevron-right{color:#ffffff73;transform:rotate(-90deg)}.game-icon--placeholder{color:#fbbf24;filter:drop-shadow(0 4px 12px rgba(170,59,255,.35))}.language-picker{display:flex;flex-direction:column;gap:16px;min-height:0}.language-picker__header{display:flex;gap:12px;align-items:flex-start}.language-picker__back{flex-shrink:0;width:36px;height:36px;border-radius:50%;border:2px solid rgba(251,191,36,.35);background:#00000059;color:#fde68a;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.language-picker__back:hover{background:#5b21b673}.language-picker__title{margin:0 0 6px;font-size:18px;font-weight:700;color:#f3e8ff;letter-spacing:.03em}.language-picker__subtitle{margin:0;font-size:13px;line-height:1.45;color:#ffffffa6}.language-picker__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:min(42vh,360px);overflow-y:auto;padding-right:4px}.language-picker__card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;border-radius:12px;border:2px solid rgba(192,132,252,.2);background:linear-gradient(180deg,#ffffff0a,#00000040);cursor:pointer;text-align:left;transition:border-color .15s ease,box-shadow .15s ease,transform .1s ease}.language-picker__card:hover{border-color:#fbbf2459}.language-picker__card--active{border-color:#fbbf24a6;box-shadow:0 0 0 1px #fbbf2433,inset 0 0 20px #a855f71f}.language-picker__native{font-size:15px;font-weight:700;color:#fef3c7}.language-picker__english{font-size:12px;color:#ffffff8c}.language-picker__check{position:absolute;top:8px;right:10px;width:20px;height:20px;border-radius:50%;background:linear-gradient(180deg,#fde68a,#f59e0b);display:flex;align-items:center;justify-content:center;filter:none}.language-picker__footer{display:flex;flex-direction:column;gap:10px;padding-top:4px}.language-picker__hint{margin:0;font-size:13px;color:#ffffff8c;text-align:center}@media(max-width:400px){.language-picker__grid{grid-template-columns:1fr}}.game-settings{position:fixed;inset:0;z-index:2500;display:flex;align-items:center;justify-content:center;padding:16px}.game-settings__backdrop{position:absolute;inset:0;background:#08060dc7;backdrop-filter:blur(6px)}.game-settings__panel{position:relative;z-index:1;width:min(480px,100%);max-height:min(92svh,720px);animation:game-settings-enter .35s ease-out}.game-settings__frame{position:relative;display:flex;flex-direction:column;max-height:min(92svh,720px);padding:24px 20px 20px;border-radius:16px;background:linear-gradient(180deg,rgba(255,220,170,.08) 0%,transparent 35%),linear-gradient(180deg,#1a1428,#0d0a14);border:2px solid rgba(192,132,252,.35);box-shadow:0 0 0 1px #00000080,0 24px 64px #0009,inset 0 1px #ffffff0f;overflow:hidden}.game-settings__close{position:absolute;top:12px;right:12px;z-index:2;width:32px;height:32px;border:none;border-radius:50%;background:#00000059;color:#ffffffb3;font-size:22px;line-height:1;cursor:pointer}.game-settings__close:hover{color:#fde68a;background:#5b21b666}.game-settings__title{margin:0 0 16px;font-size:20px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#f3e8ff;text-align:center}.game-settings__loading,.game-settings__error{margin:0;text-align:center;font-size:14px}.game-settings__error{color:#fca5a5}.game-settings__content{display:flex;flex-direction:column;gap:16px;min-height:0;overflow-y:auto;padding-right:2px}.game-settings__profile{text-align:center;padding-bottom:12px;border-bottom:1px solid rgba(251,191,36,.15)}.game-settings__name{margin:0 0 4px;font-size:20px;font-weight:800;color:#fde68a;text-shadow:0 1px 4px rgba(0,0,0,.5)}.game-settings__email{margin:0;font-size:13px;color:#ffffff8c;word-break:break-all}.game-settings__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.game-settings__stat{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:12px;background:#00000047;border:1px solid rgba(192,132,252,.18)}.game-settings__stat--wide{grid-column:1 / -1}.game-settings__stat-icon{font-size:18px;line-height:1.2;flex-shrink:0}.game-settings__stat-label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#ffffff80;margin-bottom:2px}.game-settings__stat-value{display:block;font-size:16px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}.game-settings__stat-sub{font-size:12px;font-weight:600;color:#ffffff8c}.game-settings__options{display:flex;flex-direction:column;gap:8px}.game-settings__row{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(192,132,252,.2);background:#00000038;cursor:pointer;text-align:left;color:inherit;font:inherit;transition:border-color .15s ease}.game-settings__row:hover{border-color:#fbbf2459}.game-settings__row--toggle{cursor:default}.game-settings__toggles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.game-settings__toggle-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;padding:12px 8px;border-radius:12px;border:1px solid rgba(192,132,252,.2);background:#00000038}.game-settings__toggle-card-icon{font-size:18px;line-height:1}.game-settings__toggle-card-label{font-size:12px;font-weight:700;color:#f3e8ff;text-align:center;line-height:1.2}.game-settings__row-icon{font-size:20px;flex-shrink:0}.game-settings__row-body{flex:1;min-width:0}.game-settings__row-label{display:block;font-size:14px;font-weight:700;color:#f3e8ff}.game-settings__row-value{display:block;font-size:12px;color:#ffffff8c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-settings__row-chevron{font-size:22px;color:#fbbf24b3;flex-shrink:0}.game-settings__toggle{flex-shrink:0;width:44px;height:26px;border-radius:999px;border:2px solid rgba(255,255,255,.15);background:#00000073;padding:2px;cursor:pointer;transition:background .2s ease,border-color .2s ease}.game-settings__toggle:disabled{opacity:.45;cursor:not-allowed}.game-settings__toggle--on{background:linear-gradient(180deg,#7c3aed,#5b21b6);border-color:#fbbf2473}.game-settings__toggle-knob{display:block;width:18px;height:18px;border-radius:50%;background:linear-gradient(180deg,#fff,#d1d5db);box-shadow:0 2px 4px #00000059;transition:transform .2s ease}.game-settings__toggle--on .game-settings__toggle-knob{transform:translate(18px);background:linear-gradient(180deg,#fde68a,#f59e0b)}.game-settings__actions{padding-top:4px}@keyframes game-settings-enter{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.game-bg,.game-bg *{pointer-events:none!important}.game-bg{position:fixed;inset:0;z-index:0;overflow:hidden;background-color:#12213e;background-image:radial-gradient(circle at 50% 50%,rgba(59,130,246,.25) 0%,transparent 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cpath d='M20 40 L50 45 L70 30 L110 35 L130 15 M70 30 L85 55 L75 75 L100 90 L95 120 M75 75 L45 80 L30 105 M100 90 L135 95 L150 80 L180 95 M135 95 L145 130 L170 145 M95 120 L110 155 L105 185 M110 155 L80 165 L65 190' stroke='%23060c18' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3Cpath d='M20 40 L50 45 L70 30 L110 35 L130 15 M70 30 L85 55 L75 75 L100 90 L95 120 M75 75 L45 80 L30 105 M100 90 L135 95 L150 80 L180 95 M135 95 L145 130 L170 145 M95 120 L110 155 L105 185 M110 155 L80 165 L65 190' stroke='%232563eb' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' fill='none' opacity='0.45'/%3E%3C/svg%3E");background-size:100%,240px 240px;background-repeat:no-repeat,repeat}.game-bg__sky{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(147,51,234,.28) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 20% 30%,rgba(59,130,246,.25) 0%,transparent 55%),linear-gradient(180deg,#0c082033,#0a061273,#000000bf)}.game-bg__aurora{position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(59,130,246,.06) 45%,rgba(168,85,247,.08) 55%,transparent 70%);animation:game-bg-aurora 12s ease-in-out infinite alternate}.game-bg__fire-glow{position:absolute;bottom:-10%;left:50%;width:140%;height:55%;transform:translate(-50%);background:radial-gradient(ellipse at center bottom,rgba(251,146,60,.35) 0%,rgba(239,68,68,.2) 30%,rgba(127,29,29,.1) 55%,transparent 70%);animation:game-bg-fire-pulse 4s ease-in-out infinite}.game-bg__ground-glow{position:absolute;bottom:0;left:0;right:0;height:30%;background:linear-gradient(0deg,rgba(255,100,30,.15) 0%,transparent 100%)}.game-bg__lightning{position:absolute;inset:0;opacity:0;pointer-events:none}.game-bg__lightning--1{background:radial-gradient(ellipse 40% 30% at 25% 20%,rgba(147,197,253,.25) 0%,transparent 60%);animation:game-bg-lightning 9s ease-in-out infinite}.game-bg__lightning--2{background:radial-gradient(ellipse 35% 25% at 75% 15%,rgba(196,181,253,.2) 0%,transparent 55%);animation:game-bg-lightning 13s ease-in-out infinite 4s}.game-bg__particles{position:absolute;inset:0;overflow:hidden}.game-bg__ember{position:absolute;bottom:-10px;border-radius:50%;background:radial-gradient(circle,#fde68a,#f97316,#dc2626);box-shadow:0 0 6px #fb923c99;animation:game-bg-ember-rise linear infinite}.game-bg__spark{position:absolute;bottom:5%;border-radius:50%;background:#fef08a;box-shadow:0 0 4px #fef08acc;animation:game-bg-spark-rise linear infinite}.game-bg__vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.45) 100%);pointer-events:none}@keyframes game-bg-aurora{0%{opacity:.6;transform:translate(-2%)}to{opacity:1;transform:translate(2%)}}@keyframes game-bg-fire-pulse{0%,to{opacity:.85;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.05)}}@keyframes game-bg-lightning{0%,92%,to{opacity:0}93%{opacity:.9}94%{opacity:.2}95%{opacity:.7}96%{opacity:0}}@keyframes game-bg-ember-rise{0%{transform:translateY(0) translate(0) scale(1);opacity:0}10%{opacity:1}90%{opacity:.6}to{transform:translateY(-100vh) translate(20px) scale(.3);opacity:0}}@keyframes game-bg-spark-rise{0%{transform:translateY(0) scale(1);opacity:0}15%{opacity:1}to{transform:translateY(-60vh) scale(0);opacity:0}}.game-shell{position:relative;z-index:1;min-height:100svh;isolation:isolate}.game-layout{position:relative;z-index:1;isolation:isolate;display:flex;flex-direction:column;height:100svh;width:100%;overflow:hidden}.game-layout--champion-lab{z-index:2}.game-layout__content{flex:1;min-height:0;display:flex;flex-direction:column;width:100%;max-width:640px;margin:0 auto;padding:10px 16px 4px;box-sizing:border-box;overflow:hidden}.game-layout__content--champion-lab{max-width:min(1140px,100%);padding:12px 32px 28px;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative;z-index:1}.game-layout__content--hub{max-width:100%;padding:8px 12px 2px;overflow:hidden}@media(min-width:769px){.game-layout__content--hub{padding:10px 24px 4px}}.game-app-bar{flex-shrink:0;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:10px 16px;position:relative;background-color:#172b53;background-image:radial-gradient(circle at 50% 0%,rgba(59,130,246,.4) 0%,transparent 60%),radial-gradient(circle at 0% 100%,rgba(0,0,0,.4) 0%,transparent 50%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cpath d='M20 40 L50 45 L70 30 L110 35 L130 15 M70 30 L85 55 L75 75 L100 90 L95 120 M75 75 L45 80 L30 105 M100 90 L135 95 L150 80 L180 95 M135 95 L145 130 L170 145 M95 120 L110 155 L105 185 M110 155 L80 165 L65 190' stroke='%230a1222' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3Cpath d='M20 40 L50 45 L70 30 L110 35 L130 15 M70 30 L85 55 L75 75 L100 90 L95 120 M75 75 L45 80 L30 105 M100 90 L135 95 L150 80 L180 95 M135 95 L145 130 L170 145 M95 120 L110 155 L105 185 M110 155 L80 165 L65 190' stroke='%233b82f6' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' fill='none' opacity='0.55'/%3E%3C/svg%3E");background-size:100%,100%,150px 150px;background-repeat:no-repeat,no-repeat,repeat;border-bottom:4px solid #d97706;box-shadow:0 4px #92400e,0 8px 20px #0000008c,inset 0 1px #ffffff40,inset 0 -2px #fbbf24;backdrop-filter:blur(10px)}.game-app-bar__rivet{position:absolute;width:9px;height:9px;background:radial-gradient(circle at 35% 35%,#fbbf24,#d97706 60%,#92400e);border:1.5px solid #78350f;border-radius:50%;box-shadow:0 1.5px 3px #00000073,inset 0 .5px .5px #ffffff73;z-index:12}.game-app-bar__rivet--tl{top:6px;left:10px}.game-app-bar__rivet--tr{top:6px;right:10px}.game-app-bar__rivet--bl{bottom:-4px;left:20px}.game-app-bar__rivet--br{bottom:-4px;right:20px}.game-app-bar__side{display:flex;align-items:center;min-width:0}.game-app-bar__side--left{justify-content:flex-start}.game-app-bar__side--right{justify-content:flex-end;gap:10px}.game-app-bar__settings{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;padding:0;border:none;border-radius:50%;background:transparent;cursor:pointer}.game-app-bar__settings-ring{box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;aspect-ratio:1;border-radius:50%;overflow:hidden;background:linear-gradient(180deg,#5b21b68c,#1e0f2de6);border:2px solid rgba(251,191,36,.4);box-shadow:inset 0 1px #ffffff1f,0 2px 10px #0006,0 0 16px #a855f740;transition:border-color .15s ease,box-shadow .15s ease,transform .1s ease}.game-app-bar__settings-ring .game-icon{display:block;flex-shrink:0}.game-app-bar__settings:hover .game-app-bar__settings-ring{border-color:#fbbf24a6;box-shadow:inset 0 1px #ffffff26,0 2px 12px #00000073,0 0 20px #a855f766;transform:scale(1.04)}.game-app-bar__settings:active .game-app-bar__settings-ring{transform:scale(.97)}.game-app-bar__player{display:flex;align-items:center;gap:10px;padding:4px 14px 4px 4px;border:none;border-radius:999px;background:linear-gradient(180deg,#ffffff0f,#0003);border:2px solid rgba(251,191,36,.25);box-shadow:inset 0 1px #ffffff14,0 2px 8px #0000004d;cursor:default;max-width:100%}.game-app-bar__name{font-size:14px;font-weight:700;color:#fef3c7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.game-app-bar__center{display:flex;justify-content:center}.game-app-bar__logo{height:46px;width:auto;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.game-app-bar__currency{display:flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;background:linear-gradient(180deg,#00000073,#00000040);border:2px solid rgba(251,191,36,.3);box-shadow:inset 0 1px #ffffff0f}.game-app-bar__currency--clickable{cursor:pointer;outline:none;font-family:inherit;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.game-app-bar__currency--clickable:hover{transform:scale(1.05);box-shadow:inset 0 1px #ffffff26,0 4px 12px #0000004d}.game-app-bar__currency--clickable:active{transform:scale(.95)}.game-app-bar__currency--rubies{border-color:#f472b659}.game-app-bar__currency--rubies.game-app-bar__currency--clickable:hover{border-color:#f472b699;box-shadow:inset 0 1px #ffffff26,0 4px 12px #f43f5e26}.game-app-bar__add-btn{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:4px;margin-left:4px;background:linear-gradient(180deg,#22c55e,#15803d);border:1.5px solid #4ade80;box-shadow:0 1.5px #14532d,inset 0 .5px .5px #fff6;color:#fff;font-size:13px;font-weight:900;line-height:1;text-shadow:0 1px 1px rgba(0,0,0,.5);transition:filter .1s ease}.game-app-bar__currency--clickable:hover .game-app-bar__add-btn{filter:brightness(1.1)}.game-app-bar__icon{flex-shrink:0}.game-app-bar__currency-value{font-size:16px;font-weight:800;color:#fff;min-width:1.5ch;text-align:left;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.4)}@media(max-width:520px){.game-app-bar{padding:8px 12px;gap:8px}.game-app-bar__name{display:none}.game-app-bar__logo{height:38px}.game-app-bar__currency{padding:6px 9px;gap:5px}.game-app-bar__currency-value{font-size:14px}}.google-sign-in{position:relative;display:inline-flex;width:min(320px,88vw)}.google-sign-in__overlay{position:absolute;inset:0;opacity:.011;overflow:hidden;cursor:pointer;z-index:2}.google-sign-in__overlay>div,.google-sign-in__overlay iframe{width:100%!important;height:100%!important;min-height:52px}.loading-bar{width:100%;max-width:420px;padding:0 24px 32px;box-sizing:border-box}.loading-bar__track{height:4px;background:#fff3;border-radius:999px;overflow:hidden}.loading-bar__fill{height:100%;background:linear-gradient(90deg,#aa3bff,#c084fc);border-radius:999px;transition:width .25s ease-out}.loading-bar__meta{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#ffffffbf}.loading-bar__percent{font-variant-numeric:tabular-nums;color:#fffffff2}.signup-form{width:min(360px,88vw);padding:28px 24px;border-radius:14px;background:linear-gradient(180deg,rgba(255,220,170,.06) 0%,transparent 35%),linear-gradient(180deg,#1a1428,#0d0a14);border:2px solid rgba(170,59,255,.3);box-shadow:0 0 0 1px #00000073,0 16px 48px #00000080;text-align:left}.signup-form__title{margin:0 0 8px;font-size:20px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#f3e8ff;text-align:center}.signup-form__subtitle{margin:0 0 24px;font-size:13px;color:#ffffff8c;text-align:center}.signup-form__field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.signup-form__label{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#ffffffa6}.signup-form__input{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:8px;border:2px solid rgba(170,59,255,.25);background:#08060d99;color:#fff;font-family:inherit;font-size:15px;outline:none;transition:border-color .2s ease}.signup-form__input:focus{border-color:#c084fc99}.signup-form__input::placeholder{color:#ffffff4d}.signup-form__hint{font-size:12px;line-height:1.3}.signup-form__hint--checking{color:#ffffff80}.signup-form__hint--available{color:#86efac}.signup-form__hint--taken{color:#fca5a5}.signup-form__checkbox{display:flex;align-items:flex-start;gap:10px;margin-bottom:20px;font-size:14px;line-height:1.4;color:#ffffffbf;cursor:pointer}.signup-form__checkbox input{margin-top:3px;accent-color:#aa3bff;flex-shrink:0}.signup-form__error{margin:0 0 16px;font-size:13px;color:#fca5a5;text-align:center}.signup-form__logout{margin-top:12px}.splash{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#08060d;overflow:hidden}.splash__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.splash__overlay{position:absolute;inset:0;background:linear-gradient(180deg,#08060d59,#08060d8c 60%,#08060dd9);pointer-events:none}.splash__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:24px}.splash__logo{width:min(180px,42vw);height:auto;filter:drop-shadow(0 12px 32px rgba(0,0,0,.45));transition:width .5s ease,opacity .4s ease}.splash__logo--solo{width:min(220px,55vw);animation:splash-logo-pulse 2s ease-in-out infinite}.splash__prompt{margin-top:32px;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:#ffffffb3;animation:splash-prompt-blink 2s ease-in-out infinite}@keyframes splash-prompt-blink{0%,to{opacity:.55}50%{opacity:1}}.splash__footer{position:relative;z-index:1;width:100%;display:flex;justify-content:center}.splash__auth{display:flex;flex-direction:column;align-items:center;gap:20px;animation:splash-auth-enter .5s ease-out}.splash__auth-prompt{font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:#ffffffbf}@keyframes splash-auth-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.splash__error{margin-top:20px;color:#fca5a5;font-size:14px;max-width:320px}@keyframes splash-logo-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.03);opacity:.92}}.champion-card__tier-badge{position:absolute;top:1cqw;left:2.5cqw;z-index:18;display:flex;flex-direction:column;align-items:stretch;min-width:clamp(44px,14cqw,64px);padding:.75cqw .85cqw .8cqw;border-radius:1.1cqw;pointer-events:none;box-sizing:border-box;gap:.5cqw}.champion-card__tier-badge-letter{display:flex;align-items:center;justify-content:center;font-family:Cinzel,serif;font-weight:900;font-size:clamp(20px,7.5cqw,32px);line-height:1;position:relative;z-index:1}.champion-card__tier-badge-stats{display:flex;flex-direction:column;gap:.4cqw;position:relative;z-index:1}.champion-card__tier-stat{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.45cqw;padding:.35cqw .55cqw;border-radius:.45cqw;font-family:Outfit,Inter,sans-serif;line-height:1}.champion-card__tier-stat-value{font-size:clamp(10px,4.2cqw,15px);font-weight:950}.champion-card__tier-stat-label{font-size:clamp(8px,3.2cqw,12px);font-weight:900;text-transform:uppercase;letter-spacing:.03em}.champion-card__tier-stat--mp{background:#1e40afd9;border:1px solid rgba(147,197,253,.45)}.champion-card__tier-stat--mp .champion-card__tier-stat-value{color:#fff}.champion-card__tier-stat--mp .champion-card__tier-stat-label{color:#bfdbfe}.champion-card__tier-stat--hp{background:#991b1bd9;border:1px solid rgba(252,165,165,.45)}.champion-card__tier-stat--hp .champion-card__tier-stat-value{color:#fff}.champion-card__tier-stat--hp .champion-card__tier-stat-label{color:#fecaca}.champion-card__tier-badge--s{color:#ede9fe;border:2px solid #a78bfa;background:radial-gradient(circle at 22% 28%,rgba(196,181,253,.55) 0%,transparent 38%),radial-gradient(circle at 78% 72%,rgba(96,165,250,.45) 0%,transparent 42%),radial-gradient(circle at 55% 45%,rgba(139,92,246,.25) 0%,transparent 55%),linear-gradient(145deg,#0f0a2e,#1e1b4b 38%,#312e81 62%,#0f172a);box-shadow:0 0 14px #8b5cf6bf,0 2px 8px #000000a6,inset 0 0 10px #a78bfa40;text-shadow:0 0 10px rgba(196,181,253,.95),0 0 4px rgba(139,92,246,.8);overflow:hidden}.champion-card__tier-badge--s:before{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 18% 32%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 72% 22%,rgba(255,255,255,.75),transparent),radial-gradient(1.5px 1.5px at 48% 68%,rgba(255,255,255,.85),transparent),radial-gradient(1px 1px at 85% 58%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 32% 78%,rgba(255,255,255,.65),transparent);pointer-events:none}.champion-card__tier-badge--a{color:#fffef5;border:2px solid #fde68a;background:linear-gradient(145deg,#fffbeb,#fde68a 18%,#f59e0b,#d97706 78%,#92400e);box-shadow:0 0 12px #f59e0b8c,0 2px 8px #0000008c,inset 0 1px #ffffffa6,inset 0 -2px 4px #78350f59;text-shadow:0 1px 2px rgba(120,53,15,.85),0 0 6px rgba(253,224,71,.45)}.champion-card__tier-badge--a .champion-card__tier-badge-letter{text-shadow:0 1px 2px rgba(120,53,15,.85),0 0 6px rgba(253,224,71,.45)}.champion-card__tier-badge--b{color:#78350f;border:1.5px solid #fbbf24;background:linear-gradient(145deg,#fef3c7,#fbbf24,#d97706);box-shadow:0 2px 6px #00000073}.champion-card__tier-badge--b .champion-card__tier-badge-letter{text-shadow:0 1px 0 rgba(255,255,255,.45)}.champion-card__tier-badge--c{color:#374151;border:1.5px solid #d1d5db;background:linear-gradient(145deg,#f9fafb,#d1d5db 55%,#9ca3af);box-shadow:0 2px 6px #0006}.champion-card__tier-badge--c .champion-card__tier-badge-letter{text-shadow:0 1px 0 rgba(255,255,255,.5)}.champion-card__tier-badge--d{color:#451a03;border:1.5px solid #b45309;background:linear-gradient(145deg,#fde68a,#c68a4c 55%,#92400e);box-shadow:0 2px 6px #00000073}.champion-card__tier-badge--d .champion-card__tier-badge-letter{text-shadow:0 1px 0 rgba(255,255,255,.35)}.champion-card{--cr-ratio: 768 / 1376;position:relative;display:flex;flex-direction:column;aspect-ratio:var(--cr-ratio);padding:0;border:none;background:transparent;font-family:Outfit,Inter,system-ui,-apple-system,sans-serif;text-align:left;cursor:default;user-select:none;container-type:inline-size;box-sizing:border-box;overflow:visible}.champion-card[type=button]{cursor:pointer}.champion-card--hero{width:100%;max-width:min(340px,calc((100svh - var(--reserved-height, 310px)) * 768 / 1376));height:auto;max-height:100%;margin:10px auto}.champion-card--default{width:100%;max-width:300px;margin:10px}.champion-card--market{width:100%;max-width:none;margin:0;flex:0 0 auto}.champion-card--market .champion-card__outer{width:100%}.champion-card--tier-s{--tier-frame-color: #a78bfa;--tier-glow: 0 0 25px rgba(139, 92, 246, .8);--tier-badge-bg: #8b5cf6}.champion-card--tier-a{--tier-frame-color: #f97316;--tier-glow: 0 0 25px rgba(239, 68, 68, .7);--tier-badge-bg: #ff4500}.champion-card--tier-b{--tier-frame-color: #fbbf24;--tier-glow: 0 0 25px rgba(245, 158, 11, .75);--tier-badge-bg: #f59e0b}.champion-card--tier-c{--tier-frame-color: #d1d5db;--tier-glow: 0 0 20px rgba(156, 163, 175, .5);--tier-badge-bg: #9ca3af}.champion-card--tier-d{--tier-frame-color: #925828;--tier-glow: 0 0 15px rgba(146, 64, 14, .4);--tier-badge-bg: #c68a4c}.champion-card__outer{width:100%;height:100%;display:flex;flex-direction:column;padding:4cqw;box-sizing:border-box;border-radius:4cqw;position:relative;overflow:hidden;box-shadow:0 8px 24px #000000d9;transition:transform .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s;background-color:#172b53;background-image:radial-gradient(circle at 50% 0%,rgba(59,130,246,.35) 0%,transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cpath d='M20 40 L50 45 L70 30 L110 35 L130 15 M70 30 L85 55 L75 75 L100 90 L95 120 M75 75 L45 80 L30 105 M100 90 L135 95 L150 80 L180 95 M135 95 L145 130 L170 145 M95 120 L110 155 L105 185 M110 155 L80 165 L65 190' stroke='%230a1222' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3Cpath d='M20 40 L50 45 L70 30 L110 35 L130 15 M70 30 L85 55 L75 75 L100 90 L95 120 M75 75 L45 80 L30 105 M100 90 L135 95 L150 80 L180 95 M135 95 L145 130 L170 145 M95 120 L110 155 L105 185 M110 155 L80 165 L65 190' stroke='%233b82f6' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' fill='none' opacity='0.55'/%3E%3C/svg%3E");background-size:100%,120px 120px;background-repeat:no-repeat,repeat}.champion-card--opponent .champion-card__outer{background-color:#58141c;background-image:radial-gradient(circle at 50% 0%,rgba(239,68,68,.35) 0%,transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cpath d='M20 40 L50 45 L70 30 L110 35 L130 15 M70 30 L85 55 L75 75 L100 90 L95 120 M75 75 L45 80 L30 105 M100 90 L135 95 L150 80 L180 95 M135 95 L145 130 L170 145 M95 120 L110 155 L105 185 M110 155 L80 165 L65 190' stroke='%230e0204' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3Cpath d='M20 40 L50 45 L70 30 L110 35 L130 15 M70 30 L85 55 L75 75 L100 90 L95 120 M75 75 L45 80 L30 105 M100 90 L135 95 L150 80 L180 95 M135 95 L145 130 L170 145 M95 120 L110 155 L105 185 M110 155 L80 165 L65 190' stroke='%23ef4444' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' fill='none' opacity='0.55'/%3E%3C/svg%3E");background-size:100%,120px 120px;background-repeat:no-repeat,repeat}.champion-card__outer:after{content:"";position:absolute;inset:0;border-radius:4cqw;pointer-events:none;border:1.2cqw double #8b5a2b;box-shadow:inset 0 0 15px #5c350e4d,0 0 0 .8cqw #fbbf24;z-index:15;transition:box-shadow .3s ease}.champion-card--opponent .champion-card__outer:after,.game-arena__move-card--opponent .champion-card__outer:after{border-color:#991b1b!important;box-shadow:inset 0 0 15px #991b1b4d,0 0 0 .8cqw #f87171!important}.champion-card:hover .champion-card__outer:after,.champion-card--selected .champion-card__outer:after{box-shadow:inset 0 0 20px #5c350e66,0 0 15px #fbbf24cc,0 0 0 .8cqw #fbbf24}.champion-card--opponent:hover .champion-card__outer:after{box-shadow:inset 0 0 20px #991b1b66,0 0 15px #f87171cc,0 0 0 .8cqw #f87171!important}.champion-card:hover .champion-card__outer,.champion-card--selected .champion-card__outer{transform:translateY(-4px) scale(1.02);box-shadow:0 16px 36px #000000f2,var(--tier-glow)}.champion-card__art-viewport{width:calc(100% + 4cqw);margin-left:-2cqw;margin-right:-2cqw;margin-top:-2cqw;flex:1;position:relative;border-radius:2.8cqw 2.8cqw 0 0;overflow:hidden;border:none;background:#000;box-shadow:inset 0 4px 14px #000000d9;margin-bottom:0;box-sizing:border-box}.champion-card__image{width:100%;height:100%;object-fit:cover;object-position:center;display:block;border-radius:2.8cqw 2.8cqw 0 0}.champion-card__art-name-overlay{position:absolute;bottom:0;left:0;right:0;z-index:5;padding:7cqw 5cqw 2.5cqw;background:linear-gradient(to top,rgba(0,0,0,.96) 0%,rgba(0,0,0,.82) 40%,rgba(0,0,0,.45) 70%,transparent 100%);pointer-events:none}.champion-card__art-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;width:100%;font-family:Outfit,Inter,system-ui,sans-serif;font-weight:900;font-size:clamp(14px,6.5cqw,24px);color:#fff;text-transform:uppercase;letter-spacing:.06em;line-height:1.15;text-align:center;overflow:hidden;overflow-wrap:break-word;word-break:break-word;-webkit-text-stroke:.6px rgba(0,0,0,.9);text-shadow:0 0 14px rgba(0,0,0,1),0 0 6px rgba(0,0,0,1),0 3px 6px rgba(0,0,0,.95),2px 2px 0 rgba(0,0,0,.85),-2px -2px 0 rgba(0,0,0,.85),2px -2px 0 rgba(0,0,0,.85),-2px 2px 0 rgba(0,0,0,.85)}.champion-card__abilities-container{width:calc(100% + 4cqw);margin-left:-2cqw;margin-right:-2cqw;margin-bottom:-2cqw;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='42' fill='none' stroke='%238b5a2b' stroke-width='0.5' stroke-dasharray='3 2' opacity='0.16'/%3E%3Ccircle cx='50' cy='50' r='36' fill='none' stroke='%238b5a2b' stroke-width='0.3' opacity='0.12'/%3E%3Ccircle cx='50' cy='50' r='28' fill='none' stroke='%238b5a2b' stroke-width='0.4' stroke-dasharray='5 5' opacity='0.14'/%3E%3Ccircle cx='50' cy='50' r='20' fill='none' stroke='%238b5a2b' stroke-width='0.3' opacity='0.12'/%3E%3C/svg%3E") no-repeat center / 22cqw 22cqw,url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E") repeat,radial-gradient(circle at 50% 50%,transparent 40%,rgba(92,53,14,.35) 100%),linear-gradient(to bottom,#fdfaf2,#f4e9d0 50%,#e8d7b3 85%,#d8c295);padding:0 5cqw 4cqw;position:relative;height:36cqw;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:0 0 2.5cqw 2.5cqw;border-top:4px double #8b5a2b;box-shadow:inset 0 10px 15px -10px #0009,inset 0 0 20px #5c350e40,0 4px 12px #0009;overflow:hidden}.champion-card__abilities-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;box-sizing:border-box;padding:2cqw;z-index:10;position:relative}.champion-card__abilities-container:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.12) 40%,rgba(255,224,102,.22) 50%,rgba(255,255,255,.12) 60%,transparent 70%);background-size:200% 100%;background-position:-120% 0;transition:background-position .65s cubic-bezier(.25,.8,.25,1);pointer-events:none;z-index:5;border-radius:0 0 2.5cqw 2.5cqw}.champion-card:hover .champion-card__abilities-container:after{background-position:120% 0}.champion-card__abilities-text{font-size:clamp(11px,4.4cqw,17px);font-weight:800;color:#2c1906!important;text-align:center;line-height:1.4;overflow:hidden;font-family:Outfit,Inter,sans-serif;z-index:10;position:relative;filter:drop-shadow(.5px .5px 0px rgba(255,255,255,.5))}.game-arena__move-card-text{color:#2c1906!important;font-family:Outfit,Inter,sans-serif;z-index:10;position:relative}.game-arena__move-card-abilities.champion-card__abilities-container{height:auto;min-height:36cqw;max-height:46cqw;padding:2cqw 4cqw!important}.champion-card__header-badges{position:absolute;top:5.5%;right:5.5%;z-index:22;display:flex;align-items:center;gap:1.5cqw}.champion-card__sale-badge{display:inline-flex;align-items:center;padding:1.2cqw 3cqw;border-radius:999px;background:linear-gradient(145deg,#fbbf24,#d97706 45%,#b45309);border:1.5px solid #fde68a;box-shadow:0 4px 12px #000000b3,0 0 10px #fbbf2473;font-family:Cinzel,Georgia,serif;font-size:clamp(8px,3.2cqw,11px);font-weight:900;color:#fffbeb;text-shadow:1px 1px 1.5px rgba(0,0,0,.85);letter-spacing:.05em;pointer-events:none}.champion-card__price-badge{display:inline-flex;align-items:center;gap:1cqw;padding:1.2cqw 3cqw;border-radius:999px;background:linear-gradient(135deg,#be123c,#f43f5e 45%,#9f1239);border:1.8px solid #fecdd3;box-shadow:0 4px 12px #000000b3,0 0 12px #f43f5e80;font-size:clamp(8px,3.2cqw,11px);font-weight:950;color:#fff1f2;text-shadow:1px 1px 1.5px rgba(0,0,0,.8)}.champion-card__price-badge .game-icon{color:#fecdd3}.unlock-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10000;display:flex;justify-content:center;align-items:center;overflow:hidden;font-family:Outfit,Inter,sans-serif}.unlock-screen__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#0a0519f5,#030108fc);backdrop-filter:blur(10px);z-index:1}.unlock-screen__rays{position:absolute;width:200vmax;height:200vmax;background-image:repeating-conic-gradient(from 0deg,rgba(255,170,0,.12) 0deg 15deg,transparent 15deg 30deg);border-radius:50%;animation:spinRays 40s linear infinite;z-index:2;pointer-events:none}@keyframes spinRays{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.unlock-screen__particles{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:3}.unlock-screen__particle{position:absolute;width:12px;height:12px;background:#fc0;border-radius:50%;opacity:0}.unlock-screen__particle--0{left:20%;top:30%;background:radial-gradient(circle,#ffaa00,transparent);animation:floatParticle 3s ease-in-out infinite}.unlock-screen__particle--1{left:80%;top:25%;background:radial-gradient(circle,#ff00ff,transparent);animation:floatParticle 4s ease-in-out infinite .5s}.unlock-screen__particle--2{left:45%;top:15%;background:radial-gradient(circle,#00ffff,transparent);animation:floatParticle 3.5s ease-in-out infinite 1s}.unlock-screen__particles span:nth-child(4){left:15%;top:60%;animation:floatParticle 3.2s ease-in-out infinite 1.2s}.unlock-screen__particles span:nth-child(5){left:85%;top:70%;animation:floatParticle 4.5s ease-in-out infinite .2s}.unlock-screen__particles span:nth-child(6){left:30%;top:80%;animation:floatParticle 3.8s ease-in-out infinite 1.5s}.unlock-screen__particles span:nth-child(7){left:70%;top:85%;animation:floatParticle 4.2s ease-in-out infinite .7s}.unlock-screen__particles span:nth-child(8){left:50%;top:50%;animation:floatParticle 5s ease-in-out infinite}@keyframes floatParticle{0%{transform:translateY(100px) scale(0);opacity:0}50%{opacity:.8}to{transform:translateY(-100px) scale(1.5);opacity:0}}.unlock-screen__content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:420px;width:90%}.unlock-screen__title{font-size:3rem;font-weight:900;margin:0 0 5px;color:#fff;text-shadow:0 0 10px rgba(255,170,0,.6),0 0 20px rgba(255,170,0,.4),0 4px 0 #b35900;letter-spacing:2px;font-style:italic}.unlock-screen__subtitle{font-size:1.4rem;font-weight:800;color:#fa0;text-transform:uppercase;margin:0 0 30px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.unlock-screen__card-wrapper{width:280px;height:420px;margin-bottom:40px;perspective:1000px;filter:drop-shadow(0 15px 30px rgba(0,0,0,.7)) drop-shadow(0 0 40px rgba(255,170,0,.25))}.unlock-screen--large .unlock-screen__content{max-width:min(520px,96vw)}.unlock-screen--large .unlock-screen__title{font-size:clamp(2.4rem,8vw,3.6rem)}.unlock-screen--large .unlock-screen__subtitle{font-size:1.6rem;margin-bottom:36px}.unlock-screen--large .unlock-screen__card-wrapper{width:min(380px,88vw);height:min(560px,62vh);margin-bottom:44px;filter:drop-shadow(0 20px 40px rgba(0,0,0,.75)) drop-shadow(0 0 60px rgba(255,170,0,.35))}.unlock-screen--large .unlock-screen__continue-btn{font-size:1.65rem;padding:16px 52px}.unlock-screen__continue-btn{background:linear-gradient(180deg,#ffb700,#f80);border:4px solid #fff;border-radius:16px;color:#fff;font-size:1.5rem;font-weight:900;padding:14px 44px;cursor:pointer;box-shadow:0 6px #b35900,0 12px 24px #0006;text-shadow:0 2px 4px rgba(0,0,0,.4);transition:transform .1s ease,box-shadow .1s ease;outline:none}.unlock-screen__continue-btn:hover{transform:scale(1.05)}.unlock-screen__continue-btn:active{transform:translateY(4px);box-shadow:0 2px #b35900,0 6px 12px #0006}.animate-title{animation:titlePop .8s cubic-bezier(.175,.885,.32,1.275) both}.animate-subtitle{animation:subtitlePop .8s cubic-bezier(.175,.885,.32,1.275) both .2s}.animate-card{animation:cardReveal 1.2s cubic-bezier(.175,.885,.32,1.15) both .4s}.animate-btn{animation:btnFadeIn .8s ease both 1s,btnPulse 2s infinite ease-in-out 1.8s}@keyframes titlePop{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}@keyframes subtitlePop{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes cardReveal{0%{transform:scale(.1) rotateY(180deg) rotate(-15deg);opacity:0}70%{transform:scale(1.1) rotateY(-10deg) rotate(5deg);opacity:1}to{transform:scale(1) rotateY(0) rotate(0);opacity:1}}@keyframes btnFadeIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes btnPulse{0%,to{transform:scale(1);box-shadow:0 6px #b35900,0 12px 24px #0006,0 0 #ffaa0080}50%{transform:scale(1.03);box-shadow:0 6px #b35900,0 12px 24px #0006,0 0 0 12px #fa00}}@media(max-height:750px){.unlock-screen__card-wrapper{width:min(250px,70vw);height:min(370px,50vh);margin-bottom:20px}.unlock-screen__title{font-size:2rem}.unlock-screen__subtitle{margin-bottom:16px;font-size:1.1rem}}@media(max-height:600px){.unlock-screen__card-wrapper{width:min(200px,60vw);height:min(300px,45vh);margin-bottom:12px}.unlock-screen__title{font-size:1.6rem}.unlock-screen__subtitle{margin-bottom:8px;font-size:.9rem}.unlock-screen__continue-btn{font-size:1.2rem;padding:10px 32px}}.champion-forge-loading{position:fixed;inset:0;z-index:5000;display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:Outfit,Inter,sans-serif}.champion-forge-loading__backdrop{position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,rgba(124,58,237,.28) 0%,transparent 55%),radial-gradient(circle at 50% 80%,rgba(251,146,60,.18) 0%,transparent 45%),#060310f0;backdrop-filter:blur(8px)}.champion-forge-loading__rays{position:absolute;width:180vmax;height:180vmax;background-image:repeating-conic-gradient(from 0deg,rgba(167,139,250,.1) 0deg 12deg,transparent 12deg 24deg);border-radius:50%;animation:champion-forge-rays-spin 36s linear infinite;pointer-events:none}@keyframes champion-forge-rays-spin{to{transform:rotate(360deg)}}.champion-forge-loading__embers{position:absolute;inset:0;pointer-events:none}.champion-forge-loading__ember{position:absolute;width:8px;height:8px;border-radius:50%;opacity:0;background:radial-gradient(circle,#fbbf24,transparent)}.champion-forge-loading__ember--0{left:18%;bottom:22%;animation:champion-forge-ember-rise 3.2s ease-in-out infinite}.champion-forge-loading__ember--1{left:72%;bottom:18%;animation:champion-forge-ember-rise 3.8s ease-in-out infinite .4s;background:radial-gradient(circle,#c084fc,transparent)}.champion-forge-loading__ember--2{left:42%;bottom:12%;animation:champion-forge-ember-rise 4.1s ease-in-out infinite .9s}.champion-forge-loading__ember--3{left:58%;bottom:26%;animation:champion-forge-ember-rise 3.5s ease-in-out infinite 1.3s;background:radial-gradient(circle,#fb923c,transparent)}.champion-forge-loading__embers span:nth-child(5){left:28%;bottom:30%;animation:champion-forge-ember-rise 4.4s ease-in-out infinite .2s}.champion-forge-loading__embers span:nth-child(6){left:82%;bottom:28%;animation:champion-forge-ember-rise 3.6s ease-in-out infinite 1.1s}.champion-forge-loading__embers span:nth-child(7){left:12%;bottom:35%;animation:champion-forge-ember-rise 4.8s ease-in-out infinite .6s}.champion-forge-loading__embers span:nth-child(8){left:50%;bottom:8%;animation:champion-forge-ember-rise 3.9s ease-in-out infinite 1.6s}.champion-forge-loading__embers span:nth-child(9){left:35%;bottom:15%;animation:champion-forge-ember-rise 4.2s ease-in-out infinite .8s}.champion-forge-loading__embers span:nth-child(10){left:65%;bottom:14%;animation:champion-forge-ember-rise 3.7s ease-in-out infinite 1.4s}.champion-forge-loading__embers span:nth-child(11){left:22%;bottom:10%;animation:champion-forge-ember-rise 4.5s ease-in-out infinite 1.8s}.champion-forge-loading__embers span:nth-child(12){left:88%;bottom:12%;animation:champion-forge-ember-rise 3.3s ease-in-out infinite 2s}@keyframes champion-forge-ember-rise{0%{transform:translateY(40px) scale(.4);opacity:0}35%{opacity:.9}to{transform:translateY(-120px) scale(1.2);opacity:0}}.champion-forge-loading__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;width:min(420px,92vw);padding:24px 20px}.champion-forge-loading__eyebrow{margin:0 0 6px;font-size:12px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:#c4b5fd}.champion-forge-loading__title{margin:0 0 8px;font-size:clamp(1.8rem,6vw,2.4rem);font-weight:900;font-style:italic;color:#fff;text-shadow:0 0 12px rgba(167,139,250,.5),0 4px 0 #5b21b6;letter-spacing:.04em}.champion-forge-loading__name{margin:0 0 20px;font-size:1.15rem;font-weight:700;color:#fde68a;text-shadow:0 2px 8px rgba(0,0,0,.6)}.champion-forge-loading__core{position:relative;width:140px;height:140px;margin-bottom:30px;display:flex;align-items:center;justify-content:center}.champion-forge-loading__pulse-ring{position:absolute;width:120px;height:120px;border-radius:50%;border:2px solid rgba(251,191,36,.4);animation:champion-forge-ring-pulse 2s cubic-bezier(.215,.61,.355,1) infinite}@keyframes champion-forge-ring-pulse{0%{transform:scale(.6);opacity:0}50%{opacity:.8}to{transform:scale(1.3);opacity:0}}.champion-forge-loading__magic-circle{position:absolute;width:90px;height:90px;border-radius:50%;border:1.5px dashed rgba(59,130,246,.6);background:radial-gradient(circle,rgba(59,130,246,.08) 0%,transparent 70%);animation:champion-forge-circle-spin 8s linear infinite}@keyframes champion-forge-circle-spin{to{transform:rotate(360deg)}}.champion-forge-loading__crystal{width:32px;height:32px;background:linear-gradient(135deg,#fde68a,#d97706);transform:rotate(45deg);box-shadow:0 0 20px #fbbf2499,0 0 40px #fbbf244d;animation:champion-forge-crystal-float 2.4s ease-in-out infinite alternate}@keyframes champion-forge-crystal-float{0%{transform:rotate(45deg) scale(.9) translateY(0)}to{transform:rotate(45deg) scale(1.1) translateY(-6px)}}.champion-forge-loading__step{display:flex;align-items:center;gap:10px;min-height:32px;margin-bottom:16px}.champion-forge-loading__step-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#8b5cf633;border:1px solid rgba(167,139,250,.4);box-shadow:0 0 16px #8b5cf640}.champion-forge-loading__step-label{font-size:15px;font-weight:700;color:#e9d5ff;animation:champion-forge-step-fade .45s ease both}@keyframes champion-forge-step-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.champion-forge-loading__progress{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.champion-forge-loading__progress-track{width:100%;height:10px;border-radius:999px;background:#ffffff14;border:1px solid rgba(167,139,250,.25);overflow:hidden;box-shadow:inset 0 2px 6px #00000059}.champion-forge-loading__progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c3aed,#f59e0b 55%,#fbbf24);box-shadow:0 0 14px #fbbf2473;transition:width .25s ease}.champion-forge-loading__progress-text{font-size:13px;font-weight:800;letter-spacing:.08em;color:#c4b5fd}:root{--color-tier-s: #fbbf24;--color-tier-s-glow: rgba(251, 191, 36, .55);--bg-tier-s: linear-gradient(135deg, rgba(20, 15, 6, .95), rgba(40, 28, 8, .95));--color-tier-a: #c084fc;--color-tier-a-glow: rgba(192, 132, 252, .5);--bg-tier-a: linear-gradient(135deg, rgba(15, 8, 22, .95), rgba(28, 14, 45, .95));--color-tier-b: #60a5fa;--color-tier-b-glow: rgba(96, 165, 250, .45);--bg-tier-b: linear-gradient(135deg, rgba(8, 12, 24, .95), rgba(14, 22, 48, .95));--color-tier-c: #34d399;--color-tier-c-glow: rgba(52, 211, 153, .4);--bg-tier-c: linear-gradient(135deg, rgba(6, 16, 12, .95), rgba(10, 32, 22, .95));--color-tier-d: #9ca3af;--color-tier-d-glow: rgba(156, 163, 175, .3);--bg-tier-d: linear-gradient(135deg, rgba(12, 12, 14, .95), rgba(28, 28, 32, .95))}.tier-selector{margin-bottom:0;display:flex;flex-direction:column;gap:16px}.tier-selector__notice-scroll{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;background:linear-gradient(90deg,#e6aa4617,#0f0a1966);border:1px solid rgba(251,191,36,.15);box-shadow:inset 0 0 10px #fbbf2408}.tier-selector__notice-scroll-icon{display:flex;align-items:center;justify-content:center;color:#fbbf24;filter:drop-shadow(0 0 4px rgba(251,191,36,.4));animation:scroll-float 3s ease-in-out infinite}.tier-selector__notice-text{margin:0;font-size:12.5px;line-height:1.45;color:#fff8e6c7;font-weight:500;letter-spacing:.01em}.tier-selector__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.tier-card{display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;padding:12px 6px;border-radius:12px;cursor:pointer;background:#08060dd9;border:2px solid rgba(255,255,255,.08);transition:transform .22s cubic-bezier(.175,.885,.32,1.275),border-color .2s ease,box-shadow .2s ease;user-select:none;pointer-events:auto!important}.tier-card:hover:not(:disabled){transform:translateY(-4px) scale(1.03)}.tier-card--selected{transform:translateY(-4px) scale(1.03);z-index:2}.tier-card--unaffordable:not(.tier-card--selected){opacity:.65;filter:grayscale(.5);background:#0c0a10e6}.tier-card--unaffordable:not(.tier-card--selected):hover:not(:disabled){transform:none}.tier-card--s{border-color:#fbbf2440;box-shadow:inset 0 0 12px #fbbf240d}.tier-card--s.tier-card--selected{border-color:var(--color-tier-s);background:var(--bg-tier-s);box-shadow:0 0 20px #fbbf244d,inset 0 0 16px #fbbf2426;animation:card-glow-pulse-s 2s infinite alternate}.tier-card--a{border-color:#c084fc40;box-shadow:inset 0 0 12px #c084fc0d}.tier-card--a.tier-card--selected{border-color:var(--color-tier-a);background:var(--bg-tier-a);box-shadow:0 0 20px #c084fc47,inset 0 0 16px #c084fc26;animation:card-glow-pulse-a 2s infinite alternate}.tier-card--b{border-color:#60a5fa40;box-shadow:inset 0 0 12px #60a5fa0d}.tier-card--b.tier-card--selected{border-color:var(--color-tier-b);background:var(--bg-tier-b);box-shadow:0 0 20px #60a5fa40,inset 0 0 16px #60a5fa1f;animation:card-glow-pulse-b 2s infinite alternate}.tier-card--c{border-color:#34d39940;box-shadow:inset 0 0 12px #34d3990d}.tier-card--c.tier-card--selected{border-color:var(--color-tier-c);background:var(--bg-tier-c);box-shadow:0 0 20px #34d39940,inset 0 0 16px #34d3991f;animation:card-glow-pulse-c 2s infinite alternate}.tier-card--d{border-color:#9ca3af40;box-shadow:inset 0 0 12px #9ca3af0d}.tier-card--d.tier-card--selected{border-color:var(--color-tier-d);background:var(--bg-tier-d);box-shadow:0 0 14px #9ca3af33,inset 0 0 12px #9ca3af1a;animation:card-glow-pulse-d 2s infinite alternate}.tier-card__rarity-label{font-size:8.5px;font-weight:800;letter-spacing:.1em;color:#ffffff73;text-shadow:0 1px 1px rgba(0,0,0,.4);margin-bottom:3px;text-transform:uppercase}.tier-card--s .tier-card__rarity-label{color:#f59e0b}.tier-card--a .tier-card__rarity-label{color:#a855f7}.tier-card--b .tier-card__rarity-label{color:#3b82f6}.tier-card--c .tier-card__rarity-label{color:#10b981}.tier-card--d .tier-card__rarity-label{color:#9ca3af}.tier-card__stars{display:flex;gap:1px;margin-bottom:6px}.tier-card__star{font-size:9px;line-height:1}.tier-card__star--active{color:#fbbf24;text-shadow:0 0 3px rgba(251,191,36,.8)}.tier-card__star--inactive{color:#ffffff1f}.tier-card__gem-container{position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center;margin:4px 0 8px}.tier-card__gem-letter{font-size:26px;font-weight:900;font-family:Outfit,Inter,sans-serif;color:#fff;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.6);transition:transform .2s ease}.tier-card:hover .tier-card__gem-letter{transform:scale(1.12)}.tier-card--s .tier-card__gem-letter{color:#fffbeb;text-shadow:0 0 8px rgba(251,191,36,.65),0 2px 4px rgba(0,0,0,.7)}.tier-card--a .tier-card__gem-letter{color:#faf5ff;text-shadow:0 0 8px rgba(192,132,252,.65),0 2px 4px rgba(0,0,0,.7)}.tier-card--b .tier-card__gem-letter{color:#eff6ff;text-shadow:0 0 8px rgba(96,165,250,.65),0 2px 4px rgba(0,0,0,.7)}.tier-card--c .tier-card__gem-letter{color:#ecfdf5;text-shadow:0 0 8px rgba(52,211,153,.65),0 2px 4px rgba(0,0,0,.7)}.tier-card--d .tier-card__gem-letter{color:#f9fafb;text-shadow:0 0 6px rgba(156,163,175,.4),0 2px 4px rgba(0,0,0,.7)}.tier-card__gem-glow{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;filter:blur(8px);opacity:.15;transition:opacity .2s ease,transform .2s ease}.tier-card--selected .tier-card__gem-glow{opacity:.5;transform:scale(1.1)}.tier-card--s .tier-card__gem-glow{background:radial-gradient(circle,var(--color-tier-s) 20%,transparent 70%)}.tier-card--a .tier-card__gem-glow{background:radial-gradient(circle,var(--color-tier-a) 20%,transparent 70%)}.tier-card--b .tier-card__gem-glow{background:radial-gradient(circle,var(--color-tier-b) 20%,transparent 70%)}.tier-card--c .tier-card__gem-glow{background:radial-gradient(circle,var(--color-tier-c) 20%,transparent 70%)}.tier-card--d .tier-card__gem-glow{background:radial-gradient(circle,var(--color-tier-d) 20%,transparent 70%)}.tier-card__price{display:flex;align-items:center;justify-content:center;gap:3px;padding:3px 8px;border-radius:20px;background:#f472b61f;border:1px solid rgba(244,114,182,.35);font-size:11px;font-weight:800;color:#f472b6;text-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:0 2px 4px #0003}.tier-card__ruby-icon{flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(244,114,182,.4))}.tier-card__price--locked{background:#ef44441a;border-color:#ef44444d;color:#f87171}.tier-card__lock-icon{color:#f87171;opacity:.8}.tier-detail-altar{margin-top:14px;padding:14px;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,transparent 40%),#0e0a16f2;border:2px solid rgba(170,59,255,.35);box-shadow:inset 0 1px #ffffff0d,0 8px 30px #0009;position:relative}.tier-detail-altar--s{border-color:var(--color-tier-s);box-shadow:inset 0 0 20px #fbbf240f,0 8px 30px #0009}.tier-detail-altar--a{border-color:var(--color-tier-a);box-shadow:inset 0 0 20px #c084fc0f,0 8px 30px #0009}.tier-detail-altar--b{border-color:var(--color-tier-b);box-shadow:inset 0 0 20px #60a5fa0d,0 8px 30px #0009}.tier-detail-altar--c{border-color:var(--color-tier-c);box-shadow:inset 0 0 20px #34d3990d,0 8px 30px #0009}.tier-detail-altar--d{border-color:var(--color-tier-d);box-shadow:inset 0 0 20px #9ca3af08,0 8px 30px #0009}.tier-detail-altar__header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid rgba(255,255,255,.06);padding-bottom:10px;margin-bottom:12px}.tier-detail-altar__title{margin:0;font-size:13.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;display:flex;align-items:center;gap:6px;text-shadow:0 2px 4px rgba(0,0,0,.6)}.tier-detail-altar--s .tier-detail-altar__title{color:var(--color-tier-s)}.tier-detail-altar--a .tier-detail-altar__title{color:var(--color-tier-a)}.tier-detail-altar--b .tier-detail-altar__title{color:var(--color-tier-b)}.tier-detail-altar--c .tier-detail-altar__title{color:var(--color-tier-c)}.tier-detail-altar--d .tier-detail-altar__title{color:var(--color-tier-d)}.tier-detail-altar__sparkle{color:inherit;animation:spin-pulse 3s linear infinite}.tier-detail-altar__price{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:800;text-transform:uppercase;color:#fbbf24;text-shadow:0 0 8px rgba(251,191,36,.45)}.tier-detail-altar__ruby{filter:drop-shadow(0 0 3px #fbbf24)}.tier-detail-altar__grid{display:flex;flex-direction:column;gap:12px}.tier-detail-altar__card{display:flex;flex-direction:column;padding:12px;border-radius:10px;background:#00000059;border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 2px 8px #0006}.tier-detail-altar__card-label{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#fff6;margin-bottom:6px}.tier-detail-altar__card-icon{color:#ffffff59}.tier-detail-altar__stat-value-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:4px}.tier-detail-altar__stat-value{font-size:18px;font-weight:900;color:#fffbeb;font-family:Outfit,Inter,sans-serif;text-shadow:0 1px 3px rgba(0,0,0,.5)}.tier-detail-altar__stat-descriptor{font-size:9px;font-weight:800;letter-spacing:.04em;padding:2px 6px;border-radius:4px;background:#ffffff0f;color:#ffffffb3;border:1px solid rgba(255,255,255,.08)}.tier-detail-altar--s .tier-detail-altar__stat-descriptor{background:#fbbf241a;border-color:#fbbf2433;color:var(--color-tier-s)}.tier-detail-altar--a .tier-detail-altar__stat-descriptor{background:#c084fc1a;border-color:#c084fc33;color:var(--color-tier-a)}.tier-detail-altar--b .tier-detail-altar__stat-descriptor{background:#60a5fa1a;border-color:#60a5fa33;color:var(--color-tier-b)}.tier-detail-altar--c .tier-detail-altar__stat-descriptor{background:#34d3991a;border-color:#34d39933;color:var(--color-tier-c)}.tier-detail-altar--d .tier-detail-altar__stat-descriptor{background:#9ca3af1a;border-color:#9ca3af33;color:var(--color-tier-d)}.tier-detail-altar__progress-bar{height:8px;background:#00000080;border-radius:10px;overflow:hidden;margin-top:8px;border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 1px 3px #000c}.tier-detail-altar__progress-fill{height:100%;border-radius:inherit;box-shadow:inset 0 1px 1px #fff3;transition:width .4s cubic-bezier(.175,.885,.32,1.2);position:relative;background-size:30px 30px;background-image:linear-gradient(45deg,rgba(255,255,255,.1) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.1) 75%,transparent 75%,transparent);animation:liquid-flow 1.5s linear infinite}.tier-detail-altar--s .tier-detail-altar__progress-fill{background-color:var(--color-tier-s);box-shadow:0 0 8px var(--color-tier-s-glow)}.tier-detail-altar--a .tier-detail-altar__progress-fill{background-color:var(--color-tier-a);box-shadow:0 0 8px var(--color-tier-a-glow)}.tier-detail-altar--b .tier-detail-altar__progress-fill{background-color:var(--color-tier-b);box-shadow:0 0 8px var(--color-tier-b-glow)}.tier-detail-altar--c .tier-detail-altar__progress-fill{background-color:var(--color-tier-c);box-shadow:0 0 8px var(--color-tier-c-glow)}.tier-detail-altar--d .tier-detail-altar__progress-fill{background-color:var(--color-tier-d)}.tier-detail-altar__sockets{display:flex;gap:6px;margin:2px 0 10px}.tier-detail-altar__socket{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;position:relative;transition:transform .2s ease}.tier-detail-altar__socket:hover{transform:scale(1.08)}.tier-detail-altar__socket--active{border:1.5px solid #fff;box-shadow:0 2px 6px #0006}.tier-detail-altar__socket--locked{background:#00000080;border:1px dashed rgba(255,255,255,.15)}.tier-detail-altar__socket-text{font-size:11px;font-weight:900;font-family:Outfit,sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.7)}.tier-detail-altar__socket-lock{color:#ffffff2e}.tier-detail-altar__socket--s{background:linear-gradient(135deg,#fbbf24,#d97706);border-color:#fef3c7;color:#451a03}.tier-detail-altar__socket--a{background:linear-gradient(135deg,#c084fc,#7e22ce);border-color:#faf5ff;color:#fff}.tier-detail-altar__socket--b{background:linear-gradient(135deg,#60a5fa,#1d4ed8);border-color:#eff6ff;color:#fff}.tier-detail-altar__socket--c{background:linear-gradient(135deg,#34d399,#047857);border-color:#ecfdf5;color:#fff}.tier-detail-altar__socket--d{background:linear-gradient(135deg,#9ca3af,#4b5563);border-color:#f9fafb;color:#fff}.tier-detail-altar__potential-box{padding:10px 12px;border-radius:8px;background:#ffdc960d;border:1px solid rgba(255,220,150,.12);box-shadow:inset 0 1px #ffffff05}.tier-detail-altar__potential-text{font-size:13.5px;line-height:1.45;color:#ffffffe0}.tier-detail-altar__potential-text strong{color:#fbbf24;font-weight:800;letter-spacing:.02em}@keyframes card-glow-pulse-s{0%{box-shadow:0 0 16px #fbbf2440,inset 0 0 12px #fbbf241a}to{box-shadow:0 0 28px #fbbf2480,inset 0 0 20px #fbbf2440}}@keyframes card-glow-pulse-a{0%{box-shadow:0 0 16px #c084fc38,inset 0 0 12px #c084fc1a}to{box-shadow:0 0 28px #c084fc73,inset 0 0 20px #c084fc40}}@keyframes card-glow-pulse-b{0%{box-shadow:0 0 16px #60a5fa33,inset 0 0 12px #60a5fa14}to{box-shadow:0 0 28px #60a5fa66,inset 0 0 20px #60a5fa33}}@keyframes card-glow-pulse-c{0%{box-shadow:0 0 16px #34d39933,inset 0 0 12px #34d39914}to{box-shadow:0 0 28px #34d39973,inset 0 0 20px #34d39933}}@keyframes card-glow-pulse-d{0%{box-shadow:0 0 12px #9ca3af26,inset 0 0 8px #9ca3af0d}to{box-shadow:0 0 20px #9ca3af59,inset 0 0 14px #9ca3af26}}@keyframes scroll-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes spin-pulse{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.15)}to{transform:rotate(360deg) scale(1)}}@keyframes liquid-flow{0%{background-position:0 0}to{background-position:30px 0}}@media(max-width:768px){.tier-selector__grid{grid-template-columns:repeat(5,1fr);gap:6px}}@media(max-width:580px){.tier-selector__grid{grid-template-columns:repeat(3,1fr)}.tier-detail-altar__grid{grid-template-columns:1fr;gap:10px}}@media(max-width:380px){.tier-selector__grid{grid-template-columns:repeat(2,1fr)}}.champion-forge{flex:1 1 auto;min-height:min-content;display:flex;flex-direction:column;gap:12px;padding-bottom:8px;position:relative;z-index:1}.champion-forge__banner{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:14px;padding:8px 16px;background:linear-gradient(90deg,transparent 0%,rgba(59,130,246,.12) 20%,rgba(59,130,246,.2) 50%,rgba(59,130,246,.12) 80%,transparent 100%);border-top:1px solid rgba(251,191,36,.2);border-bottom:1px solid rgba(251,191,36,.2)}.champion-forge__banner-gem{width:8px;height:8px;background:linear-gradient(135deg,#fde68a,#d97706);transform:rotate(45deg);box-shadow:0 0 8px #fbbf2480}.champion-forge__title{margin:0;font-size:clamp(17px,2.5vw,22px);font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#fef3c7;text-shadow:0 1px 0 #92400e,0 2px 12px rgba(59,130,246,.55)}.champion-forge__board{display:flex;flex-direction:column;gap:12px}@media(min-width:769px){.champion-forge__board{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);grid-template-rows:auto 1fr;gap:16px;align-items:stretch}.champion-forge__panel--hero{grid-column:1;grid-row:1}.champion-forge__panel--powers{grid-column:1;grid-row:2}.champion-forge__panel--invest{grid-column:2;grid-row:1 / -1}.champion-forge__panel--invest.game-panel{min-height:100%}.champion-forge__panel--invest .game-panel__body{flex:1;display:flex;flex-direction:column}.champion-forge__invest-body{flex:1;display:flex;flex-direction:column;gap:14px}.champion-forge__invest-body .game-btn{margin-top:auto;max-width:none}}.game-panel{display:flex;flex-direction:column;border-radius:12px;background:linear-gradient(180deg,rgba(255,220,170,.04) 0%,transparent 25%),linear-gradient(180deg,#0f172af2,#0a0f1ef7);border:2px solid rgba(59,130,246,.35);box-shadow:0 0 0 1px #00000080,inset 0 1px #ffffff0d,0 8px 24px #00000059}.game-panel__header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:linear-gradient(180deg,#3b82f62e,#3b82f60f);border-bottom:1px solid rgba(59,130,246,.2)}.game-panel__icon{display:inline-flex;align-items:center;justify-content:center;line-height:1}.game-panel__title{margin:0;flex:1;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#bfdbfe}.game-panel__body{display:flex;flex-direction:column;gap:12px;padding:14px}.champion-forge__field{display:flex;flex-direction:column;gap:6px}.champion-forge__label{display:flex;justify-content:space-between;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#ffffff8c}.champion-forge__counter{font-weight:400;letter-spacing:0;text-transform:none;color:#ffffff52}.champion-forge__input,.champion-forge__textarea{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:8px;border:2px solid rgba(59,130,246,.3);background:#0a0f1ed9;color:#fff;font-family:inherit;font-size:14px;line-height:1.45;outline:none;transition:border-color .15s ease,box-shadow .15s ease;pointer-events:auto!important;-webkit-user-select:text!important;user-select:text!important}.champion-forge__input{height:40px}.champion-forge__textarea{resize:vertical;min-height:72px}.champion-forge__textarea--appearance{min-height:80px}.champion-forge__textarea--power{flex:1;min-width:0;min-height:72px;font-size:13px}.champion-forge__input:focus,.champion-forge__textarea:focus{border-color:#60a5fabf;box-shadow:0 0 0 2px #3b82f640}.champion-forge__input::placeholder,.champion-forge__textarea::placeholder{color:#ffffff47}.champion-forge__hint{font-size:11px;line-height:1.2}.champion-forge__hint--checking{color:#ffffff73}.champion-forge__hint--ok{color:#86efac}.champion-forge__hint--bad{color:#fca5a5}.champion-forge__badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:999px;background:#3b82f633;border:1px solid rgba(59,130,246,.35);color:#93c5fd}.champion-forge__powers-list{gap:10px}.champion-forge__power-row{display:flex;align-items:flex-start;gap:8px}.champion-forge__power-slot{flex-shrink:0;width:28px;height:28px;margin-top:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(145deg,#3b82f640,#1e3a8a59);border:1px solid rgba(96,165,250,.35);font-size:12px;font-weight:800;color:#dbeafe}.champion-forge__power-remove{flex-shrink:0;width:30px;height:30px;margin-top:8px;border-radius:8px;border:1px solid rgba(252,165,165,.25);background:#fca5a514;color:#fca5a5;font-size:18px;line-height:1;cursor:pointer;pointer-events:auto!important}.champion-forge__power-add{padding:10px;border-radius:8px;border:1px dashed rgba(59,130,246,.35);background:transparent;color:#60a5fad9;font-family:inherit;font-size:13px;cursor:pointer;pointer-events:auto!important}.champion-forge__power-add:hover:not(:disabled){background:#3b82f614;color:#60a5fa}.champion-forge__invest-body{gap:14px}.champion-forge__error{margin:0;padding:8px 12px;border-radius:8px;font-size:12px;line-height:1.35;color:#fca5a5;text-align:center;background:#fca5a514;border:1px solid rgba(252,165,165,.2)}.champion-forge__invest-body .game-btn{max-width:320px;margin:0 auto;pointer-events:auto!important}.wall-container{position:relative;box-sizing:border-box;background-color:#172b53;background-image:radial-gradient(circle at 50% 0%,rgba(59,130,246,.4) 0%,transparent 60%),radial-gradient(circle at 0% 100%,rgba(0,0,0,.4) 0%,transparent 50%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cpath d='M20 40 L50 45 L70 30 L110 35 L130 15 M70 30 L85 55 L75 75 L100 90 L95 120 M75 75 L45 80 L30 105 M100 90 L135 95 L150 80 L180 95 M135 95 L145 130 L170 145 M95 120 L110 155 L105 185 M110 155 L80 165 L65 190' stroke='%230a1222' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3Cpath d='M20 40 L50 45 L70 30 L110 35 L130 15 M70 30 L85 55 L75 75 L100 90 L95 120 M75 75 L45 80 L30 105 M100 90 L135 95 L150 80 L180 95 M135 95 L145 130 L170 145 M95 120 L110 155 L105 185 M110 155 L80 165 L65 190' stroke='%233b82f6' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' fill='none' opacity='0.55'/%3E%3C/svg%3E");background-size:100%,100%,150px 150px;background-repeat:no-repeat,no-repeat,repeat;border:3px solid #d97706;border-radius:16px;box-shadow:0 8px 24px #0009,0 3px #92400e,inset 0 1px #ffffff40,inset 0 -2px #fbbf24,inset 0 0 16px #00000080;backdrop-filter:blur(12px)}.wall-container__corner{position:absolute;width:14px;height:14px;background:radial-gradient(circle at 35% 35%,#fbbf24,#d97706 60%,#92400e);border:2px solid #78350f;box-shadow:0 1px 3px #0006,inset 0 1px #ffffff4d;z-index:5;border-radius:3px;pointer-events:none}.wall-container__corner:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;background:#fef08a;border-radius:50%;box-shadow:0 .5px 1px #00000080}.wall-container__corner--tl{top:-4px;left:-4px}.wall-container__corner--tr{top:-4px;right:-4px}.wall-container__corner--bl{bottom:-4px;left:-4px}.wall-container__corner--br{bottom:-4px;right:-4px}.create-champion-page{flex:1 1 auto;min-height:min-content;display:flex;flex-direction:column;position:relative;z-index:1;pointer-events:auto;animation:create-page-enter .4s ease-out}.create-champion-page__wall{flex:1 1 auto;display:flex;flex-direction:column;min-height:min-content;padding:14px 16px 16px;overflow:hidden;pointer-events:auto!important}@keyframes create-page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.create-champion-page__close{position:absolute;top:8px;left:8px;z-index:10;width:44px;height:44px;padding:0;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}.create-champion-page__close-ring{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:2px solid rgba(251,191,36,.35);background:#00000073;box-shadow:0 0 12px #fbbf2426,inset 0 1px #ffffff1a;color:#fef3c7;transition:transform .2s cubic-bezier(.34,1.4,.64,1),border-color .2s ease}.create-champion-page__close:hover .create-champion-page__close-ring{transform:scale(1.08);border-color:#fbbf24a6}.game-nav{position:absolute;bottom:0;left:0;right:0;z-index:20;width:100%;padding:0 10px 8px;box-sizing:border-box;pointer-events:none}.game-nav__track{--tab-count: 5;--active-index: 0;--nav-inset: 5px;pointer-events:auto;position:relative;max-width:520px;margin:0 auto;padding:var(--nav-inset);border-radius:16px;background-color:#172b53;background-image:radial-gradient(circle at 50% 0%,rgba(59,130,246,.4) 0%,transparent 60%),radial-gradient(circle at 0% 100%,rgba(0,0,0,.4) 0%,transparent 50%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cpath d='M20 40 L50 45 L70 30 L110 35 L130 15 M70 30 L85 55 L75 75 L100 90 L95 120 M75 75 L45 80 L30 105 M100 90 L135 95 L150 80 L180 95 M135 95 L145 130 L170 145 M95 120 L110 155 L105 185 M110 155 L80 165 L65 190' stroke='%230a1222' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3Cpath d='M20 40 L50 45 L70 30 L110 35 L130 15 M70 30 L85 55 L75 75 L100 90 L95 120 M75 75 L45 80 L30 105 M100 90 L135 95 L150 80 L180 95 M135 95 L145 130 L170 145 M95 120 L110 155 L105 185 M110 155 L80 165 L65 190' stroke='%233b82f6' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' fill='none' opacity='0.55'/%3E%3C/svg%3E");background-size:100%,100%,150px 150px;background-repeat:no-repeat,no-repeat,repeat;border:3px solid #d97706;box-shadow:0 8px 24px #0009,0 3px #92400e,inset 0 1px #ffffff40,inset 0 -2px #fbbf24,inset 0 0 16px #00000080;backdrop-filter:blur(12px)}.game-nav__corner{position:absolute;width:14px;height:14px;background:radial-gradient(circle at 35% 35%,#fbbf24,#d97706 60%,#92400e);border:2px solid #78350f;box-shadow:0 1px 3px #0006,inset 0 1px #ffffff4d;z-index:5;border-radius:3px}.game-nav__corner:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;background:#fef08a;border-radius:50%;box-shadow:0 .5px 1px #00000080}.game-nav__corner--tl{top:-4px;left:-4px}.game-nav__corner--tr{top:-4px;right:-4px}.game-nav__corner--bl{bottom:-4px;left:-4px}.game-nav__corner--br{bottom:-4px;right:-4px}.game-nav__glow{position:absolute;top:var(--nav-inset);bottom:var(--nav-inset);left:calc(var(--nav-inset) + var(--active-index) * (100% - (var(--nav-inset) * 2)) / var(--tab-count));width:calc((100% - (var(--nav-inset) * 2)) / var(--tab-count));border-radius:12px;background:linear-gradient(180deg,#c084fc47,#7c22c824 55%,#fbbf2414);border:1px solid rgba(251,191,36,.28);box-shadow:0 0 18px #aa3bff59,inset 0 1px #ffffff1a;transition:left .32s cubic-bezier(.34,1.2,.64,1);pointer-events:none;z-index:0}.game-nav__list{position:relative;z-index:1;display:grid;grid-template-columns:repeat(var(--tab-count),minmax(0,1fr));align-items:stretch;margin:0;padding:0;list-style:none}.game-nav__item{display:flex;justify-content:center;min-width:0}.game-nav__btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 2px 5px;border:none;border-radius:12px;background:transparent;color:#ffffffb3;font-family:inherit;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:color .2s ease,transform .2s ease;min-width:0;width:100%}.game-nav__btn:hover:not(.game-nav__btn--active){color:#fff}.game-nav__btn--active{color:#fef3c7}.game-nav__icon-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;transition:transform .25s cubic-bezier(.34,1.3,.64,1),filter .2s ease}.game-nav__btn--active .game-nav__icon-wrap{transform:scale(1.08);filter:drop-shadow(0 0 6px rgba(251,191,36,.55))}.game-nav__icon{display:block;transition:transform .25s cubic-bezier(.34,1.3,.64,1)}.game-nav__btn--active .game-nav__icon{animation:nav-icon-pop .35s cubic-bezier(.34,1.3,.64,1)}.game-nav__label{line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-shadow:0 1px 2px rgba(0,0,0,.45);transition:text-shadow .2s ease}.game-nav__btn--active .game-nav__label{text-shadow:0 0 10px rgba(251,191,36,.45),0 1px 2px rgba(0,0,0,.5)}@keyframes nav-icon-pop{0%{transform:scale(.88)}60%{transform:scale(1.1)}to{transform:scale(1)}}@media(min-width:769px){.game-nav{padding:0 20px 10px}.game-nav__track{--nav-inset: 5px;max-width:600px;border-radius:18px}.game-nav__glow{border-radius:13px}.game-nav__btn{font-size:10px;gap:3px;padding:7px 4px 6px}.game-nav__icon-wrap{width:34px;height:34px}}@media(max-width:380px){.game-nav__label{font-size:8px;letter-spacing:.03em}.game-nav__icon-wrap{width:28px;height:28px}.game-nav__btn{padding:5px 1px 4px}}.gift-path-panel{position:relative;display:flex;flex-direction:column;gap:12px;padding:16px 20px;border-radius:18px;box-sizing:border-box;width:100%;font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#3b4252;background-image:radial-gradient(circle at 50% 0%,rgba(249,115,22,.2) 0%,transparent 60%),radial-gradient(circle at 0% 100%,rgba(0,0,0,.45) 0%,transparent 50%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cpath d='M20 40 L50 45 L70 30 L110 35 L130 15 M70 30 L85 55 L75 75 L100 90 L95 120 M75 75 L45 80 L30 105 M100 90 L135 95 L150 80 L180 95 M135 95 L145 130 L170 145 M95 120 L110 155 L105 185 M110 155 L80 165 L65 190' stroke='%231e293b' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3Cpath d='M20 40 L50 45 L70 30 L110 35 L130 15 M70 30 L85 55 L75 75 L100 90 L95 120 M75 75 L45 80 L30 105 M100 90 L135 95 L150 80 L180 95 M135 95 L145 130 L170 145 M95 120 L110 155 L105 185 M110 155 L80 165 L65 190' stroke='%23475569' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' fill='none' opacity='0.4'/%3E%3C/svg%3E");background-size:100%,100%,150px 150px;background-repeat:no-repeat,no-repeat,repeat;border:3px solid #ea580c;box-shadow:0 8px 24px #0000008c,0 3px #9a3412,inset 0 1px #ffffff40,inset 0 -2px #f97316,inset 0 0 16px #0000008c}.gift-path-panel__corner{position:absolute;width:14px;height:14px;background:radial-gradient(circle at 35% 35%,#f97316,#ea580c 60%,#9a3412);border:2px solid #7c2d12;box-shadow:0 1px 3px #0006,inset 0 1px #ffffff4d;z-index:5;border-radius:3px}.gift-path-panel__corner:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;background:#ffedd5;border-radius:50%;box-shadow:0 .5px 1px #00000080}.gift-path-panel__corner--tl{top:-4px;left:-4px}.gift-path-panel__corner--tr{top:-4px;right:-4px}.gift-path-panel__corner--bl{bottom:-4px;left:-4px}.gift-path-panel__corner--br{bottom:-4px;right:-4px}.gift-path-panel__header{display:flex;flex-direction:column;gap:2px}.gift-path-panel__eyebrow{font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#ffedd5;text-shadow:0 1px 2px rgba(0,0,0,.8)}.gift-path-panel__title{font-size:14px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#ffedd5;text-shadow:0 2px 4px rgba(0,0,0,.9)}.gift-path-panel__inline-road{position:relative;display:flex;align-items:center;width:100%;padding:12px 0}.gift-path-panel__bar-container{flex:1;position:relative;display:flex;align-items:center;width:100%;padding:0 16px;box-sizing:border-box}.gift-path-panel__progress-bar{position:relative;height:28px;border-radius:8px;overflow:visible;background:#000c;border:2.5px solid #1e293b;box-shadow:inset 0 4px 8px #000000f2,0 2px 5px #00000080;display:flex;align-items:center;width:100%;box-sizing:border-box}.gift-path-panel__progress-fill{position:absolute;left:0;top:0;bottom:0;border-radius:5px;background:linear-gradient(90deg,#ea580c,#f97316 60%,#fbbf24);box-shadow:0 0 16px #f97316cc,inset 0 1px #ffffff59;transition:width .5s cubic-bezier(.34,1.4,.64,1)}.gift-path-panel__progress-glow{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.25) 50%,transparent 100%);transform:translate(-100%);animation:gift-progress-shine 3s ease-in-out infinite;pointer-events:none;z-index:1}.gift-path-panel__current-bubble{display:flex;align-items:center;justify-content:center;gap:6px;position:relative;z-index:2;width:100%;text-align:center;font-size:12px;font-weight:900;letter-spacing:.04em;color:#fff;text-shadow:0 0 3px #000,0 1px 3px rgba(0,0,0,.95)}.gift-path-panel__bubble-trophy{filter:drop-shadow(0 1.5px 2px rgba(0,0,0,.8));animation:bubble-trophy-wiggle 2s ease-in-out infinite}.gift-path-panel__bubble-text{display:inline-block;transform:translateY(.5px)}.gift-path-panel__badge-node{position:absolute;top:50%;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:3px;transition:transform .2s cubic-bezier(.34,1.4,.64,1)}.gift-path-panel__badge-node:hover{transform:translateY(-50%) scale(1.1)}.gift-path-panel__badge-node--start{left:0}.gift-path-panel__badge-node--end{right:0}.gift-path-panel__badge-icon-wrap{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;box-shadow:0 3px 6px #00000080,inset 0 1px #ffffff4d}.gift-path-panel__badge-node--start .gift-path-panel__badge-icon-wrap{background:radial-gradient(circle at 35% 35%,#94a3b8,#475569 80%,#1e293b);border:2px solid #cbd5e1}.gift-path-panel__badge-node--end .gift-path-panel__badge-icon-wrap{background:radial-gradient(circle at 35% 35%,#4c1d95,#1e1b4b 80%,#030712);border:2.5px solid #d97706;animation:ruby-badge-glow 2s ease-in-out infinite alternate}@keyframes ruby-badge-glow{0%{box-shadow:0 3px 6px #00000080,0 0 4px #d9770666}to{box-shadow:0 3px 8px #0009,0 0 12px #fbbf24d9}}.gift-path-panel__badge-val{font-size:11px;font-weight:900;color:#fff;background:#0f172ad9;border:1px solid rgba(255,255,255,.2);padding:1px 6px;border-radius:6px;box-shadow:0 2px 4px #00000080;line-height:1.1;text-shadow:0 1px 2px rgba(0,0,0,.8);font-variant-numeric:tabular-nums;white-space:nowrap}.gift-path-panel__badge-node--start .gift-path-panel__badge-val{color:#e2e8f0}.gift-path-panel__badge-node--end .gift-path-panel__badge-val{color:#fda4af}.gift-path-panel__claim-container{display:flex;justify-content:center;margin-top:6px;width:100%}.gift-path-panel__claim-btn{width:100%;max-width:240px;padding:9px 24px;font-size:12px;font-weight:900;letter-spacing:.08em;border-radius:999px;border:1.5px solid rgba(255,255,255,.35);background:linear-gradient(180deg,#f97316,#ea580c);box-shadow:0 4px #9a3412,0 8px 20px #ea580c73,inset 0 1px #ffffff4d;color:#fff;text-shadow:0 1.5px 2px rgba(0,0,0,.6);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.gift-path-panel__claim-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px #9a3412,0 10px 24px #ea580c99,inset 0 1px #fff6}.gift-path-panel__claim-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #9a3412,0 4px 12px #ea580c4d}.gift-path-panel__claim-btn:disabled{opacity:.7;cursor:wait}.gift-path-panel__complete{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 0 2px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#ffedd5;text-shadow:0 1px 2px rgba(0,0,0,.75)}.gift-path-panel--loading{padding:16px 20px!important}.gift-path-panel--loading .gift-path-panel__progress-bar{opacity:.6;height:28px;border-radius:8px;background:#0006;border:1.5px solid rgba(249,115,22,.15)}@keyframes bubble-trophy-wiggle{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(10deg) scale(1.15)}}@keyframes gift-progress-shine{0%,70%,to{transform:translate(-100%)}85%{transform:translate(100%)}}@media(min-width:769px){.gift-path-panel__badge-icon-wrap{width:32px;height:32px}.gift-path-panel__badge-val{font-size:12px}.gift-path-panel__progress-bar,.gift-path-panel--loading .gift-path-panel__progress-bar{height:34px}.gift-path-panel__current-bubble{font-size:13px}}.gift-path-panel__particles{position:absolute;inset:-12px -16px;pointer-events:none;z-index:8;overflow:visible}.gift-path-panel__particle{position:absolute;pointer-events:none;opacity:0}.gift-path-panel__particle--0{width:5px;height:5px;background:radial-gradient(circle,rgba(253,224,71,.8) 0%,transparent 80%);border-radius:50%;left:12%;top:60%;animation:particle-rise 3.2s infinite linear}.gift-path-panel__particle--1{width:4px;height:4px;background:radial-gradient(circle,rgba(251,191,36,.8) 0%,transparent 80%);border-radius:50%;left:28%;top:40%;animation:particle-rise 4s infinite linear .6s}.gift-path-panel__particle--2{width:6px;height:6px;background:radial-gradient(circle,rgba(244,63,94,.8) 0%,transparent 80%);border-radius:50%;left:45%;top:70%;animation:particle-rise 3.5s infinite linear 1.2s}.gift-path-panel__particle--3{width:3px;height:3px;background:radial-gradient(circle,rgba(253,224,71,.8) 0%,transparent 80%);border-radius:50%;left:62%;top:30%;animation:particle-rise 4.5s infinite linear .2s}.gift-path-panel__particle--4{width:5px;height:5px;background:radial-gradient(circle,rgba(251,191,36,.8) 0%,transparent 80%);border-radius:50%;left:78%;top:55%;animation:particle-rise 3.8s infinite linear 1.8s}.gift-path-panel__particle--5{width:7px;height:7px;background:radial-gradient(circle,rgba(244,63,94,.8) 0%,transparent 80%);border-radius:50%;left:88%;top:50%;animation:particle-rise 3.4s infinite linear .8s}.gift-path-panel__particle--6:before{content:"";display:block;width:8px;height:8px;background:#fef08a;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);box-shadow:0 0 6px #eab308}.gift-path-panel__particle--6{left:18%;top:15%;animation:particle-sparkle 2.6s infinite ease-in-out .4s}.gift-path-panel__particle--7:before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:#fda4af;box-shadow:0 0 6px #f43f5e}.gift-path-panel__particle--7{left:35%;top:80%;animation:particle-sparkle 3.4s infinite ease-in-out 1.5s}.gift-path-panel__particle--8:before{content:"";display:block;width:10px;height:10px;background:#fef08a;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);box-shadow:0 0 8px #fbbf24}.gift-path-panel__particle--8{left:52%;top:-5px;animation:particle-sparkle 2.9s infinite ease-in-out .9s}.gift-path-panel__particle--9:before{content:"";display:block;width:7px;height:7px;border-radius:50%;background:#fef08a;box-shadow:0 0 6px #fbbf24}.gift-path-panel__particle--9{left:68%;top:85%;animation:particle-sparkle 3.2s infinite ease-in-out 2.2s}.gift-path-panel__particle--10:before{content:"";display:block;width:6px;height:6px;background:#fda4af;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);box-shadow:0 0 5px #f43f5e}.gift-path-panel__particle--10{left:82%;top:20%;animation:particle-sparkle 2.4s infinite ease-in-out .1s}.gift-path-panel__particle--11:before{content:"";display:block;width:9px;height:9px;background:#fef08a;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);box-shadow:0 0 8px #eab308}.gift-path-panel__particle--11{left:92%;top:75%;animation:particle-sparkle 3.6s infinite ease-in-out 1.7s}@keyframes particle-rise{0%{transform:translateY(12px) scale(.3);opacity:0}20%{opacity:.8}80%{opacity:.6}to{transform:translateY(-24px) scale(1.2);opacity:0}}@keyframes particle-sparkle{0%,to{transform:scale(0) rotate(0);opacity:0}50%{opacity:1;transform:scale(1.2) rotate(180deg)}}.sold-popup{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10000;display:flex;justify-content:center;align-items:center;overflow:hidden;font-family:Outfit,Inter,sans-serif}.sold-popup__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#080412d9;backdrop-filter:blur(8px);z-index:1}.sold-popup__content{position:relative;z-index:10;background:linear-gradient(135deg,#2b1845,#150a25);border:4px solid #ffaa00;border-radius:24px;width:90%;max-width:400px;padding:30px;text-align:center;box-shadow:0 15px 35px #0009,0 0 30px #fa03;color:#fff;overflow:hidden}.sold-popup__glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(255,170,0,.08) 0%,transparent 60%);pointer-events:none;animation:pulseGlow 4s ease-in-out infinite;z-index:1}@keyframes pulseGlow{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:.9}}.sold-popup__ruby-wrapper{position:relative;z-index:2;display:inline-flex;flex-direction:column;align-items:center;margin-bottom:20px;filter:drop-shadow(0 8px 16px rgba(230,0,80,.4))}.sold-popup__price-tag{font-size:2rem;font-weight:900;color:#f36;text-shadow:0 2px 4px rgba(0,0,0,.6);margin-top:5px}.sold-popup__title{font-size:2.2rem;font-weight:900;margin:0 0 15px;color:#fa0;text-shadow:0 2px 4px rgba(0,0,0,.6),0 0 15px rgba(255,170,0,.4);font-style:italic;letter-spacing:1px}.sold-popup__message{font-size:1.15rem;line-height:1.6;color:#e0d0f5;margin:0 0 25px;z-index:2;position:relative}.sold-popup__champ-name{color:#0ff;font-weight:800}.sold-popup__footer{position:relative;z-index:2}.animate-pop{animation:popIn .5s cubic-bezier(.175,.885,.32,1.275) both}.animate-bounce{animation:floatRuby 2.5s ease-in-out infinite}@keyframes popIn{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@keyframes floatRuby{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.home-page{flex:1;min-height:0;height:100%;width:100%;display:flex;flex-direction:column;justify-content:flex-start;gap:clamp(10px,2vh,16px);padding:12px 16px;padding-bottom:calc(var(--game-nav-height, 88px) + 12px);overflow-y:auto;box-sizing:border-box}.home-page__hero-btn{position:relative;display:flex;align-items:center;gap:14px;width:100%;margin:0;border-radius:16px;cursor:pointer;font-family:inherit;overflow:hidden;transition:transform .2s cubic-bezier(.34,1.4,.64,1),border-color .2s ease,box-shadow .2s ease}.home-page__hero-shine{position:absolute;inset:0;background:linear-gradient(115deg,transparent 0%,transparent 40%,rgba(255,255,255,.12) 50%,transparent 60%,transparent 100%);transform:translate(-100%);transition:transform .6s ease;z-index:2;pointer-events:none}.home-page__hero-btn:hover .home-page__hero-shine{transform:translate(100%)}.home-page__hero-btn:hover{transform:translateY(-2px)}.home-page__hero-btn:active{transform:translateY(1px) scale(.995)}.home-page__hero-glow{position:absolute;inset:0;pointer-events:none;opacity:.7}.home-page__hero-icon-wrap{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px;border-radius:12px;border:1.5px solid rgba(255,255,255,.18);box-shadow:inset 0 1px #fff3,0 4px 12px #00000059;background:#0000004d}.home-page__hero-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:2px;min-width:0;flex:1;text-align:left}.home-page__hero-title{font-weight:900;letter-spacing:.04em;text-transform:uppercase;line-height:1.1;color:#fff}.home-page__hero-desc{font-size:11px;font-weight:500;line-height:1.3;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-page__hero-btn--quick-match{padding:16px 20px;border:3px solid #fbbf24;background:radial-gradient(circle at 85% 20%,rgba(249,115,22,.45) 0%,transparent 60%),linear-gradient(135deg,#ea580c,#c2410c,#9a3412);box-shadow:0 0 28px #f9731659,0 10px 24px #00000080,inset 0 1.5px #ffffff4d}.home-page__hero-btn--quick-match .home-page__hero-glow{background:radial-gradient(circle at 20% 50%,rgba(253,224,71,.3) 0%,transparent 60%)}.home-page__hero-btn--quick-match .home-page__hero-icon-wrap{border-color:#ffffff4d;box-shadow:inset 0 1px #fff6,0 0 16px #fbbf2473}.home-page__hero-btn--quick-match .home-page__hero-title{font-size:clamp(18px,3.8vh,22px);text-shadow:0 0 12px rgba(253,224,71,.6),0 1.5px 3px rgba(0,0,0,.8)}.home-page__hero-btn--quick-match .home-page__hero-desc{color:#ffedd5}.home-page__hero-btn--quick-match:hover{border-color:#fef08a;box-shadow:0 0 36px #f9731680,0 12px 28px #0009,inset 0 1.5px #fff6}.home-page__hero-badges{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.home-page__hero-badge{padding:4px 10px;border-radius:6px;background:linear-gradient(180deg,#fbbf24,#f59e0b);border:1px solid rgba(255,255,255,.3);color:#451a03;font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.06em;box-shadow:0 2px 6px #00000059;animation:hero-badge-pulse 2s ease-in-out infinite}.home-page__hero-cost-badge{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:8px;background:#000000a6;border:1.5px solid rgba(244,63,94,.6);color:#fff;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;box-shadow:0 0 12px #f43f5e73,inset 0 1px #ffffff26}.home-page__hero-cost-badge svg{filter:drop-shadow(0 0 4px rgba(244,63,94,.8))}.home-page__hero-mode-badge{display:inline-block;padding:2px 6px;font-size:10px;font-weight:900;border-radius:4px;text-transform:uppercase;margin-right:4px;line-height:1;vertical-align:middle}.home-page__hero-btn--quick-match .home-page__hero-mode-badge{background:#fbbf24;color:#78350f;border:1px solid rgba(255,255,255,.35);box-shadow:0 1px 4px #0003}.home-page__hero-btn--quests .home-page__hero-mode-badge{background:#60a5fa;color:#1e3a8a;border:1px solid rgba(255,255,255,.35);box-shadow:0 1px 4px #0003}@keyframes hero-badge-pulse{0%,to{transform:scale(1);box-shadow:0 2px 6px #00000059}50%{transform:scale(1.05);box-shadow:0 0 10px #fbbf2499}}.home-page__hero-btn--quests{padding:12px 18px;border:2px solid #3b82f6;background:radial-gradient(circle at 85% 75%,rgba(59,130,246,.25) 0%,transparent 60%),linear-gradient(135deg,#1d4ed8,#1e40af 60%,#172554);box-shadow:0 0 18px #2563eb33,0 6px 18px #00000073,inset 0 1px #ffffff26}.home-page__hero-btn--quests .home-page__hero-glow{background:radial-gradient(circle at 20% 50%,rgba(59,130,246,.25) 0%,transparent 60%)}.home-page__hero-btn--quests .home-page__hero-icon-wrap{border-color:#fff3;box-shadow:inset 0 1px #ffffff4d,0 0 12px #3b82f666}.home-page__hero-btn--quests .home-page__hero-title{font-size:clamp(14px,3.2vh,18px);text-shadow:0 0 10px rgba(59,130,246,.5),0 1.5px 3px rgba(0,0,0,.8)}.home-page__hero-btn--quests .home-page__hero-desc{color:#eff6ff}.home-page__hero-btn--quests:hover{border-color:#60a5fa;box-shadow:0 0 26px #2563eb59,0 8px 22px #00000080,inset 0 1px #ffffff40}.home-page__daily-wrap{width:100%;padding-top:4px;margin-bottom:clamp(16px,3.2vh,28px)}.home-page__daily-reward{position:relative;display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:none;margin:0;padding:14px 16px;border-radius:16px;background-color:#172b53;background-image:radial-gradient(circle at 50% 0%,rgba(59,130,246,.4) 0%,transparent 60%),radial-gradient(circle at 0% 100%,rgba(0,0,0,.4) 0%,transparent 50%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cpath d='M20 40 L50 45 L70 30 L110 35 L130 15 M70 30 L85 55 L75 75 L100 90 L95 120 M75 75 L45 80 L30 105 M100 90 L135 95 L150 80 L180 95 M135 95 L145 130 L170 145 M95 120 L110 155 L105 185 M110 155 L80 165 L65 190' stroke='%230a1222' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3Cpath d='M20 40 L50 45 L70 30 L110 35 L130 15 M70 30 L85 55 L75 75 L100 90 L95 120 M75 75 L45 80 L30 105 M100 90 L135 95 L150 80 L180 95 M135 95 L145 130 L170 145 M95 120 L110 155 L105 185 M110 155 L80 165 L65 190' stroke='%233b82f6' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' fill='none' opacity='0.55'/%3E%3C/svg%3E");background-size:100%,100%,150px 150px;background-repeat:no-repeat,no-repeat,repeat;border:3px solid #d97706;box-shadow:0 8px 24px #0009,0 3px #92400e,inset 0 1px #ffffff40,inset 0 -2px #fbbf24,inset 0 0 16px #00000080;cursor:pointer;font-family:inherit;overflow:hidden;transition:transform .2s cubic-bezier(.34,1.4,.64,1),border-color .2s ease,box-shadow .2s ease}.daily-reward__corner{position:absolute;width:14px;height:14px;background:radial-gradient(circle at 35% 35%,#fbbf24,#d97706 60%,#92400e);border:2px solid #78350f;box-shadow:0 1px 3px #0006,inset 0 1px #ffffff4d;z-index:5;border-radius:3px}.daily-reward__corner:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;background:#fef08a;border-radius:50%;box-shadow:0 .5px 1px #00000080}.daily-reward__corner--tl{top:-4px;left:-4px}.daily-reward__corner--tr{top:-4px;right:-4px}.daily-reward__corner--bl{bottom:-4px;left:-4px}.daily-reward__corner--br{bottom:-4px;right:-4px}.home-page__daily-reward:hover{transform:translateY(-2px) scale(1.005);box-shadow:0 10px 28px #000000b3,0 3px #92400e,inset 0 1px #ffffff4d,inset 0 -2px #fbbf24,inset 0 0 20px #3b82f64d}.home-page__daily-reward--claimable{animation:daily-claimable-pulse 2s ease-in-out infinite}.home-page__daily-reward--claimed{filter:grayscale(.2) contrast(.95);opacity:.9;border-color:#64748b;box-shadow:0 6px 18px #00000080,0 3px #475569,inset 0 1px #ffffff1a,inset 0 -2px #94a3b8,inset 0 0 16px #0009}.home-page__daily-reward--claimed .daily-reward__corner{background:radial-gradient(circle at 35% 35%,#94a3b8,#64748b 60%,#475569);border-color:#334155}.home-page__daily-reward--claimed .daily-reward__corner:after{background:#cbd5e1}.home-page__daily-reward--claimed .home-page__daily-cta{background:linear-gradient(180deg,#64748b,#475569,#334155);border-color:#ffffff1f;box-shadow:0 2.5px #1e293b,0 4px 10px #0000004d,inset 0 1px #ffffff1f;color:#fffc}.home-page__daily-reward--loading{pointer-events:none;opacity:.75}.home-page__daily-reward--claiming{pointer-events:none}.home-page__daily-amount{position:absolute;top:-6px;right:-8px;padding:2px 6px;border-radius:999px;font-size:9px;font-weight:950;color:#fff;background:linear-gradient(180deg,#f43f5e,#be123c);border:1px solid rgba(255,255,255,.4);box-shadow:0 2px 6px #00000073;z-index:10}@keyframes daily-claimable-pulse{0%,to{box-shadow:0 8px 24px #0009,0 3px #92400e,inset 0 1px #ffffff40,inset 0 -2px #fbbf24,inset 0 0 16px #fbbf2440}50%{box-shadow:0 10px 28px #fbbf2433,0 3px #d97706,inset 0 1px #ffffff59,inset 0 -2px #fef08a,inset 0 0 24px #fbbf2473}}.home-page__daily-reward:active{transform:translateY(1.5px) scale(.99)}.home-page__daily-glow{position:absolute;inset:-40%;background:radial-gradient(circle,rgba(59,130,246,.2) 0%,transparent 65%);animation:daily-glow-pulse 3s ease-in-out infinite;pointer-events:none}.home-page__daily-shine{position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.05) 48%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.05) 52%,transparent 70%);transform:translate(-120%);animation:daily-shine 4s ease-in-out infinite;pointer-events:none}.home-page__daily-badge{align-self:flex-start;margin-bottom:8px;z-index:2;padding:2.5px 9px;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#fffbeb;background:linear-gradient(180deg,#d97706,#92400e);border:1px solid #fbbf24;border-radius:4px}.home-page__daily-row-layout{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:14px;position:relative;z-index:2}.home-page__daily-chest-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:52px;height:52px;flex-shrink:0}.daily-chest{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.daily-chest--claimable{animation:chest-claimable-wiggle 2s ease-in-out infinite}@keyframes chest-claimable-wiggle{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.08) rotate(-5deg)}50%{transform:scale(1.08) rotate(5deg)}75%{transform:scale(1.08) rotate(-3deg)}}.daily-chest__lid-group{transition:transform .45s cubic-bezier(.175,.885,.32,1.275);transform-origin:32px 20px}.daily-chest--claiming .daily-chest__lid-group{transform:translateY(-6px) rotate(-35deg)}.daily-chest--claimed .daily-chest__lid-group{transform:translateY(-4px) rotate(-22deg)}.daily-chest__glow-inner{opacity:0;transition:opacity .3s ease}.daily-chest--claiming .daily-chest__glow-inner{opacity:1;animation:chest-inner-glow-pulse .8s ease-in-out infinite alternate}@keyframes chest-inner-glow-pulse{0%{opacity:.65}to{opacity:1}}.daily-chest--claimed{filter:grayscale(.4) contrast(.9);opacity:.8}.daily-reward__particles{position:absolute;top:12px;left:12px;width:28px;height:28px;pointer-events:none;z-index:12;overflow:visible}.daily-reward__particle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);opacity:0;color:#f43f5e;filter:drop-shadow(0 0 5px rgba(244,63,94,.85))}.daily-reward__particle--0{animation:ruby-fly-path-0 1.8s cubic-bezier(.25,1,.5,1) forwards 0s}.daily-reward__particle--1{animation:ruby-fly-path-1 1.9s cubic-bezier(.25,1,.5,1) forwards .08s}.daily-reward__particle--2{animation:ruby-fly-path-2 1.7s cubic-bezier(.25,1,.5,1) forwards .14s}.daily-reward__particle--3{animation:ruby-fly-path-3 1.8s cubic-bezier(.25,1,.5,1) forwards .2s}.daily-reward__particle--4{animation:ruby-fly-path-4 2s cubic-bezier(.25,1,.5,1) forwards .25s}.daily-reward__particle--5{animation:ruby-fly-path-5 1.7s cubic-bezier(.25,1,.5,1) forwards .32s}.daily-reward__particle--6{animation:ruby-fly-path-6 1.9s cubic-bezier(.25,1,.5,1) forwards .38s}.daily-reward__particle--7{animation:ruby-fly-path-7 1.8s cubic-bezier(.25,1,.5,1) forwards .44s}.daily-reward__particle--8{animation:ruby-fly-path-8 1.9s cubic-bezier(.25,1,.5,1) forwards .5s}.daily-reward__particle--9{animation:ruby-fly-path-9 2s cubic-bezier(.25,1,.5,1) forwards .56s}@keyframes ruby-fly-path-0{0%{transform:translate(-50%,-50%) scale(0) rotate(0);opacity:0}15%{opacity:1;transform:translate(-50%,-50%) scale(1.3) rotate(45deg)}to{transform:translate(-75px,-170px) scale(.65) rotate(360deg);opacity:0}}@keyframes ruby-fly-path-1{0%{transform:translate(-50%,-50%) scale(0) rotate(0);opacity:0}15%{opacity:1;transform:translate(-50%,-50%) scale(1.3) rotate(-30deg)}to{transform:translate(-35px,-190px) scale(.65) rotate(-270deg);opacity:0}}@keyframes ruby-fly-path-2{0%{transform:translate(-50%,-50%) scale(0) rotate(0);opacity:0}15%{opacity:1;transform:translate(-50%,-50%) scale(1.3) rotate(15deg)}to{transform:translate(15px,-210px) scale(.65) rotate(180deg);opacity:0}}@keyframes ruby-fly-path-3{0%{transform:translate(-50%,-50%) scale(0) rotate(0);opacity:0}15%{opacity:1;transform:translate(-50%,-50%) scale(1.3) rotate(-15deg)}to{transform:translate(55px,-180px) scale(.65) rotate(-180deg);opacity:0}}@keyframes ruby-fly-path-4{0%{transform:translate(-50%,-50%) scale(0) rotate(0);opacity:0}15%{opacity:1;transform:translate(-50%,-50%) scale(1.3) rotate(60deg)}to{transform:translate(85px,-160px) scale(.65) rotate(360deg);opacity:0}}@keyframes ruby-fly-path-5{0%{transform:translate(-50%,-50%) scale(0) rotate(0);opacity:0}15%{opacity:1;transform:translate(-50%,-50%) scale(1.3) rotate(-60deg)}to{transform:translate(-55px,-130px) scale(.65) rotate(-360deg);opacity:0}}@keyframes ruby-fly-path-6{0%{transform:translate(-50%,-50%) scale(0) rotate(0);opacity:0}15%{opacity:1;transform:translate(-50%,-50%) scale(1.3) rotate(90deg)}to{transform:translate(-15px,-150px) scale(.65) rotate(180deg);opacity:0}}@keyframes ruby-fly-path-7{0%{transform:translate(-50%,-50%) scale(0) rotate(0);opacity:0}15%{opacity:1;transform:translate(-50%,-50%) scale(1.3) rotate(-90deg)}to{transform:translate(35px,-140px) scale(.65) rotate(-180deg);opacity:0}}@keyframes ruby-fly-path-8{0%{transform:translate(-50%,-50%) scale(0) rotate(0);opacity:0}15%{opacity:1;transform:translate(-50%,-50%) scale(1.3) rotate(120deg)}to{transform:translate(-90px,-110px) scale(.65) rotate(270deg);opacity:0}}@keyframes ruby-fly-path-9{0%{transform:translate(-50%,-50%) scale(0) rotate(0);opacity:0}15%{opacity:1;transform:translate(-50%,-50%) scale(1.3) rotate(-120deg)}to{transform:translate(95px,-120px) scale(.65) rotate(-270deg);opacity:0}}.home-page__daily-copy{position:relative;z-index:1;display:flex;flex-direction:column;gap:2px;flex:1;text-align:left;min-width:0}.home-page__daily-title{font-size:14px;font-weight:900;letter-spacing:.02em;text-transform:uppercase;color:#fff;text-shadow:0 1.5px 3px rgba(0,0,0,.7);line-height:1.2}.home-page__daily-sub{font-size:11px;font-weight:500;color:#ffffffb3;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-page__daily-sub strong{color:#fcd34d;font-weight:800}.home-page__daily-cta{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;padding:7px 14px;border-radius:8px;font-size:10px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:linear-gradient(180deg,#fbbf24,#d97706,#92400e);border:1px solid rgba(255,255,255,.2);box-shadow:0 2.5px #78350f,0 4px 10px #0006;white-space:nowrap;min-width:68px;text-align:center}.home-page__daily-reward:hover .home-page__daily-cta{background:linear-gradient(180deg,#fef08a,#fbbf24,#d97706);box-shadow:0 3.5px #78350f,0 6px 14px #00000080,inset 0 1px #ffffff40}.home-page__daily-reward:active .home-page__daily-cta{transform:translateY(1.5px);box-shadow:0 1px #78350f,0 2px 6px #0000004d,inset 0 1px #ffffff26}@keyframes daily-glow-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes daily-shine{0%,65%,to{transform:translate(-120%)}80%{transform:translate(120%)}}@keyframes daily-ruby-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes daily-sparkle-spin{to{transform:rotate(360deg)}}@keyframes daily-sparkle-blink{0%,to{opacity:.4}50%{opacity:1}}@media(min-width:769px){.home-page{max-width:600px;margin:0 auto;padding:10px 16px 0}.home-page__actions-column{gap:16px;padding-bottom:24px}.home-page__hero-btn--quick-match{padding:20px 24px}.home-page__hero-btn--quests{padding:16px 20px}}@media(max-height:680px){.home-page,.home-page__actions-column{gap:8px}.home-page__hero-btn--quick-match{padding:12px 16px}.home-page__hero-btn--quests{padding:10px 14px}.home-page__hero-icon-wrap{width:38px;height:38px;border-radius:10px}.home-page__hero-btn--quests .home-page__hero-icon-wrap{width:32px;height:32px;border-radius:8px}.home-page__hero-btn--quick-match .home-page__hero-title{font-size:17px}.home-page__hero-btn--quests .home-page__hero-title{font-size:14px}.home-page__daily-reward{padding:8px 12px;border-radius:12px}.home-page__daily-ruby-wrap{width:34px;height:34px;border-radius:8px}.home-page__daily-title{font-size:11px}.home-page__daily-sub{font-size:9px}.home-page__daily-cta{padding:5px 10px;font-size:8px;min-width:56px}}.home-page__hero-btn--discord{padding:10px 16px;border:2px solid #a78bfa;background:radial-gradient(circle at 85% 75%,rgba(167,139,250,.35) 0%,transparent 60%),linear-gradient(135deg,#8b5cf6,#6d28d9 60%,#4c1d95);box-shadow:0 0 16px #8b5cf64d,0 4px 12px #00000073,inset 0 1px #fff3}.home-page__hero-btn--discord .home-page__hero-glow{background:radial-gradient(circle at 20% 50%,rgba(167,139,250,.3) 0%,transparent 60%)}.home-page__hero-btn--discord .home-page__hero-icon-wrap{width:36px;height:36px;border-radius:10px;border-color:#ffffff40;color:#a78bfa;box-shadow:inset 0 1px #ffffff4d,0 0 12px #a78bfa80}.home-page__hero-btn--discord .home-page__hero-title{font-size:clamp(13px,3vh,16px);text-shadow:0 0 10px rgba(167,139,250,.6),0 1.5px 3px rgba(0,0,0,.8)}.home-page__hero-btn--discord .home-page__hero-desc{color:#f5f3ff}.home-page__hero-btn--discord:hover{border-color:#c084fc;box-shadow:0 0 24px #8b5cf680,0 6px 16px #00000080,inset 0 1px #ffffff59}.home-page__hero-btn--discord .home-page__hero-badge--pulse{animation:hero-badge-pulse 2s ease-in-out infinite}.discord-dialog-content{display:flex;flex-direction:column;gap:16px;font-family:inherit;color:#fff;text-align:left}.discord-dialog-intro{font-size:14px;line-height:1.5;color:#e2e8f0;margin:0}.discord-dialog-intro strong{color:#fbbf24}.discord-dialog-steps{display:flex;flex-direction:column;gap:12px;background:#00000059;border:1.5px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;box-shadow:inset 0 2px 8px #00000080}.discord-dialog-step{display:flex;align-items:flex-start;gap:12px}.discord-dialog-step-num{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#5865f2;color:#fff;font-size:12px;font-weight:900;flex-shrink:0;box-shadow:0 2px 4px #0000004d}.discord-dialog-step-text{font-size:13px;line-height:1.4;color:#cbd5e1;flex:1}.discord-dialog-step-text strong{color:#fff}.discord-dialog-link{color:#60a5fa;text-decoration:none;font-weight:700;border-bottom:1.5px dashed rgba(96,165,250,.5);transition:color .2s ease,border-color .2s ease}.discord-dialog-link:hover{color:#93c5fd;border-bottom-color:#93c5fd}.discord-dialog-copy-box{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;padding:6px 12px;border-radius:8px;background:#00000080;border:1px solid rgba(255,255,255,.15)}.discord-dialog-username{font-family:Courier New,Courier,monospace;font-size:14px;font-weight:800;color:#38bdf8;letter-spacing:.05em;word-break:break-all}.discord-dialog-copy-btn{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:800;text-transform:uppercase;color:#fff;background:#334155;border:1px solid rgba(255,255,255,.15);cursor:pointer;transition:background-color .15s ease,transform .1s ease}.discord-dialog-copy-btn:hover{background:#475569}.discord-dialog-copy-btn:active{transform:scale(.95)}.discord-dialog-note{font-size:12px;line-height:1.4;color:#94a3b8;font-style:italic;margin:0;text-align:center}.discord-dialog-error{font-size:12px;color:#ef4444;font-weight:700;text-align:center;background:#ef44441a;border:1px solid rgba(239,68,68,.2);padding:8px;border-radius:6px;margin:0}.matchup-screen{position:fixed;inset:0;z-index:200;overflow:hidden;animation:matchup-screen-in .5s cubic-bezier(.22,1,.36,1)}.matchup-screen__content{position:relative;z-index:1;display:flex;flex-direction:column;height:100%;padding:10px 14px 20px;overflow-y:auto;box-sizing:border-box}.matchup-screen--scanning .matchup-screen__content{overflow:hidden;display:grid;grid-template-rows:auto 1fr;min-height:100%}.matchup-screen--scanning .matchup-screen__header{margin-bottom:0}.matchup-screen--duel .matchup-screen__content{overflow:hidden}.matchup-screen--game-transition .matchup-screen__content{opacity:0;transform:scale(.92);transition:opacity .4s ease,transform .6s ease}.matchup-screen__game-portal{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,#fbbf2433,#000000d9);animation:game-portal-in 1.4s ease forwards}.matchup-screen__game-portal-ring{width:120px;height:120px;border-radius:50%;border:3px solid rgba(251,191,36,.6);box-shadow:0 0 40px #fbbf2480,inset 0 0 30px #fbbf2433;animation:game-portal-ring 1.4s ease infinite}.matchup-screen__game-portal-text{margin-top:20px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:#fde68a;text-shadow:0 0 20px rgba(251,191,36,.6)}@keyframes game-portal-in{0%{opacity:0}20%{opacity:1}to{opacity:1}}@keyframes game-portal-ring{0%{transform:scale(.6) rotate(0);opacity:.5}50%{transform:scale(1.2) rotate(180deg);opacity:1}to{transform:scale(1.6) rotate(360deg);opacity:0}}@keyframes matchup-screen-in{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.matchup-screen__header{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;margin-bottom:12px;flex-shrink:0}.matchup-screen__back{width:44px;height:44px;padding:0;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}.matchup-screen__back-ring{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:2px solid rgba(251,191,36,.35);background:#00000073;box-shadow:0 0 12px #fbbf2426,inset 0 1px #ffffff1a;transition:transform .2s cubic-bezier(.34,1.4,.64,1),border-color .2s ease}.matchup-screen__back:hover .matchup-screen__back-ring{transform:scale(1.08);border-color:#fbbf24a6}.matchup-screen__header-spacer{width:44px}.matchup-screen__title{margin:0;text-align:center}.matchup-screen__title-text{display:block;font-size:1.05rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#fef3c7;text-shadow:0 0 20px rgba(251,191,36,.5),0 2px 6px rgba(0,0,0,.8)}.matchup-screen__title-underline{display:block;height:3px;width:60%;margin:6px auto 0;border-radius:2px;background:linear-gradient(90deg,transparent,#fbbf24 30%,#f97316 50%,#fbbf24 70%,transparent);background-size:200% 100%;animation:title-underline-sweep 2.5s ease-in-out infinite;box-shadow:0 0 10px #fbbf248c}@keyframes title-underline-sweep{0%{background-position:200% 0}to{background-position:-200% 0}}.matchup-scan{display:flex;align-items:center;justify-content:center;align-self:center;width:100%;min-height:0;padding:0 8px;animation:phase-in .5s cubic-bezier(.22,1,.36,1) both}.matchup-scan__center{display:flex;align-items:center;justify-content:center;gap:clamp(16px,5vw,28px);width:100%;max-width:380px}.matchup-scan__fighter{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;min-width:0}.matchup-scan__fighter--self{animation:scan-fighter-right .6s cubic-bezier(.22,1,.36,1) both}.matchup-scan__fighter--rival{animation:scan-fighter-left .6s cubic-bezier(.22,1,.36,1) both}.matchup-scan__avatar-wrap{position:relative;width:96px;height:96px;display:flex;align-items:center;justify-content:center;animation:scan-float 3.5s ease-in-out infinite}.matchup-scan__fighter--rival .matchup-scan__avatar-wrap{animation-delay:1.1s}.matchup-scan__ring{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(251,191,36,.5);animation:scan-ring-spin 10s linear infinite;pointer-events:none;box-shadow:0 0 18px #fbbf2433}.matchup-scan__fighter--rival .matchup-scan__ring{border-color:#c084fc73;animation-direction:reverse;animation-duration:12s}.matchup-scan__silhouette{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#1e1b3ce6,#080612f2);border:2px dashed rgba(251,191,36,.35);color:#fbbf2473;animation:scan-silhouette-pulse 1.8s ease-in-out infinite}.matchup-scan__label{font-size:.72rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:#fff;text-align:center;max-width:100px;word-break:break-word;line-height:1.25;text-shadow:0 0 12px rgba(251,191,36,.35),0 2px 4px rgba(0,0,0,.7)}.matchup-scan__label--muted{color:#ffffff59;text-shadow:none}.matchup-scan__trophies{display:flex;align-items:center;gap:5px;font-size:.82rem;font-weight:800;color:#fde68a;text-shadow:0 1px 3px rgba(0,0,0,.6)}.matchup-scan__fighter--rival .matchup-scan__trophies{color:#fcd34d}.matchup-scan__clash{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0;animation:scan-clash-in .5s cubic-bezier(.34,1.56,.64,1) .2s both}.matchup-scan__clash-glow{position:absolute;width:72px;height:72px;border-radius:50%;background:radial-gradient(circle,rgba(251,191,36,.4),transparent 70%);animation:scan-glow-pulse 2s ease-in-out infinite}.matchup-scan__vs{font-size:1rem;font-weight:900;letter-spacing:.15em;color:#fbbf24;text-shadow:0 0 16px rgba(251,191,36,.8)}.matchup-scan__scan{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:2px}.matchup-scan__scan-bar{display:block;width:44px;height:2px;background:linear-gradient(90deg,transparent,#fde047,transparent);animation:scan-bar-sweep 1.4s ease-in-out infinite}.matchup-scan__scan-text{font-size:.55rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#fde047cc}@keyframes scan-fighter-left{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes scan-fighter-right{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes scan-clash-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes scan-ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.matchup-scan__scan-text--found{color:#fef08a;font-size:.6rem;animation:found-pulse 1s ease-in-out infinite}@keyframes scan-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes found-pulse{0%,to{opacity:.75}50%{opacity:1}}@keyframes scan-silhouette-pulse{0%,to{border-color:#fbbf2440}50%{border-color:#fbbf248c}}@keyframes scan-glow-pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.15);opacity:1}}@keyframes scan-bar-sweep{0%,to{transform:scaleX(.4);opacity:.4}50%{transform:scaleX(1);opacity:1}}.matchup-screen__flash-impact{position:absolute;inset:0;background:radial-gradient(circle,#fff 10%,#fbbf24e6 60%,#06040c);z-index:1000;pointer-events:none;mix-blend-mode:color-dodge;animation:flash-impact-fade 1s cubic-bezier(.1,.8,.1,1) forwards}.matchup-screen__clash-vibration{position:absolute;inset:0;background:radial-gradient(circle,transparent 30%,rgba(239,68,68,.22) 100%);z-index:10;pointer-events:none;animation:clash-vibration-glow .15s ease-in-out infinite alternate}.matchup-screen--opponent-found .matchup-scan__ring{border-color:#fbbf24;box-shadow:0 0 24px #fbbf24f2,inset 0 0 16px #fbbf24bf;animation:opponent-ring-pulse .4s ease-in-out infinite alternate}.matchup-screen--clash .matchup-screen__content{animation:clash-vibe-shake .1s linear infinite}@keyframes flash-impact-fade{0%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1)}}@keyframes clash-vibration-glow{0%{opacity:.3}to{opacity:1}}@keyframes opponent-ring-pulse{0%{transform:scale(.96) rotate(0)}to{transform:scale(1.06) rotate(180deg)}}@keyframes clash-vibe-shake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-2px,1.5px) rotate(-.3deg)}50%{transform:translate(1.5px,-1.5px) rotate(.3deg)}75%{transform:translate(-1.5px,-1px) rotate(-.1deg)}}.matchup-screen--pick .matchup-screen__content{padding:0}.matchup-screen--pick .matchup-screen__header{position:absolute;top:14px;left:14px;right:14px;z-index:50;pointer-events:none}.matchup-screen--pick .matchup-screen__header *{pointer-events:auto}.matchup-pick__mobile-hud{display:none}.matchup-pick{display:flex;width:100%;height:100%;animation:phase-in .5s cubic-bezier(.22,1,.36,1) both}.matchup-pick__arena-half{flex:1;position:relative;overflow:hidden}.matchup-pick__arena-img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.05);transition:transform 8s ease}.matchup-pick__arena-img--placeholder{background:linear-gradient(135deg,#1e1b4b,#312e81)}.matchup-pick:hover .matchup-pick__arena-img{transform:scale(1.1)}.matchup-pick__arena-vignette{position:absolute;inset:0;background:linear-gradient(to right,transparent 50%,rgba(10,10,12,.9) 100%),linear-gradient(to top,rgba(10,10,12,.9) 0%,transparent 50%)}.matchup-pick__arena-info{position:absolute;bottom:40px;left:40px;right:20px;z-index:10}.matchup-pick__arena-eyebrow{display:inline-flex;align-items:center;gap:5px;font-size:.65rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:#fbbf24;margin-bottom:12px}.matchup-pick__arena-title{font-size:clamp(2rem,5vw,3rem);font-weight:950;line-height:1.1;color:#fff;margin:0 0 12px;text-shadow:0 0 20px rgba(251,191,36,.4),0 4px 10px rgba(0,0,0,.8);text-transform:uppercase}.matchup-pick__arena-desc{font-size:clamp(.85rem,2vw,1rem);font-weight:500;color:#ffffffd9;margin:0;max-width:90%;line-height:1.5;text-shadow:0 2px 4px rgba(0,0,0,.8)}.matchup-pick__machine-half{flex:1;max-width:450px;border-left:3.5px solid #d97706;box-shadow:-20px 0 50px #000000e6,inset 2px 0 #fbbf24;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:76px;background-color:#172b53;background-image:radial-gradient(circle at 50% 0%,rgba(59,130,246,.35) 0%,transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cpath d='M20 40 L50 45 L70 30 L110 35 L130 15 M70 30 L85 55 L75 75 L100 90 L95 120 M75 75 L45 80 L30 105 M100 90 L135 95 L150 80 L180 95 M135 95 L145 130 L170 145 M95 120 L110 155 L105 185 M110 155 L80 165 L65 190' stroke='%230a1222' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3Cpath d='M20 40 L50 45 L70 30 L110 35 L130 15 M70 30 L85 55 L75 75 L100 90 L95 120 M75 75 L45 80 L30 105 M100 90 L135 95 L150 80 L180 95 M135 95 L145 130 L170 145 M95 120 L110 155 L105 185 M110 155 L80 165 L65 190' stroke='%233b82f6' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' fill='none' opacity='0.55'/%3E%3C/svg%3E");background-size:100%,140px 140px;background-repeat:no-repeat,repeat}.matchup-pick__machine-half:before,.matchup-pick__machine-half:after{content:"";position:absolute;left:4px;width:8px;height:8px;background:radial-gradient(circle at 35% 35%,#fbbf24,#d97706 60%,#92400e);border:1px solid #78350f;border-radius:50%;box-shadow:0 1px 2px #0006;z-index:10}.matchup-pick__machine-half:before{top:12px}.matchup-pick__machine-half:after{bottom:12px}.matchup-pick__machine-overlay{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.2) 2px,rgba(0,0,0,.2) 4px),linear-gradient(90deg,rgba(251,191,36,.03) 1px,transparent 1px);background-size:100% 100%,40px 100%;pointer-events:none}.matchup-pick__machine-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;width:90%;height:100%;padding-bottom:24px}.matchup-pick__machine-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:20px;background:#00000080;padding:12px 20px;border-radius:8px;border:1px solid #333}.matchup-pick__machine-timer-wrap{display:flex;align-items:center;gap:8px}.matchup-pick__machine-timer{font-size:1.4rem;font-weight:900;color:#fbbf24;font-variant-numeric:tabular-nums}.matchup-pick__machine-timer--urgent{color:#ef4444;animation:timer-urgent-pulse .5s infinite alternate}.matchup-pick__machine-ready{padding:8px 16px;font-size:.95rem;font-weight:900;letter-spacing:.1em;color:#000;background:#fbbf24;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}.matchup-pick__machine-ready:hover:not(:disabled){background:#fcd34d;transform:scale(1.03)}.matchup-pick__machine-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;width:100%;overflow-y:auto;flex:1;min-height:0;max-height:none;padding:16px 12px;align-items:start;justify-items:center}.matchup-pick__machine-list::-webkit-scrollbar{width:4px}.matchup-pick__machine-list::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.matchup-pick__machine-list-item{width:100%;max-width:220px;height:auto;margin:0 auto;cursor:pointer;animation:slide-up .5s both cubic-bezier(.2,1,.3,1);transition:all .2s cubic-bezier(.25,.8,.25,1);border-radius:12px;position:relative;transform-origin:center bottom;zoom:.75}.matchup-pick__machine-list-item:hover{z-index:2}.matchup-pick__machine-list-item--selected{z-index:3}.matchup-pick__machine-list-item--disabled{cursor:not-allowed;opacity:.55;filter:grayscale(.35)}.matchup-pick__machine-list-item--disabled:hover{z-index:1}.matchup-pick__selector-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:10;border-radius:12px;animation:selector-pop .3s cubic-bezier(.175,.885,.32,1.275) both}.matchup-pick__machine-list-item .champion-card{margin:0;width:100%}.matchup-pick__machine-list-item .champion-card:hover .champion-card__outer,.matchup-pick__machine-list-item .champion-card--selected .champion-card__outer{transform:none;box-shadow:0 8px 24px #000c}@keyframes selector-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.matchup-pick__selector-icon{width:52px;height:52px;background:radial-gradient(circle,#22c55ef2,#15803d);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 20px #22c55e99,inset 0 0 10px #ffffff80;border:2px solid #fff;animation:selector-pulse 1.5s ease-in-out infinite alternate}@keyframes selector-pulse{0%{transform:scale(1);box-shadow:0 0 20px #22c55e99}to{transform:scale(1.1);box-shadow:0 0 30px #22c55ee6}}.matchup-pick__selector-particles{position:absolute;inset:0;overflow:hidden;border-radius:12px}.matchup-pick__sp-1,.matchup-pick__sp-2,.matchup-pick__sp-3{position:absolute;background:#22c55e;border-radius:50%;box-shadow:0 0 8px #22c55e;opacity:0}.matchup-pick__sp-1{width:6px;height:6px;left:50%;top:50%;animation:sp-fly-1 1s ease-out infinite}.matchup-pick__sp-2{width:4px;height:4px;left:50%;top:50%;animation:sp-fly-2 1.2s ease-out infinite .3s}.matchup-pick__sp-3{width:8px;height:8px;left:50%;top:50%;animation:sp-fly-3 1.5s ease-out infinite .6s}@keyframes sp-fly-1{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-80px,-100px) scale(0);opacity:0}}@keyframes sp-fly-2{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(100px,-60px) scale(0);opacity:0}}@keyframes sp-fly-3{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-40px,90px) scale(0);opacity:0}}.matchup-pick__machine-ready:disabled{background:#333;color:#666;cursor:not-allowed}.matchup-pick__machine-waiting{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:20px;color:#fbbf24;font-size:1.1rem;font-weight:800;letter-spacing:.1em}.matchup-pick__machine-waiting-icon{animation:waiting-pulse 2s infinite ease-in-out}@keyframes scan-line{0%{transform:translateY(-100%)}to{transform:translateY(50%)}}@keyframes waiting-pulse{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.matchup-screen--duel .matchup-screen__content{padding:0}.matchup-screen--duel .matchup-screen__header{position:absolute;top:14px;left:14px;right:14px;z-index:50;pointer-events:none}.matchup-screen--duel .matchup-screen__header *{pointer-events:auto}.matchup-duel-aaa{position:relative;width:100%;height:100%;display:flex;overflow:hidden;animation:duel-aaa-enter .8s cubic-bezier(.16,1,.3,1) both}.matchup-duel-aaa__half{flex:1;position:relative;overflow:hidden;display:flex;flex-direction:column}.matchup-duel-aaa__half--left{clip-path:polygon(0 0,100% 0,calc(100% - 60px) 100%,0 100%);z-index:2}.matchup-duel-aaa__half--right{margin-left:-60px;clip-path:polygon(60px 0,100% 0,100% 100%,0 100%);z-index:1}.matchup-duel-aaa__champ-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;z-index:0;filter:saturate(1.2) contrast(1.1);transform:scale(1.05);animation:champ-bg-pan 20s linear infinite alternate}.matchup-duel-aaa__champ-bg--fallback{background:linear-gradient(135deg,#1e1b4b,#312e81)}.matchup-duel-aaa__champ-bg--flip{transform:scaleX(-1) scale(1.05);animation:champ-bg-pan-flip 20s linear infinite alternate}@keyframes champ-bg-pan{0%{transform:scale(1.05) translate(0)}to{transform:scale(1.1) translate(-2%,2%)}}@keyframes champ-bg-pan-flip{0%{transform:scaleX(-1) scale(1.05) translate(0)}to{transform:scaleX(-1) scale(1.1) translate(2%,2%)}}.matchup-duel-aaa__overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.8) 0%,transparent 25%,transparent 60%,rgba(0,0,0,.95) 100%),radial-gradient(circle at center,transparent 30%,rgba(0,0,0,.6) 100%);z-index:1}.matchup-duel-aaa__overlay--rival{background:linear-gradient(to bottom,rgba(40,0,0,.8) 0%,transparent 25%,transparent 60%,rgba(40,0,0,.95) 100%),radial-gradient(circle at center,transparent 30%,rgba(40,0,0,.6) 100%)}.matchup-duel-aaa__particles{position:absolute;inset:0;z-index:2;pointer-events:none}.matchup-duel-aaa__particle{position:absolute;border-radius:50%;opacity:0}.matchup-duel-aaa__particle--1,.matchup-duel-aaa__particle--2,.matchup-duel-aaa__particle--3{background:#fbbf24;box-shadow:0 0 10px #fbbf24}.matchup-duel-aaa__particle--4,.matchup-duel-aaa__particle--5,.matchup-duel-aaa__particle--6{background:#ef4444;box-shadow:0 0 10px #ef4444}.matchup-duel-aaa__particle--1{width:6px;height:6px;left:20%;bottom:10%;animation:float-up 4s infinite .2s}.matchup-duel-aaa__particle--2{width:4px;height:4px;left:40%;bottom:20%;animation:float-up 3s infinite 1.5s}.matchup-duel-aaa__particle--3{width:8px;height:8px;left:70%;bottom:15%;animation:float-up 5s infinite .8s}.matchup-duel-aaa__particle--4{width:5px;height:5px;left:30%;bottom:12%;animation:float-up 3.5s infinite .5s}.matchup-duel-aaa__particle--5{width:7px;height:7px;left:60%;bottom:25%;animation:float-up 4.5s infinite 2s}.matchup-duel-aaa__particle--6{width:4px;height:4px;left:80%;bottom:5%;animation:float-up 3.2s infinite 1.1s}@keyframes float-up{0%{transform:translateY(0);opacity:0}50%{opacity:.8}to{transform:translateY(-200px);opacity:0}}.matchup-duel-aaa__content{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:flex-start;height:100%;padding:80px 40px 120px;gap:24px;overflow-y:auto}.matchup-duel-aaa__half--left .matchup-duel-aaa__content{padding-left:40px;padding-right:40px;align-items:center}.matchup-duel-aaa__half--right .matchup-duel-aaa__content{padding-right:40px;padding-left:40px;align-items:center}.matchup-duel-aaa__player-info{display:flex;align-items:center;gap:16px;background:#0f172aa6;border:1.5px solid rgba(255,255,255,.1);padding:12px 24px;border-radius:16px;backdrop-filter:blur(12px);box-shadow:0 10px 24px #0009;animation:slide-in-top .6s cubic-bezier(.16,1,.3,1) .3s both}.matchup-duel-aaa__half--left .matchup-duel-aaa__player-info{border-color:#ef444440;box-shadow:0 10px 24px #0009,0 0 15px #ef44441a}.matchup-duel-aaa__half--right .matchup-duel-aaa__player-info{border-color:#3b82f640;box-shadow:0 10px 24px #0009,0 0 15px #3b82f61a}.matchup-duel-aaa__player-info--right{justify-content:flex-end;animation:slide-in-top .6s cubic-bezier(.16,1,.3,1) .4s both}.matchup-duel-aaa__player-details{display:flex;flex-direction:column;align-items:flex-start}.matchup-duel-aaa__player-details--right{align-items:flex-end}.matchup-duel-aaa__player-name{font-size:1.3rem;font-weight:800;text-transform:uppercase;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.8);letter-spacing:.05em;font-family:Outfit,Inter,system-ui,sans-serif;line-height:1.2}.matchup-duel-aaa__player-trophies{display:inline-flex;align-items:center;gap:6px;margin-top:4px;padding:4px 10px;border-radius:10px;background:linear-gradient(135deg,#fbbf241f,#d9770633);border:1px solid rgba(251,191,36,.35);color:#fbbf24;font-weight:800;font-size:.9rem;letter-spacing:.04em;box-shadow:0 3px 8px #0000004d;text-shadow:0 1px 2px rgba(0,0,0,.8)}.matchup-duel-aaa__player-trophies svg{color:#fbbf24;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.matchup-duel-aaa__side-panel{position:absolute;top:60px;bottom:12px;width:22vw;min-width:140px;z-index:10;display:flex;flex-direction:column;animation:slide-in-bottom .6s cubic-bezier(.16,1,.3,1) .5s both}.matchup-duel-aaa__side-panel--left{left:8px}.matchup-duel-aaa__side-panel--right{right:8px}.matchup-duel-aaa__side-panel .game-panel{height:100%;width:100%;pointer-events:auto}.matchup-duel-aaa__center{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);z-index:10}.matchup-duel-aaa__vs-badge{position:relative;width:160px;height:160px;display:flex;align-items:center;justify-content:center;background:none;animation:vs-pop .8s cubic-bezier(.175,.885,.32,1.275) .4s both}.matchup-duel-aaa__vs-text-wrapper{z-index:2;display:inline-flex;overflow:visible;padding:10px}.matchup-duel-aaa__vs-text{font-size:5rem;font-weight:950;font-style:italic;color:#fff;text-transform:uppercase;letter-spacing:.02em;background:linear-gradient(to bottom,#fff 20%,#fca5a5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding:15px 30px;display:block;line-height:1.1}.matchup-duel-aaa__vs-glow{display:none}.matchup-duel-aaa__loading{position:absolute;bottom:40px;left:50%;transform:translate(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:600px;animation:fade-in-up .6s ease-out .8s both}.matchup-duel-aaa__loading-text{font-size:1.2rem;font-weight:900;color:#fff;letter-spacing:.15em;text-shadow:0 2px 10px rgba(0,0,0,.9)}.matchup-duel-aaa__loading-timer{color:#fbbf24}.matchup-duel-aaa__loading-bar-bg{width:100%;height:8px;background:#0009;border:1px solid rgba(255,255,255,.2);border-radius:4px;overflow:hidden;box-shadow:inset 0 2px 5px #000c}.matchup-duel-aaa__loading-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#ef4444);box-shadow:0 0 10px #ef4444;transition:width .25s linear}@keyframes duel-aaa-enter{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-top{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-bottom{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes vs-pop{0%{opacity:0;transform:scale(.2) rotate(-20deg)}60%{transform:scale(1.2) rotate(10deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes vs-glow-pulse{0%{transform:scale(.9);opacity:.6}to{transform:scale(1.1);opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:900px){.matchup-duel-aaa{flex-direction:column}.matchup-duel-aaa__half--left{clip-path:polygon(0 0,100% 0,100% calc(100% - 30px),0 100%)}.matchup-duel-aaa__half--right{margin-left:0;margin-top:-30px;clip-path:polygon(0 30px,100% 0,100% 100%,0 100%)}.matchup-duel-aaa__content{padding:20px!important;justify-content:flex-start!important}.matchup-duel-aaa__half--left .matchup-duel-aaa__content{padding-top:60px!important;padding-left:20px!important}.matchup-duel-aaa__half--right .matchup-duel-aaa__content{padding-bottom:80px!important;padding-right:20px!important}.matchup-duel-aaa__side-panel{position:relative;top:0;bottom:0;left:0!important;right:0!important;width:100%!important;max-width:440px!important;height:480px!important;margin:16px auto}.matchup-pick{position:relative;width:100%;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden}.matchup-screen .matchup-pick{height:calc(100% - 60px);margin-top:60px}.journey-flow--pick-aaa.matchup-pick{height:100%;margin-top:0}.matchup-pick__arena-half{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:1!important;display:block!important}.matchup-pick__arena-img{width:100%!important;height:100%!important;object-fit:cover!important;transform:none!important}.matchup-pick__arena-info{position:absolute!important;inset:75px 20px auto!important;z-index:2!important;pointer-events:none}.matchup-pick__arena-desc{max-width:100%!important;background:#0006;padding:6px 10px;border-radius:6px;display:inline-block}.matchup-pick__machine-half{position:absolute!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;height:auto!important;max-width:none!important;z-index:5!important;background:#0a0a0fe0!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border-top:3px solid #d97706!important;border-left:none!important;box-shadow:0 -8px 24px #000c!important;padding-top:8px!important;padding-bottom:clamp(12px,3vh,20px)!important;box-sizing:border-box}.matchup-pick__machine-content{width:100%!important;padding-bottom:0!important}.matchup-pick__machine-header{margin-bottom:6px!important;padding:4px 16px!important;border-radius:0!important;border:none!important;background:none!important;display:flex;justify-content:flex-end}.matchup-pick__machine-timer-wrap{display:none!important}.matchup-pick__machine-ready{padding:6px 16px!important;font-size:.85rem!important}.matchup-pick__machine-list{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;gap:12px!important;padding:4px 16px 8px!important;justify-content:flex-start!important;width:100%!important;height:auto!important;max-height:none!important;box-sizing:border-box;scrollbar-width:none!important}.matchup-pick__machine-list::-webkit-scrollbar{display:none!important}.matchup-pick__machine-list-item{flex:0 0 135px!important;width:135px!important;min-width:135px!important;height:auto!important;margin:0!important;transform-origin:center center!important;zoom:1!important}.matchup-pick__selector-icon{width:32px!important;height:32px!important;border-width:1.5px!important}.matchup-pick__selector-icon svg{width:18px!important;height:18px!important}.matchup-pick__mobile-hud{display:flex;justify-content:space-between;align-items:center;gap:8px;width:calc(100% - 16px);margin:8px auto 0;background:#0a0a0fcc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid #8b5a2b;border-radius:12px;padding:6px 12px;box-sizing:border-box;box-shadow:0 4px 20px #00000080,inset 0 0 12px #fbbf2414;flex-shrink:0;z-index:10;position:relative}.matchup-pick__mobile-hud-btn{display:flex;align-items:center;gap:8px;background:none;border:none;padding:0;color:inherit;cursor:pointer;text-align:left;flex:1;min-width:0;transition:transform .2s ease}.matchup-pick__mobile-hud-btn:active{transform:scale(.97)}.matchup-pick__mobile-hud-btn--champion{justify-content:flex-end}.matchup-pick__mobile-hud-avatar-wrapper{width:36px;height:36px;border-radius:8px;border:2px solid #d97706;overflow:hidden;background:#00000080;position:relative;flex-shrink:0;box-shadow:0 2px 6px #0006;transition:border-color .2s ease,box-shadow .2s ease}.matchup-pick__mobile-hud-btn:hover .matchup-pick__mobile-hud-avatar-wrapper{border-color:#fbbf24;box-shadow:0 0 8px #fbbf2480}.matchup-pick__mobile-hud-avatar{width:100%;height:100%;object-fit:cover}.matchup-pick__mobile-hud-avatar--placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fbbf24}.matchup-pick__mobile-hud-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.matchup-pick__mobile-hud-label{font-family:Cinzel,serif;font-size:8px;font-weight:800;color:#fcd34d;letter-spacing:.1em;text-shadow:1px 1px 0px rgba(0,0,0,.6)}.matchup-pick__mobile-hud-name{font-family:Outfit,Inter,system-ui,sans-serif;font-size:.8rem;font-weight:800;color:#fde68a;text-shadow:0 1px 2px rgba(0,0,0,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.matchup-pick__mobile-hud-center{display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:40px}.matchup-pick__mobile-hud-timer{font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:900;color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.5)}.matchup-pick__mobile-hud-timer--urgent{color:#ef4444;animation:timer-urgent-pulse .5s infinite alternate}.matchup-pick__mobile-hud-btn-placeholder{font-family:Outfit,sans-serif;font-size:.75rem;font-weight:800;color:#ffffff40;flex:1;text-align:right}.matchup-pick__machine-list-item .champion-card__art-name{font-size:clamp(8px,6.5cqw,24px)!important}.matchup-pick__machine-list-item .champion-card__abilities-text{font-size:clamp(7px,4.4cqw,17px)!important}.matchup-pick__machine-list-item .champion-card__sale-badge,.matchup-pick__machine-list-item .champion-card__price-badge{font-size:clamp(5px,3.2cqw,11px)!important}.matchup-pick__machine-list-item .champion-card__tier-badge{min-width:clamp(20px,14cqw,64px)!important;padding:.75cqw .85cqw .8cqw!important}.matchup-pick__machine-list-item .champion-card__tier-badge-letter{font-size:clamp(10px,7.5cqw,32px)!important}.matchup-pick__machine-list-item .champion-card__tier-stat-value{font-size:clamp(5px,4.2cqw,15px)!important}.matchup-pick__machine-list-item .champion-card__tier-stat-label{font-size:clamp(4px,3.2cqw,12px)!important}}.matchup-screen__result{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px 16px;animation:result-drop .6s cubic-bezier(.22,1,.36,1) both}@keyframes result-drop{0%{opacity:0;transform:translateY(-20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.matchup-screen__result-icon{width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:result-icon-pop .5s cubic-bezier(.34,1.56,.64,1) .2s both}.matchup-screen__result-icon--win{background:radial-gradient(circle,#22c55e4d,#15803d26);border:2px solid rgba(74,222,128,.5);box-shadow:0 0 30px #22c55e59}.matchup-screen__result-icon--loss{background:radial-gradient(circle,#ef444440,#7f1d1d26);border:2px solid rgba(248,113,113,.4);box-shadow:0 0 30px #ef444440}@keyframes result-icon-pop{0%{transform:scale(0)}to{transform:scale(1)}}.matchup-screen__result-text{margin:0;text-align:center}.matchup-screen__result-highlight{font-size:1.05rem;font-weight:900;letter-spacing:.04em;position:relative;display:inline-block}.matchup-screen__result-text--win .matchup-screen__result-highlight{color:#4ade80;text-shadow:0 0 16px rgba(74,222,128,.4)}.matchup-screen__result-text--loss .matchup-screen__result-highlight{color:#f87171}.matchup-screen__result-highlight:after{content:"";position:absolute;bottom:-5px;left:10%;right:10%;height:2px;background:currentColor;opacity:.5;animation:title-underline-sweep 2s ease-in-out infinite}.matchup-screen__error{margin:8px 0 0;padding:10px 14px;border-radius:10px;background:#7f1d1d73;border:1px solid rgba(248,113,113,.35);color:#fca5a5;font-size:.82rem;font-weight:600;text-align:center}.match-bg{position:fixed;inset:0;z-index:0;overflow:hidden;background:#06040c}.match-bg__sky{position:absolute;inset:0;background:radial-gradient(ellipse 90% 55% at 50% -5%,rgba(88,28,135,.55) 0%,transparent 55%),radial-gradient(ellipse 70% 45% at 15% 20%,rgba(30,58,138,.4) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 85% 15%,rgba(127,29,29,.35) 0%,transparent 48%),linear-gradient(180deg,#08051a,#120818 30%,#1a0810,#280a08)}.match-bg__storm{position:absolute;inset:0;background:repeating-linear-gradient(-18deg,transparent,transparent 80px,rgba(147,197,253,.015) 80px,rgba(147,197,253,.015) 81px);animation:match-bg-storm-drift 18s linear infinite}.match-bg__fire-core{position:absolute;bottom:-15%;left:50%;width:160%;height:65%;transform:translate(-50%);background:radial-gradient(ellipse at center bottom,rgba(251,146,60,.55) 0%,rgba(239,68,68,.35) 25%,rgba(185,28,28,.15) 50%,transparent 72%);animation:match-bg-fire-core 3s ease-in-out infinite}.match-bg__fire-left,.match-bg__fire-right{position:absolute;bottom:-5%;width:55%;height:50%;filter:blur(2px);animation:match-bg-fire-flicker 2.4s ease-in-out infinite alternate}.match-bg__fire-left{left:-10%;background:radial-gradient(ellipse at 30% 100%,rgba(249,115,22,.45) 0%,transparent 65%)}.match-bg__fire-right{right:-10%;background:radial-gradient(ellipse at 70% 100%,rgba(239,68,68,.4) 0%,transparent 65%);animation-delay:1.2s}.match-bg__ground-blaze{position:absolute;bottom:0;left:0;right:0;height:35%;background:linear-gradient(0deg,rgba(255,80,20,.25) 0%,rgba(255,120,40,.08) 40%,transparent 100%)}.match-bg__bolt{position:absolute;opacity:0;pointer-events:none}.match-bg__bolt--1{inset:0;background:radial-gradient(ellipse 45% 35% at 20% 18%,rgba(191,219,254,.35) 0%,transparent 58%);animation:match-bg-lightning 7s ease-in-out infinite}.match-bg__bolt--2{inset:0;background:radial-gradient(ellipse 40% 30% at 78% 12%,rgba(196,181,253,.3) 0%,transparent 55%);animation:match-bg-lightning 11s ease-in-out infinite 3s}.match-bg__bolt--3{inset:0;background:radial-gradient(ellipse 50% 40% at 50% 8%,rgba(254,240,138,.2) 0%,transparent 50%);animation:match-bg-lightning 14s ease-in-out infinite 6.5s}.match-bg__flash{position:absolute;inset:0;background:#fff0;animation:match-bg-flash 11s ease-in-out infinite 3s;pointer-events:none}.match-bg__particles{position:absolute;inset:0;overflow:hidden}.match-bg__rune{position:absolute;bottom:-30px;color:#c084fca6;font-family:serif;font-weight:700;pointer-events:none;text-shadow:0 0 10px rgba(168,85,247,.85),0 0 20px rgba(168,85,247,.45);animation:match-bg-rune-rise linear infinite}.match-bg__ember{position:absolute;bottom:-10px;border-radius:50%;background:radial-gradient(circle,#fef08a,#f97316 45%,#dc2626);box-shadow:0 0 8px #fb923cbf;animation:match-bg-ember-rise linear infinite}.match-bg__spark{position:absolute;bottom:8%;border-radius:50%;background:#fde047;box-shadow:0 0 6px #fef08ae6;animation:match-bg-spark-rise linear infinite}.match-bg__scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.04) 3px,rgba(0,0,0,.04) 4px);pointer-events:none;opacity:.5}.match-bg__vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center 40%,transparent 25%,rgba(0,0,0,.55) 100%);pointer-events:none}@keyframes match-bg-storm-drift{0%{transform:translate(-3%)}to{transform:translate(3%)}}@keyframes match-bg-fire-core{0%,to{opacity:.85;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.08)}}@keyframes match-bg-fire-flicker{0%{opacity:.7;transform:scaleY(1)}to{opacity:1;transform:scaleY(1.06)}}@keyframes match-bg-lightning{0%,88%,to{opacity:0}89%{opacity:1}90%{opacity:.15}91%{opacity:.85}92%{opacity:.1}93%{opacity:.6}94%{opacity:0}}@keyframes match-bg-flash{0%,88%,to{background:#fff0}89%{background:#c8dcff14}90%{background:#fff0}91%{background:#ffffff0f}92%{background:#fff0}}@keyframes match-bg-ember-rise{0%{transform:translateY(0) translate(0) scale(1);opacity:0}8%{opacity:1}85%{opacity:.7}to{transform:translateY(-105vh) translate(30px) scale(.2);opacity:0}}@keyframes match-bg-spark-rise{0%{transform:translateY(0) scale(1);opacity:0}12%{opacity:1}to{transform:translateY(-70vh) scale(0);opacity:0}}@keyframes match-bg-rune-rise{0%{transform:translateY(0) rotate(0) scale(.7);opacity:0}10%{opacity:1}90%{opacity:.8}to{transform:translateY(-110vh) rotate(360deg) scale(1.1);opacity:0}}.game-screen{position:fixed;inset:0;z-index:210;overflow:hidden;animation:game-screen-enter .9s cubic-bezier(.22,1,.36,1)}@keyframes game-screen-enter{0%{opacity:0;transform:scale(1.15) rotate(2deg);filter:brightness(2)}40%{opacity:1;filter:brightness(1.3)}to{opacity:1;transform:scale(1) rotate(0);filter:brightness(1)}}.game-screen__arena-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.35;z-index:0}.game-screen__vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 20%,rgba(0,0,0,.75) 100%);z-index:0;pointer-events:none}.game-screen__header{position:relative;z-index:2;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;padding:10px 14px}.game-screen__back{width:40px;height:40px;border-radius:50%;border:2px solid rgba(251,191,36,.35);background:#00000080;color:#fef3c7;cursor:pointer}.game-screen__round-badge{text-align:center;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#fde68a;text-shadow:0 0 16px rgba(251,191,36,.5)}.game-screen__header-spacer{width:44px}.game-screen__mobile-hud{display:none}.game-screen__layout{position:relative;z-index:1;display:flex;flex-direction:row;align-items:stretch;gap:12px;height:calc(100% - 60px);padding:0 12px 12px;box-sizing:border-box}.game-screen__side-menu{position:relative;width:240px;flex-shrink:0;z-index:5;display:flex;flex-direction:column;min-height:0;overflow:hidden;pointer-events:auto;border-radius:16px}.game-screen__side-menu--left{background-color:#58141c;background-image:radial-gradient(circle at 50% 0%,rgba(239,68,68,.35) 0%,transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cpath d='M20 40 L50 45 L70 30 L110 35 L130 15 M70 30 L85 55 L75 75 L100 90 L95 120 M75 75 L45 80 L30 105 M100 90 L135 95 L150 80 L180 95 M135 95 L145 130 L170 145 M95 120 L110 155 L105 185 M110 155 L80 165 L65 190' stroke='%230e0204' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3Cpath d='M20 40 L50 45 L70 30 L110 35 L130 15 M70 30 L85 55 L75 75 L100 90 L95 120 M75 75 L45 80 L30 105 M100 90 L135 95 L150 80 L180 95 M135 95 L145 130 L170 145 M95 120 L110 155 L105 185 M110 155 L80 165 L65 190' stroke='%23ef4444' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' fill='none' opacity='0.55'/%3E%3C/svg%3E");background-size:100%,140px 140px;background-repeat:no-repeat,repeat;border:3px solid #d97706;box-shadow:0 8px 24px #000000a6,0 2.5px #92400e,inset 0 1px #ffffff40,inset 0 -2px #fbbf24}.game-screen__side-menu--right{background-color:#172b53;background-image:radial-gradient(circle at 50% 0%,rgba(59,130,246,.35) 0%,transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cpath d='M20 40 L50 45 L70 30 L110 35 L130 15 M70 30 L85 55 L75 75 L100 90 L95 120 M75 75 L45 80 L30 105 M100 90 L135 95 L150 80 L180 95 M135 95 L145 130 L170 145 M95 120 L110 155 L105 185 M110 155 L80 165 L65 190' stroke='%230a1222' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3Cpath d='M20 40 L50 45 L70 30 L110 35 L130 15 M70 30 L85 55 L75 75 L100 90 L95 120 M75 75 L45 80 L30 105 M100 90 L135 95 L150 80 L180 95 M135 95 L145 130 L170 145 M95 120 L110 155 L105 185 M110 155 L80 165 L65 190' stroke='%233b82f6' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' fill='none' opacity='0.55'/%3E%3C/svg%3E");background-size:100%,140px 140px;background-repeat:no-repeat,repeat;border:3px solid #d97706;box-shadow:0 8px 24px #000000a6,0 2.5px #92400e,inset 0 1px #ffffff40,inset 0 -2px #fbbf24}.game-screen__side-menu:before,.game-screen__side-menu:after{content:"";position:absolute;width:8px;height:8px;background:radial-gradient(circle at 35% 35%,#fbbf24,#d97706 60%,#92400e);border:1px solid #78350f;border-radius:50%;box-shadow:0 1px 2px #0006;z-index:6;pointer-events:none}.game-screen__side-menu:before{top:4px;left:4px}.game-screen__side-menu:after{top:4px;right:4px}.game-screen__side-menu-scroll{flex:1;min-height:0;overflow-y:auto;padding:16px 8px 40px;scrollbar-width:none}.game-screen__side-menu-scroll::-webkit-scrollbar{display:none}.game-screen__champion-panel{width:100%;flex-shrink:0;animation:slide-in-bottom .6s cubic-bezier(.16,1,.3,1) .5s both}.game-screen__champion-panel.champion-detail__frame--journey-menu{background:none!important;background-image:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;max-height:none!important;overflow:visible!important}.game-screen__champion-panel .champion-detail__body,.game-screen__champion-panel .champion-detail__main-col,.game-screen__champion-panel .champion-detail__abilities-col{max-height:none!important;overflow:visible!important}.game-screen__champion-panel .champion-detail__body{display:flex!important;flex-direction:column!important}.game-screen__champion-panel .champion-detail__main-col{border-right:none!important}.game-screen__champion-panel .champion-detail__hero-row{padding:8px 8px 12px}.game-screen__champion-panel .champion-detail__section{padding:12px 8px 16px}.game-screen__champion-panel .champion-detail__section--abilities{padding-top:0;border-top:1px solid rgba(255,255,255,.08)}.game-arena{position:relative;flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;border-radius:16px;border:1px solid rgba(251,191,36,.18);background-color:transparent;background-size:cover;background-position:center;overflow:hidden}.game-arena__center{position:absolute;inset:0;pointer-events:none;z-index:12}.game-arena__clock{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:#0000008c;border:1px solid rgba(251,191,36,.35);color:#fde68a;font-weight:900;font-size:1.2rem;margin-bottom:12px}.game-arena__prompt-text{margin:0;color:#fef3c7;font-size:1.25rem;font-weight:800;line-height:1.35;letter-spacing:.04em;text-shadow:0 2px 12px rgba(0,0,0,.9)}.game-arena__wait{margin-top:16px;color:#fbbf24b3;animation:game-wait-pulse 1.5s ease-in-out infinite}@keyframes game-wait-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.game-arena__clash-row{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;padding:8px 10px;box-sizing:border-box;z-index:10;flex:1;min-height:0}.game-arena__move-card.champion-card{width:100%;max-width:min(280px,calc((100svh - 220px) * 768 / 1376));height:auto;aspect-ratio:var(--cr-ratio);flex-shrink:0;margin:0;cursor:default;transform-origin:center;z-index:10;pointer-events:none}.game-arena__move-card.champion-card:hover .champion-card__outer,.game-arena__move-card.champion-card--selected .champion-card__outer{transform:none}.game-arena__move-card--left.champion-card{animation:game-move-card-slide-left .6s cubic-bezier(.175,.885,.32,1.2) forwards}.game-arena__move-card--right.champion-card{animation:game-move-card-slide-right .6s cubic-bezier(.175,.885,.32,1.2) forwards}@keyframes game-move-card-slide-left{0%{opacity:0;transform:translate(-80px) scale(.9);filter:blur(4px)}to{opacity:1;transform:translate(0) scale(1);filter:blur(0)}}@keyframes game-move-card-slide-right{0%{opacity:0;transform:translate(80px) scale(.9);filter:blur(4px)}to{opacity:1;transform:translate(0) scale(1);filter:blur(0)}}.game-arena__move-card--from-input.champion-card{animation:game-move-card-from-input .65s cubic-bezier(.175,.885,.32,1.2) forwards}@keyframes game-move-card-from-input{0%{opacity:0;transform:translateY(100px) scale(.72);filter:blur(6px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.game-arena__prompt{text-align:center;max-width:380px;background:#0a0a0fcc;border:1px solid rgba(251,191,36,.3);border-radius:16px;padding:20px 24px;box-shadow:0 12px 40px #000000d9,inset 0 0 20px #fbbf2414;backdrop-filter:blur(12px);animation:prompt-float 4s ease-in-out infinite alternate}@keyframes prompt-float{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.game-arena__move-card--player .champion-card__outer{background-color:#172b53;background-image:radial-gradient(circle at 50% 0%,rgba(59,130,246,.35) 0%,transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cpath d='M20 40 L50 45 L70 30 L110 35 L130 15 M70 30 L85 55 L75 75 L100 90 L95 120 M75 75 L45 80 L30 105 M100 90 L135 95 L150 80 L180 95 M135 95 L145 130 L170 145 M95 120 L110 155 L105 185 M110 155 L80 165 L65 190' stroke='%230a1222' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3Cpath d='M20 40 L50 45 L70 30 L110 35 L130 15 M70 30 L85 55 L75 75 L100 90 L95 120 M75 75 L45 80 L30 105 M100 90 L135 95 L150 80 L180 95 M135 95 L145 130 L170 145 M95 120 L110 155 L105 185 M110 155 L80 165 L65 190' stroke='%233b82f6' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' fill='none' opacity='0.55'/%3E%3C/svg%3E");background-size:100%,120px 120px;background-repeat:no-repeat,repeat;box-shadow:0 10px 30px #000c,0 0 20px #3b82f680}.game-arena__move-card--opponent .champion-card__outer{background-color:#58141c;background-image:radial-gradient(circle at 50% 0%,rgba(239,68,68,.35) 0%,transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cpath d='M20 40 L50 45 L70 30 L110 35 L130 15 M70 30 L85 55 L75 75 L100 90 L95 120 M75 75 L45 80 L30 105 M100 90 L135 95 L150 80 L180 95 M135 95 L145 130 L170 145 M95 120 L110 155 L105 185 M110 155 L80 165 L65 190' stroke='%230e0204' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3Cpath d='M20 40 L50 45 L70 30 L110 35 L130 15 M70 30 L85 55 L75 75 L100 90 L95 120 M75 75 L45 80 L30 105 M100 90 L135 95 L150 80 L180 95 M135 95 L145 130 L170 145 M95 120 L110 155 L105 185 M110 155 L80 165 L65 190' stroke='%23ef4444' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' fill='none' opacity='0.55'/%3E%3C/svg%3E");background-size:100%,120px 120px;background-repeat:no-repeat,repeat;box-shadow:0 10px 30px #000c,0 0 20px #ef444480}.game-arena__move-card--empty-slot .champion-card__outer:after{content:none!important}.game-arena__move-card--empty-slot .champion-card__outer{background:#0f172a73!important;border:2px dashed rgba(251,191,36,.3)!important;box-shadow:inset 0 0 20px #fbbf240d,0 4px 12px #00000080!important;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center}.game-arena__move-card--empty-slot.game-arena__move-card--player .champion-card__outer{border-color:#3b82f666!important;box-shadow:inset 0 0 20px #3b82f614,0 4px 12px #00000080!important}.game-arena__move-card--empty-slot.game-arena__move-card--opponent .champion-card__outer{border-color:#ef444466!important;box-shadow:inset 0 0 20px #ef444414,0 4px 12px #00000080!important}.game-arena__empty-slot-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;width:100%;height:100%;box-sizing:border-box}.game-arena__empty-slot-icon-container{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.game-arena__empty-slot-icon{color:#fbbf2440;animation:empty-slot-pulse 2s infinite ease-in-out}.game-arena__move-card--player .game-arena__empty-slot-icon{color:#3b82f659}.game-arena__move-card--opponent .game-arena__empty-slot-icon{color:#ef444459}.game-arena__empty-slot-glow{position:absolute;width:48px;height:48px;border-radius:50%;background:#fbbf240d;filter:blur(8px);animation:empty-slot-glow-pulse 2s infinite ease-in-out}.game-arena__move-card--player .game-arena__empty-slot-glow{background:#3b82f61a}.game-arena__move-card--opponent .game-arena__empty-slot-glow{background:#ef44441a}.game-arena__empty-slot-text{font-family:Outfit,Inter,system-ui,sans-serif;font-size:.95rem;font-weight:800;letter-spacing:.08em;color:#fbbf2466;text-shadow:0 1px 2px rgba(0,0,0,.5);margin-bottom:4px}.game-arena__move-card--player .game-arena__empty-slot-text{color:#3b82f6b3}.game-arena__move-card--opponent .game-arena__empty-slot-text{color:#ef4444b3}.game-arena__empty-slot-subtext{font-family:Outfit,Inter,system-ui,sans-serif;font-size:.75rem;color:#ffffff59}@keyframes empty-slot-pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.1);opacity:1}}@keyframes empty-slot-glow-pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.3);opacity:.8}}.game-arena__move-card-badge{position:absolute;top:0;right:0;z-index:25;display:inline-flex;align-items:center;justify-content:center;min-height:clamp(22px,8cqw,34px);padding:.55em 1.05em .55em .95em;box-sizing:border-box;border-radius:0 3.6cqw 0 1.1cqw;font-family:Cinzel,serif;font-size:clamp(9px,3.4cqw,13px);font-weight:900;line-height:1;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.55);letter-spacing:.05em;pointer-events:none;overflow:hidden;box-shadow:0 4px 14px #0000008c,inset 0 1px #ffffff61}.game-arena__move-card-badge:before{content:"";position:absolute;inset:0;background:linear-gradient(165deg,rgba(255,255,255,.28) 0%,rgba(255,255,255,.06) 38%,transparent 62%);pointer-events:none}.game-arena__move-card-badge:after{content:"";position:absolute;left:0;bottom:0;width:0;height:0;border-style:solid;border-width:0 0 .55em .55em;border-color:transparent transparent rgba(0,0,0,.28) transparent;pointer-events:none}.game-arena__move-card-badge--attack{background:linear-gradient(145deg,#fca5a5,#ef4444 28%,#b91c1c 72%,#7f1d1d);border:1.5px solid rgba(254,202,202,.65);box-shadow:0 4px 14px #0000008c,0 0 18px #ef444473,inset 0 1px #ffffff61}.game-arena__move-card-badge--attack:after{border-color:transparent transparent rgba(69,10,10,.45) transparent}.game-arena__move-card-badge--defense{background:linear-gradient(145deg,#67e8f9,#06b6d4 28%,#0d9488 72%,#115e59);border:1.5px solid rgba(165,243,252,.65);box-shadow:0 4px 14px #0000008c,0 0 18px #06b6d466,inset 0 1px #ffffff61}.game-arena__move-card-badge--defense:after{border-color:transparent transparent rgba(6,47,49,.45) transparent}.game-arena__move-card-abilities.champion-card__abilities-container{height:auto;min-height:36cqw;max-height:46cqw;padding:2cqw 4cqw!important;align-items:center}.game-arena__move-card-abilities .champion-card__abilities-content{height:auto;min-height:100%;padding:2cqw!important}.game-arena__move-card-text-container{display:flex;align-items:center;justify-content:center;height:auto;min-height:100%;width:100%;overflow:hidden;scrollbar-width:none}.game-arena__move-card-text-container::-webkit-scrollbar{display:none}.game-arena__move-card-text{margin:0;color:#111827;font-family:Outfit,Inter,system-ui,sans-serif;font-weight:800;font-size:clamp(12px,5.2cqw,20px);line-height:1.45;text-align:center;width:100%;word-wrap:break-word;overflow:hidden}.game-arena__move-card-text--empty{color:#b91c1c;font-style:italic}.game-arena__input-row{display:flex;gap:8px;padding:10px 12px 12px;border-top:1px solid rgba(251,191,36,.15);background:#00000073}.game-arena__input{flex:1;resize:none;border-radius:10px;border:1px solid rgba(251,191,36,.25);background:#0000008c;color:#fef3c7;padding:10px;font-family:inherit;font-size:.85rem}.game-arena__submit{align-self:stretch;min-width:90px;border:none;border-radius:10px;background:linear-gradient(180deg,#f59e0b,#b45309);color:#1c0a00;font-weight:900;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.game-arena__submit:disabled{opacity:.45;cursor:not-allowed}.game-arena__particles{position:absolute;inset:0;pointer-events:none}.game-arena__clash-magic{position:absolute;inset:0;overflow:hidden;pointer-events:none}.game-arena__clash-flash{position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.35),transparent 45%);opacity:0;animation:game-clash-flash 2.4s ease-in-out infinite}.game-arena__clash-flash--2{animation-delay:1.2s}@keyframes game-clash-flash{0%,to{opacity:0}4%,8%{opacity:.9}12%{opacity:0}}.game-arena__clash-fire{position:absolute;bottom:0;width:40%;height:55%;background:radial-gradient(ellipse at bottom,rgba(249,115,22,.55),transparent 70%);filter:blur(8px);animation:game-clash-fire 1.6s ease-in-out infinite alternate}.game-arena__clash-fire--left{left:5%}.game-arena__clash-fire--right{right:5%;animation-delay:.5s}@keyframes game-clash-fire{0%{opacity:.4;transform:scaleY(.85)}to{opacity:.95;transform:scaleY(1.15)}}.game-arena__clash-bolt{position:absolute;top:15%;left:50%;width:3px;height:45%;transform:translate(-50%);background:linear-gradient(180deg,transparent,#fef08a,#fff,#fef08a,transparent);opacity:0;filter:drop-shadow(0 0 12px #fbbf24);animation:game-clash-bolt 2.8s ease-in-out infinite}@keyframes game-clash-bolt{0%,to{opacity:0;transform:translate(-50%) scaleY(.6)}6%,10%{opacity:1;transform:translate(-50%) scaleY(1)}14%{opacity:0}}.game-arena__clash-particle{position:absolute;border-radius:50%;pointer-events:none}.game-arena__clash-particle--ember{background:radial-gradient(circle,#fde68a,#f97316);box-shadow:0 0 8px #f97316cc}.game-arena__clash-particle--spark{background:#fef08a;box-shadow:0 0 10px #fef08ae6}.game-arena__clash-particle--rune{border-radius:2px;background:#60a5fad9;box-shadow:0 0 10px #60a5fab3}.game-arena__clash-particle--clash{animation-name:game-clash-fly;animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-iteration-count:infinite}@keyframes game-clash-fly{0%{top:var(--top-start);opacity:0;transform:scale(.5) translate(0)}20%{opacity:1;transform:scale(1.2) translate(-10px)}80%{opacity:.8;transform:scale(1) translate(10px)}to{top:var(--top-end);opacity:0;transform:scale(.2) translate(0)}}.game-arena__moves--top,.game-arena__moves--bottom{flex-shrink:0;z-index:5;display:flex;flex-direction:column}.game-arena__moves--top{padding-top:4px}.game-arena__moves--bottom{padding-bottom:4px}.game-arena__result-card-new{text-align:center;width:100%;max-width:680px;padding:20px;border-radius:20px;background:linear-gradient(145deg,#141419f5,#0a0a0ffa);border:3px solid #b45309;box-shadow:0 25px 60px #000000f2,inset 0 0 35px #fbbf241f,0 0 25px #b453094d;backdrop-filter:blur(16px);animation:card-scale-up .55s cubic-bezier(.175,.885,.32,1.15) forwards;position:relative;overflow:hidden;box-sizing:border-box}.game-arena__result-card-new:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,transparent,#fbbf24,#f59e0b,#fbbf24,transparent);box-shadow:0 2px 10px #fbbf2499;opacity:.9;z-index:10}.game-arena__result-narrative-container{display:flex;align-items:center;justify-content:center;gap:12px;margin:8px 0 20px;padding:10px 16px;background:#00000073;border-radius:12px;border:1px solid rgba(251,191,36,.15);box-shadow:inset 0 2px 8px #0009;animation:float-down .5s ease-out .1s both}.game-arena__result-narrative-new{margin:0;color:#fde68a;line-height:1.5;font-size:1.1rem;font-weight:800;text-shadow:0 1px 3px rgba(0,0,0,.8);letter-spacing:.02em;text-align:left}.game-arena__result-portraits-split{position:relative;width:100%;height:290px;display:flex;background:#090d16;border-radius:14px;border:3px solid #b45309;overflow:hidden;box-shadow:0 12px 30px #000000d9,inset 0 0 40px #000000f2;box-sizing:border-box}.result-half{position:absolute;top:0;bottom:0;width:60%;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;box-sizing:border-box}.result-half--opponent{left:0;clip-path:polygon(0 0,100% 0,68% 100%,0 100%);background:linear-gradient(135deg,#991b1b8c,#0f172ad9);border-right:1px solid rgba(239,68,68,.2);animation:slide-in-left .65s cubic-bezier(.25,1,.5,1) forwards}.result-half--player{right:0;clip-path:polygon(32% 0,100% 0,100% 100%,0 100%);background:linear-gradient(135deg,#0f172ad9,#1e3a8a8c);border-left:1px solid rgba(59,130,246,.2);animation:slide-in-right .65s cubic-bezier(.25,1,.5,1) forwards}.result-half__portrait-wrapper{position:absolute;inset:0;z-index:0;overflow:hidden}.result-half__portrait-img{width:100%;height:100%;object-fit:cover;filter:brightness(.65) contrast(1.1) saturate(1.1);transform:scale(1.08);animation:zoom-out-cinematic 8s ease-out forwards}.result-half__portrait-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fbbf2466;background:#111}.result-half__overlay-darken{position:absolute;inset:0;background:linear-gradient(to top,#000000f2 15%,#0000001a 60%,#0000008c)}.result-half__label{position:absolute;bottom:16px;left:20px;font-family:Montserrat,Arial Black,sans-serif;font-weight:900;font-size:1.15rem;color:#fca5a5;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 2px 6px rgba(0,0,0,.9),0 0 10px rgba(239,68,68,.4);z-index:2;animation:pop-in .4s cubic-bezier(.175,.885,.32,1.2) .3s both}.result-half__label--player{left:auto;right:20px;color:#93c5fd;text-shadow:0 2px 6px rgba(0,0,0,.9),0 0 10px rgba(59,130,246,.4)}.result-half__content{position:absolute;top:20px;z-index:2;display:flex;flex-direction:column;gap:12px}.result-half--opponent .result-half__content{left:20px;align-items:flex-start}.result-half--player .result-half__content{right:20px;align-items:flex-end}.result-half__deltas{display:flex;flex-direction:column;gap:6px}.result-half__delta-badge{padding:5px 12px;border-radius:8px;font-weight:900;font-size:1.05rem;text-shadow:0 1px 3px rgba(0,0,0,.9);border:2px solid;box-shadow:0 4px 8px #00000080;animation:pop-in .4s cubic-bezier(.175,.885,.32,1.2) .4s both}.result-half__delta-badge--hp.negative{background:linear-gradient(135deg,#dc2626cc,#991b1be6);border-color:#ef4444;color:#fff;box-shadow:0 0 12px #ef444466,0 4px 8px #00000080}.result-half__delta-badge--hp.positive{background:linear-gradient(135deg,#10b981cc,#047857e6);border-color:#34d399;color:#fff;box-shadow:0 0 12px #34d39966,0 4px 8px #00000080}.result-half__delta-badge--hp.neutral{background:#6b728099;border-color:#9ca3af;color:#f3f4f6}.result-half__delta-badge--mp.negative{background:linear-gradient(135deg,#2563ebcc,#1e3a8ae6);border-color:#60a5fa;color:#fff;box-shadow:0 0 12px #60a5fa66,0 4px 8px #00000080}.result-half__delta-badge--mp.positive{background:linear-gradient(135deg,#10b981cc,#047857e6);border-color:#34d399;color:#fff;box-shadow:0 0 12px #34d39966,0 4px 8px #00000080}.result-half__delta-badge--mp.neutral{background:#6b728099;border-color:#9ca3af;color:#f3f4f6}.result-half__stat-effects{display:flex;flex-direction:column;gap:5px;animation:float-up .5s ease-out .55s both}.result-half__stat-effect-tag{font-size:.8rem;font-weight:850;padding:3px 8px;border-radius:6px;display:inline-flex;align-items:center;gap:4px;text-shadow:0 1px 2px rgba(0,0,0,.8);box-shadow:0 3px 6px #0006;border:1px solid;width:max-content}.result-half__stat-effect-tag.positive{background:linear-gradient(135deg,#047857b3,#065f46d9);border-color:#34d39980;color:#6ee7b7}.result-half__stat-effect-tag.negative{background:linear-gradient(135deg,#b91c1cb3,#991b1bd9);border-color:#f8717180;color:#fca5a5}.result-diagonal-divider{position:absolute;top:-20px;bottom:-20px;left:50%;width:6px;transform:translate(-50%) skew(-10deg);background:linear-gradient(to bottom,#d97706,#fbbf24,#d97706);z-index:10;box-shadow:0 0 15px #fbbf24,0 0 30px #d97706,0 0 8px #000c}.result-diagonal-divider-glow{position:absolute;inset:-4px;background:inherit;filter:blur(6px);opacity:.85;animation:gold-pulse-glow 2s infinite alternate}.game-arena__result-footer{margin-top:16px}.game-arena__result-timer{color:#fde68acc;font-size:.85rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;display:block;text-shadow:0 1px 4px #000}@keyframes card-scale-up{0%{opacity:0;transform:scale(.88) translateY(24px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes float-down{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}85%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes float-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes zoom-out-cinematic{0%{transform:scale(1.22)}to{transform:scale(1.08)}}@keyframes gold-pulse-glow{0%{opacity:.6;filter:blur(4px)}to{opacity:1;filter:blur(8px)}}.game-screen__error{position:absolute;bottom:12px;left:50%;transform:translate(-50%);margin:0;padding:8px 14px;border-radius:8px;background:#7f1d1dd9;color:#fecaca;z-index:5}@media(max-width:900px){.game-screen__layout{flex-direction:column;overflow:hidden;height:calc(100% - 60px);gap:8px;padding:0 8px 8px}.game-screen__side-menu{display:none!important}.game-screen__mobile-hud{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;background:#0a0a0fbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid #8b5a2b;border-radius:12px;padding:8px 12px;box-sizing:border-box;box-shadow:0 4px 20px #00000080,inset 0 0 12px #fbbf2414;flex-shrink:0}.game-screen__mobile-hud-fighter{display:flex;align-items:center;gap:8px;background:none;border:none;padding:0;color:inherit;cursor:pointer;text-align:left;flex:1;min-width:0;transition:transform .2s ease}.game-screen__mobile-hud-fighter:active{transform:scale(.97)}.game-screen__mobile-hud-fighter--player{justify-content:flex-end;text-align:right}.game-screen__mobile-hud-avatar-wrapper{width:36px;height:36px;border-radius:8px;border:2px solid #d97706;overflow:hidden;background:#00000080;position:relative;flex-shrink:0;box-shadow:0 2px 6px #0006;transition:border-color .2s ease,box-shadow .2s ease}.game-screen__mobile-hud-fighter:hover .game-screen__mobile-hud-avatar-wrapper{border-color:#fbbf24;box-shadow:0 0 8px #fbbf2480}.game-screen__mobile-hud-avatar{width:100%;height:100%;object-fit:cover}.game-screen__mobile-hud-avatar--placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fbbf24}.game-screen__mobile-hud-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.game-screen__mobile-hud-name{font-family:Outfit,Inter,system-ui,sans-serif;font-size:.8rem;font-weight:800;color:#fde68a;text-shadow:0 1px 2px rgba(0,0,0,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-screen__mobile-hud-bars{display:flex;flex-direction:column;gap:3px;width:100%}.game-screen__mobile-hud-bar{position:relative;height:10px;background:#0009;border:1px solid #78350f;border-radius:2px;overflow:hidden;box-shadow:inset 0 1px 2px #000000b3}.game-screen__mobile-hud-bar-fill{height:100%;transition:width .3s ease}.game-screen__mobile-hud-bar-fill--hp{background:linear-gradient(90deg,#dc2626,#f87171);box-shadow:0 0 4px #ef444466}.game-screen__mobile-hud-bar-fill--mp{background:linear-gradient(90deg,#1d4ed8,#60a5fa);box-shadow:0 0 4px #3b82f666}.game-screen__mobile-hud-bar-val{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif;font-size:7px;font-weight:900;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.9);line-height:1}.game-screen__mobile-hud-vs{font-family:Cinzel,Georgia,serif;font-size:.85rem;font-weight:900;color:#fbbf24;text-shadow:0 0 8px rgba(251,191,36,.6);padding:0 4px;flex-shrink:0}.game-arena{flex:1;min-height:0;width:100%}.game-arena__move-card.champion-card{max-width:min(170px,42vw)}.game-arena__clash-row--round-result{gap:20px}.game-arena__move-card .champion-card__art-name{font-size:clamp(8px,6.5cqw,24px)!important}.game-arena__move-card .champion-card__abilities-text{font-size:clamp(7px,4.4cqw,17px)!important}.game-arena__move-card .champion-card__sale-badge,.game-arena__move-card .champion-card__price-badge{font-size:clamp(5px,3.2cqw,11px)!important}.game-arena__move-card .champion-card__tier-badge{min-width:clamp(20px,14cqw,64px)!important;padding:.75cqw .85cqw .8cqw!important}.game-arena__move-card .champion-card__tier-badge-letter{font-size:clamp(10px,7.5cqw,32px)!important}.game-arena__move-card .champion-card__tier-stat-value{font-size:clamp(5px,4.2cqw,15px)!important}.game-arena__move-card .champion-card__tier-stat-label{font-size:clamp(4px,3.2cqw,12px)!important}}.game-screen__popup-overlay{position:fixed;inset:0;background-color:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:300;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;animation:game-popup-fade-in .25s ease-out}@keyframes game-popup-fade-in{0%{opacity:0}to{opacity:1}}.game-screen__popup-card{position:relative;width:100%;max-width:320px;max-height:85vh;display:flex;flex-direction:column;background:transparent;animation:game-popup-scale-in .3s cubic-bezier(.34,1.56,.64,1)}@keyframes game-popup-scale-in{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.game-screen__popup-close-btn{position:absolute;top:-12px;right:-12px;width:32px;height:32px;border-radius:50%;border:2px solid #fbbf24;background:#58141c;color:#fde68a;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:310;box-shadow:0 4px 12px #0009,inset 0 1px #fff3;transition:all .2s ease}.game-screen__popup-close-btn:hover{background:#7f1d1d;color:#fff;transform:scale(1.1);box-shadow:0 4px 16px #fbbf2466}.game-screen__popup-close-btn:active{transform:scale(.95)}.game-screen__popup-scroll-container{flex:1;overflow:hidden;display:flex;flex-direction:column;border-radius:16px;box-shadow:0 16px 40px #000000d9}.game-screen__popup-panel-wrapper{width:100%;height:100%;flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;border-radius:16px;box-sizing:border-box}.game-screen__popup-panel-wrapper .game-screen__side-menu-scroll{padding:20px 12px 30px}.game-arena--round-result{justify-content:center}.game-arena--round-result .game-arena__center{display:none}.game-arena__clash-row{transition:gap 1.2s cubic-bezier(.25,.8,.25,1)}.game-arena__clash-row--round-result{gap:80px}.game-arena__cinematic-narrative-container{position:absolute;top:40px;left:5%;right:5%;background:linear-gradient(180deg,#0f172aeb,#030712f5);border:2px solid #b45309;border-radius:12px;padding:16px 24px;box-shadow:0 12px 36px #000000f2,inset 0 0 20px #fbbf241f;display:flex;align-items:center;justify-content:center;z-index:20;backdrop-filter:blur(10px)}.game-arena__cinematic-narrative-text{margin:0;color:#fde68a;font-family:Outfit,Inter,sans-serif;font-size:1.45rem;font-weight:900;text-align:center;text-transform:uppercase;letter-spacing:.08em;text-shadow:0 2px 10px rgba(180,83,9,.45),0 0 5px rgba(251,191,36,.2);line-height:1.45;animation:cinematic-word-in .45s cubic-bezier(.215,.61,.355,1) both}@keyframes cinematic-word-in{0%{opacity:0;transform:translateY(12px) scale(.96);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.game-arena__move-card-effects-overlay{position:absolute;top:-36px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;z-index:100}.game-arena__floating-effect{font-family:Outfit,Inter,sans-serif;font-weight:950;font-size:1.55rem;text-shadow:0 2px 8px rgba(0,0,0,.95),0 0 4px rgba(0,0,0,.6);animation:float-up-fade-effect 1.3s cubic-bezier(.25,1,.5,1) forwards;animation-delay:calc(var(--index) * .15s);white-space:nowrap}.game-arena__floating-effect--hp{color:#f87171;text-shadow:0 0 10px rgba(239,68,68,.85)}.game-arena__floating-effect--mp{color:#60a5fa;text-shadow:0 0 10px rgba(59,130,246,.85)}.game-arena__floating-effect--failed{color:#d1d5db;font-size:1.25rem;text-transform:uppercase;letter-spacing:.05em}.game-arena__floating-effect--stat-pos{color:#34d399;font-size:1.2rem}.game-arena__floating-effect--stat-neg{color:#f87171;font-size:1.2rem;text-shadow:0 0 10px rgba(239,68,68,.85)}@keyframes float-up-fade-effect{0%{transform:translateY(24px);opacity:0;scale:.8}15%{transform:translateY(0);opacity:1;scale:1.15}85%{transform:translateY(-15px);opacity:1;scale:1}to{transform:translateY(-30px);opacity:0;scale:.9}}.game-arena__attack-projectile{position:absolute;top:50%;width:56px;height:56px;z-index:100;pointer-events:none;border-radius:50%;mix-blend-mode:screen}.projectile-aura{position:absolute;inset:-28px;border-radius:50%;filter:blur(14px);opacity:.7;animation:pulse-glow-aaa .35s ease-in-out infinite alternate}.projectile-fire-ring{position:absolute;inset:-16px;border-radius:50%;border:3px solid rgba(251,146,60,.7);animation:fire-ring-spin .6s linear infinite}@keyframes fire-ring-spin{0%{transform:rotate(0) scale(1);opacity:.9}to{transform:rotate(360deg) scale(1.15);opacity:.5}}.projectile-bolt{position:absolute;width:4px;height:70px;background:linear-gradient(180deg,transparent,#fef08a,#fff,#fef08a,transparent);filter:drop-shadow(0 0 8px #fbbf24);opacity:0;animation:bolt-flicker .25s ease-in-out infinite}.projectile-bolt--1{top:-40px;left:10px;transform:rotate(-18deg)}.projectile-bolt--2{top:-35px;right:8px;transform:rotate(22deg);animation-delay:.12s}@keyframes bolt-flicker{0%,to{opacity:0}40%,60%{opacity:1}}.game-arena__attack-projectile--fire .projectile-aura{background:radial-gradient(circle,rgba(251,146,60,.75),transparent 70%)}.game-arena__attack-projectile--fire .projectile-glow{background:radial-gradient(circle,rgba(249,115,22,.85) 0%,rgba(185,28,28,.5) 60%,transparent 100%)}.game-arena__attack-projectile--fire .projectile-core{background:radial-gradient(circle,#fff,#fbbf24 40%,#ea580c)}.game-arena__attack-projectile--thunder .projectile-aura{background:radial-gradient(circle,rgba(250,204,21,.7),transparent 70%)}.game-arena__attack-projectile--thunder .projectile-glow{background:radial-gradient(circle,rgba(254,240,138,.9) 0%,rgba(202,138,4,.5) 60%,transparent 100%)}.game-arena__attack-projectile--thunder .projectile-core{background:radial-gradient(circle,#fff,#fde047,#ca8a04)}.game-arena__attack-projectile--ice .projectile-aura{background:radial-gradient(circle,rgba(147,197,253,.75),transparent 70%)}.game-arena__attack-projectile--ice .projectile-glow{background:radial-gradient(circle,rgba(191,219,254,.9) 0%,rgba(59,130,246,.5) 60%,transparent 100%)}.game-arena__attack-projectile--ice .projectile-core{background:radial-gradient(circle,#fff,#93c5fd,#2563eb)}.game-arena__attack-projectile--arcane .projectile-aura{background:radial-gradient(circle,rgba(192,132,252,.75),transparent 70%)}.game-arena__attack-projectile--arcane .projectile-glow{background:radial-gradient(circle,rgba(216,180,254,.9) 0%,rgba(124,58,237,.5) 60%,transparent 100%)}.game-arena__attack-projectile--arcane .projectile-core{background:radial-gradient(circle,#fff,#c084fc,#7c3aed)}.game-arena__attack-projectile--nature .projectile-aura{background:radial-gradient(circle,rgba(74,222,128,.75),transparent 70%)}.game-arena__attack-projectile--nature .projectile-glow{background:radial-gradient(circle,rgba(134,239,172,.9) 0%,rgba(22,163,74,.5) 60%,transparent 100%)}.game-arena__attack-projectile--nature .projectile-core{background:radial-gradient(circle,#fff,#4ade80,#15803d)}.game-arena__attack-projectile--fire .projectile-spark{background:#fb923c;box-shadow:0 0 8px #f97316}.game-arena__attack-projectile--thunder .projectile-spark{background:#fde047;box-shadow:0 0 8px #eab308}.game-arena__attack-projectile--ice .projectile-spark{background:#93c5fd;box-shadow:0 0 8px #3b82f6}.game-arena__attack-projectile--arcane .projectile-spark{background:#d8b4fe;box-shadow:0 0 8px #a855f7}.game-arena__attack-projectile--nature .projectile-spark{background:#86efac;box-shadow:0 0 8px #22c55e}.projectile-trail-aaa--secondary{opacity:.35;width:180px;filter:blur(10px)}.game-arena__attack-projectile--to-left{animation:fly-to-left 1.5s cubic-bezier(.15,.6,.2,1) forwards}.game-arena__attack-projectile--to-right{animation:fly-to-right 1.5s cubic-bezier(.15,.6,.2,1) forwards}.projectile-glow{position:absolute;inset:-10px;border-radius:50%;filter:blur(8px);opacity:.85;animation:pulse-glow-aaa .4s ease-in-out infinite alternate}.projectile-flare{position:absolute;inset:-4px;border-radius:50%;background:#fff;filter:blur(2px);opacity:.95}.projectile-core{width:100%;height:100%;border-radius:50%;background:#fff;filter:blur(1px)}.projectile-sparks{position:absolute;inset:0;pointer-events:none}.projectile-spark{position:absolute;width:6px;height:6px;border-radius:50%;opacity:0}.game-arena__attack-projectile--to-left .projectile-spark{animation:spark-drift-left .8s infinite linear}.game-arena__attack-projectile--to-right .projectile-spark{animation:spark-drift-right .8s infinite linear}.projectile-spark--1{top:10%;animation-delay:.1s;--drift-y: -12px}.projectile-spark--2{top:40%;animation-delay:.3s;--drift-y: 6px}.projectile-spark--3{top:80%;animation-delay:.2s;--drift-y: -4px}.projectile-spark--4{top:25%;animation-delay:.5s;--drift-y: 10px}.projectile-spark--5{top:60%;animation-delay:.4s;--drift-y: -8px}@keyframes spark-drift-left{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(40px,var(--drift-y)) scale(.2);opacity:0}}@keyframes spark-drift-right{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(-40px,var(--drift-y)) scale(.2);opacity:0}}.projectile-trail-aaa{position:absolute;top:50%;height:20px;width:140px;transform:translateY(-50%);border-radius:50%;filter:blur(6px);opacity:.5;mix-blend-mode:color-dodge}.game-arena__attack-projectile--to-left .projectile-trail-aaa{right:-100px;background:linear-gradient(90deg,rgba(96,165,250,.8) 0%,rgba(59,130,246,.4) 50%,transparent 100%);transform:translateY(-50%) rotate(2deg)}.game-arena__attack-projectile--to-right .projectile-trail-aaa{left:-100px;background:linear-gradient(270deg,rgba(248,113,113,.8) 0%,rgba(239,68,68,.4) 50%,transparent 100%);transform:translateY(-50%) rotate(-2deg)}@keyframes pulse-glow-aaa{0%{transform:scale(.9);opacity:.7}to{transform:scale(1.15);opacity:.95}}.game-arena__rebound-projectile{position:absolute;top:52%;width:24px;height:24px;z-index:99;pointer-events:none;border-radius:50%;mix-blend-mode:screen;background:radial-gradient(circle,#ffffff,#a7f3d0 40%,#059669 70%,transparent);box-shadow:0 0 15px #10b981,0 0 30px #059669;animation:fly-to-right 1.5s cubic-bezier(.25,.46,.45,.94) forwards}.rebound-core{width:100%;height:100%;border-radius:50%;background:#fff;filter:blur(1px)}.rebound-trail{position:absolute;top:50%;left:-40px;height:4px;width:50px;transform:translateY(-50%);border-radius:999px;opacity:.6;background:linear-gradient(270deg,#10b981,transparent)}@keyframes fly-to-left{0%{left:80%;opacity:0;transform:translateY(-50%) scale(.3)}12%{opacity:1;transform:translateY(-50%) scale(1.35)}50%{transform:translateY(-50%) scale(1.5)}88%{opacity:1;transform:translateY(-50%) scale(1.4)}to{left:20%;opacity:0;transform:translateY(-50%) scale(.5)}}@keyframes fly-to-right{0%{left:20%;opacity:0;transform:translateY(-50%) scale(.3)}12%{opacity:1;transform:translateY(-50%) scale(1.35)}50%{transform:translateY(-50%) scale(1.5)}88%{opacity:1;transform:translateY(-50%) scale(1.4)}to{left:80%;opacity:0;transform:translateY(-50%) scale(.5)}}.game-arena__impact-burst{position:absolute;top:50%;width:140px;height:140px;transform:translate(-50%,-50%);pointer-events:none;z-index:101}.game-arena__impact-burst--left{left:20%}.game-arena__impact-burst--right{right:20%}.impact-flash{position:absolute;inset:0;border-radius:50%;animation:impact-flash-anim .5s cubic-bezier(.1,.8,.3,1) forwards}.game-arena__impact-burst--left .impact-flash{background:radial-gradient(circle,#fff,#60a5fae6 40%,#2563eb00 70%)}.game-arena__impact-burst--right .impact-flash{background:radial-gradient(circle,#fff,#f87171e6 40%,#dc262600 70%)}.impact-ring{position:absolute;inset:10px;border:4px solid;border-radius:50%;opacity:.8;animation:impact-ring-anim .6s cubic-bezier(.1,.8,.3,1) forwards}.game-arena__impact-burst--left .impact-ring{border-color:#60a5fa;box-shadow:0 0 15px #3b82f6,inset 0 0 15px #3b82f6}.game-arena__impact-burst--right .impact-ring{border-color:#fca5a5;box-shadow:0 0 15px #ef4444,inset 0 0 15px #ef4444}.impact-shards{position:absolute;inset:0}.impact-shard{position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:50%;opacity:1}.game-arena__impact-burst--left .impact-shard{background:#93c5fd;box-shadow:0 0 8px #3b82f6;animation:shard-explode-left .6s cubic-bezier(.1,.8,.3,1) forwards}.game-arena__impact-burst--right .impact-shard{background:#fca5a5;box-shadow:0 0 8px #ef4444;animation:shard-explode-right .6s cubic-bezier(.1,.8,.3,1) forwards}.impact-shard--1{--dx: -40px;--dy: -40px;animation-delay:0s}.impact-shard--2{--dx: 40px;--dy: -40px;animation-delay:.05s}.impact-shard--3{--dx: -50px;--dy: 20px;animation-delay:.02s}.impact-shard--4{--dx: 50px;--dy: 20px;animation-delay:.08s}.impact-shard--5{--dx: 0px;--dy: -60px;animation-delay:.04s}.impact-shard--6{--dx: 0px;--dy: 60px;animation-delay:.06s}@keyframes impact-flash-anim{0%{transform:scale(.1);opacity:1}to{transform:scale(2);opacity:0}}@keyframes impact-ring-anim{0%{transform:scale(.1);opacity:.8;border-width:8px}to{transform:scale(1.8);opacity:0;border-width:1px}}@keyframes shard-explode-left{0%{transform:translate(-50%,-50%) scale(1.5);opacity:1}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.2);opacity:0}}@keyframes shard-explode-right{0%{transform:translate(-50%,-50%) scale(1.5);opacity:1}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.2);opacity:0}}.game-arena__round-next-timer{position:absolute;bottom:24px;left:50%;transform:translate(-50%);background:#0a0a0fe0;border:1px solid rgba(251,191,36,.4);border-radius:20px;padding:10px 22px;color:#fde68a;font-family:Outfit,Inter,sans-serif;font-weight:850;font-size:1rem;letter-spacing:.05em;text-shadow:0 1px 2px rgba(0,0,0,.8);box-shadow:0 8px 24px #0009,inset 0 0 10px #fbbf240d;animation:fade-in-up .5s ease-out both;z-index:20}@keyframes fade-in-up{0%{opacity:0;transform:translate(-50%,15px)}to{opacity:1;transform:translate(-50%)}}.game-arena__status-banner{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(180deg,#0f172af2,#0f172acc);backdrop-filter:blur(12px);border-bottom:2px solid rgba(245,158,11,.35);box-shadow:0 4px 20px #0009,inset 0 1px #ffffff0d;padding:10px 24px;z-index:50;animation:slide-down-banner .5s cubic-bezier(.16,1,.3,1) both}@keyframes slide-down-banner{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.game-arena__status-clock{display:flex;align-items:center;gap:6px;background:#00000073;border:1px solid rgba(245,158,11,.4);padding:4px 10px;border-radius:999px;color:#fbbf24;font-weight:900;font-size:.9rem;letter-spacing:.04em;box-shadow:0 0 10px #f59e0b26}.game-arena__status-title{color:#fef3c7;font-size:.95rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;text-shadow:0 2px 4px rgba(0,0,0,.8)}.game-arena__clash-row{perspective:1000px;height:100%;margin-top:40px;padding-bottom:30px}.game-arena__move-card--left.champion-card{--rot: -2deg;--shake-dir: -12px;transform:rotate(-2deg) translateY(5px);transition:transform .4s cubic-bezier(.25,.8,.25,1),box-shadow .4s ease}.game-arena__move-card--right.champion-card{--rot: 2deg;--shake-dir: 12px;transform:rotate(2deg) translateY(5px);transition:transform .4s cubic-bezier(.25,.8,.25,1),box-shadow .4s ease}.game-arena__move-card--left.champion-card:hover,.game-arena__move-card--right.champion-card:hover{transform:scale(1.03) rotate(0) translateY(-5px);z-index:20}.game-arena__move-card--drafting.champion-card{opacity:.82;filter:saturate(.85);animation:card-drafting-breath 2.5s ease-in-out infinite alternate}.game-arena__move-card--drafting.champion-card .champion-card__outer{border:2px dashed rgba(245,158,11,.55);box-shadow:0 4px 15px #00000080,inset 0 0 15px #f59e0b14}.game-arena__move-card--drafting.champion-card .game-arena__move-card-badge{background:linear-gradient(145deg,#d97706,#b45309 45%,#78350f);border-color:#fbbf2480;box-shadow:0 4px 14px #0000008c,0 0 14px #f59e0b59,inset 0 1px #ffffff4d;opacity:.92}.game-arena__move-card--drafting.champion-card .game-arena__move-card-text{color:#4b5563;font-style:italic;font-weight:700}@keyframes card-drafting-breath{0%{transform:rotate(var(--rot, 0deg)) scale(.98);box-shadow:0 4px 15px #00000080}to{transform:rotate(var(--rot, 0deg)) scale(1.01);box-shadow:0 8px 25px #f59e0b2e}}.game-arena__move-card--left.game-arena__move-card--drafting{--rot: -2deg}.game-arena__move-card--right.game-arena__move-card--drafting{--rot: 2deg}.game-arena__narrative-popup-overlay{position:absolute;inset:0;background:#120b05d1;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:100;animation:narrative-overlay-fade .4s cubic-bezier(.16,1,.3,1) both}@keyframes narrative-overlay-fade{0%{opacity:0}to{opacity:1}}.game-arena__narrative-popup{background:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='42' fill='none' stroke='%238b5a2b' stroke-width='0.5' stroke-dasharray='3 2' opacity='0.16'/%3E%3Ccircle cx='50' cy='50' r='36' fill='none' stroke='%238b5a2b' stroke-width='0.3' opacity='0.12'/%3E%3Ccircle cx='50' cy='50' r='28' fill='none' stroke='%238b5a2b' stroke-width='0.4' stroke-dasharray='5 5' opacity='0.14'/%3E%3Ccircle cx='50' cy='50' r='20' fill='none' stroke='%238b5a2b' stroke-width='0.3' opacity='0.12'/%3E%3C/svg%3E") no-repeat center / 220px 220px,url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E") repeat,radial-gradient(circle at 50% 50%,transparent 40%,rgba(92,53,14,.35) 100%),linear-gradient(to bottom,#fdfaf2,#f4e9d0 50%,#e8d7b3 85%,#d8c295);border:4px double #8b5a2b;border-radius:12px;width:100%;max-width:520px;padding:32px 24px 24px;box-shadow:0 20px 50px #000000d9,inset 0 0 30px #5c350e40,0 0 0 3px #fbbf24;box-sizing:border-box;position:relative;animation:narrative-popup-pop .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes narrative-popup-pop{0%{transform:scale(.85) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.game-arena__narrative-popup-header-top{display:flex;align-items:center;justify-content:center;gap:10px}.narrative-header-icon{color:#8b5a2b;filter:drop-shadow(1px 1px 0px rgba(255,255,255,.8))}.game-arena__narrative-popup-header h3{margin:0;font-family:Cinzel,Georgia,serif;font-size:1.35rem;font-weight:900;color:#4c2c0c;text-align:center;letter-spacing:.08em;text-transform:uppercase;text-shadow:1px 1px 0px rgba(255,255,255,.8)}.game-arena__narrative-popup-divider{height:10px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0' y1='5' x2='100' y2='5' stroke='%238b5a2b' stroke-width='0.7' stroke-dasharray='1 4'/%3E%3Cpolygon points='50,1 54,5 50,9 46,5' fill='%238b5a2b'/%3E%3C/svg%3E") repeat-x center / auto 10px;margin:12px 0 18px}.game-arena__narrative-popup-body{margin-bottom:20px;max-height:220px;overflow-y:auto;padding-right:6px;scrollbar-width:thin;scrollbar-color:rgba(139,90,43,.4) transparent}.game-arena__narrative-popup-body::-webkit-scrollbar{width:5px}.game-arena__narrative-popup-body::-webkit-scrollbar-thumb{background-color:#8b5a2b73;border-radius:3px;border:1px solid #f4e9d0}.game-arena__narrative-popup-text{margin:0;color:#2c1906;font-family:Outfit,Inter,sans-serif;font-size:1.05rem;line-height:1.65;text-align:center;font-weight:700;filter:drop-shadow(.5px .5px 0px rgba(255,255,255,.7))}.narrative-name{font-weight:900;text-decoration:underline;text-decoration-style:double}.narrative-name--player{color:#1e3a8a!important;text-decoration-color:#1e3a8a99!important;text-shadow:.5px .5px 0px rgba(255,255,255,.7)}.narrative-name--enemy{color:#991b1b!important;text-decoration-color:#991b1b99!important;text-shadow:.5px .5px 0px rgba(255,255,255,.7)}.game-arena__narrative-popup-footer{border-top:1px dashed rgba(139,90,43,.25);padding-top:14px}.game-arena__narrative-popup-footer-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.game-arena__narrative-popup-clock{display:flex;align-items:center;gap:6px;background:#8b5a2b1a;border:1px solid rgba(139,90,43,.35);padding:6px 14px;border-radius:999px;color:#5c3b16;font-weight:800;font-size:.85rem;letter-spacing:.03em;text-shadow:.5px .5px 0px rgba(255,255,255,.6);box-shadow:inset 0 1px 3px #0000000d;animation:clock-pulse 2s infinite alternate}@keyframes clock-pulse{0%{transform:scale(1);box-shadow:0 0 15px #8b5a2b0d}to{transform:scale(1.03);box-shadow:0 0 25px #8b5a2b26}}.game-arena__card-placeholder{width:220px;height:auto;aspect-ratio:var(--cr-ratio, 768 / 1376);flex-shrink:0;border-radius:12px;background:#1e293b73;border:2px dashed rgba(245,158,11,.35);box-shadow:0 4px 12px #00000080,inset 0 0 20px #0009;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:16px;animation:placeholder-pulse 3s ease-in-out infinite alternate}@keyframes placeholder-pulse{0%{transform:rotate(var(--rot, 0deg)) scale(.98);border-color:#f59e0b33}to{transform:rotate(var(--rot, 0deg)) scale(1.01);border-color:#f59e0b73;box-shadow:0 4px 15px #f59e0b1a}}.game-arena__card-placeholder--left{--rot: -2deg}.game-arena__card-placeholder--right{--rot: 2deg}.game-arena__placeholder-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center}.game-arena__placeholder-label{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#fef3c766}.game-arena__placeholder-status{font-size:.95rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:#fbbf24b3;text-shadow:0 0 10px rgba(251,191,36,.3)}.game-arena__placeholder-text-preview{margin:8px 0 0;font-size:.75rem;font-weight:700;line-height:1.4;color:#fef3c7a6;font-style:italic;max-width:180px;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.game-arena--shake{animation:arena-shake-aaa .45s cubic-bezier(.36,.07,.19,.97) both;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}@keyframes arena-shake-aaa{10%,90%{transform:translate3d(-3px,2px,0) rotate(-.8deg)}20%,80%{transform:translate3d(4px,-3px,0) rotate(1.2deg)}30%,50%,70%{transform:translate3d(-6px,5px,0) rotate(-2deg)}40%,60%{transform:translate3d(6px,-5px,0) rotate(2deg)}}.game-arena__move-card--hit{animation:card-hit-shake .5s cubic-bezier(.25,.8,.25,1) forwards!important;position:relative}.game-arena__move-card--hit:after{content:"";position:absolute;inset:0;border-radius:inherit;background:#ef444473;box-shadow:0 0 35px #ef4444bf;opacity:0;z-index:15;pointer-events:none;animation:card-red-flash .5s ease-out forwards}.game-arena__move-card--blocked{animation:card-block-bounce .5s cubic-bezier(.25,.8,.25,1) forwards!important;position:relative}.game-arena__move-card--blocked:after{content:"";position:absolute;inset:-4px;border-radius:inherit;border:4px solid #fbbf24;box-shadow:0 0 25px #fbbf24;opacity:0;z-index:15;pointer-events:none;animation:card-gold-flash .5s ease-out forwards}@keyframes card-hit-shake{0%{transform:scale(1) rotate(var(--rot, 0deg)) translateZ(0)}15%{transform:scale(.92) rotate(calc(var(--rot, 0deg) * 2.2)) translate3d(var(--shake-dir, -15px),5px,0)}40%{transform:scale(1.03) rotate(calc(var(--rot, 0deg) * -1)) translate3d(calc(var(--shake-dir, -15px) * -.5),-2px,0)}70%{transform:scale(.98) rotate(calc(var(--rot, 0deg) * .5)) translate3d(calc(var(--shake-dir, -15px) * .2),1px,0)}to{transform:scale(1) rotate(var(--rot, 0deg)) translateZ(0)}}@keyframes card-block-bounce{0%{transform:scale(1) rotate(var(--rot, 0deg))}20%{transform:scale(1.07) rotate(calc(var(--rot, 0deg) * .5)) translate3d(calc(var(--shake-dir, -5px) * -.6),-2px,0)}to{transform:scale(1) rotate(var(--rot, 0deg))}}@keyframes card-red-flash{0%{opacity:.9}to{opacity:0}}@keyframes card-gold-flash{0%{opacity:.95}to{opacity:0}}.game-arena__move-card--charging{z-index:25!important;transition:transform .4s cubic-bezier(.25,.8,.25,1),box-shadow .4s ease}.game-arena__move-card--charging-fire{box-shadow:0 0 35px #ef4444cc,0 0 70px #f9731666!important;animation:card-charge-glow-fire 1s ease-in-out infinite alternate}.game-arena__move-card--charging-thunder{box-shadow:0 0 35px #fbbf24cc,0 0 70px #3b82f666!important;animation:card-charge-glow-thunder 1s ease-in-out infinite alternate}.game-arena__move-card--charging-ice{box-shadow:0 0 35px #93c5fdcc,0 0 70px #0369a166!important;animation:card-charge-glow-ice 1s ease-in-out infinite alternate}.game-arena__move-card--charging-arcane{box-shadow:0 0 35px #c084fccc,0 0 70px #7c3aed66!important;animation:card-charge-glow-arcane 1s ease-in-out infinite alternate}.game-arena__move-card--charging-nature{box-shadow:0 0 35px #4ade80cc,0 0 70px #15803d66!important;animation:card-charge-glow-nature 1s ease-in-out infinite alternate}@keyframes card-charge-glow-fire{0%{transform:scale(1.02) rotate(var(--rot, 0deg)) translateY(-2px);filter:brightness(1.1)}to{transform:scale(1.05) rotate(calc(var(--rot, 0deg) + 1deg)) translateY(-6px);filter:brightness(1.25)}}@keyframes card-charge-glow-thunder{0%{transform:scale(1.02) rotate(var(--rot, 0deg)) translateY(-2px);filter:brightness(1.1)}to{transform:scale(1.05) rotate(calc(var(--rot, 0deg) - 1deg)) translateY(-6px);filter:brightness(1.25)}}@keyframes card-charge-glow-ice{0%{transform:scale(1.02) rotate(var(--rot, 0deg)) translateY(-2px);filter:brightness(1.05)}to{transform:scale(1.04) rotate(var(--rot, 0deg)) translateY(-5px);filter:brightness(1.18)}}@keyframes card-charge-glow-arcane{0%{transform:scale(1.02) rotate(var(--rot, 0deg)) translateY(-2px);filter:brightness(1.1)}to{transform:scale(1.05) rotate(calc(var(--rot, 0deg) + 1deg)) translateY(-6px);filter:brightness(1.3)}}@keyframes card-charge-glow-nature{0%{transform:scale(1.02) rotate(var(--rot, 0deg)) translateY(-2px);filter:brightness(1.05)}to{transform:scale(1.04) rotate(calc(var(--rot, 0deg) - 1deg)) translateY(-5px);filter:brightness(1.2)}}.game-arena__move-card--attacking{z-index:30!important}.game-arena__move-card--left.game-arena__move-card--attacking{animation:lunge-forward-left .8s cubic-bezier(.25,1,.5,1) forwards}.game-arena__move-card--right.game-arena__move-card--attacking{animation:lunge-forward-right .8s cubic-bezier(.25,1,.5,1) forwards}@keyframes lunge-forward-left{0%{transform:scale(1.05) translate(0) rotate(var(--rot, 0deg))}25%{transform:scale(.95) translate(-20px) rotate(calc(var(--rot, 0deg) - 2deg))}45%{transform:scale(1.12) translate(45px) rotate(calc(var(--rot, 0deg) + 4deg));filter:brightness(1.2)}to{transform:scale(1.08) translate(25px) rotate(calc(var(--rot, 0deg) + 2deg))}}@keyframes lunge-forward-right{0%{transform:scale(1.05) translate(0) rotate(var(--rot, 0deg))}25%{transform:scale(.95) translate(20px) rotate(calc(var(--rot, 0deg) + 2deg))}45%{transform:scale(1.12) translate(-45px) rotate(calc(var(--rot, 0deg) - 4deg));filter:brightness(1.2)}to{transform:scale(1.08) translate(-25px) rotate(calc(var(--rot, 0deg) - 2deg))}}.game-arena__move-card--defending{transition:transform .4s ease}.game-arena__move-card--left.game-arena__move-card--defending{transform:scale(.94) translate(-15px) rotate(-2deg)!important;box-shadow:0 0 25px #38bdf880!important}.game-arena__move-card--right.game-arena__move-card--defending{transform:scale(.94) translate(15px) rotate(2deg)!important;box-shadow:0 0 25px #38bdf880!important}.game-arena__move-card--hit{animation:card-hit-shake-red .55s cubic-bezier(.36,.07,.19,.97) forwards!important}@keyframes card-hit-shake-red{0%,to{transform:scale(1) rotate(var(--rot, 0deg)) translateZ(0)}10%,90%{filter:brightness(1.4) sepia(.8) hue-rotate(-50deg) saturate(2.5)}15%,45%,75%{transform:scale(.93) rotate(calc(var(--rot, 0deg) * 2)) translate3d(calc(var(--shake-dir, -15px) * 1.5),6px,0)}30%,60%{transform:scale(1.04) rotate(calc(var(--rot, 0deg) * -1.5)) translate3d(calc(var(--shake-dir, -15px) * -1.2),-4px,0)}}.game-arena__move-card--blocked{animation:card-blocked-recoil .6s cubic-bezier(.25,.8,.25,1) forwards!important}@keyframes card-blocked-recoil{0%{transform:scale(.94) rotate(var(--rot, 0deg))}15%{transform:scale(1.06) rotate(calc(var(--rot, 0deg) * .5)) translate3d(calc(var(--shake-dir, -10px) * -.8),-3px,0);filter:brightness(1.15)}to{transform:scale(1) rotate(var(--rot, 0deg))}}.game-panel__stat-value--up{animation:stat-pulse-green 1.4s ease-in-out infinite alternate}.game-panel__stat-value--down{animation:stat-pulse-red 1.4s ease-in-out infinite alternate}@keyframes stat-pulse-green{0%{text-shadow:0 0 4px rgba(52,211,153,.4)}to{text-shadow:0 0 15px rgba(52,211,153,.9)}}@keyframes stat-pulse-red{0%{text-shadow:0 0 4px rgba(248,113,113,.4)}to{text-shadow:0 0 15px rgba(248,113,113,.9)}}.game-screen__arena-info-btn{width:40px;height:40px;border-radius:50%;border:2px solid rgba(251,191,36,.35);background:#00000080;color:#fef3c7;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.game-screen__arena-info-btn:hover{background:#fbbf2426;color:#fff;border-color:#fbbf24;box-shadow:0 0 10px #fbbf2466}.arena-details-dialog{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;padding:8px 0}.arena-details-dialog__image{width:100%;max-width:320px;height:180px;object-fit:cover;border-radius:12px;border:2px solid #d97706;box-shadow:0 6px 16px #0009}.arena-details-dialog__name{margin:0;font-family:Cinzel,serif;font-size:1.6rem;font-weight:800;color:#fde68a;text-shadow:0 2px 4px rgba(0,0,0,.8)}.arena-details-dialog__description{margin:0;font-family:Outfit,Inter,system-ui,sans-serif;font-size:.95rem;color:#fef3c7;line-height:1.5}.game-arena__skip-btn{padding:8px 20px;font-family:Cinzel,serif;font-size:.9rem;font-weight:800;color:#1c0a00;background:linear-gradient(180deg,#f59e0b,#d97706);border:1px solid #b45309;border-radius:8px;cursor:pointer;box-shadow:0 4px 10px #0006;transition:all .2s ease}.game-arena__skip-btn:hover{background:linear-gradient(180deg,#fbbf24,#f59e0b);box-shadow:0 4px 14px #fbbf244d;transform:translateY(-1px)}.game-arena__skip-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.game-arena__skip-btn--inline{margin-top:12px;display:block;margin-left:auto;margin-right:auto}.journey-flow{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 20%,#1e1b4b,#0a071a 70%);padding:20px 16px;box-sizing:border-box;overflow-y:auto}.journey-flow--loading{gap:12px;text-align:center}.journey-flow__title{margin:0;font-size:22px;font-weight:800;color:#f3e8ff;text-transform:uppercase}.journey-flow__subtitle{margin:0;font-size:14px;color:#a78bfa}.journey-flow__progress-bar{width:min(320px,100%);height:8px;border-radius:999px;background:#ffffff1a;overflow:hidden}.journey-flow__progress-fill{height:100%;background:linear-gradient(90deg,#7c3aed,#c084fc);transition:width .2s ease}.journey-flow__progress-text{font-size:13px;font-weight:700;color:#c4b5fd}.journey-flow--pick{justify-content:flex-start;gap:16px;max-width:480px;width:100%;margin:0 auto}.journey-flow__pick-header{width:100%;text-align:center;position:relative}.journey-flow__exit{position:absolute;top:0;right:0;width:36px;height:36px;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:#00000059;color:#e9d5ff;cursor:pointer;display:flex;align-items:center;justify-content:center}.journey-flow__pick-grid{display:flex;flex-direction:column;gap:12px;width:100%;flex:1;overflow-y:auto}.journey-flow__pick-item{position:relative;cursor:pointer;border-radius:12px;transition:transform .15s ease}.journey-flow__pick-item--selected{outline:2px solid #a78bfa;outline-offset:2px}.journey-flow__pick-check{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:#7c3aedd9;display:flex;align-items:center;justify-content:center;color:#fff;pointer-events:none}.journey-flow--story{padding:0;justify-content:flex-end}.journey-flow__scene-bg{position:absolute;inset:0;background-size:cover;background-position:center}.journey-flow__scene-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0a071a33,#0a071a73 40%,#0a071aeb)}.journey-flow__hud{position:absolute;top:12px;left:12px;right:56px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px}.journey-flow__champion-mini{display:flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;border-radius:999px;background:#0000008c;border:1px solid rgba(255,255,255,.15);color:#f3e8ff;font-size:12px;font-weight:700}.journey-flow__champion-mini img,.journey-flow__champion-mini-placeholder{width:32px;height:32px;border-radius:50%;object-fit:cover}.journey-flow__champion-mini-placeholder{background:#312e81}.journey-flow__stats{display:flex;gap:8px}.journey-flow__stat{padding:6px 10px;border-radius:8px;font-size:12px;font-weight:800;background:#0000008c;border:1px solid rgba(255,255,255,.12)}.journey-flow__stat--hp{color:#fca5a5}.journey-flow__stat--mp{color:#93c5fd}.journey-flow__outcome-overlay{position:absolute;inset:0;z-index:100;background:#0a071abf;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px;animation:journey-fade-in .3s ease both}.journey-outcome-card{position:relative;max-width:480px;width:100%;padding:36px 24px 28px;border-radius:12px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='42' fill='none' stroke='%238b5a2b' stroke-width='0.5' stroke-dasharray='3 2' opacity='0.16'/%3E%3Ccircle cx='50' cy='50' r='36' fill='none' stroke='%238b5a2b' stroke-width='0.3' opacity='0.12'/%3E%3Ccircle cx='50' cy='50' r='28' fill='none' stroke='%238b5a2b' stroke-width='0.4' stroke-dasharray='5 5' opacity='0.14'/%3E%3Ccircle cx='50' cy='50' r='20' fill='none' stroke='%238b5a2b' stroke-width='0.3' opacity='0.12'/%3E%3C/svg%3E") no-repeat center / 220px 220px,url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E") repeat,radial-gradient(circle at 50% 50%,transparent 40%,rgba(92,53,14,.35) 100%),linear-gradient(to bottom,#fdfaf2,#f4e9d0 50%,#e8d7b3 85%,#d8c295);border:4px double #8b5a2b;box-shadow:0 24px 60px #000000d9,inset 0 0 30px #5c350e40,0 0 0 3px #fbbf24;text-align:center;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;animation:journey-outcome-in .4s cubic-bezier(.16,1,.3,1) both}.journey-outcome-portrait-full{position:relative;width:100%;height:220px;border-radius:8px;overflow:hidden;margin-top:12px;border:3px double #8b5a2b;box-shadow:0 8px 24px #00000059,0 0 0 1.5px #fbbf24}.journey-outcome-portrait-full__wrapper{position:absolute;inset:0;z-index:1}.journey-outcome-portrait-full__img{width:100%;height:100%;object-fit:cover;object-position:top center}.journey-outcome-portrait-full__fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#1e1b4b;color:#fff3}.journey-outcome-portrait-full__overlay{position:absolute;inset:0;background:linear-gradient(to top,#000000e6,#0006,#0000);z-index:2}.journey-outcome-portrait-full__content{position:absolute;bottom:0;left:0;right:0;z-index:3;padding:24px;display:flex;flex-direction:column;align-items:center;gap:12px}.journey-outcome-portrait-full__label{font-size:24px;font-weight:900;color:#fff;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.8);letter-spacing:.05em}.journey-outcome-portrait-full__deltas{display:flex;gap:16px}@keyframes journey-outcome-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.journey-flow__subtitle-panel{position:relative;z-index:3;width:100%;max-width:none;margin:0;padding:16px 24px;box-sizing:border-box;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='42' fill='none' stroke='%238b5a2b' stroke-width='0.5' stroke-dasharray='3 2' opacity='0.16'/%3E%3Ccircle cx='50' cy='50' r='36' fill='none' stroke='%238b5a2b' stroke-width='0.3' opacity='0.12'/%3E%3Ccircle cx='50' cy='50' r='28' fill='none' stroke='%238b5a2b' stroke-width='0.4' stroke-dasharray='5 5' opacity='0.14'/%3E%3Ccircle cx='50' cy='50' r='20' fill='none' stroke='%238b5a2b' stroke-width='0.3' opacity='0.12'/%3E%3C/svg%3E") no-repeat center / 220px 220px,url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E") repeat,radial-gradient(circle at 50% 50%,transparent 45%,rgba(92,53,14,.25) 100%),linear-gradient(to bottom,#fdfaf2,#f4e9d0 50%,#e8d7b3 85%,#d8c295);border-top:4px double #8b5a2b;border-left:none;border-right:none;border-bottom:none;border-radius:0;box-shadow:0 -6px 20px #00000080,inset 0 0 24px #5c350e26,0 -2px #fbbf24;display:flex;flex-direction:column;justify-content:center;gap:12px;height:160px;animation:journey-panel-slide-up .5s cubic-bezier(.16,1,.3,1) both;flex-shrink:0}@keyframes journey-panel-slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.journey-flow__subtitle-text{margin:0;font-family:Cinzel,Georgia,serif;font-size:clamp(1.1rem,2.5vw,1.35rem);font-weight:800;line-height:1.4;color:#3d250d;text-align:left;text-shadow:1px 1px 0px rgba(255,255,255,.7);height:64px;overflow-y:auto;letter-spacing:.03em}.journey-flow__subtitle-text--outcome{color:#2d1a08;font-style:italic}.journey-flow__subtitle-text--encounter{color:#4a2c0f;font-weight:900}.typewriter-cursor{display:inline-block;margin-left:4px;color:#8b5a2b;font-weight:400;animation:typewriter-blink .8s step-end infinite}@keyframes typewriter-blink{0%,to{opacity:0}50%{opacity:1}}.journey-flow__action-form{display:flex;flex-direction:row;align-items:center;gap:12px;width:100%}.journey-flow__action-prompt{margin:0;font-size:13px;font-weight:700;color:#c4b5fd}.journey-flow__action-input{flex:1;padding:14px 18px;border-radius:8px;border:2px solid #8b5a2b;background:#fdfaf2d9;color:#2c1906;font-family:Outfit,sans-serif;font-size:15px;font-weight:600;box-shadow:inset 0 2px 4px #5c350e1f;transition:all .25s ease;box-sizing:border-box}.journey-flow__action-input:focus{outline:none;border-color:#d97706;background:#fdfaf2;box-shadow:inset 0 1px 3px #5c350e1a,0 0 12px #d9770659}.journey-flow__action-input::placeholder{color:#8b7d6b;font-style:italic;opacity:.75}.journey-flow--result{gap:16px;text-align:center;max-width:400px}.journey-flow--result-win .journey-flow__result-title{color:#fde68a}.journey-flow--result-lose .journey-flow__result-title{color:#fca5a5}.journey-flow__result-title{margin:0;font-size:28px;font-weight:900;text-transform:uppercase}.journey-flow__result-sub{margin:0;font-size:14px;color:#c4b5fd;line-height:1.5}.journey-flow__rewards{width:100%;padding:16px;border-radius:14px;background:#7c3aed33;border:1px solid rgba(167,139,250,.35)}.journey-flow__rewards-title{margin:0 0 10px;font-size:14px;font-weight:800;color:#e9d5ff;text-transform:uppercase}.journey-flow__rewards-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.journey-flow__rewards-list li{font-size:15px;font-weight:700;color:#fde68a}.journey-flow--pick-aaa{padding:0;display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;max-width:100%;width:100%;height:100%}.journey-flow__pick-arena{position:relative;flex:1;display:flex;flex-direction:column;justify-content:flex-end;padding:40px;overflow:hidden}.journey-flow__pick-arena-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.journey-flow__pick-arena-img--placeholder{background:linear-gradient(135deg,#1e1b4b,#312e81)}.journey-flow__pick-arena-vignette{position:absolute;inset:0;background:linear-gradient(to top,#000000e6,#0000,#00000080),linear-gradient(to right,#00000080,#0000 30%);z-index:1}.journey-flow__pick-arena-info{position:relative;z-index:2;max-width:80%}.journey-flow__pick-arena-eyebrow{display:inline-flex;align-items:center;gap:6px;background:#0009;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:800;color:#fde047;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;border:1px solid rgba(253,224,71,.3)}.journey-flow__pick-arena-title{margin:0 0 8px;font-size:42px;font-weight:900;color:#fff;text-transform:uppercase;text-shadow:0 2px 10px rgba(0,0,0,.8);line-height:1.1}.journey-flow__pick-machine{position:relative;width:480px;background:#0f172a;display:flex;flex-direction:column;z-index:5;box-shadow:-10px 0 30px #00000080;border-left:1px solid rgba(255,255,255,.1)}.journey-flow__pick-machine-overlay{position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(124,58,237,.15),transparent 60%);pointer-events:none}.journey-flow__pick-machine-content{position:relative;display:flex;flex-direction:column;height:100%;padding:24px}.journey-flow__pick-machine-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.journey-flow__pick-title{margin:0;font-size:18px;font-weight:800;color:#e2e8f0;text-transform:uppercase}.journey-flow__pick-ready{background:linear-gradient(180deg,#fde047,#eab308);color:#422006;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:900;text-transform:uppercase;cursor:pointer;box-shadow:0 4px 15px #eab3084d,inset 0 1px 1px #fffc;transition:transform .1s,box-shadow .1s}.journey-flow__pick-ready:disabled{background:#334155;color:#94a3b8;box-shadow:none;cursor:not-allowed}.journey-flow__pick-ready:not(:disabled):active{transform:translateY(2px);box-shadow:0 2px 5px #eab3084d,inset 0 2px 4px #0003}.journey-flow__pick-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;overflow-y:auto;padding-right:8px}.journey-flow__pick-list-item{position:relative;cursor:pointer;animation:fadeSlideUp .4s ease backwards}.journey-flow__pick-list-item--selected{transform:translateY(-4px)}.journey-flow__pick-selector-overlay{position:absolute;inset:-4px;border:3px solid #fde047;border-radius:12px;pointer-events:none;box-shadow:0 0 15px #fde04766,inset 0 0 20px #fde04733;z-index:10}.journey-flow__pick-selector-icon{position:absolute;top:-12px;right:-12px;background:#fde047;color:#422006;border-radius:50%;padding:4px;box-shadow:0 4px 10px #00000080}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.journey-flow__exit--pick-left{top:24px;left:24px;z-index:10}.journey-flow__mobile-hud{display:none}.journey-flow--story-aaa{padding:0;display:flex;flex-direction:row;align-items:stretch;width:100%;height:100%}.journey-flow__story-left{position:relative;width:240px;flex-shrink:0;z-index:5;display:flex;flex-direction:column;min-height:0;overflow:hidden;pointer-events:auto;background-color:#172b53;background-image:radial-gradient(circle at 50% 0%,rgba(59,130,246,.35) 0%,transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cpath d='M20 40 L50 45 L70 30 L110 35 L130 15 M70 30 L85 55 L75 75 L100 90 L95 120 M75 75 L45 80 L30 105 M100 90 L135 95 L150 80 L180 95 M135 95 L145 130 L170 145 M95 120 L110 155 L105 185 M110 155 L80 165 L65 190' stroke='%230a1222' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3Cpath d='M20 40 L50 45 L70 30 L110 35 L130 15 M70 30 L85 55 L75 75 L100 90 L95 120 M75 75 L45 80 L30 105 M100 90 L135 95 L150 80 L180 95 M135 95 L145 130 L170 145 M95 120 L110 155 L105 185 M110 155 L80 165 L65 190' stroke='%233b82f6' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' fill='none' opacity='0.55'/%3E%3C/svg%3E");background-size:100%,140px 140px;background-repeat:no-repeat,repeat;border-right:3px solid #d97706;box-shadow:0 8px 24px #000000a6,0 2.5px #92400e,inset 0 1px #ffffff40,inset 0 -2px #fbbf24}.journey-flow__story-left:before,.journey-flow__story-left:after{content:"";position:absolute;width:8px;height:8px;background:radial-gradient(circle at 35% 35%,#fbbf24,#d97706 60%,#92400e);border:1px solid #78350f;border-radius:50%;box-shadow:0 1px 2px #0006;z-index:6;pointer-events:none}.journey-flow__story-left:before{top:4px;left:4px}.journey-flow__story-left:after{top:4px;right:4px}.journey-flow__story-left-scroll{flex:1;min-height:0;overflow-y:auto;padding:56px 12px 100px;scrollbar-width:none}.journey-flow__story-left-scroll::-webkit-scrollbar{display:none}.journey-flow__story-main{position:relative;flex:1;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.journey-flow__story-left>*{pointer-events:auto}.journey-flow__champion-panel{width:100%;flex-shrink:0;animation:slide-in-bottom .6s cubic-bezier(.16,1,.3,1) .5s both}.journey-flow__champion-panel.champion-detail__frame{background:none!important;background-image:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;max-height:none!important;overflow:visible!important}.journey-flow__champion-panel .champion-detail__body,.journey-flow__champion-panel .champion-detail__main-col,.journey-flow__champion-panel .champion-detail__abilities-col{max-height:none!important;overflow:visible!important}.journey-flow__champion-panel .champion-detail__body{display:flex!important;flex-direction:column!important}.journey-flow__champion-panel .champion-detail__main-col{border-right:none!important}.journey-flow__champion-panel .champion-detail__hero-row{padding:8px 8px 12px}.journey-flow__champion-panel .champion-detail__section{padding:12px 8px 16px}.journey-flow__champion-panel .champion-detail__section--abilities{padding-top:0;border-top:1px solid rgba(255,255,255,.08)}.journey-flow__exit--story{top:12px;left:12px;right:auto;z-index:10}.journey-flow__loading-overlay{position:absolute;inset:0;background:#0009;backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center}.journey-flow__action-card-overlay{position:absolute;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:hidden}.journey-flow__action-card-overlay .game-arena__move-card.champion-card{width:min(280px,52vw);z-index:2}.journey-flow__action-card-overlay .game-arena__clash-magic{z-index:1}.journey-flow__loading-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.1);border-top-color:#a855f7;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.journey-result{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;overflow:hidden}.journey-result__rays{position:absolute;width:200vmax;height:200vmax;background-image:repeating-conic-gradient(from 0deg,rgba(255,200,50,.14) 0deg 12deg,transparent 12deg 24deg);border-radius:50%;animation:journey-result-spin-rays 50s linear infinite;z-index:1;pointer-events:none}@keyframes journey-result-spin-rays{to{transform:rotate(360deg)}}.journey-result__particles{position:absolute;inset:0;pointer-events:none;z-index:2}.journey-result__particle{position:absolute;width:10px;height:10px;border-radius:50%;opacity:0}.journey-result__particle--0{left:18%;top:28%;background:radial-gradient(circle,#fde047,transparent);animation:journey-result-float 3.2s ease-in-out infinite}.journey-result__particle--1{left:78%;top:22%;background:radial-gradient(circle,#c084fc,transparent);animation:journey-result-float 4s ease-in-out infinite .4s}.journey-result__particle--2{left:52%;top:12%;background:radial-gradient(circle,#67e8f9,transparent);animation:journey-result-float 3.6s ease-in-out infinite .8s}.journey-result__particles span:nth-child(4){left:12%;top:62%;animation:journey-result-float 3.4s ease-in-out infinite 1s}.journey-result__particles span:nth-child(5){left:88%;top:68%;animation:journey-result-float 4.2s ease-in-out infinite .2s}.journey-result__particles span:nth-child(6){left:28%;top:78%;animation:journey-result-float 3.8s ease-in-out infinite 1.4s}.journey-result__particles span:nth-child(7){left:72%;top:82%;animation:journey-result-float 4.5s ease-in-out infinite .6s}.journey-result__particles span:nth-child(8){left:45%;top:48%;animation:journey-result-float 5s ease-in-out infinite}.journey-result__particles span:nth-child(9){left:60%;top:35%;animation:journey-result-float 3.1s ease-in-out infinite 1.1s}.journey-result__particles span:nth-child(10){left:35%;top:40%;animation:journey-result-float 4.8s ease-in-out infinite .3s}.journey-result__particles span:nth-child(11){left:55%;top:70%;animation:journey-result-float 3.7s ease-in-out infinite .9s}.journey-result__particles span:nth-child(12){left:22%;top:45%;animation:journey-result-float 4.1s ease-in-out infinite 1.6s}@keyframes journey-result-float{0%{transform:translateY(80px) scale(0);opacity:0}50%{opacity:.85}to{transform:translateY(-80px) scale(1.4);opacity:0}}.journey-result__burst{position:absolute;inset:0;opacity:0;animation:journey-result-burst 1.4s ease forwards;pointer-events:none;z-index:1}.journey-result--win .journey-result__burst{background:radial-gradient(circle at center,rgba(251,191,36,.4),transparent 58%)}.journey-result--loss .journey-result__burst{background:radial-gradient(circle at center,rgba(127,29,29,.35),transparent 60%)}@keyframes journey-result-burst{0%{opacity:0;transform:scale(.4)}45%{opacity:1}to{opacity:.55;transform:scale(1.15)}}.journey-result__layout{position:relative;z-index:5;width:min(840px,94vw);max-height:94vh;overflow-y:auto;padding:36px 32px 32px;box-sizing:border-box;display:flex;flex-direction:column;gap:24px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='42' fill='none' stroke='%238b5a2b' stroke-width='0.5' stroke-dasharray='3 2' opacity='0.16'/%3E%3Ccircle cx='50' cy='50' r='36' fill='none' stroke='%238b5a2b' stroke-width='0.3' opacity='0.12'/%3E%3Ccircle cx='50' cy='50' r='28' fill='none' stroke='%238b5a2b' stroke-width='0.4' stroke-dasharray='5 5' opacity='0.14'/%3E%3Ccircle cx='50' cy='50' r='20' fill='none' stroke='%238b5a2b' stroke-width='0.3' opacity='0.12'/%3E%3C/svg%3E") no-repeat center / 300px 300px,url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E") repeat,radial-gradient(circle at 50% 50%,transparent 40%,rgba(92,53,14,.35) 100%),linear-gradient(to bottom,#fdfaf2,#f4e9d0 50%,#e8d7b3 85%,#d8c295);border:4px double #8b5a2b;box-shadow:0 24px 60px #000000d9,inset 0 0 30px #5c350e40,0 0 0 3px #fbbf24;border-radius:12px;opacity:0;transform:translateY(24px) scale(.97);transition:opacity .7s ease,transform .7s cubic-bezier(.34,1.4,.64,1)}.journey-result--revealed .journey-result__layout{opacity:1;transform:translateY(0) scale(1)}.journey-result__header{text-align:center}.journey-result__icon{margin:0 auto 10px;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:journey-result-icon-pop .9s cubic-bezier(.34,1.6,.64,1)}.journey-result__icon--win{background:radial-gradient(circle,#fbbf2473,#b4530940);border:2px solid rgba(251,191,36,.65);color:#fde68a;box-shadow:0 0 40px #fbbf2480,0 0 80px #fbbf2433}.journey-result__icon--loss{background:radial-gradient(circle,#7f1d1d80,#00000059);border:2px solid rgba(239,68,68,.45);color:#fca5a5}@keyframes journey-result-icon-pop{0%{transform:scale(0) rotate(-20deg)}to{transform:scale(1) rotate(0)}}.journey-result__title{margin:0 0 6px;font-family:Cinzel,Georgia,serif;font-size:clamp(1.8rem,5vw,2.6rem);font-weight:900;letter-spacing:.06em;text-transform:uppercase}.journey-result--win .journey-result__title{color:#5c3b16;text-shadow:1px 1px 0px rgba(255,255,255,.8)}.journey-result--loss .journey-result__title{color:#7f1d1d;text-shadow:1px 1px 0px rgba(255,255,255,.8)}.journey-result__subtitle{margin:0;font-family:Outfit,sans-serif;font-size:1rem;font-weight:700;color:#3d250d}.journey-result--win .journey-result__subtitle{color:#8b5a2b;text-transform:uppercase;letter-spacing:.08em}.journey-result__main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.journey-result__card-col{display:flex;justify-content:center;align-items:flex-start}.journey-result__card-wrap{width:min(280px,42vw);animation:journey-result-card-reveal 1.1s cubic-bezier(.175,.885,.32,1.15) .25s both;filter:drop-shadow(0 18px 36px rgba(0,0,0,.75)) drop-shadow(0 0 50px rgba(255,170,0,.3))}.journey-result--loss .journey-result__card-wrap{filter:drop-shadow(0 12px 28px rgba(0,0,0,.7));animation:journey-result-card-reveal .9s ease .2s both}@keyframes journey-result-card-reveal{0%{transform:scale(.15) rotateY(160deg) rotate(-8deg);opacity:0}70%{transform:scale(1.06) rotateY(-6deg) rotate(3deg);opacity:1}to{transform:scale(1) rotateY(0) rotate(0);opacity:1}}.journey-result__card-wrap--fallback{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;border-radius:16px;background:#00000073;border:1px solid rgba(255,255,255,.12)}.journey-result__fallback-portrait{width:140px;height:140px;border-radius:50%;overflow:hidden;border:3px solid rgba(251,191,36,.5);display:flex;align-items:center;justify-content:center;background:#0006}.journey-result__fallback-portrait img{width:100%;height:100%;object-fit:cover}.journey-result__fallback-name{font-weight:800;color:#fef3c7;font-size:1.1rem}.journey-result__stats-col{display:flex;flex-direction:column;gap:16px;animation:journey-result-stats-slide .8s ease .45s both}@keyframes journey-result-stats-slide{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.journey-result__ruby-reward{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:16px;background:linear-gradient(135deg,#be185d8c,#881337b3);border:2px solid rgba(251,113,133,.55);box-shadow:0 8px 24px #be185d59,inset 0 1px #ffffff26;animation:journey-result-ruby-pulse 2.4s ease-in-out infinite}@keyframes journey-result-ruby-pulse{0%,to{box-shadow:0 8px 24px #be185d59,inset 0 1px #ffffff26}50%{box-shadow:0 8px 32px #f43f5e8c,0 0 24px #fb71854d,inset 0 1px #fff3}}.journey-result__ruby-icon{flex-shrink:0;animation:journey-result-ruby-bounce 1.8s ease-in-out infinite}@keyframes journey-result-ruby-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.08)}}.journey-result__ruby-text{display:flex;flex-direction:column;gap:2px}.journey-result__ruby-amount{font-size:2rem;font-weight:900;color:#fff;line-height:1;text-shadow:0 2px 8px rgba(0,0,0,.5)}.journey-result__ruby-label{font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#fda4af}.journey-result__stats-panel{padding:18px;border-radius:12px;background:#8b5a2b0f;border:1px solid rgba(139,90,43,.22);box-shadow:inset 0 2px 6px #5c350e0d}.journey-result--loss .journey-result__stats-panel{background:#7f1d1d0a;border-color:#7f1d1d26}.journey-result__stats-title{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-family:Cinzel,Georgia,serif;font-size:.9rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#4c2c0c}.journey-result--win .journey-result__stats-title{color:#8b5a2b}.journey-result__stats-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.journey-result__stat-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;background:#fdfaf2a6;border:1px solid rgba(139,90,43,.12);transition:background .2s ease}.journey-result__stat-row--up{background:#22c55e14;border-color:#22c55e40}.journey-result__stat-row--down{background:#ef44440f;border-color:#ef444440}.journey-result__stat-label{font-family:Outfit,sans-serif;font-size:.85rem;font-weight:700;color:#5c442e;text-transform:uppercase;letter-spacing:.04em}.journey-result__stat-value{font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:800;color:#2c1906;min-width:36px;text-align:right}.journey-result__stat-delta{font-family:Outfit,sans-serif;font-size:.78rem;font-weight:900;padding:3px 8px;border-radius:999px;min-width:36px;text-align:center;text-shadow:0 1px 1px rgba(0,0,0,.15)}.journey-result__stat-delta--up{background:#22c55e;color:#fff;animation:journey-result-delta-glow 1.6s ease-in-out infinite}.journey-result__stat-delta--down{background:#ef4444;color:#fff}@keyframes journey-result-delta-glow{0%,to{box-shadow:0 0 0 transparent}50%{box-shadow:0 0 10px #4ade8066}}.journey-result__footer{max-width:360px;width:100%;margin:4px auto 0;animation:journey-result-footer-in .7s ease .7s both}@keyframes journey-result-footer-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:720px){.journey-result__main{grid-template-columns:1fr;gap:20px}.journey-result__card-wrap{width:min(240px,70vw);margin:0 auto}.journey-result__stats-col{animation:journey-result-stats-slide .8s ease .35s both}}.journey-outcome-card .result-half__delta-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;border-radius:999px;font-family:Outfit,sans-serif;font-weight:900;font-size:13px;text-transform:uppercase;box-shadow:0 2px 6px #0000004d;text-shadow:0 1px 2px rgba(0,0,0,.5);color:#fff}.journey-outcome-card .result-half__delta-badge--hp.positive{background:linear-gradient(to bottom,#22c55e,#15803d);border:1px solid #4ade80}.journey-outcome-card .result-half__delta-badge--hp.negative{background:linear-gradient(to bottom,#ef4444,#b91c1c);border:1px solid #f87171}.journey-outcome-card .result-half__delta-badge--mp.positive{background:linear-gradient(to bottom,#3b82f6,#1d4ed8);border:1px solid #60a5fa}.journey-outcome-card .result-half__delta-badge--mp.negative{background:linear-gradient(to bottom,#ef4444,#b91c1c);border:1px solid #f87171}.journey-outcome-card .result-half__delta-badge.neutral{background:linear-gradient(to bottom,#6b7280,#4b5563);border:1px solid #9ca3af}.game-arena__result-narrative-container{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.game-arena__result-narrative-new{margin:0;font-family:Cinzel,Georgia,serif;font-size:1.15rem;font-weight:700;line-height:1.45;color:#3d250d;text-align:center;text-shadow:1px 1px 0px rgba(255,255,255,.7)}.game-arena__narrative-popup.game-arena__narrative-popup--journey{max-width:680px;width:min(95vw,680px)}.game-arena__narrative-popup--journey .game-arena__narrative-popup-body{max-height:420px}.game-arena__narrative-popup--journey .game-arena__narrative-popup-footer{justify-content:flex-end}.game-arena__narrative-popup .result-half__delta-badge{text-shadow:0 1px 3px rgba(0,0,0,.9);color:#fff!important}.game-arena__narrative-popup .result-half__delta-badge.positive{background:linear-gradient(135deg,#10b981d9,#047857f2)!important;border-color:#34d399!important;box-shadow:0 0 12px #34d39966,0 4px 8px #00000080!important}.game-arena__narrative-popup .result-half__delta-badge.negative{background:linear-gradient(135deg,#dc2626d9,#991b1bf2)!important;border-color:#ef4444!important;box-shadow:0 0 12px #ef444466,0 4px 8px #00000080!important}.game-arena__narrative-popup .result-half__delta-badge.neutral{background:linear-gradient(135deg,#6b7280bf,#374151d9)!important;border-color:#9ca3af!important;color:#f3f4f6!important;box-shadow:0 4px 8px #00000080!important}.journey-flow__scene-container{position:relative;flex:1;width:100%;min-height:0;overflow:hidden}.champion-detail__bars-row{display:flex;flex-direction:column;gap:4px;margin-top:4px;width:100%}.champion-detail__bar-col{display:flex;align-items:center;gap:6px;width:100%}.champion-detail__bar-label{font-family:Cinzel,serif;font-size:10px;font-weight:800;color:#fcd34d;text-shadow:1px 1px 0px rgba(0,0,0,.6);flex-shrink:0;min-width:18px}.champion-detail__bar-outer{position:relative;flex:1;height:14px;background:#00000080;border:1px solid #92400e;border-radius:3px;overflow:hidden;box-shadow:inset 0 1px 2px #000000b3;display:flex;align-items:center}.champion-detail__bar-fill{height:100%;transition:width .3s ease}.champion-detail__bar-fill--animated{transition:width .7s cubic-bezier(.4,0,.2,1)}.champion-detail__bar-value--animated{transition:color .3s ease,text-shadow .3s ease}.champion-detail__bar-outer--up{animation:champion-bar-flash-up .9s ease-out}.champion-detail__bar-outer--down{animation:champion-bar-flash-down .9s ease-out}@keyframes champion-bar-flash-up{0%,to{box-shadow:inset 0 1px 2px #000000b3}40%{box-shadow:inset 0 1px 2px #000000b3,0 0 10px #22c55e8c}}@keyframes champion-bar-flash-down{0%,to{box-shadow:inset 0 1px 2px #000000b3}40%{box-shadow:inset 0 1px 2px #000000b3,0 0 10px #ef44448c}}.champion-detail__bar-fill--hp{background:linear-gradient(90deg,#dc2626,#f87171);box-shadow:0 0 4px #ef444466}.champion-detail__bar-fill--mp{background:linear-gradient(90deg,#1d4ed8,#60a5fa);box-shadow:0 0 4px #3b82f666}.champion-detail__bar-value{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif;font-size:9px;font-weight:900;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.9);line-height:1}.journey-flow__champion-panel.champion-detail__frame--journey-menu{background:none!important;background-image:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;max-height:none!important;overflow:visible!important}.champion-detail__frame--journey-menu .champion-detail__hero-row{padding:4px 4px 6px!important;gap:10px!important;border-bottom:none!important}.champion-detail__frame--journey-menu .champion-detail__portrait{width:56px!important;height:56px!important;border-radius:8px!important}.champion-detail__frame--journey-menu .champion-detail__hero-info{gap:2px!important}.champion-detail__frame--journey-menu .champion-detail__name{font-size:15px!important;margin-bottom:0!important}.champion-detail__frame--journey-menu .champion-detail__section{padding:4px 4px 6px!important}.champion-detail__frame--journey-menu .champion-detail__section--stats{padding-top:2px!important}.champion-detail__frame--journey-menu .champion-detail__stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:4px 6px!important}.champion-detail__frame--journey-menu .champion-detail__stat{padding:3px 6px!important;border-radius:4px!important}.champion-detail__frame--journey-menu .champion-detail__stat-label{font-size:10px!important}.champion-detail__frame--journey-menu .champion-detail__stat-value{font-size:11px!important}.champion-detail__frame--journey-menu .champion-detail__section--abilities{padding-top:4px!important;border-top:none!important}.champion-detail__frame--journey-menu .champion-detail__abilities{gap:4px!important}.champion-detail__frame--journey-menu .champion-detail__ability{padding:8px 0!important;border-radius:0!important;background:none!important;border:none!important;box-shadow:none!important;gap:10px!important;display:flex!important;align-items:flex-start!important;border-bottom:1px solid rgba(255,255,255,.05)!important}.champion-detail__frame--journey-menu .champion-detail__ability:last-child{border-bottom:none!important}.champion-detail__frame--journey-menu .champion-detail__ability-tier{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;font-size:11px!important}.champion-detail__frame--journey-menu .champion-detail__ability-title{font-size:13px!important;font-weight:800!important}.champion-detail__frame--journey-menu .champion-detail__ability-desc--line{font-size:11px!important;line-height:1.35!important}.champion-detail__frame--journey-menu .champion-detail__ability-desc{font-size:11px!important;line-height:1.35!important;color:#e9d5ffe6!important;margin-top:2px}.champion-detail__ability-info-list{display:flex;flex-direction:column;gap:3px;margin-top:5px}.champion-detail__info-item{display:flex;align-items:center;gap:5px;font-family:Outfit,sans-serif;font-size:11px;line-height:1.2}.champion-detail__info-label{font-family:Outfit,sans-serif;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;opacity:.85;flex-shrink:0}.champion-detail__info-text{font-weight:700;text-shadow:1px 1px 1px rgba(0,0,0,.7)}.champion-detail__info-item--mp .champion-detail__info-text,.champion-detail__info-item--mp .champion-detail__info-label{color:#93c5fd}.champion-detail__info-item--limit .champion-detail__info-text,.champion-detail__info-item--limit .champion-detail__info-label{color:#fcd34d}.champion-detail__stat-value--up{color:#22c55e!important;text-shadow:0 0 8px rgba(34,197,94,.4)!important}.champion-detail__stat-value--down{color:#ef4444!important;text-shadow:0 0 8px rgba(239,68,68,.4)!important}.champion-detail__stat-value--changing-up{animation:champion-stat-flash-up .9s ease-out}.champion-detail__stat-value--changing-down{animation:champion-stat-flash-down .9s ease-out}@keyframes champion-stat-flash-up{0%{transform:scale(1);filter:brightness(1)}30%{transform:scale(1.12);filter:brightness(1.35)}to{transform:scale(1);filter:brightness(1)}}@keyframes champion-stat-flash-down{0%{transform:scale(1);filter:brightness(1)}30%{transform:scale(.92);filter:brightness(.85)}to{transform:scale(1);filter:brightness(1)}}@media(max-width:900px){.journey-flow--story-aaa{flex-direction:column;overflow:hidden;height:calc(100% - 60px)!important;margin-top:60px!important;box-sizing:border-box}.journey-flow__story-left{display:none!important}.journey-flow__story-main{width:100%!important;height:100%!important}.journey-flow__mobile-hud{display:flex;justify-content:space-between;align-items:center;gap:8px;position:fixed;top:0;left:0;right:0;height:60px;background:#0a0a0fd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:2px solid #8b5a2b;padding:0 16px;box-sizing:border-box;z-index:100;box-shadow:0 4px 20px #00000080,inset 0 0 12px #fbbf2414}.journey-flow__mobile-hud-btn{display:flex;align-items:center;gap:8px;background:none;border:none;padding:0;color:inherit;cursor:pointer;text-align:left;min-width:0;transition:transform .2s ease}.journey-flow__mobile-hud-btn:active{transform:scale(.97)}.journey-flow__mobile-hud-avatar-wrapper{width:38px;height:38px;border-radius:8px;border:2px solid #d97706;overflow:hidden;background:#00000080;position:relative;flex-shrink:0;box-shadow:0 2px 6px #0006;transition:border-color .2s ease,box-shadow .2s ease}.journey-flow__mobile-hud-btn:hover .journey-flow__mobile-hud-avatar-wrapper{border-color:#fbbf24;box-shadow:0 0 8px #fbbf2480}.journey-flow__mobile-hud-avatar{width:100%;height:100%;object-fit:cover}.journey-flow__mobile-hud-avatar--placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fbbf24}.journey-flow__mobile-hud-info{display:flex;flex-direction:column;gap:2px;min-width:0}.journey-flow__mobile-hud-label{font-family:Cinzel,serif;font-size:8px;font-weight:800;color:#fcd34d;letter-spacing:.1em;text-shadow:1px 1px 0px rgba(0,0,0,.6)}.journey-flow__mobile-hud-name{font-family:Outfit,Inter,system-ui,sans-serif;font-size:.8rem;font-weight:800;color:#fde68a;text-shadow:0 1px 2px rgba(0,0,0,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.journey-flow__mobile-hud-stats{display:flex;align-items:center;gap:12px;flex:1;justify-content:center;max-width:320px;margin:0 12px}.journey-flow__mobile-hud-bar-wrapper{display:flex;flex-direction:column;gap:3px;flex:1;min-width:50px}.journey-flow__mobile-hud-bar-info{display:flex;justify-content:space-between;font-size:9px;font-weight:900;font-family:Outfit,sans-serif;color:#fffbeb;text-shadow:0 1px 2px rgba(0,0,0,.9);letter-spacing:.05em}.journey-flow__mobile-hud-bar{width:100%;height:6px;background:#00000080;border-radius:3px;border:1px solid rgba(255,255,255,.1);overflow:hidden;position:relative;box-shadow:inset 0 1px 3px #0009}.journey-flow__mobile-hud-bar-fill{height:100%;border-radius:2px;transition:width .3s cubic-bezier(.4,0,.2,1)}.journey-flow__mobile-hud-bar-fill--hp{background:linear-gradient(to right,#ef4444,#b91c1c);box-shadow:0 0 6px #ef444480}.journey-flow__mobile-hud-bar-fill--mp{background:linear-gradient(to right,#3b82f6,#1d4ed8);box-shadow:0 0 6px #3b82f680}.journey-flow__mobile-exit-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:2px solid #8b5a2b;background:#0a0a0fcc;color:#fcd34d;cursor:pointer;box-shadow:0 2px 6px #0006;transition:transform .2s,background-color .2s}.journey-flow__mobile-exit-btn:active{transform:scale(.95);background:#8b5a2b4d}.journey-flow__popup-scroll{flex:1;min-height:0;overflow-y:auto;padding:45px 16px 20px;scrollbar-width:none}.journey-flow__popup-scroll::-webkit-scrollbar{display:none}.journey-flow__champion-panel{animation:none!important}.journey-flow__popup-scroll .champion-card__art-name{font-size:clamp(14px,6.5cqw,24px)!important}.journey-flow__popup-scroll .champion-card__abilities-text{font-size:clamp(11px,4.4cqw,17px)!important}.journey-flow__popup-scroll .champion-card__sale-badge,.journey-flow__popup-scroll .champion-card__price-badge{font-size:clamp(8px,3.2cqw,11px)!important}.journey-flow__popup-scroll .champion-card__tier-badge{min-width:clamp(44px,14cqw,64px)!important;padding:.75cqw .85cqw .8cqw!important}.journey-flow__popup-scroll .champion-card__tier-badge-letter{font-size:clamp(20px,7.5cqw,32px)!important}.journey-flow__popup-scroll .champion-card__tier-stat-value{font-size:clamp(10px,4.2cqw,15px)!important}.journey-flow__popup-scroll .champion-card__tier-stat-label{font-size:clamp(8px,3.2cqw,12px)!important}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes zoom-in-popup{0%{transform:scale(.9) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}}.journey-page{flex:1;min-height:0;display:flex;flex-direction:column;gap:16px;padding:12px 16px 24px;padding-bottom:calc(var(--game-nav-height, 88px) + 24px);overflow-y:auto}.journey-page__header{display:flex;align-items:flex-start;gap:12px;color:#c4b5fd}.journey-page__title{margin:0;font-size:22px;font-weight:800;color:#f3e8ff;text-transform:uppercase;letter-spacing:.04em}.journey-page__subtitle{margin:4px 0 0;font-size:13px;color:#a78bfa;line-height:1.4}.journey-page__loading,.journey-page__error{margin:0;font-size:14px;color:#fde68a}.journey-page__error{color:#fca5a5}.journey-page__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.journey-banner{position:relative;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 24px #0009;transition:transform .25s cubic-bezier(.25,.8,.25,1),box-shadow .25s;min-height:440px;background-color:#172b53;background-image:radial-gradient(circle at 50% 0%,rgba(59,130,246,.35) 0%,transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cpath d='M20 40 L50 45 L70 30 L110 35 L130 15 M70 30 L85 55 L75 75 L100 90 L95 120 M75 75 L45 80 L30 105 M100 90 L135 95 L150 80 L180 95 M135 95 L145 130 L170 145 M95 120 L110 155 L105 185 M110 155 L80 165 L65 190' stroke='%230a1222' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3Cpath d='M20 40 L50 45 L70 30 L110 35 L130 15 M70 30 L85 55 L75 75 L100 90 L95 120 M75 75 L45 80 L30 105 M100 90 L135 95 L150 80 L180 95 M135 95 L145 130 L170 145 M95 120 L110 155 L105 185 M110 155 L80 165 L65 190' stroke='%233b82f6' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' fill='none' opacity='0.55'/%3E%3C/svg%3E");background-size:100%,140px 140px;background-repeat:no-repeat,repeat}.journey-banner:after{content:"";position:absolute;inset:0;border-radius:16px;pointer-events:none;border:4px double #8b5a2b;box-shadow:inset 0 0 15px #5c350e59,0 0 0 2px #fbbf24;z-index:15;transition:box-shadow .25s ease-in-out}.journey-banner:hover{transform:translateY(-5px);box-shadow:0 16px 36px #000000bf,0 0 20px #fbbf2433}.journey-banner:hover:after{box-shadow:inset 0 0 20px #5c350e73,0 0 15px #fbbf24b3,0 0 0 2.5px #fbbf24}.journey-banner__corner{position:absolute;width:28px;height:28px;border:2px solid #8b5a2b;pointer-events:none;z-index:30}.journey-banner__corner:after{content:"";position:absolute;inset:2px;border:1.2px solid #fbbf24}.journey-banner__corner:before{content:"";position:absolute;width:6px;height:6px;background:radial-gradient(circle at 35% 35%,#fbbf24,#d97706 60%,#92400e);border:1px solid #78350f;border-radius:50%;box-shadow:0 1px 2px #0006;z-index:31}.journey-banner__corner--tl{top:8px;left:8px;border-right:none;border-bottom:none}.journey-banner__corner--tl:after{border-right:none;border-bottom:none}.journey-banner__corner--tl:before{top:-4px;left:-4px}.journey-banner__corner--tr{top:8px;right:8px;border-left:none;border-bottom:none}.journey-banner__corner--tr:after{border-left:none;border-bottom:none}.journey-banner__corner--tr:before{top:-4px;right:-4px}.journey-banner__corner--bl{bottom:8px;left:8px;border-right:none;border-top:none}.journey-banner__corner--bl:after{border-right:none;border-top:none}.journey-banner__corner--bl:before{bottom:-4px;left:-4px}.journey-banner__corner--br{bottom:8px;right:8px;border-left:none;border-top:none}.journey-banner__corner--br:after{border-left:none;border-top:none}.journey-banner__corner--br:before{bottom:-4px;right:-4px}.journey-banner--ended{opacity:.7;filter:grayscale(.55) contrast(.95)}.journey-banner--ended:after{border-color:#6b7280!important;box-shadow:inset 0 0 15px #0006!important}.journey-banner--won:after{border-color:#22c55e!important;box-shadow:inset 0 0 15px #16653459,0 0 15px #22c55e73!important}.journey-banner__entry-badge{position:absolute;top:10px;left:10px;z-index:12;display:inline-flex;align-items:center;gap:5px;background:linear-gradient(135deg,#9f1239,#e11d48,#881337);padding:6px 12px;border-radius:20px;border:1.8px solid #fecdd3;box-shadow:0 4px 10px #00000080,0 0 10px #f43f5e66;font-size:14px;font-weight:900;color:#fff1f2;text-shadow:0 1px 2px rgba(0,0,0,.6)}.journey-banner__image-container{position:relative;height:190px;flex-shrink:0;overflow:hidden;border-bottom:4px double #8b5a2b;box-shadow:0 4px 10px #00000080}.journey-banner__bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .4s cubic-bezier(.25,.8,.25,1)}.journey-banner:hover .journey-banner__bg{transform:scale(1.06)}.journey-banner__overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0a071a00,#0a071a33 60%,#0a071a73);pointer-events:none}.journey-banner__status{position:absolute;top:10px;right:10px;z-index:12}.journey-banner__countdown{display:flex;flex-direction:row;align-items:center;gap:6px;background:#0f172ad9;border:1.5px solid rgba(245,158,11,.55);box-shadow:0 4px 10px #00000080,0 0 8px #f59e0b33;padding:5px 12px;border-radius:20px;backdrop-filter:blur(4px)}.journey-banner__countdown-label{font-family:Cinzel,Georgia,serif;font-size:9px;font-weight:700;text-transform:uppercase;color:#fbbf24;letter-spacing:.05em}.journey-banner__countdown-value{font-size:12px;font-weight:850;color:#fffbeb;text-shadow:0 1px 2px rgba(0,0,0,.5)}.journey-banner__won-label{display:inline-flex;padding:6px 14px;border-radius:20px;font-family:Cinzel,Georgia,serif;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#fef08a;background:linear-gradient(135deg,#15803d,#22c55e,#166534);border:1.8px solid #bbf7d0;box-shadow:0 4px 10px #00000080,0 0 12px #22c55e73;text-shadow:0 1px 2px rgba(0,0,0,.6)}.journey-banner__content{position:relative;z-index:1;display:flex;flex-direction:column;flex:1;padding:16px 20px 20px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='42' fill='none' stroke='%238b5a2b' stroke-width='0.5' stroke-dasharray='3 2' opacity='0.12'/%3E%3Ccircle cx='50' cy='50' r='32' fill='none' stroke='%238b5a2b' stroke-width='0.3' opacity='0.08'/%3E%3C/svg%3E") no-repeat center / 180px 180px,url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E") repeat,radial-gradient(circle at 50% 50%,transparent 50%,rgba(92,53,14,.25) 100%),linear-gradient(to bottom,#fdfaf2,#f4e9d0 50%,#e8d7b3 85%,#d8c295);box-shadow:inset 0 6px 12px -6px #0009,inset 0 0 20px #5c350e26}.journey-banner__info{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;text-align:center}.journey-banner__title{margin:0;font-family:Cinzel,Georgia,serif;font-size:20px;font-weight:900;color:#4c2c0c;text-transform:uppercase;letter-spacing:.06em;text-shadow:1px 1px 0px rgba(255,255,255,.8)}.journey-banner__title-divider{height:8px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='15' y1='5' x2='85' y2='5' stroke='%238b5a2b' stroke-width='0.8' stroke-dasharray='1 3'/%3E%3Cpolygon points='50,2 53,5 50,8 47,5' fill='%238b5a2b'/%3E%3C/svg%3E") no-repeat center / 140px 8px;margin:2px 0 6px}.journey-banner__desc{margin:0;font-size:13.5px;line-height:1.5;color:#3b200b;font-weight:700;filter:drop-shadow(.5px .5px 0px rgba(255,255,255,.5));display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.journey-banner__rewards{display:flex;flex-direction:column;gap:6px;margin-top:auto;margin-bottom:16px;align-items:center}.journey-banner__rewards-label{font-family:Cinzel,Georgia,serif;font-size:11px;font-weight:800;text-transform:uppercase;color:#6e4620;letter-spacing:.06em;text-shadow:.5px .5px 0px rgba(255,255,255,.55)}.journey-banner__gifts{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.journey-gift-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:8px;font-size:11px;font-weight:800;color:#fff9f2;background:linear-gradient(135deg,#2e1d0f,#4a301a,#1e1208);border:1.5px solid #d97706;box-shadow:0 3px 6px #0006,inset 0 1px 1px #ffffff26;text-transform:uppercase;letter-spacing:.05em;transition:filter .15s ease,box-shadow .15s ease}.journey-gift-badge:hover{filter:brightness(1.15);box-shadow:0 4px 10px #d9770659,inset 0 1px 1px #fff3}.journey-gift-badge--ruby{background:transparent;border:none;box-shadow:none;padding:0;font-size:15px;font-weight:900;color:#be123c;text-shadow:.5px .5px 0px rgba(255,255,255,.6);gap:6px}.journey-banner__footer{display:flex;flex-direction:column;gap:12px}.journey-banner__btn{width:100%;height:48px;font-size:18px;font-weight:900;letter-spacing:.05em}.ability-upgrade-celebration{position:fixed;inset:0;z-index:2900;display:flex;justify-content:center;align-items:center;overflow:hidden;font-family:Outfit,Inter,sans-serif}.ability-upgrade-celebration__backdrop{position:absolute;inset:0;background:#080412d1;backdrop-filter:blur(6px);z-index:1}.ability-upgrade-celebration__particles{position:absolute;inset:0;pointer-events:none;z-index:2}.ability-upgrade-celebration__particle{position:absolute;width:10px;height:10px;border-radius:50%;opacity:0}.ability-upgrade-celebration__particle--0{left:18%;top:28%;background:radial-gradient(circle,#c084fc,transparent);animation:ability-celebration-float 3s ease-in-out infinite}.ability-upgrade-celebration__particle--1{left:78%;top:22%;background:radial-gradient(circle,#a78bfa,transparent);animation:ability-celebration-float 3.4s ease-in-out .4s infinite}.ability-upgrade-celebration__particle--2{left:52%;top:72%;background:radial-gradient(circle,#e9d5ff,transparent);animation:ability-celebration-float 2.8s ease-in-out .8s infinite}@keyframes ability-celebration-float{0%,to{opacity:0;transform:translateY(0) scale(.6)}30%,70%{opacity:.9;transform:translateY(-18px) scale(1)}}.ability-upgrade-celebration__content{position:relative;z-index:10;width:90%;max-width:380px;padding:28px 24px 24px;text-align:center;color:#fff;border-radius:20px;border:3px solid rgba(167,139,250,.85);background:linear-gradient(145deg,#2d1b4e,#120a22);box-shadow:0 16px 40px #0000008c,0 0 32px #8b5cf640;overflow:hidden}.ability-upgrade-celebration__glow{position:absolute;top:-40%;left:-30%;width:160%;height:160%;background:radial-gradient(circle at center,rgba(167,139,250,.12) 0%,transparent 65%);pointer-events:none;animation:ability-celebration-glow 3.5s ease-in-out infinite}@keyframes ability-celebration-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.ability-upgrade-celebration__icon-wrap{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:12px;border-radius:50%;background:#8b5cf640;border:2px solid rgba(196,181,253,.5);color:#e9d5ff;animation:ability-celebration-icon .8s cubic-bezier(.34,1.56,.64,1)}@keyframes ability-celebration-icon{0%{transform:scale(.4) rotate(-20deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.ability-upgrade-celebration__title{position:relative;z-index:1;margin:0 0 14px;font-size:1.35rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#f3e8ff;text-shadow:0 2px 8px rgba(139,92,246,.45)}.ability-upgrade-celebration__tier-shift{position:relative;z-index:1;display:inline-flex;align-items:center;gap:10px;margin-bottom:16px}.ability-upgrade-celebration__tier{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;border-radius:8px;font-size:14px;font-weight:900;letter-spacing:.04em}.ability-upgrade-celebration__tier--d{background:#4b5563;color:#f9fafb}.ability-upgrade-celebration__tier--c{background:#15803d;color:#f0fdf4}.ability-upgrade-celebration__tier--b{background:#1d4ed8;color:#eff6ff}.ability-upgrade-celebration__tier--a{background:#7c3aed;color:#f5f3ff}.ability-upgrade-celebration__tier--s{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff}.ability-upgrade-celebration__tier--locked{background:#4b5563d9;color:#d1d5db;border:1px solid rgba(156,163,175,.45)}.ability-upgrade-celebration__tier-arrow{font-size:18px;font-weight:900;color:#c4b5fd}.ability-upgrade-celebration__ability-card{position:relative;z-index:1;width:100%;margin-bottom:20px;padding:14px 16px;border-radius:12px;background:#00000059;border:1px solid rgba(167,139,250,.35);text-align:left;box-sizing:border-box}.ability-upgrade-celebration__ability-title{margin:0 0 8px;font-size:15px;font-weight:800;color:#fff;text-align:left}.ability-upgrade-celebration__ability-desc{margin:0;font-size:12px;line-height:1.45;color:#e9d5ffe6;text-align:left}.champion-detail{position:fixed;inset:0;z-index:2600;display:flex;align-items:center;justify-content:center;padding:16px;text-align:left}.champion-detail__backdrop{position:absolute;inset:0;background:#08060dd1;backdrop-filter:blur(6px)}.champion-detail__panel{position:relative;z-index:1;width:min(520px,100%);max-height:min(92svh,760px);animation:champion-detail-enter .35s ease-out}.champion-detail__frame{position:relative;display:flex;flex-direction:column;max-height:min(92svh,760px);text-align:left;border-radius:16px;overflow:hidden;background-color:#172b53;background-image:radial-gradient(circle at 50% 0%,rgba(59,130,246,.35) 0%,transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cpath d='M20 40 L50 45 L70 30 L110 35 L130 15 M70 30 L85 55 L75 75 L100 90 L95 120 M75 75 L45 80 L30 105 M100 90 L135 95 L150 80 L180 95 M135 95 L145 130 L170 145 M95 120 L110 155 L105 185 M110 155 L80 165 L65 190' stroke='%230a1222' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3Cpath d='M20 40 L50 45 L70 30 L110 35 L130 15 M70 30 L85 55 L75 75 L100 90 L95 120 M75 75 L45 80 L30 105 M100 90 L135 95 L150 80 L180 95 M135 95 L145 130 L170 145 M95 120 L110 155 L105 185 M110 155 L80 165 L65 190' stroke='%233b82f6' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' fill='none' opacity='0.55'/%3E%3C/svg%3E");background-size:100%,140px 140px;background-repeat:no-repeat,repeat;border:3.5px solid #d97706;box-shadow:0 24px 64px #000000bf,0 2.5px #92400e,inset 0 1px #ffffff40,inset 0 -2px #fbbf24}.champion-detail__corner{position:absolute;width:14px;height:14px;background:radial-gradient(circle at 35% 35%,#fbbf24,#d97706 60%,#92400e);border:2px solid #78350f;box-shadow:0 1px 3px #00000073,inset 0 1px #ffffff59;z-index:10;border-radius:4px}.champion-detail__corner:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;background:#fef08a;border-radius:50%;box-shadow:0 .5px 1px #00000080}.champion-detail__corner--tl{top:-2px;left:-2px}.champion-detail__corner--tr{top:-2px;right:-2px}.champion-detail__corner--bl{bottom:-2px;left:-2px}.champion-detail__corner--br{bottom:-2px;right:-2px}.champion-detail__close{position:absolute;top:12px;right:12px;z-index:3;width:32px;height:32px;border:none;border-radius:50%;background:#00000059;color:#ffffffb3;cursor:pointer}.champion-detail__close:hover{color:#fde68a;background:#5b21b666}.champion-detail__body{display:flex;flex-direction:column;overflow-y:auto;max-height:min(92svh,760px)}.champion-detail__main-col{flex-shrink:0}.champion-detail__abilities-col{flex:1;min-height:0}.champion-detail__hero-row{display:flex;align-items:center;gap:14px;padding:20px 48px 14px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.champion-detail__portrait{width:72px;height:92px;object-fit:cover;object-position:center 15%;border-radius:10px;border:2px solid rgba(255,255,255,.2);flex-shrink:0}.champion-detail__portrait--placeholder{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 50%,#2e2b5c,#0a071a);color:#a78bfa}.champion-detail__hero-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:4px}.champion-detail__name{margin:0;font-size:20px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:#f3e8ff;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.champion-detail__record{margin:0;font-size:14px;font-weight:700;color:#fde68a}.champion-detail__mp-badge{flex-shrink:0;height:28px;background:linear-gradient(135deg,#1d4ed8,#3b82f6,#1e40af);display:flex;align-items:center;padding:0 14px 0 10px;box-sizing:border-box;clip-path:polygon(0 0,84% 0,100% 100%,0 100%);font-size:14px;font-weight:950;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.6);border-left:1px solid rgba(255,255,255,.2);letter-spacing:.02em;line-height:1;white-space:nowrap}.champion-detail__mp-badge--pulse{animation:champion-mp-pulse .7s ease-out,champion-mp-pop .45s cubic-bezier(.34,1.56,.64,1)}.champion-detail__upgrade-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 20px 0}.champion-detail__upgrade-row--single{grid-template-columns:1fr}.champion-detail__upgrade-row .champion-detail__action-btn .game-btn__surface{flex-direction:row;justify-content:space-between;gap:8px;padding:10px 14px}.champion-detail__upgrade-row .champion-detail__action-btn .game-btn__label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:8px}.champion-detail__section{padding:14px 20px 20px}.champion-detail__section--stats{padding-top:14px}.champion-detail__section--abilities{padding-top:0}.champion-detail__section-title{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffffa6}.champion-detail__stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.champion-detail__stat{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:8px;background:#00000047;border:1px solid rgba(255,255,255,.08)}.champion-detail__stat-label{font-size:12px;font-weight:600;color:#ffffff8c;text-transform:uppercase;letter-spacing:.04em}.champion-detail__stat-value{font-size:15px;font-weight:800;color:#fff}.champion-detail__abilities{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.champion-detail__ability{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;background:#00000040;border:1px solid rgba(255,255,255,.08)}.champion-detail__ability--locked .champion-detail__ability-body{opacity:.85}.champion-detail__ability--unlocking{animation:champion-ability-unlock .9s ease-out}.champion-detail__ability--upgraded{animation:champion-ability-upgrade .9s ease-out}.champion-detail__ability--forging{position:relative;border-color:#a78bfa73;box-shadow:0 0 0 1px #8b5cf640,0 0 18px #8b5cf62e}.champion-detail__ability--forging .champion-detail__ability-body{opacity:.92}.champion-detail__ability-title--forging,.champion-detail__ability-desc--forging{animation:champion-ability-forge-pulse 1.2s ease-in-out infinite}.champion-detail__ability-desc--line{font-size:12px;line-height:1.45;color:#e9d5ffe0;word-break:break-word;text-align:left}.champion-detail__ability-forge{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:4px 10px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#ddd6fe;background:#8b5cf633;border:1px solid rgba(167,139,250,.35)}.champion-detail__ability-forge-spinner{width:12px;height:12px;flex-shrink:0;border:2px solid rgba(196,181,253,.35);border-top-color:#c4b5fd;border-radius:50%;animation:champion-forge-spin .75s linear infinite}.champion-detail__ability-forge .game-icon--win{color:#c4b5fd;animation:champion-forge-sparkle 1s ease-in-out infinite}.champion-detail__ability-error{margin:8px 0 0;font-size:11px;font-weight:600;color:#fca5a5;line-height:1.35}.champion-detail__ability-tier--forging{animation:champion-tier-forge-glow 1.2s ease-in-out infinite}.champion-detail__ability-tier-shift{font-size:9px;line-height:1;font-weight:900;letter-spacing:-.02em;white-space:nowrap}.champion-detail__ability-tier--promote{animation:champion-tier-promote .75s cubic-bezier(.34,1.56,.64,1)}.champion-detail__ability-max{flex-shrink:0;align-self:center;min-width:92px;padding:8px 12px;border-radius:8px;font-size:11px;font-weight:800;letter-spacing:.08em;text-align:center;color:#facc15e6;background:#facc151f;border:1px solid rgba(250,204,21,.35)}.champion-detail__ability-tier{width:36px;height:36px;min-width:36px;min-height:36px;border-radius:50%;border:2px solid #fff;box-shadow:0 4px 8px #0009,inset 0 1.5px 2px #ffffff80;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;color:#fff;flex-shrink:0;line-height:1;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.champion-detail__ability-tier--s{background:radial-gradient(circle at 35% 35%,#fffbeb,#facc15,#b45309);border-color:#fef08a}.champion-detail__ability-tier--a{background:radial-gradient(circle at 35% 35%,#faf5ff,#a855f7,#6b21a8);border-color:#e9d5ff}.champion-detail__ability-tier--b{background:radial-gradient(circle at 35% 35%,#fff7ed,#f97316,#9a3412);border-color:#ffedd5}.champion-detail__ability-tier--c{background:radial-gradient(circle at 35% 35%,#e0f2fe,#3b82f6,#1e3a8a);border-color:#bae6fd}.champion-detail__ability-tier--d{background:radial-gradient(circle at 35% 35%,#f9fafb,#9ca3af,#374151);border-color:#f3f4f6}.champion-detail__ability-tier--locked{background:#0f172ad9;border-color:#ffffff40;border-style:dashed;color:#ffffff80;text-shadow:none;box-shadow:0 4px 8px #00000080}.champion-detail__ability-body{flex:1;min-width:0}.champion-detail__ability-title{display:block;font-size:13px;font-weight:800;color:#f3e8ff;text-transform:uppercase;letter-spacing:.03em;margin-bottom:0;text-align:left}.champion-detail__ability-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:8px;margin-bottom:3px}.champion-detail__ability-mp{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#c4b5fd;background:#8b5cf638;border:1px solid rgba(167,139,250,.35);white-space:nowrap}.champion-detail__ability-mp .game-icon--mp{color:#a78bfa}.champion-detail__ability-desc{margin:0;font-size:12px;line-height:1.4;color:#ffffffad;text-align:left}.champion-detail__action-btn{--btn-height: 44px;--btn-font-size: 11px;flex-shrink:0;align-self:center;min-width:92px}.champion-detail__action-btn .game-btn__surface{flex-direction:column;gap:2px;padding:8px 12px}.champion-detail__action-btn .game-btn__label{display:flex;flex-direction:column;align-items:center;gap:2px;line-height:1.15}.champion-detail__action-btn--low-funds{opacity:.65}.champion-detail__action-btn--loading{opacity:.85;pointer-events:none}.champion-detail__action-btn--loading .champion-detail__action-btn-text:before{content:"";display:inline-block;width:10px;height:10px;margin-right:6px;vertical-align:-1px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:champion-forge-spin .75s linear infinite}.champion-detail__action-btn-text{letter-spacing:.06em}.champion-detail__action-btn-cost{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:800;color:#fecaca;letter-spacing:0;text-transform:none}@keyframes champion-detail-enter{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes champion-mp-pulse{0%{filter:brightness(1);box-shadow:none}40%{filter:brightness(1.25);box-shadow:0 0 0 2px #3b82f680,0 0 16px #3b82f673}to{filter:brightness(1);box-shadow:none}}@keyframes champion-mp-pop{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes champion-ability-unlock{0%{border-color:#ffffff14;background:#00000040}30%{border-color:#4ade80b3;background:#16653459;box-shadow:0 0 20px #4ade8040}to{border-color:#ffffff14;background:#00000040;box-shadow:none}}@keyframes champion-ability-upgrade{0%{border-color:#ffffff14}35%{border-color:#c084fcbf;background:#5b21b647;box-shadow:0 0 22px #a855f759;transform:translate(2px)}to{border-color:#ffffff14;background:#00000040;box-shadow:none;transform:translate(0)}}@keyframes champion-tier-promote{0%{transform:scale(1) rotate(0)}40%{transform:scale(1.28) rotate(-8deg);filter:brightness(1.35)}70%{transform:scale(1.15) rotate(4deg)}to{transform:scale(1) rotate(0);filter:brightness(1)}}@keyframes champion-forge-spin{to{transform:rotate(360deg)}}@keyframes champion-ability-forge-pulse{0%,to{opacity:.45}50%{opacity:1}}@keyframes champion-forge-sparkle{0%,to{transform:scale(1) rotate(0);opacity:.7}50%{transform:scale(1.15) rotate(12deg);opacity:1}}@keyframes champion-tier-forge-glow{0%,to{box-shadow:0 4px 8px #0009,inset 0 1.5px 2px #ffffff80,0 0 #a78bfa00}50%{box-shadow:0 4px 8px #0009,inset 0 1.5px 2px #ffffff80,0 0 14px #a78bfabf}}@media(min-width:768px){.champion-detail__panel{width:min(920px,96vw);max-height:min(88svh,640px)}.champion-detail__frame{max-height:min(88svh,640px)}.champion-detail__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:0;max-height:min(88svh,640px);overflow:hidden}.champion-detail__main-col{overflow-y:auto;border-right:1px solid rgba(255,255,255,.08)}.champion-detail__hero-row{border-bottom:none;padding-bottom:10px}.champion-detail__abilities-col{overflow-y:auto;padding-top:20px}.champion-detail__section--abilities{padding-top:0;height:100%;display:flex;flex-direction:column}.champion-detail__abilities{flex:1}.champion-detail__section--stats{padding-bottom:20px}}@media(max-width:767px){.champion-detail__hero-row{padding-right:44px}.champion-detail__upgrade-row{grid-template-columns:1fr}.champion-detail__section--abilities{padding-top:0;border-top:1px solid rgba(255,255,255,.08)}.champion-detail__ability{flex-wrap:wrap}.champion-detail__action-btn{width:100%}.champion-detail__action-btn .game-btn__label{flex-direction:row;justify-content:space-between;width:100%}}.champion-detail__market-row,.champion-detail__market-buy{display:flex;flex-direction:column;gap:10px;margin-bottom:12px;padding:14px 20px 20px;background:transparent;border:none}.champion-detail__market-status{display:flex;align-items:center;justify-content:center;gap:6px;margin:0;font-size:14px;font-weight:700;color:#fde047}.champion-detail__market-hint{margin:0 0 8px;font-size:12px;line-height:1.45;color:#fecacad9;text-align:center}.champion-detail__market-price{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffff8c}.champion-detail__market-price-input{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;background:#00000059;border:1px solid rgba(251,191,36,.3)}.champion-detail__market-price-input input{flex:1;border:none;background:transparent;color:#fffbdf;font-size:18px;font-weight:800;outline:none}.champion-detail__market-seller{margin:0;text-align:center;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#ffffff80}.champion-detail__market-price-tag{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:12px;background:linear-gradient(135deg,#be123c40,#f43f5e26);border:2px solid rgba(244,63,94,.45);font-size:28px;font-weight:900;color:#fecdd3;text-shadow:0 2px 8px rgba(0,0,0,.4)}.champion-detail__market-buttons-row{display:flex;gap:10px;width:100%}.champion-detail__price-modal{position:fixed;inset:0;z-index:2800;display:flex;align-items:center;justify-content:center;padding:16px}.champion-detail__price-modal-backdrop{position:absolute;inset:0;background:#08060dbf;backdrop-filter:blur(4px)}.champion-detail__price-modal-content{position:relative;z-index:1;width:min(340px,100%);background:linear-gradient(180deg,#231b35,#150f22);border:2px solid #fbbf24;box-shadow:0 16px 48px #000c,0 0 12px #fbbf2426;border-radius:16px;padding:20px;text-align:center}.champion-detail__price-modal-title{margin:0 0 8px;font-size:18px;font-weight:900;color:#fffbdf;text-transform:uppercase;letter-spacing:.04em;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.champion-detail__price-modal-desc{margin:0 0 16px;font-size:13px;color:#fff9}.champion-detail__price-modal-desc strong{color:#f3e8ff}.champion-detail__price-modal-input-wrapper{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:12px;background:#0006;border:2px solid rgba(251,191,36,.4);margin-bottom:20px;max-width:180px;margin-left:auto;margin-right:auto}.champion-detail__price-modal-input{width:80px;border:none;background:transparent;color:#fffbdf;font-family:Outfit,sans-serif;font-size:22px;font-weight:900;outline:none;text-align:center}.champion-detail__price-modal-input::-webkit-outer-spin-button,.champion-detail__price-modal-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.champion-detail__price-modal-actions{display:flex;gap:12px;justify-content:center}.champion-detail__price-modal-actions button{flex:1}.animate-pop{animation:price-modal-pop .25s cubic-bezier(.34,1.56,.64,1)}@keyframes price-modal-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.player-avatar{--avatar-size: 40px;position:relative;flex-shrink:0;width:var(--avatar-size);height:var(--avatar-size);display:flex;align-items:center;justify-content:center}.player-avatar__glow{position:absolute;inset:-5px;border-radius:50%;background:radial-gradient(circle at 50% 70%,rgba(251,191,36,.4) 0%,rgba(170,59,255,.2) 50%,transparent 72%);filter:blur(5px)}.player-avatar__frame{position:absolute;inset:0;border-radius:50%;background:linear-gradient(145deg,#fde68a,#d97706 40%,#92400e 75%,#fbbf24);padding:3px;box-shadow:0 2px #78350f,0 4px 14px #00000073,inset 0 1px #ffffff73}.player-avatar__corner{display:none}.player-avatar__inner{position:relative;z-index:1;width:calc(100% - 6px);height:calc(100% - 6px);margin:3px;border-radius:50%;overflow:hidden;background:linear-gradient(160deg,#312e81,#5b21b6);border:1px solid rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center}.player-avatar__img{width:100%;height:100%;object-fit:cover}.player-avatar__initials{font-size:calc(var(--avatar-size) * .34);font-weight:800;color:#fef3c7;text-shadow:0 1px 2px rgba(0,0,0,.5);letter-spacing:.04em}.player-avatar__badge{position:absolute;bottom:0;right:0;z-index:2;width:11px;height:11px;border-radius:50%;background:linear-gradient(145deg,#c084fc,#7c3aed);border:2px solid #fde68a;box-shadow:0 1px 4px #0006}.game-result{position:fixed;inset:0;z-index:220;display:flex;align-items:stretch;justify-content:center;overflow:hidden}.game-result__burst{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(251,191,36,.25),transparent 55%);opacity:0;animation:game-result-burst 1.2s ease forwards}.game-result--win .game-result__burst{background:radial-gradient(circle at center,rgba(251,191,36,.35),transparent 60%)}.game-result--loss .game-result__burst{background:radial-gradient(circle at center,rgba(127,29,29,.35),transparent 60%)}@keyframes game-result-burst{0%{opacity:0;transform:scale(.5)}50%{opacity:1}to{opacity:.6;transform:scale(1.2)}}.game-result__content{position:relative;z-index:1;width:min(400px,92vw);max-height:92vh;margin:auto;padding:36px 24px 28px;border-radius:12px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='42' fill='none' stroke='%238b5a2b' stroke-width='0.5' stroke-dasharray='3 2' opacity='0.16'/%3E%3Ccircle cx='50' cy='50' r='36' fill='none' stroke='%238b5a2b' stroke-width='0.3' opacity='0.12'/%3E%3Ccircle cx='50' cy='50' r='28' fill='none' stroke='%238b5a2b' stroke-width='0.4' stroke-dasharray='5 5' opacity='0.14'/%3E%3Ccircle cx='50' cy='50' r='20' fill='none' stroke='%238b5a2b' stroke-width='0.3' opacity='0.12'/%3E%3C/svg%3E") no-repeat center / 220px 220px,url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E") repeat,radial-gradient(circle at 50% 50%,transparent 40%,rgba(92,53,14,.35) 100%),linear-gradient(to bottom,#fdfaf2,#f4e9d0 50%,#e8d7b3 85%,#d8c295);border:4px double #8b5a2b;box-shadow:0 24px 60px #000000d9,inset 0 0 30px #5c350e40,0 0 0 3px #fbbf24;text-align:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transform:translateY(30px) scale(.98);transition:opacity .6s ease,transform .6s cubic-bezier(.34,1.4,.64,1);overflow-y:auto}.game-result--revealed .game-result__content{opacity:1;transform:translateY(0) scale(1)}.game-result__icon{margin:0 auto 12px;width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:game-result-icon .8s cubic-bezier(.34,1.6,.64,1)}.game-result__icon--win{background:radial-gradient(circle,#fbbf2459,#b4530933);border:2px solid rgba(251,191,36,.5);color:#fde68a;box-shadow:0 0 30px #fbbf2466}.game-result__icon--loss{background:radial-gradient(circle,#7f1d1d66,#0000004d);border:2px solid rgba(239,68,68,.4);color:#fca5a5}@keyframes game-result-icon{0%{transform:scale(0) rotate(-20deg)}to{transform:scale(1) rotate(0)}}.game-result__title{margin:0 0 6px;font-family:Cinzel,Georgia,serif;font-size:1.95rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#4c2c0c;text-shadow:1px 1px 0px rgba(255,255,255,.8)}.game-result--win .game-result__title{color:#5c3b16}.game-result--loss .game-result__title{color:#7f1d1d}.game-result__subtitle{margin:0 0 22px;color:#3d250d;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:700}.game-result__fighters{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px;width:100%}.game-result__fighter{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:14px 10px;border-radius:12px;background:#8b5a2b0f;border:1px solid rgba(139,90,43,.22)}.game-result__fighter--self{background:#fbbf240d;border-color:#d9770652}.game-result__avatar-wrap{display:flex;justify-content:center;align-items:center;width:100%}.game-result__name{display:block;margin-top:8px;font-weight:800;color:#2c1906;font-size:.85rem;width:100%}.game-result__trophy-change{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;padding:4px 12px;border-radius:999px;font-weight:900;font-size:.85rem}.game-result__trophy-change--gain{background:#d977061f;border:1px solid rgba(217,119,6,.35);color:#92400e;animation:game-trophy-float 1s ease infinite alternate}.game-result__trophy-change--loss{background:#991b1b14;border:1px solid rgba(153,27,27,.25);color:#991b1b}@keyframes game-trophy-float{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.game-result__content .game-button{width:100%}.narrative-corner{position:absolute;width:24px;height:24px;border:2px solid #8b5a2b;pointer-events:none;z-index:5}.narrative-corner:after{content:"";position:absolute;inset:2px;border:1px solid #fbbf24}.narrative-corner--tl{top:12px;left:12px;border-right:none;border-bottom:none}.narrative-corner--tl:after{border-right:none;border-bottom:none}.narrative-corner--tr{top:12px;right:12px;border-left:none;border-bottom:none}.narrative-corner--tr:after{border-left:none;border-bottom:none}.narrative-corner--bl{bottom:12px;left:12px;border-right:none;border-top:none}.narrative-corner--bl:after{border-right:none;border-top:none}.narrative-corner--br{bottom:12px;right:12px;border-left:none;border-top:none}.narrative-corner--br:after{border-left:none;border-top:none}.leaderboard-page{flex:1;display:flex;flex-direction:column;min-height:0;width:100%;overflow:hidden;font-family:Outfit,Inter,system-ui,-apple-system,sans-serif}.leaderboard-page__header{flex-shrink:0;padding:12px 16px 8px;background:transparent;z-index:10}.leaderboard-page__languages{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.leaderboard-page__lang-btn{padding:5px 10px;border-radius:999px;border:1.5px solid rgba(251,191,36,.35);background:#0000008c;color:#fffbdfbf;font-family:Outfit,sans-serif;font-size:11px;font-weight:800;cursor:pointer;transition:border-color .15s,color .15s,transform .12s}.leaderboard-page__lang-btn:hover{transform:scale(1.04);color:#fffbdf}.leaderboard-page__lang-btn--active{border-color:#fbbf24;color:#fffbdf;background:linear-gradient(135deg,#f59e0b59,#92400e73);box-shadow:0 0 10px #fbbf2440}.leaderboard-page__my-rank{display:flex;align-items:center;gap:12px;margin-top:12px;padding:10px 14px;border-radius:14px;position:relative;background-color:#172b53;background-image:radial-gradient(circle at 50% 0%,rgba(59,130,246,.35) 0%,transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cpath d='M20 40 L50 45 L70 30 L110 35 L130 15 M70 30 L85 55 L75 75 L100 90 L95 120 M75 75 L45 80 L30 105 M100 90 L135 95 L150 80 L180 95 M135 95 L145 130 L170 145 M95 120 L110 155 L105 185 M110 155 L80 165 L65 190' stroke='%230a1222' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3Cpath d='M20 40 L50 45 L70 30 L110 35 L130 15 M70 30 L85 55 L75 75 L100 90 L95 120 M75 75 L45 80 L30 105 M100 90 L135 95 L150 80 L180 95 M135 95 L145 130 L170 145 M95 120 L110 155 L105 185 M110 155 L80 165 L65 190' stroke='%233b82f6' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' fill='none' opacity='0.55'/%3E%3C/svg%3E");background-size:100%,140px 140px;background-repeat:no-repeat,repeat;border:3px solid #d97706;box-shadow:0 6px 16px #00000073,0 2px #92400e,inset 0 1px #ffffff40,inset 0 -2px #fbbf24}.leaderboard-page__my-rank:before,.leaderboard-page__my-rank:after{content:"";position:absolute;width:8px;height:8px;background:radial-gradient(circle at 35% 35%,#fbbf24,#d97706 60%,#92400e);border:1px solid #78350f;border-radius:50%;box-shadow:0 1px 2px #0006;z-index:5}.leaderboard-page__my-rank:before{top:4px;left:4px}.leaderboard-page__my-rank:after{top:4px;right:4px}.leaderboard-page__my-rank-main{display:flex;align-items:baseline;gap:8px;flex:1;min-width:0}.leaderboard-page__my-rank-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#fffbdfa6}.leaderboard-page__my-rank-value{font-size:22px;font-weight:950;color:#fbbf24;text-shadow:0 0 12px rgba(251,191,36,.35)}.leaderboard-page__my-rank-total{font-size:12px;font-weight:700;color:#fffbdf8c}.leaderboard-page__my-rank-trophies{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:900;color:#fffbdf}.leaderboard-page__my-rank-actions{flex-shrink:0}.leaderboard-page__link-btn{border:none;background:transparent;color:#fbbf24;font-family:Outfit,sans-serif;font-size:12px;font-weight:800;text-decoration:underline;cursor:pointer;padding:4px 0}.leaderboard-page__link-btn:disabled{opacity:.5;cursor:not-allowed}.leaderboard-page__hint{margin:8px 0 0;text-align:center;font-size:12px;font-weight:700;color:#fffbdf8c}.leaderboard-page__body{flex:1;min-height:0;overflow-y:auto;padding:8px 16px 16px;padding-bottom:calc(var(--game-nav-height, 88px) + 16px);scrollbar-width:thin;scrollbar-color:rgba(251,191,36,.3) rgba(0,0,0,.2)}.leaderboard-page__body::-webkit-scrollbar{width:6px}.leaderboard-page__body::-webkit-scrollbar-track{background:#0003}.leaderboard-page__body::-webkit-scrollbar-thumb{background-color:#fbbf244d;border-radius:3px}.leaderboard-page__table-wrap{width:100%;padding:12px;box-sizing:border-box;border-radius:16px;position:relative;margin-top:8px;background-color:#172b53;background-image:radial-gradient(circle at 50% 0%,rgba(59,130,246,.35) 0%,transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cpath d='M20 40 L50 45 L70 30 L110 35 L130 15 M70 30 L85 55 L75 75 L100 90 L95 120 M75 75 L45 80 L30 105 M100 90 L135 95 L150 80 L180 95 M135 95 L145 130 L170 145 M95 120 L110 155 L105 185 M110 155 L80 165 L65 190' stroke='%230a1222' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3Cpath d='M20 40 L50 45 L70 30 L110 35 L130 15 M70 30 L85 55 L75 75 L100 90 L95 120 M75 75 L45 80 L30 105 M100 90 L135 95 L150 80 L180 95 M135 95 L145 130 L170 145 M95 120 L110 155 L105 185 M110 155 L80 165 L65 190' stroke='%233b82f6' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' fill='none' opacity='0.55'/%3E%3C/svg%3E");background-size:100%,140px 140px;background-repeat:no-repeat,repeat;border:3px solid #d97706;box-shadow:0 8px 24px #00000080,0 2px #92400e,inset 0 1px #ffffff40,inset 0 -2px #fbbf24}.leaderboard-page__table-wrap:before,.leaderboard-page__table-wrap:after{content:"";position:absolute;width:8px;height:8px;background:radial-gradient(circle at 35% 35%,#fbbf24,#d97706 60%,#92400e);border:1px solid #78350f;border-radius:50%;box-shadow:0 1px 2px #0006;z-index:5}.leaderboard-page__table-wrap:before{top:4px;left:4px}.leaderboard-page__table-wrap:after{top:4px;right:4px}.leaderboard-page__table{width:100%;border-collapse:separate;border-spacing:0 8px;table-layout:fixed}.leaderboard-page__col-rank{width:36px;max-width:36px;padding-left:8px!important;padding-right:4px!important}.leaderboard-page__table thead th{padding:0 10px 4px;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#fffbdf73;text-align:left}.leaderboard-page__table thead th:last-child,.leaderboard-page__table tbody td:last-child{text-align:right}.leaderboard-page__row td{padding:10px;background:linear-gradient(135deg,#f59e0b47,#92400e6b);border-top:1px solid rgba(251,191,36,.3);border-bottom:1px solid rgba(251,191,36,.3)}.leaderboard-page__row td:first-child{border-left:1px solid rgba(251,191,36,.3);border-radius:12px 0 0 12px}.leaderboard-page__row td:last-child{border-right:1px solid rgba(251,191,36,.3);border-radius:0 12px 12px 0}.leaderboard-page__row--me td{background:linear-gradient(135deg,#fbbf246b,#b453098c);border-color:#fbbf24a6;box-shadow:0 0 16px #fbbf2440}.leaderboard-page__rank{display:inline-flex;justify-content:center;font-size:12px;font-weight:950;color:#fffbdf}.leaderboard-page__rank--gold{color:#fde047;text-shadow:0 0 10px rgba(250,204,21,.5)}.leaderboard-page__rank--silver{color:#e5e7eb;text-shadow:0 0 8px rgba(229,231,235,.35)}.leaderboard-page__rank--bronze{color:#f59e0b;text-shadow:0 0 8px rgba(245,158,11,.35)}.leaderboard-page__player{display:flex;align-items:center;gap:10px;min-width:0}.leaderboard-page__player-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.leaderboard-page__player-name{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:900;color:#fffbdf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboard-page__you-badge{flex-shrink:0;padding:1px 6px;border-radius:999px;background:#fbbf2440;border:1px solid rgba(251,191,36,.5);font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#fde68a}.leaderboard-page__trophies{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:900;color:#fbbf24}.leaderboard-page__record{font-size:12px;font-weight:800;color:#fffbdfb3}.leaderboard-page__error{margin:0 0 16px;padding:12px 16px;border-radius:12px;background:linear-gradient(135deg,#dc26264d,#7f1d1d66);border:2px solid #ef4444;color:#fee2e2;font-size:13px;font-weight:700}.leaderboard-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;text-align:center;color:#a78bfa}.leaderboard-page__empty p{font-size:16px;font-weight:800}.leaderboard-page__loading{text-align:center;padding:24px;font-size:14px;font-weight:800;color:#fffbdf99}.leaderboard-page__load-more{margin-top:16px;max-width:220px;margin-left:auto;margin-right:auto}.leaderboard-page__load-more--top{margin-top:0;margin-bottom:12px}@media(max-width:580px){.leaderboard-page__my-rank{flex-wrap:wrap}.leaderboard-page__table thead th:nth-child(4),.leaderboard-page__table tbody td:nth-child(4){display:none}}@media(max-width:420px){.leaderboard-page__col-rank{width:28px;max-width:28px;padding-left:6px!important}.leaderboard-page__rank{font-size:11px}}.market-page{flex:1;display:flex;flex-direction:column;min-height:0;width:100%;overflow:hidden;font-family:Outfit,Inter,system-ui,-apple-system,sans-serif}.market-page__header{flex-shrink:0;padding:12px 16px 8px;background:transparent;z-index:10}.market-page__header-row{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%}.market-page__search{flex:1;display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:12px;position:relative;transition:transform .2s,box-shadow .2s;background-color:#172b53;background-image:radial-gradient(circle at 50% 0%,rgba(59,130,246,.35) 0%,transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cpath d='M20 40 L50 45 L70 30 L110 35 L130 15 M70 30 L85 55 L75 75 L100 90 L95 120 M75 75 L45 80 L30 105 M100 90 L135 95 L150 80 L180 95 M135 95 L145 130 L170 145 M95 120 L110 155 L105 185 M110 155 L80 165 L65 190' stroke='%230a1222' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3Cpath d='M20 40 L50 45 L70 30 L110 35 L130 15 M70 30 L85 55 L75 75 L100 90 L95 120 M75 75 L45 80 L30 105 M100 90 L135 95 L150 80 L180 95 M135 95 L145 130 L170 145 M95 120 L110 155 L105 185 M110 155 L80 165 L65 190' stroke='%233b82f6' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' fill='none' opacity='0.55'/%3E%3C/svg%3E");background-size:100%,120px 120px;background-repeat:no-repeat,repeat;border:2.5px solid #d97706;box-shadow:0 4px 10px #00000073,0 2px #92400e,inset 0 1px #ffffff40,inset 0 -1.5px #fbbf24}.market-page__search:focus-within{transform:scale(1.01);box-shadow:0 6px 14px #0000008c,0 2px #92400e,inset 0 1px #ffffff59,inset 0 -1.5px #fbbf24,0 0 10px #fbbf244d}.market-page__search-icon{flex-shrink:0;color:#fbbf24;z-index:2}.market-page__search-input{flex:1;min-width:0;border:none;background:transparent;color:#fffbdf;font-size:14px;font-weight:800;outline:none;z-index:2}.market-page__search-input::placeholder{color:#fffbdf8c;font-weight:600}.market-page__search:before,.market-page__search:after{content:"";position:absolute;width:6px;height:6px;background:radial-gradient(circle at 35% 35%,#fbbf24,#d97706 60%,#92400e);border:1px solid #78350f;border-radius:50%;box-shadow:0 1px 1px #0000004d;z-index:5}.market-page__search:before{top:3px;left:3px}.market-page__search:after{top:3px;right:3px}.market-page__tiers{display:flex;gap:6px;align-items:center;flex-shrink:0;padding:4px 10px;border-radius:12px;position:relative;background-color:#172b53;background-image:radial-gradient(circle at 50% 0%,rgba(59,130,246,.35) 0%,transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cpath d='M20 40 L50 45 L70 30 L110 35 L130 15 M70 30 L85 55 L75 75 L100 90 L95 120 M75 75 L45 80 L30 105 M100 90 L135 95 L150 80 L180 95 M135 95 L145 130 L170 145 M95 120 L110 155 L105 185 M110 155 L80 165 L65 190' stroke='%230a1222' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3Cpath d='M20 40 L50 45 L70 30 L110 35 L130 15 M70 30 L85 55 L75 75 L100 90 L95 120 M75 75 L45 80 L30 105 M100 90 L135 95 L150 80 L180 95 M135 95 L145 130 L170 145 M95 120 L110 155 L105 185 M110 155 L80 165 L65 190' stroke='%233b82f6' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' fill='none' opacity='0.55'/%3E%3C/svg%3E");background-size:100%,120px 120px;background-repeat:no-repeat,repeat;border:2.5px solid #d97706;box-shadow:0 4px 10px #00000073,0 2px #92400e,inset 0 1px #ffffff40,inset 0 -1.5px #fbbf24}.market-page__tiers:before,.market-page__tiers:after{content:"";position:absolute;width:6px;height:6px;background:radial-gradient(circle at 35% 35%,#fbbf24,#d97706 60%,#92400e);border:1px solid #78350f;border-radius:50%;box-shadow:0 1px 1px #0000004d;z-index:5}.market-page__tiers:before{top:3px;left:3px}.market-page__tiers:after{top:3px;right:3px}.market-page__tier-btn{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;padding:0;cursor:pointer;box-sizing:border-box;font-family:Outfit,sans-serif;font-size:14px;font-weight:950;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8);box-shadow:0 3px #0009,inset 0 1px 2px #fff6;transition:transform .12s cubic-bezier(.175,.885,.32,1.275),box-shadow .12s;overflow:hidden}.market-page__tier-btn:hover{transform:scale(1.1)}.market-page__tier-btn:active{transform:translateY(2px) scale(.95);box-shadow:0 1px #0009,inset 0 1px 2px #fff3}.market-page__tier-gem{display:inline-block;line-height:1}.market-page__tier-btn--all{width:auto;min-width:44px;padding:0 10px;border-radius:12px;background:linear-gradient(135deg,#4b5563,#1f2937);border:1.5px solid #9ca3af}.market-page__tier-btn--all .market-page__tier-gem{font-size:11px;letter-spacing:.04em;text-transform:uppercase}.market-page__tier-btn--s{background:linear-gradient(135deg,#c084fc,#8b5cf6 40%,#4c1d95);border:1.5px solid #a78bfa}.market-page__tier-btn--a{background:linear-gradient(135deg,#ff4500,#ff8c00,#8b0000);border:1.5px solid #f97316}.market-page__tier-btn--b{background:linear-gradient(135deg,#ffe066,#f59e0b,#d97706);border:1.5px solid #fbbf24}.market-page__tier-btn--c{background:linear-gradient(135deg,#fff,#d1d5db 25%,#9ca3af 45%,#e5e7eb 55%,#4b5563 80%,#9ca3af);border:1.5px solid #d1d5db;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.market-page__tier-btn--d{background:linear-gradient(135deg,#e3a857,#c68a4c,#925828);border:1.5px solid #78350f;color:#fef3c7}.market-page__tier-btn--active{transform:scale(1.15)}.market-page__tier-btn--all.market-page__tier-btn--active{border-color:#fff;color:#fff}.market-page__tier-btn--s.market-page__tier-btn--active{border-color:#fff;color:#fff;box-shadow:0 4px #000000b3,0 0 16px #8b5cf6e6}.market-page__tier-btn--a.market-page__tier-btn--active{border-color:#fff;color:#fff;box-shadow:0 4px #000000b3,0 0 16px #ef4444e6}.market-page__tier-btn--b.market-page__tier-btn--active{border-color:#fff;color:#fff;box-shadow:0 4px #000000b3,0 0 16px #f59e0be6}.market-page__tier-btn--c.market-page__tier-btn--active{border-color:#fff;color:#fff;box-shadow:0 4px #000000b3,0 0 16px #fff9}.market-page__tier-btn--d.market-page__tier-btn--active{border-color:#fff;color:#fff;box-shadow:0 4px #000000b3,0 0 16px #e3a857cc}.market-page__body{flex:1;min-height:0;overflow-y:auto;padding:16px;padding-bottom:calc(var(--game-nav-height, 88px) + 16px);scrollbar-width:thin;scrollbar-color:rgba(251,191,36,.3) rgba(0,0,0,.2)}.market-page__body::-webkit-scrollbar{width:6px}.market-page__body::-webkit-scrollbar-track{background:#0003}.market-page__body::-webkit-scrollbar-thumb{background-color:#fbbf244d;border-radius:3px}.market-page__grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:0;width:100%}.market-page__grid .champion-card--market{width:100%;max-width:300px;margin:10px;flex:0 0 auto}.market-page__error{margin:0 0 16px;padding:12px 16px;border-radius:12px;background:linear-gradient(135deg,#dc26264d,#7f1d1d66);border:2px solid #ef4444;color:#fee2e2;font-size:13px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.6);box-shadow:0 4px 12px #0003}.market-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;text-align:center;color:#a78bfa}.market-page__empty p{font-size:16px;font-weight:800;text-shadow:1px 1px 2px rgba(0,0,0,.6)}.market-page__load-more{margin-top:24px;max-width:200px;margin-left:auto;margin-right:auto;padding:0 20px}@media(max-width:580px){.market-page__header-row{flex-direction:column;align-items:stretch;gap:10px}.market-page__tiers{justify-content:center}}@media(max-width:380px){.market-page__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 12px}.market-page__tier-btn{width:28px;height:28px;font-size:12px}.market-page__tier-btn--all{min-width:38px}.market-page__tier-btn--all .market-page__tier-gem{font-size:10px}}.champions-page{flex:1;display:flex;flex-direction:column;min-height:0;width:100%;overflow:hidden;font-family:Outfit,Inter,system-ui,-apple-system,sans-serif}.champions-page__header{flex-shrink:0;padding:12px 16px 8px;background:transparent;z-index:10}.champions-page__body{flex:1;min-height:0;overflow-y:auto;padding:0 16px 16px;padding-bottom:calc(var(--game-nav-height, 88px) + 16px);scrollbar-width:thin;scrollbar-color:rgba(251,191,36,.3) rgba(0,0,0,.2)}.champions-page__body::-webkit-scrollbar{width:6px}.champions-page__body::-webkit-scrollbar-track{background:#0003}.champions-page__body::-webkit-scrollbar-thumb{background-color:#fbbf244d;border-radius:3px}.champions-page__grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:0;width:100%}.champions-page__grid .champion-card--default{width:100%;max-width:300px;margin:10px;flex:0 0 auto}.champions-top-actions{display:flex;gap:16px;width:100%;max-width:800px;margin:0 auto;justify-content:center;box-sizing:border-box}.champions-action-btn{flex:1;max-width:300px;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;border-radius:16px;border:2px solid rgba(255,255,255,.2);color:#fffbdf;font-family:Outfit,Inter,system-ui,sans-serif;font-weight:800;font-size:18px;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s cubic-bezier(.25,.8,.25,1);text-shadow:2px 2px 0px #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.champions-action-btn:hover{transform:translateY(-4px)}.champions-action-btn:active{transform:translateY(0)}.champions-action-btn--create{background:linear-gradient(135deg,#a855f7,#7c3aed);box-shadow:0 6px 16px #7c3aed66,inset 0 2px 4px #ffffff4d;border-color:#c084fc}.champions-action-btn--create:hover{box-shadow:0 10px 24px #7c3aed99,inset 0 2px 4px #fff6;border-color:#d8b4fe}.champions-action-btn--browse{background:linear-gradient(135deg,#eab308,#ca8a04);box-shadow:0 6px 16px #ca8a0466,inset 0 2px 4px #ffffff4d;border-color:#fde047}.champions-action-btn--browse:hover{box-shadow:0 10px 24px #ca8a0499,inset 0 2px 4px #fff6;border-color:#fef08a}.champions-action-btn__icon{font-size:24px;display:flex;align-items:center;justify-content:center;text-shadow:none}.champions-action-btn__icon .game-icon{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.listing-popup{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10000;display:flex;justify-content:center;align-items:center;font-family:Outfit,Inter,sans-serif}.listing-popup__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#0a0519d9;backdrop-filter:blur(6px);z-index:1}.listing-popup__content{position:relative;z-index:10;background:linear-gradient(135deg,#2b1845,#150a25);border:4px solid #ca8a04;border-radius:20px;width:90%;max-width:380px;padding:30px;text-align:center;box-shadow:0 15px 30px #00000080,0 0 25px #ca8a0440;color:#fff}.listing-popup__title{font-size:2rem;font-weight:900;margin:0 0 15px;color:#eab308;text-shadow:0 2px 4px rgba(0,0,0,.6),0 0 10px rgba(234,179,8,.4);font-style:italic;letter-spacing:1px}.listing-popup__message{font-size:1.1rem;line-height:1.5;color:#e0d0f5;margin:0 0 25px}.listing-popup__price{color:#f36;font-weight:800;display:inline-flex;align-items:center;gap:4px}.listing-popup__ok-btn{background:linear-gradient(180deg,#eab308,#ca8a04);border:3px solid #fff;border-radius:12px;color:#fff;font-size:1.25rem;font-weight:800;padding:10px 30px;cursor:pointer;box-shadow:0 4px #855b00,0 8px 16px #0000004d;text-shadow:0 2px 4px rgba(0,0,0,.4);transition:transform .1s ease,box-shadow .1s ease;width:100%}.listing-popup__ok-btn:hover{transform:scale(1.03)}.listing-popup__ok-btn:active{transform:translateY(3px);box-shadow:0 1px #855b00,0 4px 8px #0000004d}.champions-page__grid .champion-card:hover .champion-card__outer,.champions-page__grid .champion-card--selected .champion-card__outer{transform:none;box-shadow:0 8px 24px #000c,0 0 12px var(--tier-frame-color, rgba(59, 130, 246, .5))}.rubies-page{flex:1;display:flex;flex-direction:column;min-height:0;width:100%;overflow:hidden;font-family:Outfit,Inter,system-ui,-apple-system,sans-serif}.rubies-page__header{flex-shrink:0;padding:12px 16px 8px;background:transparent;z-index:10}.rubies-page__header-left{display:flex;align-items:center;gap:12px;margin-bottom:4px}.rubies-page__back-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(180deg,#dc2626,#991b1b);border:2px solid #ef4444;box-shadow:0 3px #7f1d1d,0 4px 10px #00000073;cursor:pointer;outline:none;color:#fff;transition:transform .12s,box-shadow .12s}.rubies-page__back-btn:hover{transform:scale(1.08)}.rubies-page__back-btn:active{transform:translateY(2px) scale(.96);box-shadow:0 1px #7f1d1d,0 2px 6px #0006}.rubies-page__title{font-size:26px;font-weight:900;margin:0;color:#fbbf24;text-shadow:0 2px 4px rgba(0,0,0,.65),0 0 12px rgba(251,191,36,.35);letter-spacing:-.02em}.rubies-page__subtitle{font-size:13px;font-weight:600;color:#a78bfa;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.5)}.rubies-page__body{flex:1;min-height:0;overflow-y:auto;padding:16px;padding-bottom:calc(var(--game-nav-height, 88px) + 24px);scrollbar-width:thin;scrollbar-color:rgba(244,63,94,.3) rgba(0,0,0,.2)}.rubies-page__body::-webkit-scrollbar{width:6px}.rubies-page__body::-webkit-scrollbar-track{background:#0003}.rubies-page__body::-webkit-scrollbar-thumb{background-color:#f43f5e4d;border-radius:3px}.rubies-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#fda4af;gap:16px}.rubies-page__loading-spinner{width:44px;height:44px;border:4px solid rgba(244,63,94,.15);border-top-color:#f43f5e;border-radius:50%;animation:rubies-spin 1s linear infinite;filter:drop-shadow(0 0 6px rgba(244,63,94,.5))}@keyframes rubies-spin{to{transform:rotate(360deg)}}.rubies-page__error{margin:0 0 16px;padding:12px 16px;border-radius:12px;background:linear-gradient(135deg,#dc26264d,#7f1d1d66);border:2px solid #ef4444;color:#fee2e2;font-size:13px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.6)}.rubies-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;width:100%}@media(min-width:520px){.rubies-page__grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}}.rubies-page__card{position:relative;display:flex;flex-direction:column;align-items:center;padding:16px;border-radius:16px;background-color:#172b53;background-image:radial-gradient(circle at 50% 0%,rgba(59,130,246,.3) 0%,transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 200 200'%3E%3Cpath d='M20 40 L50 45 L70 30 L110 35 L130 15 M70 30 L85 55 L75 75 L100 90 L95 120 M75 75 L45 80 L30 105 M100 90 L135 95 L150 80 L180 95 M135 95 L145 130 L170 145 M95 120 L110 155 L105 185 M110 155 L80 165 L65 190' stroke='%230a1222' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3Cpath d='M20 40 L50 45 L70 30 L110 35 L130 15 M70 30 L85 55 L75 75 L100 90 L95 120 M75 75 L45 80 L30 105 M100 90 L135 95 L150 80 L180 95 M135 95 L145 130 L170 145 M95 120 L110 155 L105 185 M110 155 L80 165 L65 190' stroke='%233b82f6' stroke-width='1.0' stroke-linecap='round' stroke-linejoin='round' fill='none' opacity='0.4'/%3E%3C/svg%3E");background-size:100%,100px 100px;background-repeat:no-repeat,repeat;border:3px solid #d97706;box-shadow:0 6px 14px #00000073,0 3px #92400e,inset 0 1px #fff3,inset 0 -2px #fbbf24;overflow:hidden;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s}.rubies-page__card:hover{transform:translateY(-4px);box-shadow:0 12px 20px #0000008c,0 3px #92400e,inset 0 1px #ffffff4d,inset 0 -2px #fbbf24,0 0 20px #fbbf244d}.rubies-page__card-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 20%,rgba(244,63,94,.25) 0%,transparent 60%);pointer-events:none;z-index:1}.rubies-page__card-shine{position:absolute;top:0;left:-150%;width:50%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 30%,rgba(255,255,255,.25) 50%,rgba(255,255,255,.15) 70%,transparent 100%);transform:skew(-25deg);pointer-events:none;z-index:2}.rubies-page__card:hover .rubies-page__card-shine{animation:rubies-shine 1.4s ease-out infinite}@keyframes rubies-shine{to{left:200%}}.rubies-page__card-rivet{position:absolute;width:6px;height:6px;background:radial-gradient(circle at 35% 35%,#fbbf24,#d97706 60%,#92400e);border:1px solid #78350f;border-radius:50%;box-shadow:0 1px 1px #0006;z-index:5}.rubies-page__card-rivet--tl{top:4px;left:4px}.rubies-page__card-rivet--tr{top:4px;right:4px}.rubies-page__card-rivet--bl{bottom:4px;left:4px}.rubies-page__card-rivet--br{bottom:4px;right:4px}.rubies-page__card-title{font-size:15px;font-weight:850;color:#fffbdf;margin:0 0 10px;text-align:center;text-transform:uppercase;text-shadow:0 1.5px 2px rgba(0,0,0,.6);letter-spacing:-.01em;z-index:2}.rubies-page__card-fusion{display:flex;align-items:center;justify-content:center;gap:10px;margin:16px 0 20px;width:100%;height:72px;z-index:2}.rubies-page__card-ruby-icon{filter:drop-shadow(0 4px 10px rgba(244,63,94,.6)) drop-shadow(0 8px 24px rgba(244,63,94,.3));transition:transform .25s cubic-bezier(.34,1.3,.64,1),filter .2s ease}.rubies-page__card:hover .rubies-page__card-ruby-icon{transform:scale(1.18) rotate(6deg);filter:drop-shadow(0 4px 12px rgba(244,63,94,.85)) drop-shadow(0 8px 30px rgba(244,63,94,.5))}.rubies-page__card-amount-value{font-size:26px;font-weight:950;color:#fff;font-family:Outfit,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.8),0 0 10px rgba(244,63,94,.5);transition:transform .2s ease}.rubies-page__card:hover .rubies-page__card-amount-value{transform:scale(1.04)}.rubies-page__card-footer{width:100%;z-index:2;margin-top:auto}.rubies-modal{position:fixed;inset:0;z-index:999;display:flex;align-items:center;justify-content:center;padding:20px}.rubies-modal__backdrop{position:absolute;inset:0;background-color:#060a18d1;backdrop-filter:blur(5px)}.rubies-modal__content{position:relative;width:100%;max-width:420px;border-radius:20px;padding:30px 24px;background-color:#172b53;background-image:radial-gradient(circle at 50% 0%,rgba(59,130,246,.45) 0%,transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 200 200'%3E%3Cpath d='M20 40 L50 45 L70 30 L110 35 L130 15 M70 30 L85 55 L75 75 L100 90 L95 120 M75 75 L45 80 L30 105 M100 90 L135 95 L150 80 L180 95 M135 95 L145 130 L170 145 M95 120 L110 155 L105 185 M110 155 L80 165 L65 190' stroke='%230a1222' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3Cpath d='M20 40 L50 45 L70 30 L110 35 L130 15 M70 30 L85 55 L75 75 L100 90 L95 120 M75 75 L45 80 L30 105 M100 90 L135 95 L150 80 L180 95 M135 95 L145 130 L170 145 M95 120 L110 155 L105 185 M110 155 L80 165 L65 190' stroke='%233b82f6' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' fill='none' opacity='0.5'/%3E%3C/svg%3E");background-size:100%,140px 140px;background-repeat:no-repeat,repeat;border:3.5px solid #d97706;box-shadow:0 15px 30px #000000b3,0 4px #92400e,inset 0 1px #ffffff40,inset 0 -2.5px #fbbf24;z-index:10;text-align:center;box-sizing:border-box}.rubies-modal__glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 15%,rgba(244,63,94,.3) 0%,transparent 65%);pointer-events:none;border-radius:17px}.rubies-modal__close-btn{position:absolute;top:14px;right:14px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(180deg,#4b5563,#1f2937);border:1.5px solid #9ca3af;box-shadow:0 2px 4px #0006;cursor:pointer;outline:none;color:#ffffffb3;transition:transform .1s;z-index:15}.rubies-modal__close-btn:hover{transform:scale(1.08);color:#fff}.rubies-modal__success-icon{margin:10px 0 20px;display:flex;justify-content:center;filter:drop-shadow(0 0 12px rgba(244,63,94,.7))}.rubies-modal__title{font-size:24px;font-weight:900;color:#fbbf24;margin:0 0 14px;text-shadow:0 2px 4px rgba(0,0,0,.7);letter-spacing:-.01em}.rubies-modal__message{font-size:15px;line-height:1.45;color:#fffbdf;margin:0 0 12px;text-shadow:0 1px 2px rgba(0,0,0,.4)}.rubies-modal__help{font-size:13px;line-height:1.4;color:#a78bfa;margin:0 0 24px}.rubies-modal__grant-tag{display:inline-block;padding:10px 22px;border-radius:999px;background:linear-gradient(180deg,#f43f5e,#be123c);border:2px solid #fda4af;box-shadow:0 4px 10px #f43f5e59,inset 0 1px #ffffff40;color:#fff;font-size:18px;font-weight:900;margin-bottom:24px;text-shadow:0 1px 2px rgba(0,0,0,.4)}.rubies-modal__error{margin:0 0 20px;padding:10px 14px;border-radius:10px;background:#dc262626;border:1.5px solid #ef4444;color:#fee2e2;font-size:12px;font-weight:700}.rubies-modal__actions{display:flex;flex-direction:column;gap:12px;width:100%}.rubies-modal__cancel-btn{background:transparent;border:none;color:#9ca3af;font-size:14px;font-weight:700;cursor:pointer;padding:8px;transition:color .1s}.rubies-modal__cancel-btn:hover{color:#d1d5db}.animate-pop{animation:modal-pop .3s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes modal-pop{0%{opacity:0;transform:scale(.85) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-bounce{animation:ruby-bounce 2s infinite ease-in-out}@keyframes ruby-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.game-hub-shell{--game-nav-height: 88px;position:relative;flex:1;display:flex;flex-direction:column;min-height:0;width:100%;height:100%;overflow:hidden}.game-hub-shell__view{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;animation:hub-view-in .3s ease}.game-hub-shell__view--scrollable{overflow-y:auto;padding-bottom:var(--game-nav-height)}@keyframes hub-view-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.app-config-error{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:#08060d;color:#fca5a5;font-size:15px}.app-config-error code{color:#c084fc}.game-loading{flex:1;display:flex;align-items:center;justify-content:center;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:#fff9}.game-hub{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px}.game-hub__title{margin:0 0 12px;font-size:clamp(28px,6vw,40px);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#f3e8ff;text-shadow:0 2px 20px rgba(170,59,255,.35)}.game-hub__text{margin:0;font-size:15px;color:#ffffff8c}