.ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;font-family:Outfit,sans-serif;color:var(--color-primary);overflow:hidden}.header-buttons{position:absolute;top:20px;right:20px;z-index:101;display:flex;gap:12px;align-items:center;pointer-events:auto}.grain-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");z-index:1}.floating-shapes{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.shape{position:absolute;opacity:.15;filter:blur(1px)}.shape-1{width:120px;height:120px;background:linear-gradient(135deg,var(--color-peach),var(--color-lavender));border-radius:30% 70% 70% 30%/30% 30% 70% 70%;top:10%;right:15%;animation:float 8s ease-in-out infinite}.shape-2{width:80px;height:80px;background:linear-gradient(135deg,var(--color-mint),var(--color-sky));border-radius:50%;bottom:20%;left:10%;animation:float 10s ease-in-out infinite reverse}.shape-3{width:60px;height:60px;background:var(--color-accent);border-radius:12px;top:50%;left:5%;transform:rotate(45deg);animation:float 12s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(10deg)}}.hud{position:absolute;top:var(--space-xl);left:var(--space-xl);z-index:10;pointer-events:none}.score-container{display:flex;flex-direction:column;gap:var(--space-xs);align-items:flex-start;text-align:left}.score-label{font-family:Outfit,sans-serif;font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--color-primary);opacity:.5}.score-value{font-family:Space Mono,monospace;font-size:56px;font-weight:700;line-height:1;color:var(--color-primary);opacity:.2;transition:var(--transition-base)}.score-value:not(:empty){animation:scorePop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes scorePop{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:.2}}.highscore-badge{position:absolute;top:0;right:-100px;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-surface);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);animation:slideInRight .4s var(--transition-base) backwards}.highscore-label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary);opacity:.5}.highscore-value{font-family:Space Mono,monospace;font-size:18px;font-weight:700;color:var(--color-accent)}@keyframes slideInRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:100;pointer-events:auto;animation:fadeIn var(--transition-slow)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-2xl);text-align:center;box-shadow:var(--shadow-float);backdrop-filter:blur(20px);max-width:420px;width:90%;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-alt))}.ready-card{animation:cardFloat .6s cubic-bezier(.34,1.56,.64,1) backwards}.gameover-card{animation:cardFloat .6s cubic-bezier(.34,1.56,.64,1) .3s backwards}@keyframes cardFloat{0%{transform:translateY(40px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.game-title{font-family:Outfit,sans-serif;font-size:64px;font-weight:900;line-height:.9;margin:0 0 var(--space-md);letter-spacing:-.03em}.title-line{display:block;color:var(--color-primary);opacity:.9}.title-accent{color:var(--color-accent);position:relative;animation:titleBounce .6s cubic-bezier(.34,1.56,.64,1) .2s backwards}@keyframes titleBounce{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.game-subtitle{font-size:14px;font-weight:500;color:var(--color-primary);opacity:.5;margin:0 0 var(--space-xl);letter-spacing:.05em}.instructions{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-xl);text-align:left}.instruction-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:#2d34360a;border-radius:var(--radius-md);font-size:13px;font-weight:500;color:var(--color-primary);opacity:.8;animation:slideInLeft .4s cubic-bezier(.4,0,.2,1) backwards}.instruction-item:nth-child(1){animation-delay:.3s}.instruction-item:nth-child(2){animation-delay:.4s}.instruction-item:nth-child(3){animation-delay:.5s}@keyframes slideInLeft{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:.8}}.instruction-icon{font-size:18px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-family:Outfit,sans-serif;font-size:14px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border:none;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-base);overflow:hidden}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-md);animation:btnAppear .5s cubic-bezier(.34,1.56,.64,1) .6s backwards}.btn-secondary{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-md);animation:btnAppear .5s cubic-bezier(.34,1.56,.64,1) backwards}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn:active{transform:translateY(0)}@keyframes btnAppear{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.btn-text{position:relative;z-index:1}.btn-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:var(--transition-slow)}.btn:hover .btn-shine{left:100%}.press-hint{margin-top:var(--space-md);font-size:12px;font-weight:500;color:var(--color-primary);opacity:.4;animation:pressAppear .6s cubic-bezier(.4,0,.2,1) .7s backwards}@keyframes pressAppear{0%{opacity:0}to{opacity:.4}}.charge-hint{position:absolute;bottom:var(--space-xl);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-surface);border-radius:var(--radius-full);font-size:13px;font-weight:500;color:var(--color-primary);opacity:.7;box-shadow:var(--shadow-sm);z-index:50;pointer-events:none;animation:hintPulse 2s ease-in-out infinite}.hint-pulse{width:8px;height:8px;background:var(--color-accent);border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes hintPulse{0%,to{opacity:.6;transform:translate(-50%) translateY(0)}50%{opacity:.9;transform:translate(-50%) translateY(-3px)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.5}}.gameover-title{font-family:Outfit,sans-serif;font-size:32px;font-weight:900;margin:0 0 var(--space-xl);color:var(--color-primary);letter-spacing:-.02em}.score-display{position:relative;margin-bottom:var(--space-xl)}.final-score{display:flex;flex-direction:column;gap:var(--space-xs)}.score-label-final{font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--color-primary);opacity:.4}.score-number-final{font-family:Space Mono,monospace;font-size:72px;font-weight:700;line-height:1;color:var(--color-accent)}.new-record{position:absolute;top:-10px;right:-20px}.record-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:linear-gradient(135deg,var(--color-peach),var(--color-lavender));border-radius:var(--radius-full);font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--color-primary);box-shadow:var(--shadow-md);animation:badgePop .5s cubic-bezier(.34,1.56,.64,1) .8s backwards}@keyframes badgePop{0%{transform:scale(0) rotate(-12deg);opacity:0}50%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1) rotate(0);opacity:1}}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin-bottom:var(--space-xl)}.stat-item{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);background:#2d34360a;border-radius:var(--radius-md)}.stat-value{font-family:Space Mono,monospace;font-size:24px;font-weight:700;color:var(--color-primary)}.stat-label{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary);opacity:.4}.action-buttons{display:flex;gap:var(--space-md)}@media(max-width:640px){.hud{top:var(--space-md);left:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.score-value{font-size:42px}.highscore-badge{position:static;margin-top:0;align-self:flex-start}.game-title{font-size:48px}.card{padding:var(--space-xl)}.score-number-final{font-size:56px}.stats-grid{grid-template-columns:1fr}}.gameover-card-enhanced{max-width:480px;padding:var(--space-2xl);background:linear-gradient(135deg,#fffffff2,#ffffffe6);border:2px solid rgba(45,52,54,.1)}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:100px;height:100px;border-radius:50%;margin-bottom:var(--space-lg);animation:rankPop .8s cubic-bezier(.34,1.56,.64,1) .4s backwards;box-shadow:0 8px 32px #00000026;position:relative;overflow:hidden}.rank-badge:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);animation:shine 3s ease-in-out infinite}@keyframes shine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.rank-letter{font-family:Outfit,sans-serif;font-size:56px;font-weight:900;letter-spacing:-.02em;position:relative;z-index:1}@keyframes rankPop{0%{transform:scale(0) rotate(-180deg);opacity:0}50%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0);opacity:1}}.stats-grid-enhanced{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin-bottom:var(--space-lg)}.stat-item-enhanced{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-md);background:linear-gradient(135deg,#2d34360f,#2d343608);border-radius:var(--radius-md);border:2px solid rgba(45,52,54,.1);transition:var(--transition-base);animation:statSlideIn .4s cubic-bezier(.4,0,.2,1) backwards}.stat-item-enhanced:nth-child(1){animation-delay:.5s}.stat-item-enhanced:nth-child(2){animation-delay:.6s}.stat-item-enhanced:nth-child(3){animation-delay:.7s}.stat-item-enhanced:nth-child(4){animation-delay:.8s}.stat-item-enhanced:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--color-accent)}@keyframes statSlideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.stat-icon-enhanced{color:var(--color-accent);flex-shrink:0}.stat-content-enhanced{display:flex;flex-direction:column;gap:var(--space-xs);align-items:center}.stat-value-enhanced{font-family:Space Mono,monospace;font-size:32px;font-weight:700;line-height:1;color:var(--color-primary)}.stat-label-enhanced{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary);opacity:.5}.action-buttons-enhanced{display:flex;gap:var(--space-md);justify-content:center}.btn-share{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);font-family:Outfit,sans-serif;font-size:14px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border:2px solid var(--color-primary);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-base);overflow:hidden;background:transparent;color:var(--color-primary);box-shadow:var(--shadow-sm);animation:btnAppear .5s cubic-bezier(.34,1.56,.64,1) 1s backwards}.btn-share:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background:var(--color-primary);color:#fff}.btn-share:active{transform:translateY(0)}@media(max-width:640px){.gameover-card-enhanced{padding:var(--space-xl);max-width:90%}.rank-badge{width:80px;height:80px;margin-bottom:var(--space-md)}.rank-letter{font-size:44px}.stats-grid-enhanced{grid-template-columns:1fr;gap:var(--space-sm)}.stat-item-enhanced{padding:var(--space-md);justify-content:center;text-align:center}.stat-value-enhanced{font-size:28px}.action-buttons-enhanced{flex-direction:column}.btn-full-width,.btn-share{width:100%}.gameover-title{font-size:28px;margin-bottom:var(--space-md)}.score-number-final{font-size:56px}}.new-record-banner{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg,var(--color-peach),var(--color-lavender));border-radius:var(--radius-md);margin-bottom:var(--space-lg);animation:bannerSlide .6s cubic-bezier(.34,1.56,.64,1) backwards}.record-icon{font-size:24px;animation:trophyBounce 1s ease-in-out infinite}.record-text{font-size:14px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary)}@keyframes bannerSlide{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes trophyBounce{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(-5deg)}75%{transform:scale(1.1) rotate(5deg)}}.score-display-centered{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xl)}.stats-grid-improved{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin-bottom:var(--space-lg)}.stat-item-improved{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-lg) var(--space-md);background:linear-gradient(135deg,#2d34360a,#2d343605);border-radius:var(--radius-md);border:2px solid rgba(45,52,54,.08);transition:var(--transition-base)}.stat-item-improved:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:#ff6b6b33}.stat-value-large{font-family:Space Mono,monospace;font-size:36px;font-weight:700;line-height:1;color:var(--color-primary)}.stat-label-improved{font-size:13px;font-weight:600;color:var(--color-primary);opacity:.7;display:flex;align-items:center;gap:var(--space-xs)}.submission-status{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-lg);background:#4caf501a;border-radius:var(--radius-md);font-size:13px;font-weight:500;color:#2e7d32;animation:fadeIn .4s ease-in-out 1s backwards}.action-buttons-single{display:flex;justify-content:center}.btn-full-width{min-width:200px}@media(max-width:640px){.new-record-banner{padding:var(--space-sm);margin-bottom:var(--space-md)}.record-icon{font-size:20px}.record-text{font-size:12px}.gameover-title{font-size:28px;margin-bottom:var(--space-lg)}.score-number-final{font-size:56px}.stats-grid-improved{grid-template-columns:1fr;gap:var(--space-sm)}.stat-item-improved{padding:var(--space-md);flex-direction:row;justify-content:space-between}.stat-value-large{font-size:28px}.stat-label-improved{font-size:12px}.btn-full-width{width:100%;min-width:auto}.submission-status{font-size:12px;padding:var(--space-xs) var(--space-sm)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.social-links-bar{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:12px;padding:12px 20px;background:#fffffffa;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);backdrop-filter:blur(10px);z-index:101;pointer-events:auto;animation:slideUpSocial .4s cubic-bezier(.34,1.56,.64,1) backwards}.social-link{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--color-surface);border-radius:var(--radius-md);text-decoration:none;transition:var(--transition-base);border:1px solid rgba(45,52,54,.08)}.social-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-accent)}.social-icon{font-size:20px;font-weight:700;color:var(--color-primary)}.social-icon-svg{display:flex;align-items:center;justify-content:center}.social-username{font-size:13px;font-weight:600;color:var(--color-primary);letter-spacing:.02em}@keyframes slideUpSocial{0%{transform:translate(-50%) translateY(20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@media(max-width:640px){.social-links-bar{bottom:16px;padding:10px 16px;gap:10px;flex-wrap:wrap;justify-content:center;max-width:90vw}.social-link{padding:6px 10px;gap:6px}.social-icon{font-size:16px}.social-icon-svg{transform:scale(.8)}.social-username{font-size:11px}}@media(max-width:375px){.social-links-bar{bottom:12px;padding:8px 12px;gap:8px;flex-wrap:wrap;justify-content:center}.social-link{padding:6px 10px;gap:5px}.social-icon{font-size:15px}.social-icon-svg{transform:scale(.75)}.social-username{font-size:10px}}.ad-editor-button{position:absolute;bottom:20px;right:20px;display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;padding:0;background:var(--color-surface);border-radius:var(--radius-lg);font-family:Outfit,sans-serif;font-size:16px;font-weight:800;letter-spacing:.05em;color:var(--color-primary);text-decoration:none;box-shadow:var(--shadow-md);backdrop-filter:blur(10px);z-index:101;pointer-events:auto;transition:var(--transition-base);animation:slideUpRight .4s cubic-bezier(.34,1.56,.64,1) backwards;border:2px solid rgba(45,52,54,.08)}.ad-editor-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--color-accent);color:var(--color-accent)}.ad-editor-button:active{transform:translateY(0)}@keyframes slideUpRight{0%{transform:translateY(20px) translate(20px);opacity:0}to{transform:translateY(0) translate(0);opacity:1}}@media(max-width:640px){.ad-editor-button{bottom:16px;right:16px;width:45px;height:45px;font-size:14px}}.mode-selector{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg);justify-content:center;animation:slideInLeft .4s cubic-bezier(.4,0,.2,1) .55s backwards}.mode-btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:#fff9;border:2px solid rgba(45,52,54,.1);color:var(--color-primary);border-radius:var(--radius-full);cursor:pointer;font-family:Outfit,sans-serif;font-size:13px;font-weight:600;transition:var(--transition-base);backdrop-filter:blur(10px)}.mode-btn:hover{background:#fffc;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.mode-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:var(--shadow-md)}.timer-badge{position:absolute;top:80px;left:0;display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-surface);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);animation:slideInRight .4s var(--transition-base) backwards;transition:var(--transition-base)}.timer-badge.timer-warning{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff;animation:timerPulse 1s ease-in-out infinite}.timer-value{font-family:Space Mono,monospace;font-size:18px;font-weight:700;color:var(--color-primary)}.timer-warning .timer-value{color:#fff}@keyframes timerPulse{0%,to{transform:scale(1);box-shadow:var(--shadow-sm)}50%{transform:scale(1.05);box-shadow:var(--shadow-md)}}@media(max-width:640px){.timer-badge{position:static;margin-top:var(--space-sm)}.timer-value{font-size:16px}}:root{--mobile-scale-xs: .65;--mobile-scale-sm: .75;--mobile-scale-md: .85;--mobile-scale-lg: .9;--breakpoint-xs: 320px;--breakpoint-sm: 375px;--breakpoint-md: 414px;--breakpoint-lg: 480px;--breakpoint-xl: 640px;--breakpoint-2xl: 768px;--breakpoint-desktop: 1024px;--color-bg: #C1D8D2;--color-primary: #2D3436;--color-accent: #FF6B6B;--color-accent-alt: #4ECDC4;--color-surface: rgba(255, 255, 255, .92);--color-surface-dark: rgba(45, 52, 54, .95);--color-peach: #FFD6A5;--color-mint: #C1E8C4;--color-lavender: #D4B5E0;--color-sky: #A8D8EA;--space-xs: clamp(.375rem, 1.5vw, .5rem);--space-sm: clamp(.5rem, 2vw, .75rem);--space-md: clamp(.75rem, 2.5vw, 1rem);--space-lg: clamp(1rem, 3vw, 1.5rem);--space-xl: clamp(1.25rem, 3.5vw, 2rem);--space-2xl: clamp(1.5rem, 4vw, 3rem);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(45, 52, 54, .08);--shadow-md: 0 8px 24px rgba(45, 52, 54, .12);--shadow-lg: 0 16px 48px rgba(45, 52, 54, .16);--shadow-float: 0 20px 60px rgba(45, 52, 54, .2);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1)}.game-title{font-size:clamp(1.75rem,6vw,4rem);line-height:clamp(1.1,5vw,.9);margin:0 0 var(--space-md);letter-spacing:clamp(-.03em,-.02em,-.03em)}.game-subtitle{font-size:clamp(.75rem,2.5vw,.875rem);margin:0 0 var(--space-lg);letter-spacing:.05em}.score-value{font-size:clamp(1.5rem,5vw,3.5rem);line-height:clamp(1,4vw,1)}.score-number-final{font-size:clamp(2rem,7vw,4.5rem);line-height:clamp(1,5vw,1)}.gameover-title{font-size:clamp(1.25rem,4vw,2rem);margin:0 0 var(--space-lg);letter-spacing:clamp(-.02em,-.015em,-.02em)}.score-label,.score-label-final{font-size:clamp(.625rem,2vw,.6875rem);font-weight:700;letter-spacing:.15em;text-transform:uppercase}.stat-value,.stat-value-enhanced,.stat-value-large{font-size:clamp(1rem,3.5vw,2rem);font-weight:700;line-height:1}.stat-label,.stat-label-enhanced,.stat-label-improved{font-size:clamp(.625rem,2vw,.8125rem);font-weight:600;letter-spacing:.1em;text-transform:uppercase}.btn{padding:clamp(.625rem,2.5vw,var(--space-md)) clamp(1rem,3.5vw,var(--space-xl));font-size:clamp(.75rem,2.5vw,.875rem);border-radius:var(--radius-full)}.hud{position:absolute;top:clamp(.5rem,2vw,var(--space-xl));left:clamp(.5rem,2vw,var(--space-xl));z-index:10;pointer-events:none;transform-origin:top left;transition:transform var(--transition-base)}.hud{transform:scale(var(--mobile-scale-sm))}@media(max-width:640px){.header-buttons{top:55px!important;right:8px!important;gap:6px!important}.header-buttons button{padding:8px!important;width:36px!important;height:36px!important;min-width:36px!important}.header-buttons>button:last-child{padding:8px 12px!important;width:auto!important;height:auto!important;min-width:auto!important;font-size:12px!important}.header-buttons>div{padding:6px 10px!important;gap:8px!important}.header-buttons>div>div:first-child{width:28px!important;height:28px!important}.header-buttons>div>div>span:first-child{font-size:12px!important}.header-buttons>div>div>span:last-child{font-size:10px!important}.header-buttons button svg{width:16px!important;height:16px!important}}@media(max-width:375px){.header-buttons{top:50px!important;right:6px!important;gap:4px!important}.header-buttons button{padding:6px!important;width:32px!important;height:32px!important;min-width:32px!important}.header-buttons>button:last-child{padding:6px 10px!important;font-size:11px!important}.header-buttons button svg{width:14px!important;height:14px!important}}.card{background:var(--color-surface);border-radius:var(--radius-lg);padding:clamp(1rem,3.5vw,var(--space-2xl));text-align:center;box-shadow:var(--shadow-float);backdrop-filter:blur(20px);max-width:420px;width:min(90%,420px);position:relative;overflow:hidden;transform-origin:center center;transition:transform var(--transition-base)}.card{transform:scale(var(--mobile-scale-sm))}.highscore-badge{position:static;margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);font-size:clamp(.75rem,2vw,.875rem)}@media(max-width:374px){.hud{transform:scale(var(--mobile-scale-xs))}.card{transform:scale(var(--mobile-scale-xs));width:min(95%,420px)}.btn{padding:var(--space-sm) var(--space-md)}.action-buttons{flex-direction:column;gap:var(--space-sm)}.btn-full-width{width:100%}}@media(min-width:375px){.hud,.card{transform:scale(var(--mobile-scale-sm))}}@media(min-width:414px){.hud,.card{transform:scale(var(--mobile-scale-md))}}@media(min-width:480px){.hud{transform:scale(var(--mobile-scale-lg))}.card{transform:scale(var(--mobile-scale-lg));width:min(88%,420px)}.stats-grid,.stats-grid-enhanced,.stats-grid-improved{grid-template-columns:repeat(2,1fr)}}@media(min-width:640px){.hud{transform:scale(1);top:var(--space-xl);left:var(--space-xl)}.card{transform:scale(1);width:90%;padding:var(--space-2xl)}.highscore-badge{position:absolute;top:0;right:-100px;margin-top:0}}@media(min-width:768px){.card{width:85%;max-width:480px}.action-buttons,.action-buttons-enhanced{flex-direction:row;gap:var(--space-md)}.btn-full-width{width:auto;min-width:200px}}@media(min-width:1024px){.card{width:420px;max-width:420px}}@media(max-height:667px)and (orientation:landscape){.hud{top:.25rem;left:.25rem;transform:scale(.5)}.card{max-height:75vh;overflow-y:auto;padding:clamp(.75rem,2.5vw,var(--space-lg))}.game-title{font-size:clamp(1.25rem,3vw,2rem)}.rank-badge{width:60px;height:60px;margin-bottom:var(--space-sm)}.rank-letter{font-size:clamp(1.5rem,3vw,2.5rem)}}@media(min-width:414px)and (max-height:736px)and (orientation:landscape){.hud{transform:scale(.55)}.card{transform:scale(.7)}}@media(hover:none)and (pointer:coarse){.btn{min-height:44px;min-width:44px;padding:clamp(.75rem,2.5vw,var(--space-md)) clamp(1.25rem,4vw,var(--space-xl))}.btn:hover{transform:none}.btn:active{transform:scale(.97)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hud,.card{transform:none!important}}.hide-mobile{display:none}@media(min-width:640px){.hide-mobile{display:block}}.hide-desktop{display:block}@media(min-width:1024px){.hide-desktop{display:none}}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.floating-text-container{position:fixed;inset:0;pointer-events:none;z-index:100}.floating-text{position:absolute;font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;font-size:24px;font-weight:700;color:gold;text-shadow:0 0 12px rgba(255,215,0,1),0 0 24px rgba(255,200,0,.8),0 0 36px rgba(255,180,0,.6);white-space:nowrap;user-select:none}@keyframes floatUp{0%{opacity:0;transform:translateY(15px) scale(.5)}20%{opacity:1;transform:translateY(-5px) scale(1.4)}40%{opacity:1;transform:translateY(-15px) scale(1.2)}to{opacity:0;transform:translateY(-50px) scale(.9)}}@media(max-width:640px){.floating-text{font-size:20px}@keyframes floatUp{0%{opacity:0;transform:translateY(12px) scale(.5)}20%{opacity:1;transform:translateY(-4px) scale(1.3)}40%{opacity:1;transform:translateY(-12px) scale(1.1)}to{opacity:0;transform:translateY(-40px) scale(.9)}}}
