:root{--color-bg-dark: 240 20% 10%;--color-bg-card: 240 15% 15%;--color-primary: 280 80% 60%;--color-primary-glow: 280 80% 60% / .5;--color-accent: 170 80% 50%;--color-text-main: 0 0% 100%;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--color-text-dim: 240 10% 70%;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:hsl(var(--color-text-main));background-color:hsl(var(--color-bg-dark));-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0;width:100%;height:100%;height:100dvh;overflow:hidden;overscroll-behavior:none;touch-action:pan-x pan-y}body{display:flex;place-items:center;min-width:320px;background:#0a0a0a}h1,h2,h3{font-weight:700;letter-spacing:-.02em}button{background:hsl(var(--color-primary));color:#fff;border:none;padding:.8em 1.5em;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease}button:hover{transform:translateY(-2px);filter:brightness(1.2)}button.no-glow{box-shadow:none!important}button.no-glow:hover{box-shadow:none!important;transform:scale(1.02);filter:brightness(1.1)}.card{background:hsl(var(--color-bg-card));padding:2rem;border-radius:16px;border:1px solid hsl(240 15% 25%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 40px -10px #00000080;text-align:center;will-change:transform}@media(max-width:768px){.card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:999px;font-size:.875rem;font-weight:500;background:#ffffff1a}.status-badge.connected{background:#145229;color:#75f09e;border:1px solid hsl(140 60% 30%)}@keyframes flash-list{0%{opacity:.5;transform:scale(.99);filter:brightness(1.2)}50%{opacity:1;transform:scale(1.01);filter:brightness(1.1)}to{opacity:1;transform:scale(1);filter:brightness(1)}}.touch-target-expanded{position:relative}.touch-target-expanded:after{content:"";position:absolute;inset:-8px;border-radius:50%;cursor:pointer}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-4px)}}@keyframes shimmer{0%,to{box-shadow:0 0 15px var(--glow-color-3, rgba(255, 255, 255, .08)),0 0 35px var(--glow-color-4, rgba(255, 255, 255, .04)),0 0 60px var(--glow-color-4, rgba(255, 255, 255, .02)),0 10px 40px #0006}50%{box-shadow:0 0 25px var(--glow-color-3, rgba(255, 255, 255, .12)),0 0 60px var(--glow-color-4, rgba(255, 255, 255, .06)),0 0 100px var(--glow-color-4, rgba(255, 255, 255, .03)),0 12px 45px #00000073}}@keyframes shimmer-border{0%,to{border-color:var(--border-color-base)}50%{border-color:var(--border-color-bright, var(--border-color-base))}}.glass-card{background:var(--glass-bg, rgba(255, 255, 255, .08));backdrop-filter:blur(var(--glass-blur, 20px)) saturate(1.8);-webkit-backdrop-filter:blur(var(--glass-blur, 20px)) saturate(1.8);border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#fff;transition:background .4s ease,border-color .4s ease,box-shadow .4s ease;position:relative;overflow:hidden;box-shadow:0 10px 40px #0006;transform:translateZ(0);z-index:10}.android-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#14141efa!important;border:2px solid var(--border-color-base, rgba(255, 255, 255, .1))!important;box-shadow:0 0 12px var(--glow-color-4, rgba(0, 0, 0, .2))!important;transition:transform .2s ease!important;animation:none!important}.android-card:before,.android-card:after{content:none!important;display:none!important}.dimmed{opacity:.3!important;filter:grayscale(.8)!important;pointer-events:none!important}.glass-card.with-glow{animation:shimmer 5s ease-in-out infinite,shimmer-border 5s ease-in-out infinite}@keyframes roscoHintPulse{0%,to{box-shadow:0 0 #4caf5000;transform:scale(1)}50%{box-shadow:0 0 0 10px #4caf5080;transform:scale(1.05)}}.hint{border:2px solid rgba(76,175,80,.8)!important;z-index:10}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.bottom-nav-safe{padding-bottom:env(safe-area-inset-bottom,20px)}.glass-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.1),transparent 85%);pointer-events:none}.glass-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.4),transparent,rgba(255,255,255,.15));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;transition:opacity .3s ease}.glass-card.with-glow:before{opacity:0}.glass-card.hoverable:hover{background:var(--glass-bg-hover, rgba(255, 255, 255, .12));border-color:#ffffff40;box-shadow:0 20px 50px #0009}.glass-card.clickable{cursor:pointer}.glass-card.clickable:active{transform:scale(.97)}.glass-card.no-elevation:hover{transform:none!important}@media(max-width:340px){.hide-on-small-mobile{display:none!important}}.glass-card.border-gradient-pink-orange:before{padding:2.2px!important;background:linear-gradient(135deg,#ff4081,#ff9100)!important;opacity:1!important}.glass-card.border-gradient-purple:before{padding:2.2px!important;background:linear-gradient(135deg,#a855f7,#e879f9)!important;opacity:1!important}.glass-card.border-gradient-green:before{padding:2.2px!important;background:linear-gradient(135deg,#22c55e,#10b981)!important;opacity:1!important}.glass-card.border-gradient-gold:before{padding:2.2px!important;background:linear-gradient(135deg,gold,orange)!important;opacity:1!important}.glass-card.border-gradient-cyan:before{padding:2.2px!important;background:linear-gradient(135deg,#00f2fe,#4facfe)!important;opacity:1!important}.glow-pink-orange{box-shadow:0 10px 45px #ff408138,0 0 25px #ff910026,inset 0 0 12px #ff408114!important}.glow-purple{box-shadow:0 10px 45px #a855f738,0 0 25px #e879f926,inset 0 0 12px #a855f714!important}.glow-green{box-shadow:0 10px 45px #22c55e2e,0 0 25px #10b9811a,inset 0 0 12px #22c55e0d!important}.glow-gold{box-shadow:0 10px 45px #ffd7002e,0 0 25px #ffa5001a,inset 0 0 12px #ffd7000d!important}.glow-cyan{box-shadow:0 10px 45px #00f2fe2e,0 0 25px #4facfe1a,inset 0 0 12px #00f2fe0d!important}.glass-card.hoverable.border-gradient-pink-orange:hover{box-shadow:0 15px 55px #ff408152,0 0 35px #ff910033,inset 0 0 15px #ff40811a!important}.glass-card.hoverable.border-gradient-purple:hover{box-shadow:0 15px 55px #a855f752,0 0 35px #e879f933,inset 0 0 15px #a855f71a!important}.glass-card.hoverable.border-gradient-green:hover{box-shadow:0 15px 55px #22c55e42,0 0 35px #10b98126,inset 0 0 15px #22c55e14!important}.glass-card.hoverable.border-gradient-gold:hover{box-shadow:0 15px 55px #ffd70042,0 0 35px #ffa50026,inset 0 0 15px #ffd70014!important}.glass-card.hoverable.border-gradient-cyan:hover{box-shadow:0 15px 55px #00f2fe42,0 0 35px #4facfe26,inset 0 0 15px #00f2fe14!important}.glass-back-btn{background:#0f0f1994!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:1.5px solid rgba(255,255,255,.12)!important;box-shadow:0 10px 30px #00000073,inset 0 1px 1px #ffffff26,0 0 0 1px #ffffff08!important;transition:all .3s cubic-bezier(.25,.8,.25,1)!important}.glass-back-btn:hover{transform:translate(-50%) scale(1.08)!important;background:#191923b8!important;border-color:#ffffff40!important;box-shadow:0 15px 40px #0000008c,0 0 20px #ffffff2e,inset 0 1px 2px #ffffff40!important;color:#fff!important}.glass-back-btn:active{transform:translate(-50%) scale(.95)!important;transition:all .1s ease!important}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-1.5px)}}.float-stagger-1{animation:cardFloat 8s ease-in-out infinite}.float-stagger-2{animation:cardFloat 8s ease-in-out infinite 1.6s}.float-stagger-3{animation:cardFloat 8s ease-in-out infinite 3.2s}.float-stagger-4{animation:cardFloat 8s ease-in-out infinite 4.8s}.float-stagger-5{animation:cardFloat 8s ease-in-out infinite 6.4s}@keyframes badgeBreathe{0%,to{opacity:.95;filter:brightness(1)}50%{opacity:.75;filter:brightness(1.1)}}.badge-breathe{animation:badgeBreathe 4s ease-in-out infinite}.float-stagger-1:hover,.float-stagger-2:hover,.float-stagger-3:hover,.float-stagger-4:hover,.float-stagger-5:hover{animation-play-state:paused}@keyframes shineSweep{0%{transform:translate(-100%) skew(-15deg)}to{transform:translate(250%) skew(-15deg)}}.shine-sweep-container{position:relative;overflow:hidden}.shine-sweep-container:after{content:"";position:absolute;top:0;left:0;width:35%;height:100%;background:linear-gradient(90deg,#fff0,#ffffff73,#fff0);animation:shineSweep 4s ease-in-out infinite;pointer-events:none}@keyframes spinReset{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.spin-reset-icon:hover{animation:spinReset 1.5s ease-in-out infinite}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.2) transparent}.custom-scrollbar::-webkit-scrollbar{width:5px;height:5px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#8b5cf640;border-radius:4px;border:1px solid transparent}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#8b5cf673}.tier-card-common{background:#0f172a80!important;border:1px solid rgba(34,211,238,.18)!important;box-shadow:0 4px 20px #00000059,inset 0 0 12px #22d3ee08!important}.tier-card-common:hover{border-color:#22d3ee59!important;box-shadow:0 8px 30px #22d3ee26,0 0 15px #22d3ee0d,inset 0 0 12px #22d3ee14!important}.tier-card-rare{background:#18123080!important;border:1px solid rgba(167,139,250,.2)!important;box-shadow:0 4px 20px #00000059,inset 0 0 12px #a78bfa08!important}.tier-card-rare:hover{border-color:#a78bfa73!important;box-shadow:0 8px 30px #a78bfa26,0 0 20px #a78bfa14,inset 0 0 12px #a78bfa1a!important}.tier-card-epic{background:#230c2880!important;border:1px solid rgba(255,42,127,.2)!important;box-shadow:0 4px 20px #00000059,inset 0 0 12px #ff2a7f08!important}.tier-card-epic:hover{border-color:#ff2a7f80!important;box-shadow:0 8px 30px #ff2a7f33,0 0 22px #ff2a7f1a,inset 0 0 12px #ff2a7f1f!important}.tier-card-legendary{background:#261a0c8c!important;border:1px solid rgba(255,185,49,.25)!important;box-shadow:0 4px 20px #00000059,inset 0 0 15px #ffb9310a!important}.tier-card-legendary:hover{border-color:#ffb9318c!important;box-shadow:0 8px 30px #ffb93140,0 0 25px #ffb93126,inset 0 0 15px #ffb93126!important}.lang-mode-card--hoverable:hover{transform:translateY(-1px) scale(1.012);filter:brightness(1.06)}.lang-mode-card--hoverable:hover .lang-card-cta{background:#ffffff1f!important;filter:brightness(1.15)}.lang-mode-card--hoverable:active{transform:translateY(0) scale(.99);filter:brightness(.95);transition:transform .08s ease,filter .08s ease}@keyframes badge-breathe{0%,to{opacity:.8;box-shadow:0 0 4px currentColor}50%{opacity:1;box-shadow:0 0 10px currentColor}}