.leaderboard{width:100%;max-width:500px;margin:0 auto;padding:1.5rem;background:#ffffff1a;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.leaderboard-title{font-size:1.8rem;font-weight:700;text-align:center;margin:0 0 1.5rem;color:var(--color-gold);text-shadow:2px 2px 4px rgba(0,0,0,.3)}.leaderboard-loading{text-align:center;padding:2rem;font-size:1.2rem;color:#ffffffb3}.leaderboard-error{text-align:center;padding:2rem;color:#ff6b6b}.leaderboard-error p{margin-bottom:1rem}.retry-button{padding:.5rem 1rem;font-size:1rem;background:var(--color-green);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:transform .2s,background .2s}.retry-button:hover{background:var(--color-green-dark);transform:scale(1.05)}.retry-button:active{transform:scale(.95)}.leaderboard-empty{text-align:center;padding:2rem;font-size:1.1rem;color:#fff9;font-style:italic}.leaderboard-list{display:flex;flex-direction:column;gap:.5rem}.leaderboard-entry{display:grid;grid-template-columns:40px 1fr auto 80px;gap:.75rem;align-items:center;padding:.75rem;background:#ffffff0d;border-radius:8px;transition:transform .2s,background .2s}.leaderboard-entry:hover{background:#ffffff1a;transform:translate(4px)}.leaderboard-entry.rank-1{background:linear-gradient(135deg,#ffd70033,#ffd7000d);border:1px solid rgba(255,215,0,.3)}.leaderboard-entry.rank-2{background:linear-gradient(135deg,#c0c0c033,#c0c0c00d);border:1px solid rgba(192,192,192,.3)}.leaderboard-entry.rank-3{background:linear-gradient(135deg,#cd7f3233,#cd7f320d);border:1px solid rgba(205,127,50,.3)}.entry-rank{font-weight:700;font-size:1.1rem;color:var(--color-gold);text-align:center}.rank-1 .entry-rank{font-size:1.3rem;color:gold}.rank-2 .entry-rank{color:silver}.rank-3 .entry-rank{color:#cd7f32}.entry-name{font-size:1rem;color:#fff;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry-score{font-size:1.1rem;font-weight:700;color:var(--color-gold);text-align:right}.entry-date{font-size:.85rem;color:#ffffff80;text-align:right}@media (max-width: 500px){.leaderboard{padding:1rem}.leaderboard-title{font-size:1.5rem;margin-bottom:1rem}.leaderboard-entry{grid-template-columns:35px 1fr auto 70px;gap:.5rem;padding:.6rem}.entry-rank{font-size:1rem}.rank-1 .entry-rank{font-size:1.2rem}.entry-name{font-size:.9rem}.entry-score{font-size:1rem}.entry-date{font-size:.75rem}}@font-face{font-family:Buenos Aires;src:url(/fonts/BuenosAiresWeb-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Buenos Aires;src:url(/fonts/BuenosAiresWeb-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--color-christmas-red: #c41e3a;--color-christmas-green: #165b33;--color-christmas-gold: #ffd700;--color-christmas-white: #ffffff;--color-christmas-dark-green: #0d3d21;--color-christmas-light-red: #e63946;--color-background: #1a1a1a;--color-text-primary: var(--color-christmas-white);--color-text-secondary: #e0e0e0;--color-button-bg: var(--color-christmas-red);--color-button-hover: var(--color-christmas-light-red);--color-button-text: var(--color-christmas-white);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--font-family-base: "Buenos Aires", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 3rem;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .4);--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;height:100vh;height:100svh;overflow:hidden;font-family:var(--font-family-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-background);color:var(--color-text-primary);touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;overscroll-behavior:none}#root{width:100%;height:100%;height:100vh;height:100svh;position:relative;overflow:hidden}.App{width:100%;height:100%;height:100vh;height:100svh;position:relative}h1{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-christmas-red);text-shadow:2px 2px 4px rgba(0,0,0,.5)}h2{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-christmas-green);text-shadow:1px 1px 3px rgba(0,0,0,.4)}h3{font-size:var(--font-size-xl);font-weight:600}p{font-size:var(--font-size-base);line-height:1.6}button{font-family:var(--font-family-base);font-size:var(--font-size-lg);font-weight:600;padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-button-bg);color:var(--color-button-text);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-md);cursor:pointer;transition:all var(--transition-base);touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:hover,button:focus{background-color:var(--color-button-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.text-center{text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (max-width: 374px){:root{--font-size-3xl: 2rem;--font-size-2xl: 1.5rem;--font-size-xl: 1.25rem}}@media (min-width: 768px){:root{--font-size-3xl: 4rem;--font-size-2xl: 2.5rem}}.permission-screen{display:flex;align-items:center;justify-content:center;width:100%;height:100%;height:100vh;height:100svh;background:linear-gradient(135deg,var(--color-christmas-dark-green) 0%,var(--color-christmas-green) 100%);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.permission-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);text-align:center;max-width:90%}.permission-description{font-size:var(--font-size-xl);color:var(--color-christmas-gold)}.permission-instruction{font-size:var(--font-size-lg);color:var(--color-text-secondary)}.permission-button{font-size:var(--font-size-md);padding:var(--spacing-md) var(--spacing-xl);min-width:200px}.permission-error{color:var(--color-christmas-light-red);font-size:var(--font-size-base);padding:var(--spacing-sm);background-color:#0000004d;border-radius:var(--radius-md);margin-top:var(--spacing-sm)}.landscape-warning{display:none}@media (orientation: landscape) and (max-width: 900px){.landscape-warning{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100%;height:100vh;height:100svh;background:linear-gradient(135deg,var(--color-christmas-dark-green),#0d1b2a);color:var(--color-christmas-white);font-size:var(--font-size-xl);text-align:center;padding:var(--spacing-lg);z-index:9999}.landscape-warning__content{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:center}.landscape-warning h2{font-size:var(--font-size-2xl);color:var(--color-christmas-gold);margin-bottom:var(--spacing-sm)}.landscape-warning p{font-size:var(--font-size-lg);color:var(--color-text-secondary)}}.audio-settings{display:flex;flex-direction:column;gap:clamp(.5rem,1.5vh,1.5rem);padding:clamp(.75rem,2vh,1.5rem);background-color:#0000004d;border-radius:var(--radius-lg);margin:0;width:100%}.audio-setting-item{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:clamp(.25rem,.5vh,1rem)}.audio-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.audio-icon{font-size:clamp(1rem,4vw,1.5rem);line-height:1}.audio-text{font-size:clamp(.875rem,3.5vw,1.25rem);color:var(--color-text-primary);font-weight:500}.audio-toggle{position:relative;display:inline-flex;align-items:center;justify-content:flex-start;width:clamp(70px,15vw,80px);height:clamp(30px,7.5vw,40px);padding:0;background-color:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);overflow:visible}.audio-toggle.enabled{background-color:var(--color-christmas-green);border-color:var(--color-christmas-green)}.audio-toggle.disabled{background-color:#0006;border-color:#fff3}.toggle-slider{position:absolute;width:clamp(24px,6vw,32px);height:clamp(24px,6vw,32px);background-color:var(--color-christmas-white);border-radius:var(--radius-full);transition:transform var(--transition-base);box-shadow:var(--shadow-md);left:3px;top:50%;transform:translateY(-50%)}.audio-toggle.enabled .toggle-slider{transform:translate(clamp(35px,8vw,40px),-50%)}.toggle-label{position:absolute;font-size:var(--font-size-xs);font-weight:700;color:var(--color-christmas-white);text-transform:uppercase;letter-spacing:.5px;pointer-events:none}.audio-toggle.enabled .toggle-label{left:10px}.audio-toggle.disabled .toggle-label{right:10px}.audio-toggle:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.audio-toggle:active{transform:scale(.98)}.audio-toggle:focus{outline:none;box-shadow:0 0 0 3px #ffd70066}@media (max-width: 374px){.audio-setting-item{flex-direction:row;justify-content:space-between}.audio-text{font-size:var(--font-size-base)}.audio-toggle{width:70px;height:36px;min-width:70px}.toggle-slider{width:28px;height:28px;transform:translateY(-50%)}.audio-toggle.enabled .toggle-slider{transform:translate(34px,-50%)}}@media (min-width: 768px){.audio-settings{max-width:500px}.audio-setting-item{padding:var(--spacing-md)}.audio-icon{font-size:var(--font-size-2xl)}.audio-text{font-size:var(--font-size-xl)}.audio-toggle{width:90px;height:44px}.toggle-slider{width:36px;height:36px;transform:translateY(-50%)}.audio-toggle.enabled .toggle-slider{transform:translate(46px,-50%)}}.error-boundary{position:fixed;top:0;left:0;width:100%;height:100%;height:100vh;height:100svh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-christmas-dark-green),var(--color-background));z-index:10000;padding:var(--spacing-md)}.error-boundary-content{background:#fffffff2;padding:var(--spacing-xl);border-radius:var(--radius-lg);text-align:center;max-width:400px;box-shadow:var(--shadow-lg)}.error-boundary-content h1{color:var(--color-christmas-red);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md);font-family:var(--font-family-base)}.error-boundary-content p{color:var(--color-background);font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg)}.error-boundary-button{background-color:var(--color-christmas-red);color:var(--color-button-text);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-lg);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;font-family:var(--font-family-base);font-weight:600;box-shadow:var(--shadow-md)}.error-boundary-button:hover{background-color:var(--color-button-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.error-boundary-button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.game-container{width:100vw;height:100vh;height:100svh;position:relative;overflow:hidden;background:linear-gradient(180deg,#0d1b2a,#1a1a1a);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.game-screen{width:100%;height:100%;position:relative;overflow:hidden}.game-area{width:100%;height:100%;position:relative;overflow:visible}.background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.ornament{position:absolute;width:4vw;height:4vw;z-index:10;pointer-events:none;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.ornament:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:2px;height:8px;background:#888;z-index:-1}.ornament:after{content:"";position:absolute;top:-12px;left:50%;transform:translate(-50%);width:6px;height:6px;background:var(--color-christmas-gold);border-radius:2px;z-index:-1}.ornament-inner{width:100%;height:100%;border-radius:50%;box-shadow:0 4px 8px #0000004d,inset -2px -2px 4px #0003}.ornament--red .ornament-inner{background:radial-gradient(circle at 30% 30%,#ff6b6b,var(--color-christmas-red),#8b0000);box-shadow:0 4px 8px #0000004d,inset -2px -2px 4px #0000004d,inset 1px 1px 2px #ffffff80}.ornament--green .ornament-inner{background:radial-gradient(circle at 30% 30%,#66ff66,var(--color-christmas-green),#004d00);box-shadow:0 4px 8px #0000004d,inset -2px -2px 4px #0000004d,inset 1px 1px 2px #ffffff80}.ornament--gold .ornament-inner{background:radial-gradient(circle at 30% 30%,#fff9c4,var(--color-christmas-gold),#cc9900);box-shadow:0 4px 8px #0000004d,inset -2px -2px 4px #0000004d,inset 1px 1px 2px #fffc}.ornament--striped .ornament-inner{background:repeating-linear-gradient(45deg,var(--color-christmas-red),var(--color-christmas-red) 10%,var(--color-christmas-white) 10%,var(--color-christmas-white) 20%);box-shadow:0 4px 8px #0000004d,inset -2px -2px 4px #0003}.ornament--shiny .ornament-inner{background:radial-gradient(circle at 30% 30%,#ffffff,var(--color-christmas-gold),var(--color-christmas-red));animation:sparkle 1.5s infinite alternate;box-shadow:0 4px 12px #ffd70099,inset -2px -2px 4px #0003,inset 1px 1px 3px #fffc}@keyframes sparkle{0%{filter:brightness(1) saturate(1);box-shadow:0 4px 12px #ffd70099,inset -2px -2px 4px #0003,inset 1px 1px 3px #fffc}to{filter:brightness(1.3) saturate(1.2);box-shadow:0 4px 16px #ffd700e6,0 0 20px #ffd70080,inset -2px -2px 4px #0003,inset 1px 1px 3px #ffffffe6}}.ornament--golden-star{z-index:25}.ornament--golden-star .ornament-inner{background:radial-gradient(circle at 30% 30%,#fff9e6,gold,#ffb700,#c90);box-shadow:inset -3px -3px 6px #0000004d,inset 2px 2px 6px #ffffffe6;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.ornament--golden-star:before{background:linear-gradient(to bottom,#ffd700cc,#ffd70066);height:12px}.ornament--golden-star:after{background:var(--color-christmas-gold);width:8px;height:8px;box-shadow:0 0 10px #ffd700cc}.catching-box{position:absolute;width:20vw;height:8vh;z-index:5;will-change:transform;transform:translateZ(0);backface-visibility:hidden;transition:transform 50ms ease-out}.score-display{position:fixed;top:max(5vh,calc(5vh + env(safe-area-inset-top,0px)));left:50%;transform:translate(-50%);font-size:6vw;font-weight:700;color:var(--color-christmas-white);text-shadow:2px 2px 4px rgba(0,0,0,.5),0 0 10px rgba(255,215,0,.3);z-index:100;pointer-events:none}.high-score{position:fixed;top:max(12vh,calc(12vh + env(safe-area-inset-top,0px)));left:50%;transform:translate(-50%);font-size:3vw;font-weight:600;color:var(--color-christmas-gold);text-shadow:1px 1px 2px rgba(0,0,0,.5);z-index:100;pointer-events:none}.pause-button{position:fixed;top:max(2vh,calc(2vh + env(safe-area-inset-top,0px)));right:max(2vw,calc(2vw + env(safe-area-inset-right,0px)));width:50px;height:50px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:100;background-color:var(--color-christmas-red);color:var(--color-christmas-white)}.pause-button__icon{width:24px;height:24px}.snowfall-effect{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100svh;pointer-events:none;overflow:visible;z-index:20}.snowflake{position:absolute;background:#fff;border-radius:50%;pointer-events:none;z-index:20}@keyframes snowfall{0%{transform:translateY(0) translate(0)}25%{transform:translateY(27.5vh) translate(var(--drift, 0px))}50%{transform:translateY(55vh) translate(0)}75%{transform:translateY(82.5vh) translate(calc(var(--drift, 0px) * -1))}to{transform:translateY(110vh) translate(0)}}.start-screen{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;height:100%;height:100vh;height:100svh;background:linear-gradient(180deg,var(--color-christmas-dark-green) 0%,#0d1b2a 100%);padding:min(2vh,var(--spacing-md));overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.start-screen__content{display:flex;flex-direction:column;align-items:stretch;gap:clamp(.75rem,2vh,2rem);max-width:90%;justify-content:space-around;height:100%}.start-screen__title{margin-bottom:clamp(.5rem,1vh,1.5rem);animation:pulse 2s infinite;text-align:center;font-size:clamp(1.5rem,6vw,3rem)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.start-screen__high-score{display:flex;flex-direction:column;align-items:center;gap:clamp(.25rem,.5vh,.5rem);padding:clamp(.75rem,2vh,1.5rem);background:#0000004d;border-radius:var(--radius-lg);min-width:clamp(150px,40vw,200px)}.start-screen__high-score-label{font-size:clamp(.75rem,3vw,1rem);color:var(--color-christmas-gold);font-weight:600;text-transform:uppercase;letter-spacing:1px}.start-screen__high-score-value{font-size:clamp(1.5rem,8vw,3rem);color:var(--color-christmas-white);font-weight:700;text-shadow:0 0 10px rgba(255,215,0,.5)}.start-screen__start-button{margin-top:clamp(.5rem,1vh,1.5rem);font-size:clamp(1rem,4vw,1.5rem);padding:clamp(1.5rem,1.5vh,2rem) clamp(1.5rem,4vw,3rem);min-width:clamp(150px,40vw,200px)}.start-screen__instructions{margin-top:clamp(.25rem,1vh,1rem);text-align:center;color:var(--color-text-secondary);font-size:clamp(.75rem,3vw,1rem);max-width:100%}.game-over-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;height:100vh;height:100svh;background:linear-gradient(180deg,#1a1a1a 0%,var(--color-christmas-dark-green) 100%);padding:var(--spacing-lg);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.game-over-screen__content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);max-width:90%}.game-over-screen__title{font-size:var(--font-size-3xl);color:var(--color-christmas-light-red);text-align:center;margin-bottom:var(--spacing-md)}.game-over-screen__scores-wrapper{display:flex;flex-direction:row;align-items:stretch;justify-content:center;gap:var(--spacing-md);width:100%;flex-wrap:wrap}.game-over-screen__score-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-xs);background:#0006;border-radius:var(--radius-lg);flex:1;max-width:200px}.game-over-screen__score-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:1px;text-align:center}.game-over-screen__score-value{font-size:var(--font-size-2xl);color:var(--color-christmas-white);font-weight:700;text-shadow:0 0 10px rgba(255,255,255,.3)}.game-over-screen__new-record{padding:var(--spacing-md);background:linear-gradient(135deg,var(--color-christmas-gold),#ffea00);border-radius:var(--radius-lg);animation:celebration .5s ease-in-out infinite alternate}.game-over-screen__new-record-text{font-size:var(--font-size-xl);font-weight:700;color:var(--color-christmas-dark-green);text-shadow:1px 1px 2px rgba(255,255,255,.5)}@keyframes celebration{0%{transform:scale(1)}to{transform:scale(1.05)}}.game-over-screen__high-score{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-xs);background:#0000004d;border-radius:var(--radius-lg);flex:1;max-width:200px}.game-over-screen__high-score-label{font-size:var(--font-size-sm);color:var(--color-christmas-gold);font-weight:600;text-transform:uppercase;letter-spacing:1px;text-align:center}.game-over-screen__high-score-value{font-size:var(--font-size-2xl);color:var(--color-christmas-gold);font-weight:700;text-shadow:0 0 10px rgba(255,215,0,.5)}.game-over-screen__play-again-button{margin-top:var(--spacing-md);font-size:var(--font-size-xl);padding:var(--spacing-md) var(--spacing-xl);min-width:200px}.game-over-screen__leaderboard-form{display:flex;flex-direction:column;align-items:stretch;gap:var(--spacing-md);padding:var(--spacing-lg);background:#0006;border-radius:var(--radius-lg);border:2px solid var(--color-christmas-gold);min-width:250px;width:100%;max-width:350px}.game-over-screen__leaderboard-prompt{font-size:var(--font-size-lg);color:var(--color-christmas-gold);font-weight:600;text-align:center;text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-xs)}.game-over-screen__name-input{font-family:var(--font-family-base);font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md);background:#fffffff2;color:var(--color-background);border:2px solid var(--color-christmas-gold);border-radius:var(--radius-md);outline:none;transition:all var(--transition-base);text-align:center}.game-over-screen__name-input::placeholder{color:#00000080}.game-over-screen__name-input:focus{border-color:var(--color-christmas-light-red);box-shadow:0 0 0 3px #ffd7004d;background:var(--color-christmas-white)}.game-over-screen__name-input:disabled{opacity:.6;cursor:not-allowed}.game-over-screen__submit-button{font-size:var(--font-size-lg);font-weight:700;padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,var(--color-christmas-green),#1e7d4d);color:var(--color-christmas-white);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-md);cursor:pointer;transition:all var(--transition-base);text-transform:uppercase;letter-spacing:1px}.game-over-screen__submit-button:hover:not(:disabled){background:linear-gradient(135deg,#1e7d4d,var(--color-christmas-green));box-shadow:var(--shadow-lg);transform:translateY(-2px)}.game-over-screen__submit-button:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.game-over-screen__submit-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.game-over-screen__error{font-size:var(--font-size-sm);color:var(--color-christmas-light-red);text-align:center;padding:var(--spacing-xs);background:#e6394633;border-radius:var(--radius-md);border:1px solid var(--color-christmas-light-red)}.game-over-screen__submission-success{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:linear-gradient(135deg,#165b3366,#1e7d4d66);border-radius:var(--radius-lg);border:2px solid var(--color-christmas-green);min-width:250px}.game-over-screen__submission-message{font-size:var(--font-size-lg);color:var(--color-christmas-white);font-weight:600;text-align:center;white-space:nowrap}.game-over-screen__rank{font-size:var(--font-size-xl);color:var(--color-christmas-gold);font-weight:700;text-align:center}.game-over-screen__rank strong{font-size:var(--font-size-2xl);color:var(--color-christmas-gold);text-shadow:0 0 10px rgba(255,215,0,.5)}.game-over-screen__top-ten{font-size:var(--font-size-lg);color:var(--color-christmas-white);font-weight:700;text-align:center;padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,var(--color-christmas-gold),#ffea00);color:var(--color-christmas-dark-green);border-radius:var(--radius-md);animation:celebration .5s ease-in-out infinite alternate;text-shadow:1px 1px 2px rgba(255,255,255,.5);white-space:nowrap}.pause-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;height:100vh;height:100svh;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:200;padding:var(--spacing-lg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.pause-menu{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);background:#0d1b2af2;padding:var(--spacing-xl);border-radius:var(--radius-lg);border:2px solid var(--color-christmas-gold);box-shadow:var(--shadow-lg)}.pause-menu__title{font-size:var(--font-size-2xl);color:var(--color-christmas-gold);margin-bottom:var(--spacing-md)}.pause-menu__buttons{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%}.pause-menu__button{min-width:200px;font-size:var(--font-size-lg);padding:var(--spacing-md) var(--spacing-lg)}.pause-menu__button--resume{background-color:var(--color-christmas-green)}.pause-menu__button--resume:hover,.pause-menu__button--resume:focus{background-color:#1e7d4d}.pause-menu__button--restart{background-color:var(--color-christmas-red)}.pause-menu__button--end{background-color:#555}.pause-menu__button--end:hover,.pause-menu__button--end:focus{background-color:#666}@media (max-width: 374px){.ornament{width:15px;height:15px;min-width:15px;min-height:15px}.catching-box{min-width:60px;min-height:30px}.score-display{font-size:24px}}@media (max-height: 700px){.start-screen{padding:1vh}.start-screen__content{gap:clamp(.5rem,1.5vh,1rem)}.start-screen__title{margin-bottom:.5vh;font-size:clamp(1.25rem,5vw,2rem)}.start-screen__high-score{padding:clamp(.5rem,1.5vh,1rem)}.start-screen__start-button{margin-top:.5vh;padding:1rem clamp(1rem,3vw,2rem)}.start-screen__instructions{margin-top:.5vh;font-size:clamp(.7rem,2.5vw,.875rem)}.audio-settings{gap:clamp(.25rem,1vh,.75rem);padding:clamp(.5rem,1.5vh,1rem)}}@media (max-height: 600px){.start-screen__title{font-size:clamp(1rem,4.5vw,1.5rem)}.start-screen__high-score-value{font-size:clamp(1.25rem,6vw,2rem)}}@media (min-width: 768px){.game-container{max-width:500px;margin:0 auto}}.loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.loading__spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top-color:var(--color-christmas-gold);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--spacing-lg);text-align:center}.error-message__text{color:var(--color-christmas-light-red);margin-bottom:var(--spacing-lg)}