*,:before,:after{box-sizing:border-box;margin:0;padding:0}ul,ol{list-style:none}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit;background:0 0;border:none;outline:none}button{cursor:pointer}a{color:inherit;text-decoration:none}:root{--color-primary:gold;--color-primary-dark:orange;--color-secondary:#4a90d9;--color-success:#4caf50;--color-error:#f44336;--color-bg-dark:#1a1a2e;--color-bg-card:#2d2d44;--color-text-primary:#fff;--color-text-secondary:#b0b0c0;--starr-green:#4caf50;--starr-blue:#2196f3;--starr-purple:#9c27b0;--starr-gold:gold;--font-primary:"Lilita One", "Impact", sans-serif;--font-secondary:"Roboto", "Arial", sans-serif;--btn-min-height:48px;--card-border-radius:12px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--shadow-card:0 4px 12px #0000004d;--shadow-button:0 4px 8px #0006;--shadow-glow-green:0 0 12px #4caf5099;--shadow-glow-red:0 0 12px #f4433699;--shadow-glow-gold:0 0 20px #ffd700cc}html,body,#root{background:var(--color-bg-dark);width:100%;height:100%;color:var(--color-text-primary);font-family:var(--font-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.4;overflow:hidden}button,a,[role=button]{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.game-element{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:400;line-height:1.2}h1{font-size:clamp(2rem,6vw,3.5rem)}h2{font-size:clamp(1.5rem,4vw,2.5rem)}::-webkit-scrollbar{display:none}*{scrollbar-width:none}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes pulseGlow{0%,to{box-shadow:0 0 16px #ffd70066}50%{box-shadow:0 0 28px #ffd700cc,0 0 48px #ffa5004d}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}button:active,[role=button]:active{transition:transform .1s;transform:scale(.95)}.skeleton{background:linear-gradient(90deg, var(--color-bg-card) 25%, #3d3d5c 50%, var(--color-bg-card) 75%);border-radius:var(--card-border-radius);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes bounceIn{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.1)}to{transform:scale(1)}}@keyframes flashGreen{0%,to{box-shadow:none}50%{box-shadow:var(--shadow-glow-green)}}@keyframes screenFlash{0%{opacity:0}30%{opacity:1}to{opacity:0}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);font-family:var(--font-primary);border-radius:var(--card-border-radius);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:transform var(--transition-fast), box-shadow var(--transition-fast);border:none;font-weight:400;display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.95)}.btn:focus-visible{outline:3px solid var(--color-secondary);outline-offset:2px}.btn--primary{background:linear-gradient(180deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color:#1a1a2e;box-shadow:var(--shadow-button), inset 0 1px 0 #ffffff4d;text-shadow:0 1px #fff3;border-bottom:3px solid #c80}.btn--primary:active{border-bottom-width:1px;margin-top:2px}.btn--secondary{background:var(--color-bg-card);color:var(--color-text-primary);box-shadow:var(--shadow-card);border:2px solid #ffffff26}.btn--icon{color:var(--color-text-primary);background:#ffffff1a;border-radius:50%;padding:0}.btn--lg{min-width:200px;min-height:56px;padding:var(--spacing-md) var(--spacing-xl);letter-spacing:.05em;font-size:clamp(1.2rem,4vw,1.6rem)}.btn--md{min-height:var(--btn-min-height);min-width:120px;padding:var(--spacing-sm) var(--spacing-lg);font-size:clamp(.9rem,3vw,1.1rem)}.btn--icon.btn--lg{width:56px;min-width:56px}.btn--icon.btn--md{width:var(--btn-min-height);min-width:var(--btn-min-height)}.menu-screen{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex;position:relative;overflow:hidden}.menu-bg,.menu-bg__overlay{display:none}.menu-content{z-index:1;align-items:center;gap:var(--spacing-xl);padding:var(--spacing-lg);text-align:center;flex-direction:column;display:flex;position:relative}.menu-title{color:var(--color-primary);text-shadow:0 0 10px #ffd70080,0 2px 4px #000c;-webkit-text-stroke:1px #0000004d;font-size:clamp(2rem,6vw,3.5rem);line-height:1.2}.menu-title__star{animation:3s ease-in-out infinite wobble;display:inline-block}.menu-title__subtitle{color:var(--color-text-primary);letter-spacing:.15em;margin-top:var(--spacing-xs);font-size:.7em;display:block}.menu-play-btn{width:clamp(180px,50vw,300px);min-height:60px}.menu-bottom{width:100%;max-width:320px;margin-top:var(--spacing-xl);justify-content:space-between;align-items:center;display:flex}.trophy-counter{align-items:center;gap:var(--spacing-sm);font-family:var(--font-primary);color:var(--color-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--card-border-radius);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background var(--transition-fast);background:#ffffff1a;border:1px solid #ffd70033;font-size:clamp(1rem,3vw,1.3rem);display:flex}.trophy-counter:active{background:#ffffff2e}.btn-sound{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;width:48px;height:48px;transition:background var(--transition-fast);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.btn-sound:active{background:#ffffff2e}.menu-challenges{gap:var(--spacing-sm);width:100%;max-width:320px;display:flex}.menu-challenge-btn{padding:var(--spacing-sm) var(--spacing-xs);border-radius:var(--card-border-radius);font-family:var(--font-primary);color:var(--color-text-primary);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all var(--transition-fast);text-align:center;letter-spacing:.5px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff26;flex:1;font-size:clamp(.65rem,2.5vw,.85rem)}.menu-challenge-btn:active{transform:scale(.95)}.menu-challenge-btn--find{background:linear-gradient(145deg,#9c27b04d,#6a1b9a33);border-color:#9c27b066}.menu-challenge-btn--guess{background:linear-gradient(145deg,#4caf504d,#2e7d3233);border-color:#4caf5066}.starr-drop{justify-content:center;align-items:center;gap:var(--spacing-sm);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;width:clamp(120px,30vw,200px);height:clamp(120px,30vw,200px);transition:background var(--transition-normal), box-shadow var(--transition-normal);border-radius:24px;flex-direction:column;display:flex;position:relative}.starr-drop--green{background:linear-gradient(145deg,#66bb6a,#2e7d32);box-shadow:0 6px 20px #4caf5080,inset 0 2px #fff3}.starr-drop--blue{background:linear-gradient(145deg,#42a5f5,#1565c0);box-shadow:0 6px 20px #2196f380,inset 0 2px #fff3}.starr-drop--purple{background:linear-gradient(145deg,#ab47bc,#6a1b9a);box-shadow:0 6px 20px #9c27b080,inset 0 2px #fff3}.starr-drop--gold{background:linear-gradient(145deg,#ffd54f,#ff8f00);box-shadow:0 6px 20px #ffd70099,0 0 40px #ffd7004d,inset 0 2px #ffffff4d}.starr-drop--revealing{pointer-events:none;background:linear-gradient(145deg,#ffd54f,#ff8f00);box-shadow:0 0 60px #ffd700cc}.starr-drop__icon{filter:drop-shadow(0 4px 8px #0006);justify-content:center;align-items:center;width:80%;height:80%;display:flex}.starr-drop__image{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%}.starr-drop__label{font-family:var(--font-primary);color:#ffffffe6;text-shadow:0 1px 2px #0006;letter-spacing:.1em;font-size:clamp(.6rem,2vw,.8rem);position:absolute;bottom:-24px}.particles-container{pointer-events:none;z-index:100;position:absolute;transform:translate(-50%,-50%)}.particle{will-change:transform, opacity;position:absolute}.unboxing-screen{background:0 0;flex-direction:column;height:100%;display:flex;position:relative}.unboxing-body{padding:var(--spacing-lg);justify-content:center;align-items:center;gap:var(--spacing-lg);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.unboxing-letter{font-family:var(--font-primary);color:var(--color-primary);text-shadow:0 0 20px #ffd70080,0 0 40px #ffd70033,0 4px 8px #00000080;text-align:center;-webkit-user-select:none;user-select:none;font-size:clamp(4rem,15vw,8rem);line-height:1;animation:3s ease-in-out infinite wobble}.unboxing-drop-container{justify-content:center;align-items:center;min-height:clamp(140px,35vw,220px);display:flex}.unboxing-hint{font-family:var(--font-primary);color:var(--color-text-secondary);text-align:center;font-size:clamp(1rem,3vw,1.4rem);animation:2s ease-in-out infinite blink}.tap-indicator{gap:var(--spacing-sm);justify-content:center;display:flex}.tap-dot{width:12px;height:12px;transition:all var(--transition-normal);background:#fff3;border:2px solid #ffffff4d;border-radius:50%}.tap-dot--active{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 8px #ffd70080}.unboxing-flash{z-index:200;pointer-events:none;background:#fff;position:fixed;inset:0}.reveal-container{align-items:center;gap:var(--spacing-lg);flex-direction:column;display:flex;position:relative}.reveal-brawler{justify-content:center;align-items:center;width:clamp(300px,85vw,550px);height:clamp(300px,85vw,550px);display:flex;position:relative}.reveal-brawler__img{object-fit:contain;z-index:1;filter:drop-shadow(0 6px 20px #00000080);width:100%;height:100%;position:relative}.reveal-brawler__placeholder{font-family:var(--font-primary);color:var(--color-primary);text-shadow:0 2px 8px #00000080;background:linear-gradient(145deg,#ffd70014,#ffa5000d);border-radius:20px;justify-content:center;align-items:center;font-size:clamp(3rem,10vw,5rem);display:flex;position:absolute;inset:0}.reveal-label{font-family:var(--font-primary);color:var(--color-text-primary);text-align:center;text-shadow:0 2px 4px #00000080;font-size:clamp(1.5rem,5vw,3rem)}.reveal-label__letter{color:var(--color-primary);font-size:1.2em}.reveal-label__name{color:var(--color-text-primary)}.unboxing-bonus-label{font-family:var(--font-primary);color:var(--starr-gold);text-align:center;letter-spacing:2px;text-shadow:0 0 15px #ffd70099,0 0 30px #ffa5004d;font-size:clamp(1rem,3.5vw,1.5rem);animation:1.5s ease-in-out infinite pulse}.reveal-bonus-badge{font-family:var(--font-primary);color:var(--starr-gold);letter-spacing:1px;text-shadow:0 0 10px #ffd70080;background:linear-gradient(135deg,#ffd70026 0%,#ffa5001a 100%);border:2px solid #ffd70066;border-radius:12px;padding:6px 16px;font-size:clamp(.9rem,3vw,1.3rem)}.letter-slot{background:#ffffff0d;border:3px dashed #666;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:clamp(40px,12vw,64px);height:clamp(40px,12vw,64px);transition:border-color .2s,box-shadow .2s,background-color .2s;display:flex;position:relative;overflow:hidden}.letter-slot--over{border-color:var(--color-primary);background:#ffd7001a;box-shadow:0 0 8px #ffd7004d}.letter-slot__hint{font-family:var(--font-primary);color:var(--color-text-primary);opacity:.2;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:clamp(1.2rem,6vw,2rem)}.letter-slot--filled{background:0 0;border-style:solid;border-color:#0000;padding:0}.letter-slot--correct{border-color:#0000}.letter-slot--victory{animation:.3s ease-in-out 2 flashGreen}@media (width<=380px){.letter-slot{width:clamp(36px,11vw,48px);height:clamp(36px,11vw,48px)}.letter-slot__hint{font-size:1.2rem}}@media (width>=769px){.letter-slot__hint{font-size:2rem}}.letter-tile{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;z-index:1;background:linear-gradient(135deg,#ff6b6b 0%,#ff8e53 50%,#ffc045 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:clamp(40px,12vw,64px);height:clamp(40px,12vw,64px);transition:box-shadow .2s,transform .2s,opacity .2s,background .3s;display:flex;position:relative;box-shadow:0 4px 12px #0000004d}.letter-tile:active{cursor:grabbing}.letter-tile__letter{font-family:var(--font-primary);color:#fff;text-shadow:0 2px 4px #0000004d;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(1.2rem,6vw,2rem)}.letter-tile--dragging{opacity:.4}.letter-tile--overlay{z-index:1000;cursor:grabbing;transform:scale(1.15);box-shadow:0 8px 24px #0000004d}.letter-tile--in-slot{cursor:default;pointer-events:none;background:linear-gradient(135deg,#43a047 0%,#66bb6a 50%,#81c784 100%);border-radius:6px;width:100%;height:100%;animation:.3s ease-out tileSnapIn;box-shadow:0 0 12px #4caf5080}.letter-tile--in-slot .letter-tile__letter{text-shadow:0 1px 3px #0003}@keyframes tileSnapIn{0%{opacity:.5;transform:scale(1.2)}60%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}.letter-tile--placed{visibility:hidden;pointer-events:none;width:0;height:0;margin:0;padding:0;position:absolute;overflow:hidden}.letter-tile--wrong{box-shadow:var(--shadow-glow-red);animation:.3s ease-in-out tileShake}@keyframes tileShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.letter-tile--victory{animation:.3s ease-in-out 2 tileVictoryFlash}@keyframes tileVictoryFlash{0%,to{box-shadow:0 0 12px #4caf5080}50%{box-shadow:0 0 24px #4caf50e6,0 0 48px #ffd70080}}@media (width<=380px){.letter-tile{width:clamp(36px,11vw,48px);height:clamp(36px,11vw,48px)}.letter-tile__letter{font-size:1.2rem}}@media (width>=769px){.letter-tile__letter{font-size:2rem}}.spelling-screen{background:0 0;flex-direction:column;height:100%;min-height:100dvh;display:flex;position:relative;overflow:hidden}.spelling-body{padding:var(--spacing-md);justify-content:center;align-items:center;gap:var(--spacing-lg);flex-direction:column;flex:1;display:flex}.spelling-portrait{justify-content:center;align-items:center;width:auto;max-height:30vh;display:flex;position:relative}.spelling-portrait__img{object-fit:contain;border-radius:var(--card-border-radius);filter:drop-shadow(0 4px 20px #ffd7004d);max-width:60vw;max-height:25vh}.spelling-portrait__placeholder{font-family:var(--font-primary);color:#ffd7004d;-webkit-user-select:none;user-select:none;z-index:0;font-size:clamp(3rem,12vw,6rem);position:absolute}.spelling-portrait__img+.spelling-portrait__placeholder{display:none}.spelling-portrait__img[style*="display: none"]+.spelling-portrait__placeholder{display:flex}.spelling-name-label{font-family:var(--font-primary);color:var(--color-text-secondary);letter-spacing:.15em;text-align:center;font-size:clamp(1rem,4vw,1.6rem)}.spelling-slots{padding:var(--spacing-sm) 0;flex-wrap:nowrap;justify-content:center;align-items:center;gap:8px;display:flex}.spelling-tiles{padding:var(--spacing-md) 0;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;min-height:80px;display:flex}.spelling-screen--long .spelling-slots{gap:4px}.spelling-screen--long .spelling-tiles{gap:6px}.spelling-screen--long .letter-slot,.spelling-screen--long .letter-tile{width:clamp(32px,9vw,52px);height:clamp(32px,9vw,52px)}.spelling-screen--long .letter-slot__hint,.spelling-screen--long .letter-slot__placed,.spelling-screen--long .letter-tile__letter{font-size:clamp(.9rem,4vw,1.5rem)}.spelling-victory-overlay{pointer-events:none;z-index:5;background:radial-gradient(#4caf5026 0%,#0000 70%);position:absolute;inset:0}.spelling-next-container{bottom:var(--spacing-xl);z-index:10;position:absolute;left:50%;transform:translate(-50%)}@media (width<=380px){.spelling-body{gap:var(--spacing-md);padding:var(--spacing-sm)}.spelling-slots{gap:4px}.spelling-tiles{gap:6px}.spelling-portrait{max-height:25vh}.spelling-portrait__img{max-height:20vh}.spelling-name-label{font-size:1rem}}@media (width>=769px){.spelling-slots{gap:12px}.spelling-tiles{gap:16px}.spelling-name-label{font-size:1.8rem}.spelling-portrait__img{max-height:30vh}}@media (orientation:landscape) and (height<=500px){.spelling-body{justify-content:center;gap:var(--spacing-sm);flex-flow:wrap}.spelling-portrait{width:30%;max-height:20vh}.spelling-portrait__img{max-height:18vh}}.progress-bar{align-items:center;gap:var(--spacing-md);width:100%;display:flex}.progress-bar__track{background:#333;border-radius:9px;flex:1;height:18px;overflow:hidden;box-shadow:inset 0 2px 4px #0006}.progress-bar__fill{background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);border-radius:9px;min-width:4px;height:100%;transition:width .5s;box-shadow:0 0 8px #ffd70066}.progress-bar__text{font-family:var(--font-primary);color:var(--color-primary);white-space:nowrap;text-align:right;min-width:60px;font-size:clamp(.9rem,3vw,1.2rem)}.brawler-card{border-radius:var(--card-border-radius);cursor:pointer;width:clamp(70px,20vw,100px);height:clamp(70px,20vw,100px);transition:transform var(--transition-fast), box-shadow var(--transition-fast);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex-direction:column;display:flex;position:relative;overflow:visible}.brawler-card--unlocked,.brawler-card--has-bonus{box-shadow:var(--shadow-card);background:linear-gradient(145deg,#3a3a5c 0%,#2a2a46 100%)}.brawler-card--unlocked:hover,.brawler-card--has-bonus:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0006}.brawler-card--complete{border:3px solid var(--starr-gold);box-shadow:var(--shadow-glow-gold);background:linear-gradient(145deg,#3a3a5c 0%,#2a2a46 100%);animation:2s infinite pulseGlow}.brawler-card--complete:hover{box-shadow:0 0 28px gold}.brawler-card--locked{cursor:default;background:linear-gradient(145deg,#2a2a3a 0%,#1e1e2e 100%);box-shadow:0 2px 8px #0000004d}.brawler-card--locked-available{cursor:pointer;background:linear-gradient(145deg,#2a3a2a 0%,#1e2e1e 100%);border:2px solid #4caf5099;animation:2s infinite pulseGlow;box-shadow:0 0 12px #4caf5080}.brawler-card__avatar{border-radius:var(--card-border-radius) var(--card-border-radius) 0 0;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}.brawler-card__img{object-fit:cover;border-radius:var(--card-border-radius) var(--card-border-radius) 0 0;width:100%;height:100%}.brawler-card__lock{opacity:.5;justify-content:center;align-items:center;font-size:clamp(1.5rem,5vw,2.2rem);display:flex}.brawler-card__lock--available{opacity:1;font-size:clamp(1.8rem,5.5vw,2.5rem);animation:1.5s infinite pulseGlow}.brawler-card__fallback{font-family:var(--font-primary);color:var(--color-primary);border-radius:var(--card-border-radius) var(--card-border-radius) 0 0;background:linear-gradient(145deg,#4a4a6c 0%,#3a3a56 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:clamp(1.8rem,6vw,2.5rem);display:flex}.brawler-card__badge{color:#fff;font-family:var(--font-primary);white-space:nowrap;z-index:2;background:linear-gradient(135deg,#ff6b6b 0%,#e63946 100%);border-radius:8px;padding:2px 5px;font-size:.6rem;line-height:1.2;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 6px #e6394680}.brawler-card__special-badge{z-index:2;font-size:.8rem;position:absolute;top:-4px;left:-4px}.brawler-card__letter{font-family:var(--font-primary);text-align:center;color:var(--color-text-primary);border-radius:0 0 var(--card-border-radius) var(--card-border-radius);letter-spacing:1px;background:#ffffff26;padding:2px 0 3px;font-size:clamp(.7rem,2vw,.95rem)}.brawler-card--locked .brawler-card__letter{opacity:.3}.brawler-card--complete .brawler-card__letter{color:var(--starr-gold);background:#ffd70033}.gallery-screen{background:0 0;flex-direction:column;height:100%;display:flex;overflow:hidden}.gallery-header{flex-shrink:0}.gallery-title{color:var(--color-primary);text-align:center;font-family:var(--font-primary);letter-spacing:1px;flex:1;margin:0;font-size:clamp(1.2rem,4vw,1.8rem)}.gallery-progress-wrapper{padding:0 var(--spacing-md) var(--spacing-sm);flex-shrink:0}.gallery-filters{gap:var(--spacing-sm);padding:0 var(--spacing-md) var(--spacing-md);flex-shrink:0;display:flex}.gallery-filter-tab{color:var(--color-text-secondary);font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-fast);text-align:center;letter-spacing:.5px;background:#ffffff0d;border:2px solid #ffffff26;border-radius:10px;flex:1;padding:8px 4px;font-size:clamp(.65rem,2.5vw,.85rem)}.gallery-filter-tab:hover{background:#ffffff1a;border-color:#ffffff40}.gallery-filter-tab.active{border-color:var(--color-primary);color:var(--color-primary);background:linear-gradient(135deg,#ffd70033 0%,#ffa50033 100%);box-shadow:0 0 10px #ffd70033}.gallery-grid-container{padding:0 var(--spacing-md) var(--spacing-lg);-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.gallery-grid{grid-template-columns:repeat(3,1fr);justify-items:center;gap:12px;display:grid}@media (width>=480px){.gallery-grid{grid-template-columns:repeat(4,1fr)}}@media (width>=768px){.gallery-grid{grid-template-columns:repeat(5,1fr)}}@media (width>=1024px){.gallery-grid{grid-template-columns:repeat(6,1fr)}}.gallery-card-wrapper{flex-direction:column;align-items:center;gap:4px;display:flex}.mini-progress{align-items:center;gap:4px;width:100%;max-width:clamp(70px,20vw,100px);display:flex}.mini-progress__track{background:#ffffff1a;border-radius:2px;flex:1;height:4px;overflow:hidden}.mini-progress__fill{background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);border-radius:2px;min-width:0;height:100%;transition:width .4s}.mini-progress__text{font-family:var(--font-primary);color:var(--color-text-secondary);white-space:nowrap;text-align:right;min-width:22px;font-size:.55rem;line-height:1}.gallery-by-letter{gap:var(--spacing-lg);flex-direction:column;display:flex}.gallery-letter-group{border-radius:var(--card-border-radius);padding:var(--spacing-sm) var(--spacing-md);background:#ffffff08}.gallery-letter-group__header{margin-bottom:var(--spacing-sm)}.gallery-letter-group__letter{font-family:var(--font-primary);color:var(--color-primary);letter-spacing:2px;font-size:clamp(1.2rem,4vw,1.6rem)}.gallery-letter-group__cards{flex-wrap:wrap;gap:10px;display:flex}.brawler-modal-overlay{z-index:100;width:100%;height:100%;padding:var(--spacing-md);-webkit-backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.brawler-modal{padding:var(--spacing-lg);background:linear-gradient(145deg,#2d2d50 0%,#1e1e38 100%);border:1px solid #ffffff1a;border-radius:20px;width:360px;max-width:90vw;max-height:80vh;position:relative;overflow-y:auto;box-shadow:0 12px 48px #0009,0 0 40px #ffd7001a}.brawler-modal__close{color:var(--color-text-secondary);cursor:pointer;width:36px;height:36px;transition:all var(--transition-fast);z-index:1;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:absolute;top:12px;right:12px}.brawler-modal__close:hover{color:var(--color-text-primary);background:#fff3}.brawler-modal__art{margin-bottom:var(--spacing-md);justify-content:center;display:flex}.brawler-modal__img{object-fit:contain;filter:drop-shadow(0 4px 12px #00000080);border-radius:16px;width:clamp(120px,40vw,200px);height:clamp(120px,40vw,200px)}.brawler-modal__title{font-family:var(--font-primary);color:var(--color-primary);text-align:center;margin:0 0 var(--spacing-md);letter-spacing:1px;font-size:clamp(1.3rem,5vw,2rem)}.brawler-modal__actions{gap:var(--spacing-sm);margin-top:var(--spacing-sm);flex-wrap:wrap;justify-content:center;display:flex}.brawler-modal__action-btn{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:none;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;font-size:2rem;transition:transform .2s,box-shadow .2s;display:flex}.brawler-modal__action-btn:active{transform:scale(.9)}.brawler-modal__action-btn--spelling{background:linear-gradient(145deg,#ffd54f,#ff8f00);box-shadow:0 4px 16px #ffc10766}.brawler-modal__action-btn--find{background:linear-gradient(145deg,#42a5f5,#1565c0);box-shadow:0 4px 16px #2196f366}.brawler-modal__action-btn--find-brawlers{background:linear-gradient(145deg,#ab47bc,#6a1b9a);box-shadow:0 4px 16px #9c27b066}.brawler-modal__action-btn--guess-letter{background:linear-gradient(145deg,#66bb6a,#2e7d32);box-shadow:0 4px 16px #4caf5066}.brawler-modal__action-btn--skins{background:linear-gradient(145deg,#ce93d8,#7b1fa2);box-shadow:0 4px 16px #9c27b066}.brawler-modal__action-btn--unboxing{background:linear-gradient(145deg,#ffb74d,#e65100);box-shadow:0 4px 16px #e6510066}.challenges-panel{padding:var(--spacing-md) 0}.challenges-panel__title{font-family:var(--font-primary);color:var(--color-primary);text-align:center;margin:0 0 var(--spacing-md);letter-spacing:2px;text-shadow:0 0 15px #ffd70066;font-size:clamp(1.3rem,5vw,2rem)}.challenges-panel__locked{font-family:var(--font-secondary);color:var(--color-text-secondary);text-align:center;margin:0 0 var(--spacing-md);opacity:.7;font-size:clamp(.85rem,3vw,1rem)}.challenges-panel__list{gap:var(--spacing-md);flex-direction:column;display:flex}.challenge-card{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);transition:all var(--transition-fast);background:linear-gradient(145deg,#3a3a5c99 0%,#2a2a4699 100%);border:2px solid #ffffff1a;border-radius:16px;display:flex}.challenge-card:hover{background:linear-gradient(145deg,#3a3a5ccc 0%,#2a2a46cc 100%);border-color:#fff3}.challenge-card--locked{opacity:.5}.challenge-card__icon{filter:drop-shadow(0 2px 6px #0000004d);flex-shrink:0;font-size:clamp(2rem,7vw,3rem)}.challenge-card__info{flex:1;min-width:0}.challenge-card__title{font-family:var(--font-primary);color:var(--color-text-primary);letter-spacing:1px;margin:0;font-size:clamp(.9rem,3.5vw,1.2rem)}.challenge-card__desc{font-family:var(--font-secondary);color:var(--color-text-secondary);margin:2px 0 6px;font-size:clamp(.7rem,2.5vw,.85rem)}.challenge-card__stats{gap:var(--spacing-sm);flex-wrap:wrap;align-items:center;display:flex}.challenge-card__stars{letter-spacing:2px;font-size:clamp(.8rem,3vw,1rem)}.challenge-card__count{font-family:var(--font-secondary);color:var(--color-text-secondary);opacity:.7;font-size:clamp(.65rem,2.2vw,.8rem)}.challenge-card__play{cursor:pointer;background:linear-gradient(145deg, var(--color-primary), orange);touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:none;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.6rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 12px #ffd7004d}.challenge-card__play:active{transform:scale(.9)}.all-collected-overlay{z-index:200;background:radial-gradient(#1a1a2ef2 0%,#0a0a14fa 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0;overflow:hidden}.all-collected-content{justify-content:center;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);text-align:center;flex-direction:column;display:flex;position:relative}.all-collected-title{font-family:var(--font-primary);color:var(--color-primary);text-shadow:0 0 20px #ffd700cc,0 0 40px #ffa50080,0 0 60px #ff63474d;letter-spacing:2px;margin:0;font-size:clamp(1.5rem,6vw,3rem);line-height:1.3}.all-collected-subtitle{font-family:var(--font-secondary);color:var(--color-text-secondary);margin:0;font-size:clamp(1rem,3vw,1.4rem)}.findletter-screen{background:0 0;flex-direction:column;height:100%;display:flex}.findletter-body{padding:var(--spacing-lg);justify-content:center;align-items:center;gap:var(--spacing-xl);flex-direction:column;flex:1;display:flex}.findletter-title{font-family:var(--font-primary);color:var(--color-text-primary);text-align:center;letter-spacing:2px;margin:0;font-size:clamp(1.5rem,5vw,2.5rem)}.findletter-title__letter{color:var(--color-primary);text-shadow:0 0 20px #ffd70099}.findletter-subtitle{font-family:var(--font-secondary);color:var(--color-text-secondary);text-align:center;margin:0;font-size:clamp(.9rem,3vw,1.2rem);animation:2s infinite blink}.findletter-options{grid-template-columns:repeat(2,1fr);gap:clamp(12px,4vw,24px);width:100%;max-width:400px;display:grid}.findletter-option{font-family:var(--font-primary);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;min-height:clamp(80px,25vw,140px);box-shadow:var(--shadow-card);background:linear-gradient(145deg,#3a3a5c 0%,#2a2a46 100%);border:3px solid #ffffff26;border-radius:20px;justify-content:center;align-items:center;padding:clamp(12px,4vw,24px);font-size:clamp(3rem,12vw,6rem);display:flex}.findletter-option:hover:not(:disabled){border-color:#ffffff4d;box-shadow:0 6px 20px #0006}.findletter-option--correct{border-color:var(--color-success)!important;box-shadow:var(--shadow-glow-green)!important;color:#a5d6a7!important;background:linear-gradient(145deg,#2e5a3a 0%,#1e4a2a 100%)!important}.findletter-option--disabled{opacity:.3;cursor:default;border-color:var(--color-error);box-shadow:none;animation:.4s shake}.findletter-option:disabled{cursor:default}.pickletter-screen{background:0 0;flex-direction:column;height:100%;display:flex}.pickletter-body{padding:var(--spacing-md);justify-content:center;align-items:center;gap:var(--spacing-md);flex-direction:column;flex:1;display:flex}.pickletter-title{font-family:var(--font-primary);color:var(--color-primary);text-align:center;letter-spacing:2px;text-shadow:0 0 15px #ffd70066;margin:0;font-size:clamp(1.3rem,4.5vw,2.2rem)}.pickletter-brawler{width:clamp(100px,30vw,180px);height:clamp(100px,30vw,180px);position:relative}.pickletter-brawler__img{object-fit:contain;filter:drop-shadow(0 4px 16px #0009);border-radius:16px;width:100%;height:100%}.pickletter-brawler__fallback{font-family:var(--font-primary);color:var(--color-primary);z-index:-1;background:linear-gradient(145deg,#4a4a6c 0%,#3a3a56 100%);border-radius:16px;justify-content:center;align-items:center;font-size:clamp(3rem,10vw,5rem);display:flex;position:absolute;inset:0}.pickletter-name{font-family:var(--font-primary);letter-spacing:4px;gap:2px;font-size:clamp(1.4rem,5vw,2.5rem);display:flex}.pickletter-name__char{color:var(--color-text-primary)}.pickletter-name__char--first{color:var(--color-primary);text-underline-offset:4px;text-shadow:0 0 12px #ffd70099;text-decoration:underline;text-decoration-thickness:3px}.pickletter-subtitle{font-family:var(--font-secondary);color:var(--color-text-secondary);text-align:center;margin:0;font-size:clamp(.85rem,3vw,1.1rem);animation:2s infinite blink}.pickletter-options{flex-wrap:wrap;justify-content:center;gap:clamp(10px,4vw,24px);width:100%;max-width:400px;display:flex}.pickletter-option{font-family:var(--font-primary);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;min-width:clamp(60px,18vw,100px);min-height:clamp(60px,18vw,100px);box-shadow:var(--shadow-card);background:linear-gradient(145deg,#3a3a5c 0%,#2a2a46 100%);border:3px solid #ffffff26;border-radius:20px;justify-content:center;align-items:center;padding:clamp(8px,3vw,16px) clamp(16px,5vw,32px);font-size:clamp(2.5rem,10vw,5rem);display:flex}.pickletter-option:hover:not(:disabled){border-color:#ffffff4d;box-shadow:0 6px 20px #0006}.pickletter-option--correct{border-color:var(--color-success)!important;box-shadow:var(--shadow-glow-green)!important;color:#a5d6a7!important;background:linear-gradient(145deg,#2e5a3a 0%,#1e4a2a 100%)!important}.pickletter-option--disabled{opacity:.3;cursor:default;border-color:var(--color-error);box-shadow:none;animation:.4s shake}.pickletter-option:disabled{cursor:default}.choice-screen{justify-content:center;align-items:center;gap:var(--spacing-xl);height:100%;padding:var(--spacing-lg);flex-direction:column;display:flex}.choice-title{font-family:var(--font-primary);color:var(--color-text-primary);text-align:center;font-size:clamp(1.2rem,4vw,2rem)}.choice-brawler-img{object-fit:cover;border:3px solid var(--color-primary);border-radius:50%;width:clamp(80px,20vw,140px);height:clamp(80px,20vw,140px);box-shadow:0 4px 16px #ffd70066}.choice-buttons{align-items:center;gap:clamp(24px,6vw,48px);display:flex}.choice-btn{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:none;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:clamp(100px,25vw,140px);height:clamp(100px,25vw,140px);font-size:clamp(2rem,6vw,3rem);transition:transform .2s,box-shadow .2s;display:flex}.choice-btn:active{transform:scale(.92)}.choice-btn--bonus{background:linear-gradient(145deg,#ffd54f,#ff8f00);animation:2s infinite pulseGlow;box-shadow:0 6px 24px #ffc10780}.choice-btn--next{background:linear-gradient(145deg,#42a5f5,#1565c0);box-shadow:0 6px 24px #2196f366}.choice-btn__label{font-family:var(--font-primary);color:#ffffffe6;letter-spacing:.05em;font-size:clamp(.5rem,1.5vw,.7rem)}.letter-picker-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.letter-picker{background:linear-gradient(145deg,#2a2a4a,#1a1a2e);border:2px solid #42a5f54d;border-radius:24px;width:100%;max-width:500px;max-height:80vh;padding:28px 24px;position:relative;overflow-y:auto;box-shadow:0 8px 40px #00000080}.letter-picker__title{font-family:var(--font-primary);color:#fff;text-align:center;background:linear-gradient(135deg,#42a5f5,#7c4dff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 20px;font-size:clamp(1.2rem,3.5vw,1.6rem)}.letter-picker__grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:10px;display:grid}.letter-picker__item{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#ffffff0f;border:2px solid #ffffff1a;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;transition:all .2s;display:flex}.letter-picker__item:hover{background:#42a5f526;border-color:#42a5f566;transform:translateY(-2px)}.letter-picker__item:active{transform:scale(.92)}.letter-picker__letter{font-family:var(--font-primary);color:#fff;text-shadow:0 2px 8px #42a5f580;font-size:1.4rem;font-weight:700}.letter-picker__brawler-img{object-fit:cover;border:2px solid #ffffff26;border-radius:50%;width:36px;height:36px}.letter-picker__close{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex;position:absolute;top:12px;right:12px}@media (width<=400px){.letter-picker__grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px}.letter-picker__letter{font-size:1.1rem}.letter-picker__brawler-img{width:28px;height:28px}}.findbrawlers-screen{background:0 0;flex-direction:column;height:100%;display:flex}.findbrawlers-body{padding:var(--spacing-md);align-items:center;gap:var(--spacing-sm);flex-direction:column;flex:1;display:flex;overflow-y:auto}.findbrawlers-counter{font-family:var(--font-primary);color:var(--color-primary);background:#ffd7001a;border:2px solid #ffd7004d;border-radius:20px;margin-left:auto;padding:4px 16px;font-size:clamp(1rem,3vw,1.3rem)}.findbrawlers-letter{font-family:var(--font-primary);color:var(--color-primary);text-shadow:0 0 30px #ffd70099,0 0 60px #ffd7004d;background:linear-gradient(gold,orange);-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 8px #ffa50066);-webkit-background-clip:text;background-clip:text;font-size:clamp(4rem,18vw,8rem);line-height:1;animation:2s infinite pulseGlow}.findbrawlers-subtitle{font-family:var(--font-secondary);color:var(--color-text-secondary);text-align:center;margin:0;font-size:clamp(.85rem,3vw,1.1rem)}.findbrawlers-subtitle strong{color:var(--color-primary)}.findbrawlers-progress{justify-content:center;gap:8px;display:flex}.findbrawlers-progress__dot{background:#ffffff26;border:2px solid #fff3;border-radius:50%;width:12px;height:12px;transition:all .3s}.findbrawlers-progress__dot--filled{background:var(--color-success);border-color:var(--color-success);box-shadow:0 0 8px #4caf5099}.findbrawlers-grid{grid-template-columns:repeat(3,1fr);gap:clamp(8px,2vw,14px);width:100%;max-width:420px;display:grid}.findbrawlers-card{aspect-ratio:1;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;box-shadow:var(--shadow-card);background:linear-gradient(145deg,#3a3a5c 0%,#2a2a46 100%);border:3px solid #ffffff1f;border-radius:16px;justify-content:center;align-items:center;padding:0;transition:border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.findbrawlers-card:hover:not(:disabled){border-color:#ffffff40;box-shadow:0 6px 20px #0006}.findbrawlers-card:disabled{cursor:default}.findbrawlers-card--found{border-color:var(--color-success)!important;box-shadow:var(--shadow-glow-green)!important;background:linear-gradient(145deg,#2e5a3a 0%,#1e4a2a 100%)!important}.findbrawlers-card--wrong{animation:.4s shake;border-color:var(--color-error)!important;box-shadow:0 0 16px #ff525266!important}.findbrawlers-card__img-wrap{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.findbrawlers-card__img{object-fit:contain;filter:drop-shadow(0 2px 8px #00000080);pointer-events:none;width:85%;height:85%}.findbrawlers-card__fallback{color:#fff3;z-index:-1;justify-content:center;align-items:center;font-size:2rem;display:flex;position:absolute;inset:0}.findbrawlers-card__check{filter:drop-shadow(0 2px 6px #0006);pointer-events:none;font-size:clamp(1.5rem,6vw,2.5rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.findbrawlers-success{z-index:100;pointer-events:none;font-size:5rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.findbrawlers-reward-overlay{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.findbrawlers-reward{align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);flex-direction:column;display:flex;position:relative}.findbrawlers-reward__star{filter:drop-shadow(0 0 20px #ffd700cc);font-size:clamp(4rem,16vw,7rem)}.findbrawlers-reward__title{font-family:var(--font-primary);color:var(--color-primary);text-shadow:0 0 20px #ffd70080;margin:0;font-size:clamp(2rem,7vw,3.5rem)}.findbrawlers-reward__text{font-family:var(--font-secondary);color:var(--color-text-secondary);margin:0;font-size:clamp(1rem,3.5vw,1.3rem)}.guessletter-screen{background:0 0;flex-direction:column;height:100%;display:flex}.guessletter-body{padding:var(--spacing-md);justify-content:center;align-items:center;gap:var(--spacing-md);flex-direction:column;flex:1;display:flex}.guessletter-counter{font-family:var(--font-primary);color:var(--color-primary);background:#ffd7001a;border:2px solid #ffd7004d;border-radius:20px;margin-left:auto;padding:4px 16px;font-size:clamp(1rem,3vw,1.3rem)}.guessletter-title{font-family:var(--font-primary);color:var(--color-primary);text-align:center;letter-spacing:2px;text-shadow:0 0 15px #ffd70066;margin:0;font-size:clamp(1.3rem,4.5vw,2.2rem)}.guessletter-brawler{cursor:pointer;-webkit-tap-highlight-color:transparent;width:clamp(120px,35vw,200px);height:clamp(120px,35vw,200px);position:relative}.guessletter-brawler__img{object-fit:contain;filter:drop-shadow(0 6px 20px #0009);border-radius:20px;width:100%;height:100%}.guessletter-brawler__fallback{font-family:var(--font-primary);color:#fff3;z-index:-1;background:linear-gradient(145deg,#4a4a6c 0%,#3a3a56 100%);border-radius:20px;justify-content:center;align-items:center;font-size:clamp(3rem,10vw,5rem);display:flex;position:absolute;inset:0}.guessletter-brawler__hint{background:linear-gradient(145deg,#7c4dff 0%,#5a2ecc 100%);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;animation:2s infinite pulse;display:flex;position:absolute;bottom:-8px;right:-8px;box-shadow:0 2px 8px #7c4dff80}.guessletter-subtitle{font-family:var(--font-secondary);color:var(--color-text-secondary);text-align:center;opacity:.7;margin:0;font-size:clamp(.8rem,2.8vw,1rem)}.guessletter-options{grid-template-columns:repeat(2,1fr);gap:clamp(10px,3vw,20px);width:100%;max-width:360px;display:grid}.guessletter-option{font-family:var(--font-primary);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;min-height:clamp(60px,18vw,100px);box-shadow:var(--shadow-card);background:linear-gradient(145deg,#3a3a5c 0%,#2a2a46 100%);border:3px solid #ffffff26;border-radius:20px;justify-content:center;align-items:center;padding:clamp(8px,3vw,16px);font-size:clamp(2.5rem,10vw,5rem);display:flex}.guessletter-option:hover:not(:disabled){border-color:#ffffff4d;box-shadow:0 6px 20px #0006}.guessletter-option--correct{border-color:var(--color-success)!important;box-shadow:var(--shadow-glow-green)!important;color:#a5d6a7!important;background:linear-gradient(145deg,#2e5a3a 0%,#1e4a2a 100%)!important}.guessletter-option--disabled{opacity:.3;cursor:default;border-color:var(--color-error);box-shadow:none}.guessletter-option:disabled{cursor:default}.guessletter-reward-overlay{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.guessletter-reward{align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);flex-direction:column;display:flex;position:relative}.guessletter-reward__star{filter:drop-shadow(0 0 20px #ffd700cc);font-size:clamp(4rem,16vw,7rem)}.guessletter-reward__title{font-family:var(--font-primary);color:var(--color-primary);text-shadow:0 0 20px #ffd70080;margin:0;font-size:clamp(2rem,7vw,3.5rem)}.guessletter-reward__text{font-family:var(--font-secondary);color:var(--color-text-secondary);margin:0;font-size:clamp(1rem,3.5vw,1.3rem)}.skin-gallery-screen{background:0 0;flex-direction:column;height:100%;display:flex;overflow:hidden}.skin-gallery-header{align-items:center;gap:12px;padding:12px 16px;display:flex}.skin-gallery-title{background:linear-gradient(135deg,#e040fb,#7c4dff,#448aff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.2rem,3.5vw,1.8rem)}.skin-gallery-progress{padding:0 16px 8px}.skin-gallery-selector{border-bottom:1px solid #ffffff14;padding:4px 0 8px}.skin-gallery-selector__scroll{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;padding:4px 16px;display:flex;overflow:auto hidden}.skin-gallery-selector__scroll::-webkit-scrollbar{display:none}.skin-selector-item{cursor:pointer;background:#ffffff0f;border:2px solid #0000;border-radius:16px;flex-direction:column;flex-shrink:0;align-items:center;gap:4px;min-width:72px;padding:8px 10px;transition:all .25s;display:flex}.skin-selector-item--active{background:#7c4dff33;border-color:#7c4dff;box-shadow:0 0 16px #7c4dff4d}.skin-selector-item--complete{border-color:gold;box-shadow:0 0 12px #ffd7004d}.skin-selector-item--complete.skin-selector-item--active{border-color:gold;box-shadow:0 0 20px #ffd70066}.skin-selector-item--locked{opacity:.5}.skin-selector-item--locked.skin-selector-item--active{opacity:.8}.skin-selector-item__avatar{background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative;overflow:hidden}.skin-selector-item__avatar img{object-fit:cover;width:100%;height:100%}.skin-selector-item__lock{background:#00000080;justify-content:center;align-items:center;font-size:1rem;display:flex;position:absolute;inset:0}.skin-selector-item__name{color:#fffc;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:64px;font-size:.6rem;font-family:var(--font-primary);overflow:hidden}.skin-selector-item__progress{color:#ffffff80;font-size:.55rem;font-family:var(--font-secondary)}.skin-gallery-brawler-header{background:#ffffff0a;border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;padding:10px 16px;display:flex}.skin-gallery-brawler-header__img{object-fit:cover;border:2px solid #7c4dff66;border-radius:50%;width:48px;height:48px}.skin-gallery-brawler-header__info{flex:1}.skin-gallery-brawler-header__name{color:#fff;font-size:1.1rem;font-family:var(--font-primary);margin:0}.skin-gallery-brawler-header__count{color:#ffffff80;font-size:.75rem;font-family:var(--font-secondary)}.skin-gallery-brawler-header__locked{color:#ef5350;font-size:.75rem;font-family:var(--font-primary);background:#ef535026;border-radius:12px;padding:6px 12px}.skin-gallery-grid-container{-webkit-overflow-scrolling:touch;flex:1;padding:12px 16px 24px;overflow-y:auto}.skin-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.skin-card{cursor:pointer;background:#ffffff0a;border:2px solid #ffffff14;border-radius:16px;transition:all .3s;position:relative;overflow:hidden}.skin-card--unlocked{border-color:#7c4dff66;box-shadow:0 4px 20px #0000004d,inset 0 0 30px #ffffff05}.skin-card--playable{border-color:#ffffff26}.skin-card--playable:hover{border-color:#7c4dff66;transform:translateY(-2px)}.skin-card--brawler-locked{opacity:.4;cursor:default}.skin-card__art{aspect-ratio:1;background:linear-gradient(135deg,#ffffff08,#ffffff14);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.skin-card__img{object-fit:cover;width:100%;height:100%;transition:filter .3s}.skin-card__lock-overlay{pointer-events:none;justify-content:center;align-items:center;font-size:2rem;display:flex;position:absolute;inset:0}.skin-card__info{flex-direction:column;gap:2px;padding:8px 10px;display:flex}.skin-card__name{color:#ffffffe6;font-size:.7rem;font-family:var(--font-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.skin-card__play-badge{background:#7c4dffe6;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;animation:2s ease-in-out infinite pulseGlow;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 2px 8px #0006}.skin-modal-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.skin-modal{text-align:center;background:linear-gradient(145deg,#2a2a4a,#1a1a2e);border:2px solid #7c4dff4d;border-radius:24px;width:100%;max-width:340px;padding:24px;position:relative;box-shadow:0 8px 40px #00000080}.skin-modal__close{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex;position:absolute;top:12px;right:12px}.skin-modal__art{background:#ffffff0d;border-radius:16px;justify-content:center;align-items:center;width:240px;height:240px;margin:0 auto 16px;display:flex;position:relative;overflow:hidden}.skin-modal__img{object-fit:contain;width:100%;height:100%}.skin-modal__title{color:#fff;margin:0 0 4px;font-size:1.3rem}.skin-modal__brawler{color:#ffffff80;font-size:.8rem;font-family:var(--font-secondary);margin:0}@media (width<=400px){.skin-gallery-grid{grid-template-columns:repeat(2,1fr);gap:8px}.skin-selector-item{min-width:60px;padding:6px 8px}.skin-selector-item__avatar{width:36px;height:36px}.skin-gallery-brawler-header__img{width:40px;height:40px}}.skingame-screen{background:0 0;flex-direction:column;height:100%;display:flex;overflow:hidden}.skingame-body{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:8px 16px 24px;display:flex;overflow:hidden}.skingame-title-area{text-align:center}.skingame-title{color:#fff;font-size:clamp(1.3rem,4vw,2rem)}.skingame-title__letter{color:#e040fb;text-shadow:0 0 20px #e040fb99;font-size:1.3em;animation:2s ease-in-out infinite pulseGlow;display:inline-block}.skingame-subtitle{color:#fff9;margin-top:4px;font-size:.85rem}.skingame-subtitle strong{color:#ce93d8}.skingame-hero{align-items:center;gap:12px;width:100%;max-width:320px;display:flex}.skingame-hero__avatar{background:#ffffff14;border:2px solid #7c4dff66;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.skingame-hero__avatar img{object-fit:cover;width:100%;height:100%}.skingame-hero__progress{flex-direction:column;flex:1;gap:4px;display:flex}.skingame-progress-bar{background:#ffffff1a;border-radius:5px;width:100%;height:10px;overflow:hidden}.skingame-progress-bar__fill{background:linear-gradient(90deg,#7c4dff,#e040fb);border-radius:5px;height:100%;transition:width .3s}.skingame-progress-text{color:#fff9;text-align:right;font-size:.75rem;font-family:var(--font-secondary)}.skingame-grid{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;max-width:320px;display:grid}.skingame-cell{aspect-ratio:1;cursor:pointer;font-family:var(--font-primary);color:#fff;background:linear-gradient(135deg,#ffffff1f,#ffffff0f);border:2px solid #ffffff26;border-radius:16px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative;overflow:hidden}.skingame-cell:hover:not(:disabled){background:linear-gradient(135deg,#7c4dff33,#e040fb26);border-color:#7c4dff80;transform:translateY(-2px)}.skingame-cell:disabled{cursor:default}.skingame-cell__letter{z-index:1;pointer-events:none;font-size:clamp(1.6rem,6vw,2.2rem)}.skingame-cell__check{color:#4caf50;z-index:2;font-size:.8rem;position:absolute;top:4px;right:4px}.skingame-cell--found{box-shadow:0 0 12px #4caf504d;background:linear-gradient(135deg,#4caf504d,#4caf5026)!important;border-color:#4caf50!important}.skingame-cell--found .skingame-cell__letter{color:#81c784}.skingame-cell--wrong{box-shadow:0 0 12px #f443364d;background:linear-gradient(135deg,#f443364d,#f4433626)!important;border-color:#f44336!important}.skingame-cell--wrong .skingame-cell__letter{color:#ef9a9a}.skingame-mistakes{color:#fff6;font-size:.8rem;font-family:var(--font-secondary)}.skingame-victory-overlay{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.skingame-victory-content{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:40px;display:flex;position:relative}.skingame-victory__emoji{font-size:5rem;line-height:1}.skingame-victory__title{background:linear-gradient(135deg,gold,orange,#e040fb);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.5rem,5vw,2.5rem)}.skingame-victory__skin-name{color:#ffffffb3;font-size:1rem;font-family:var(--font-secondary)}@media (width<=360px){.skingame-grid{grid-template-columns:repeat(3,1fr);gap:6px;max-width:260px}.skingame-hero__avatar{width:44px;height:44px}}@media (height>=700px){.skingame-body{gap:16px}}.app{width:100%;height:100%;position:relative;overflow:hidden}.app-background{z-index:0;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:background-image .5s ease-in-out;position:fixed;inset:0}.app-background-overlay{z-index:1;pointer-events:none;background:#0a0a19b3;position:fixed;inset:0}.screen-wrapper{z-index:2;width:100%;height:100%;position:relative}.screen{flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.screen-header{padding:var(--spacing-md);align-items:center;gap:var(--spacing-md);z-index:10;flex-shrink:0;display:flex}.screen-body{padding:var(--spacing-lg);justify-content:center;align-items:center;gap:var(--spacing-lg);flex-direction:column;flex:1;display:flex;overflow-y:auto}.fab-gallery{cursor:pointer;z-index:100;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:linear-gradient(145deg,#ffd54f,#ff8f00);border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.6rem;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 16px #ffc10780}.fab-gallery__badge{background:var(--color-error);color:#fff;font-family:var(--font-secondary);border:2px solid var(--color-bg-dark);border-radius:11px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 4px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}