:root{--zoom-level: 1;--zoom-font-scale: 1;--zoom-adaptive-base: 1rem;--zoom-adaptive-small: .875rem;--zoom-adaptive-medium: 1.125rem;--zoom-adaptive-large: 1.25rem;--zoom-adaptive-xl: 1.5rem;--zoom-adaptive-2xl: 2rem;--zoom-adaptive-3xl: 3rem}.font-zoom-xs{font-size:calc(var(--zoom-adaptive-small) * .75)}.font-zoom-sm{font-size:var(--zoom-adaptive-small)}.font-zoom-base{font-size:var(--zoom-adaptive-base)}.font-zoom-md{font-size:var(--zoom-adaptive-medium)}.font-zoom-lg{font-size:var(--zoom-adaptive-large)}.font-zoom-xl{font-size:var(--zoom-adaptive-xl)}.font-zoom-2xl{font-size:var(--zoom-adaptive-2xl)}.font-zoom-3xl{font-size:var(--zoom-adaptive-3xl)}.font-zoom-clamp-sm{font-size:clamp(calc(var(--zoom-adaptive-small) * .8),calc(2vw * var(--zoom-font-scale)),calc(var(--zoom-adaptive-base) * 1.1))}.font-zoom-clamp-md{font-size:clamp(calc(var(--zoom-adaptive-base) * .9),calc(2.5vw * var(--zoom-font-scale)),calc(var(--zoom-adaptive-large) * 1.1))}.font-zoom-clamp-lg{font-size:clamp(calc(var(--zoom-adaptive-medium) * .9),calc(3vw * var(--zoom-font-scale)),calc(var(--zoom-adaptive-xl) * 1.1))}.font-zoom-clamp-xl{font-size:clamp(calc(var(--zoom-adaptive-large) * .9),calc(4vw * var(--zoom-font-scale)),calc(var(--zoom-adaptive-2xl) * 1.1))}.font-zoom-clamp-2xl{font-size:clamp(calc(var(--zoom-adaptive-xl) * .9),calc(5vw * var(--zoom-font-scale)),calc(var(--zoom-adaptive-3xl) * 1.1))}.zoom-out{--zoom-text-boost: 1.2}.zoom-out .font-zoom-boost{font-size:calc(var(--zoom-adaptive-base) * var(--zoom-text-boost))}.zoom-in{--zoom-text-reduce: .95}.zoom-in .font-zoom-compact{font-size:calc(var(--zoom-adaptive-base) * var(--zoom-text-reduce))}.zoom-adaptive-heading-1{font-size:clamp(calc(var(--zoom-adaptive-2xl) * .8),calc(5vw * var(--zoom-font-scale)),calc(var(--zoom-adaptive-3xl) * 1.2));line-height:1.1}.zoom-adaptive-heading-2{font-size:clamp(calc(var(--zoom-adaptive-xl) * .9),calc(4vw * var(--zoom-font-scale)),calc(var(--zoom-adaptive-2xl) * 1.1));line-height:1.2}.zoom-adaptive-heading-3{font-size:clamp(calc(var(--zoom-adaptive-large) * .9),calc(3vw * var(--zoom-font-scale)),calc(var(--zoom-adaptive-xl) * 1.1));line-height:1.3}.zoom-adaptive-body{font-size:clamp(calc(var(--zoom-adaptive-small) * .9),calc(2.5vw * var(--zoom-font-scale)),calc(var(--zoom-adaptive-medium) * 1.1));line-height:1.5}.zoom-adaptive-small{font-size:clamp(calc(var(--zoom-adaptive-small) * .8),calc(2vw * var(--zoom-font-scale)),calc(var(--zoom-adaptive-base) * 1));line-height:1.4}.zoom-adaptive-button{font-size:clamp(calc(var(--zoom-adaptive-small) * .9),calc(2.5vw * var(--zoom-font-scale)),calc(var(--zoom-adaptive-medium) * 1.1));padding:calc(.6em * var(--zoom-font-scale)) calc(1.2em * var(--zoom-font-scale))}.game-title{font-size:clamp(calc(var(--zoom-adaptive-2xl) * .8),calc(5vw * var(--zoom-font-scale)),calc(var(--zoom-adaptive-3xl) * 1.2));font-weight:900;letter-spacing:calc(2px * var(--zoom-font-scale))}.game-menu-button{font-size:clamp(calc(var(--zoom-adaptive-small) * .9),calc(2.5vw * var(--zoom-font-scale)),calc(var(--zoom-adaptive-medium) * 1.1));padding:calc(15px * var(--zoom-font-scale)) calc(25px * var(--zoom-font-scale))}.game-score{font-size:clamp(calc(var(--zoom-adaptive-base) * .9),calc(3vw * var(--zoom-font-scale)),calc(var(--zoom-adaptive-large) * 1.1));font-weight:700}.game-ui-text{font-size:clamp(calc(var(--zoom-adaptive-small) * .8),calc(2vw * var(--zoom-font-scale)),calc(var(--zoom-adaptive-base) * 1))}.zoom-indicator{position:fixed;top:10px;right:10px;background:#000c;color:#fff;padding:5px 10px;border-radius:5px;font-family:monospace;font-size:12px;z-index:9999;pointer-events:none}.zoom-indicator:before{content:"Zoom: " attr(data-zoom) "%"}@media screen and (max-width: 480px){.zoom-out .font-zoom-boost{--zoom-text-boost: 1.4}}@media screen and (min-width: 1920px){.zoom-in .font-zoom-compact{--zoom-text-reduce: .9}}@media (prefers-reduced-motion: no-preference){.zoom-adaptive-heading-1,.zoom-adaptive-heading-2,.zoom-adaptive-heading-3,.zoom-adaptive-body,.zoom-adaptive-small,.zoom-adaptive-button{transition:font-size .2s ease}}@media (prefers-contrast: high){.zoom-adaptive-heading-1,.zoom-adaptive-heading-2,.zoom-adaptive-heading-3{font-weight:900}.zoom-adaptive-body,.zoom-adaptive-small{font-weight:600}}@media print{.zoom-adaptive-heading-1,.zoom-adaptive-heading-2,.zoom-adaptive-heading-3,.zoom-adaptive-body,.zoom-adaptive-small{font-size:revert!important}}:root{font-family:Orbitron,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--primary-color: #F7A5A5;--secondary-color: #FFDBB6;--accent-color: #F7A5A5;--background-color: #FFF2EF;--surface-color: #FFFFFF;--text-color: #5D688A;--text-secondary: #8A9BB8;--border-color: #E8D5D5;--button-bg: #F7A5A5;--button-text: #FFFFFF;--button-hover: #F58B8B;--success-color: #90EE90;--warning-color: #FFD700;--error-color: #FF6B6B;--info-color: #87CEEB;color-scheme:light;color:var(--text-color);background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit;outline:none}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow:hidden;-webkit-user-select:none;user-select:none}h1{font-size:3.2em;line-height:1.1}#app{width:100%;text-align:center}button{border-radius:8px;border:1px solid var(--border-color);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--button-bg);color:var(--button-text);cursor:pointer;transition:all .25s ease;outline:none!important}button:hover{background-color:var(--button-hover);border-color:var(--accent-color)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.name-input-container.svelte-13o5t3r{width:100%;max-width:min(90vw,600px);background:linear-gradient(135deg,#fff2ef,#f2e6d9);border-radius:25px;padding:40px;color:#fff;text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.name-input-container.svelte-13o5t3r:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,#f7a5a56e 0%,transparent 50%),radial-gradient(circle at 70% 70%,#f7a5a580 0%,transparent 50%);pointer-events:none;z-index:-1}h2.svelte-13o5t3r{font-size:clamp(calc(var(--zoom-adaptive-xl) * .8),calc(1.4vw * var(--zoom-font-scale)),calc(var(--zoom-adaptive-2xl) * 1.1));margin-bottom:25px;background:linear-gradient(45deg,#5d688a,#5d688a);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;animation:svelte-13o5t3r-gradientShift 3s ease-in-out infinite;font-family:Orbitron,sans-serif;font-weight:700;letter-spacing:calc(1px * var(--zoom-font-scale))}@keyframes svelte-13o5t3r-gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.input-group.svelte-13o5t3r{margin-bottom:25px}input.svelte-13o5t3r{width:100%;padding:calc(15px * var(--zoom-font-scale)) calc(20px * var(--zoom-font-scale));font-size:clamp(calc(var(--zoom-adaptive-base) * .9),calc(1.5vw * var(--zoom-font-scale)),calc(var(--zoom-adaptive-large) * 1.1));border-radius:20px;border:2px solid #F7A5A5;background:#fff2efb7;color:#5d688a;text-align:center;font-family:Orbitron,sans-serif;font-weight:500;letter-spacing:calc(1px * var(--zoom-font-scale));transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box}input.svelte-13o5t3r::placeholder{color:#5d688a98;font-family:Orbitron,sans-serif}input.svelte-13o5t3r:focus{outline:none;border-color:#f7a5a5;box-shadow:0 0 25px #f7a5a5,inset 0 0 10px #00ff881a;transform:scale(1.02)}.error-message.svelte-13o5t3r{color:#f44;margin-top:12px;font-size:clamp(calc(var(--zoom-adaptive-small) * .8),calc(2.5vw * var(--zoom-font-scale)),calc(var(--zoom-adaptive-base) * .9));font-family:Orbitron,sans-serif;text-shadow:0 0 10px rgba(255,68,68,.5)}.button-group.svelte-13o5t3r{display:flex;justify-content:center;gap:15px;margin-bottom:20px;flex-wrap:wrap}.submit-button.svelte-13o5t3r,.cancel-button.svelte-13o5t3r{padding:12px 25px;font-size:clamp(1rem,2.5vw,1.1rem);border-radius:20px;border:none;cursor:pointer;font-family:Orbitron,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;position:relative;overflow:hidden;min-width:120px}.submit-button.svelte-13o5t3r:before,.cancel-button.svelte-13o5t3r:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.submit-button.svelte-13o5t3r:hover:before,.cancel-button.svelte-13o5t3r:hover:before{left:100%}.submit-button.svelte-13o5t3r{background:linear-gradient(45deg,#f7a5a5,#e08e8e);color:#000;box-shadow:0 4px 15px #f7a5a5,inset 0 1px #ffffff4d}.submit-button.svelte-13o5t3r:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f7a5a5,inset 0 1px #fff6}.cancel-button.svelte-13o5t3r{background:linear-gradient(45deg,#f44,#f66);color:#fff;box-shadow:0 4px 15px #ff44444d,inset 0 1px #ffffff4d}.cancel-button.svelte-13o5t3r:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f446,inset 0 1px #fff6}.submit-button.svelte-13o5t3r:active,.cancel-button.svelte-13o5t3r:active{transform:scale(.98)}.hint.svelte-13o5t3r{font-size:clamp(1rem,2vw,.8rem);color:#5d688a;font-family:Orbitron,sans-serif;letter-spacing:.5px}@media (max-width: 768px){.name-input-container.svelte-13o5t3r{padding:30px 25px;max-width:95vw}.button-group.svelte-13o5t3r{gap:12px;margin-bottom:18px}.submit-button.svelte-13o5t3r,.cancel-button.svelte-13o5t3r{padding:10px 20px;min-width:100px}}@media (max-width: 480px){.name-input-container.svelte-13o5t3r{padding:25px 20px;border-radius:20px}input.svelte-13o5t3r{padding:12px 16px;border-radius:15px}.submit-button.svelte-13o5t3r,.cancel-button.svelte-13o5t3r{padding:8px 16px;border-radius:15px;min-width:90px}.button-group.svelte-13o5t3r{gap:10px;margin-bottom:15px}}.settings-container.svelte-3wj8cb{display:flex;flex-direction:column;background:linear-gradient(135deg,#fff2ef,#f2e6d9);min-width:30vw;max-width:min(100vw,100vh,30vw);max-height:80vh;overflow:hidden;overflow-y:auto;border-radius:20px;padding:15px;border:1px solid #FFF2EF}.settings-container.svelte-3wj8cb::-webkit-scrollbar{width:6px}.settings-container.svelte-3wj8cb::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.settings-container.svelte-3wj8cb::-webkit-scrollbar-thumb{background:#f7a5a5;border-radius:3px}.settings-container.svelte-3wj8cb::-webkit-scrollbar-thumb:hover{background:#ce8686}h2.svelte-3wj8cb{font-size:clamp(calc(var(--zoom-adaptive-xl) * .9),calc(2vw * var(--zoom-font-scale)),calc(var(--zoom-adaptive-2xl) * 1.1));margin-bottom:25px;color:#5d688a;font-family:Orbitron,sans-serif;font-weight:700;text-shadow:0 0 20px #5d688a59;letter-spacing:calc(1px * var(--zoom-font-scale));text-align:center}.setting-item.svelte-3wj8cb{display:flex;flex-direction:column;align-items:center;margin-bottom:5px;padding:10px;background:#ffdbb68c;border-radius:15px;border:1px solid rgba(255,255,255,.1)}.setting-item.svelte-3wj8cb label:where(.svelte-3wj8cb){font-weight:700;font-family:Orbitron,sans-serif;color:#5d688a8c;margin-bottom:8px;font-size:clamp(calc(var(--zoom-adaptive-small) * .9),calc(2.5vw * var(--zoom-font-scale)),calc(var(--zoom-adaptive-base) * 1));letter-spacing:calc(.5px * var(--zoom-font-scale))}.setting-item.svelte-3wj8cb select:where(.svelte-3wj8cb){padding:10px;border-radius:15px;border:2px solid #f7a5a586;background:#f7a5a52c;color:#5d688a;font-family:Orbitron,sans-serif;font-weight:500;width:100%;font-size:clamp(calc(var(--zoom-adaptive-small) * .8),calc(2vw * var(--zoom-font-scale)),calc(var(--zoom-adaptive-small) * .95));transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.setting-item.svelte-3wj8cb select:where(.svelte-3wj8cb):focus{outline:none;border-color:#f7a5a5;box-shadow:0 0 20px #f7a5a5}.setting-item.svelte-3wj8cb select:where(.svelte-3wj8cb) option:where(.svelte-3wj8cb){background:#f7a5a52c;color:#5d688a;padding:10px}.toggle-button.svelte-3wj8cb{padding:calc(8px * var(--zoom-font-scale)) calc(20px * var(--zoom-font-scale));border-radius:20px;border:none;font-weight:700;cursor:pointer;transition:background-color .3s;font-size:clamp(calc(var(--zoom-adaptive-small) * .8),calc(1vw * var(--zoom-font-scale)),calc(var(--zoom-adaptive-small) * .95));font-family:Orbitron,sans-serif}.toggle-button.on.svelte-3wj8cb{background-color:#f7a5a5;color:#fff}.toggle-button.off.svelte-3wj8cb{background-color:#7a7a7a86;color:#fff}.volume-slider.svelte-3wj8cb{width:100%;height:12px;border-radius:20px;background:linear-gradient(90deg,#f7a5a52c,#ffdbb652);outline:none;border:2px solid #f7a5a586;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.volume-slider.svelte-3wj8cb:before{content:"";position:absolute;top:0;left:0;height:100%;width:var(--slider-progress, 50%);background:linear-gradient(90deg,#f7a5a5,#ff8a95,#f7a5a5);border-radius:20px;transition:width .2s ease;z-index:1}.volume-slider.svelte-3wj8cb:hover{transform:translateY(-1px);box-shadow:0 4px 15px #f7a5a54d;border-color:#f7a5a5}.volume-slider.svelte-3wj8cb::-webkit-slider-thumb{appearance:none;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#f7a5a5,#ff8a95,#f7a5a5);cursor:pointer;box-shadow:0 0 15px #f7a5a599,0 2px 8px #0003,inset 0 1px #ffffff4d;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:2;border:2px solid rgba(255,255,255,.2)}.volume-slider.svelte-3wj8cb::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 25px #f7a5a5cc,0 4px 12px #0000004d,inset 0 1px #fff6;background:linear-gradient(135deg,#ff8a95,#f7a5a5,#ff8a95)}.volume-slider.svelte-3wj8cb::-webkit-slider-thumb:active{transform:scale(1.05);box-shadow:0 0 20px #f7a5a5e6,0 2px 6px #0006}.volume-slider.svelte-3wj8cb::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#f7a5a5,#ff8a95,#f7a5a5);cursor:pointer;border:2px solid rgba(255,255,255,.2);box-shadow:0 0 15px #f7a5a599,0 2px 8px #0003;transition:all .3s cubic-bezier(.4,0,.2,1)}.volume-slider.svelte-3wj8cb::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 0 25px #f7a5a5cc,0 4px 12px #0000004d}.volume-slider.svelte-3wj8cb::-moz-range-track{background:transparent;border:none;height:12px}.volume-slider.svelte-3wj8cb:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.volume-slider.svelte-3wj8cb:disabled:before{background:linear-gradient(90deg,#7a7a7a86,#6a6a6a86)}.volume-slider.svelte-3wj8cb:disabled::-webkit-slider-thumb{cursor:not-allowed;background:linear-gradient(135deg,#7a7a7a86,#6a6a6a86);box-shadow:none;transform:none;border-color:#7a7a7a4d}.volume-slider.svelte-3wj8cb:disabled::-moz-range-thumb{background:linear-gradient(135deg,#7a7a7a86,#6a6a6a86);box-shadow:none;border-color:#7a7a7a4d}.music-slider.svelte-3wj8cb{width:100%;height:12px;border-radius:8px;background:linear-gradient(90deg,#e8d5c4,#f2e6d9);outline:none;position:relative;cursor:pointer;transition:all .3s ease;border:1px solid rgba(93,104,138,.2);box-shadow:inset 0 2px 4px #0000001a,0 1px 2px #fffc}.music-slider.svelte-3wj8cb:before{content:"";position:absolute;top:0;left:0;height:100%;width:var(--music-slider-progress, 50%);background:linear-gradient(90deg,#f7a5a5,#e8a5c4);border-radius:8px;transition:width .2s ease;box-shadow:0 0 8px #f7a5a566,inset 0 1px 2px #ffffff4d}.music-slider.svelte-3wj8cb::-webkit-slider-thumb{appearance:none;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#f7a5a5,#e8a5c4);cursor:pointer;border:2px solid rgba(255,255,255,.2);box-shadow:0 0 15px #f7a5a599,0 2px 8px #0003;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:2}.music-slider.svelte-3wj8cb::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 25px #f7a5a5cc,0 4px 12px #0000004d}.music-slider.svelte-3wj8cb::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#f7a5a5,#e8a5c4);cursor:pointer;border:2px solid rgba(255,255,255,.2);box-shadow:0 0 15px #f7a5a599,0 2px 8px #0003;transition:all .3s cubic-bezier(.4,0,.2,1)}.music-slider.svelte-3wj8cb::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 0 25px #f7a5a5cc,0 4px 12px #0000004d}.music-slider.svelte-3wj8cb::-moz-range-track{background:transparent;border:none;height:12px}.music-slider.svelte-3wj8cb:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.music-slider.svelte-3wj8cb:disabled:before{background:linear-gradient(90deg,#7a7a7a86,#6a6a6a86)}.music-slider.svelte-3wj8cb:disabled::-webkit-slider-thumb{cursor:not-allowed;background:linear-gradient(135deg,#7a7a7a86,#6a6a6a86);box-shadow:none;transform:none;border-color:#7a7a7a4d}.music-slider.svelte-3wj8cb:disabled::-moz-range-thumb{background:linear-gradient(135deg,#7a7a7a86,#6a6a6a86);box-shadow:none;border-color:#7a7a7a4d}.menu-button.svelte-3wj8cb{background:linear-gradient(45deg,#f7a5a5,#f7a5a5);color:#fff2ef;border:none;min-height:50px;font-size:clamp(calc(var(--zoom-adaptive-small) * .9),calc(1vw * var(--zoom-font-scale)),calc(var(--zoom-adaptive-medium) * 1.1));font-weight:700;font-family:Orbitron,sans-serif;border-radius:25px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:calc(1px * var(--zoom-font-scale));box-shadow:0 4px 15px #f7a5a54d,inset 0 1px #ffffff4d;position:relative;overflow:hidden}.menu-button.svelte-3wj8cb:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.menu-button.svelte-3wj8cb:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0f86,inset 0 1px #fff6}.menu-button.svelte-3wj8cb:hover:before{left:100%}.menu-button.svelte-3wj8cb:active{transform:translateY(-1px)}.back-button.svelte-3wj8cb{background:linear-gradient(45deg,#666,#888);margin-top:15px}.back-button.svelte-3wj8cb:hover{box-shadow:0 8px 25px #8886,inset 0 1px #fff6}@media (max-width: 768px){.setting-item.svelte-3wj8cb{padding:12px;margin-bottom:15px}.menu-button.svelte-3wj8cb{padding:calc(12px * var(--zoom-font-scale)) calc(20px * var(--zoom-font-scale))}}@media (max-width: 480px){.menu-button.svelte-3wj8cb{padding:calc(10px * var(--zoom-font-scale)) calc(16px * var(--zoom-font-scale));border-radius:20px}.setting-item.svelte-3wj8cb{padding:10px}.setting-item.svelte-3wj8cb select:where(.svelte-3wj8cb){padding:calc(10px * var(--zoom-font-scale)) calc(12px * var(--zoom-font-scale));border-radius:12px}}.leaderboard-container.svelte-1dp0is3{width:100%;color:#fff;font-family:Orbitron,sans-serif}.leaderboard-header.svelte-1dp0is3{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:15px 20px;background:#fff2ef;border-radius:15px;border:1px solid #F7A5A5}h3.svelte-1dp0is3{margin:0;font-size:clamp(1.2rem,3vw,1.4rem);background:linear-gradient(45deg,#f7a5a5,#f78585);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:svelte-1dp0is3-gradientShift 3s ease-in-out infinite;font-family:Orbitron,sans-serif;font-weight:700;text-shadow:0 0 15px rgba(247,165,165,.5);letter-spacing:1px}@keyframes svelte-1dp0is3-gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.source-indicator.svelte-1dp0is3{font-size:clamp(1rem,2vw,.85rem);padding:6px 12px;border-radius:15px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 2px 10px #0000004d}.source-indicator.online.svelte-1dp0is3{background:linear-gradient(45deg,#f7a5a5,#f78585);color:#000;box-shadow:0 0 15px #f7a5a566}.source-indicator.local.svelte-1dp0is3{background:linear-gradient(45deg,#fa0,#f80);color:#000;box-shadow:0 0 15px #fa06}.loading.svelte-1dp0is3,.error.svelte-1dp0is3,.empty.svelte-1dp0is3{text-align:center;padding:30px 20px;font-size:clamp(1rem,2.5vw,1.1rem);font-family:Orbitron,sans-serif;border-radius:15px;background:#0000004d;border:1px solid rgba(255,255,255,.1);margin-bottom:20px}.loading.svelte-1dp0is3{color:#f7a5a5;text-shadow:0 0 10px rgba(247,165,165,.5)}.error.svelte-1dp0is3{color:#f44;font-size:clamp(1rem,2vw,.95rem);text-shadow:0 0 10px rgba(255,68,68,.5);border-color:#ff44444d}.empty.svelte-1dp0is3{color:#ffffffb3;text-shadow:0 0 10px rgba(255,255,255,.3)}.leaderboard-cards.svelte-1dp0is3{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;max-height:min(500px,50vh);overflow-y:auto;padding-right:8px}.leaderboard-cards.svelte-1dp0is3::-webkit-scrollbar{width:8px}.leaderboard-cards.svelte-1dp0is3::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.leaderboard-cards.svelte-1dp0is3::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#f7a5a5,#f78585);border-radius:4px;transition:background .3s ease}.leaderboard-cards.svelte-1dp0is3::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#f7a5a5,#f78585)}.rank-card.svelte-1dp0is3{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#fff2ef;border:1px solid rgba(247,165,165,.2);border-radius:12px;transition:all .3s ease;font-family:Orbitron,sans-serif}.rank-card.svelte-1dp0is3:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f7a5a54d;border-color:#f7a5a566}.rank-number.svelte-1dp0is3{font-size:clamp(1.2rem,3vw,1.5rem);font-weight:700;color:#5d688a;min-width:40px;text-align:center}.player-info.svelte-1dp0is3{flex:1;display:flex;flex-direction:column;gap:4px}.player-name.svelte-1dp0is3{font-size:clamp(1rem,2.5vw,1.1rem);font-weight:600;color:#5d688a;letter-spacing:.5px}.player-score.svelte-1dp0is3{font-size:clamp(.85rem,2vw,.95rem);color:#f7a5a5;font-weight:500}.podium-1.svelte-1dp0is3{background:linear-gradient(135deg,#ffd900fa,#ffc107);border-color:#fff6;box-shadow:0 4px 20px #ffd70033}.podium-1.svelte-1dp0is3 .player-name:where(.svelte-1dp0is3){color:#b8860b;font-weight:700}.podium-1.svelte-1dp0is3 .player-score:where(.svelte-1dp0is3){color:#aa8117;font-weight:600}.podium-2.svelte-1dp0is3{background:linear-gradient(135deg,silver,#969696);border-color:#c0c0c066;box-shadow:0 4px 20px #c0c0c033}.podium-2.svelte-1dp0is3 .player-name:where(.svelte-1dp0is3){color:#ebebeb;font-weight:700}.podium-2.svelte-1dp0is3 .player-score:where(.svelte-1dp0is3){color:#dadada;font-weight:600}.podium-3.svelte-1dp0is3{background:linear-gradient(135deg,#cd8032,#a8692dfb);border-color:#cd7f3266;box-shadow:0 4px 20px #cd7f3233}.podium-3.svelte-1dp0is3 .player-name:where(.svelte-1dp0is3){color:#ffdec7;font-weight:700}.podium-3.svelte-1dp0is3 .player-score:where(.svelte-1dp0is3){color:#cec4ba;font-weight:600}.refresh-button.svelte-1dp0is3{background:linear-gradient(45deg,#f7a5a5,#f78585);color:#5d688a;border:none;padding:12px 25px;font-size:clamp(.5rem,2.5vw,1rem);font-family:Orbitron,sans-serif;font-weight:700;border-radius:20px;cursor:pointer;transition:all .3s ease;display:block;margin:0 auto;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #f7a5a54d,inset 0 1px #ffffff4d;position:relative;overflow:hidden}.refresh-button.svelte-1dp0is3:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.refresh-button.svelte-1dp0is3:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f7a5a566,inset 0 1px #fff6}.refresh-button.svelte-1dp0is3:hover:before{left:100%}.refresh-button.svelte-1dp0is3:disabled{background:linear-gradient(45deg,#666,#888);color:#ffffff80;cursor:not-allowed;transform:none;box-shadow:none}.refresh-button.svelte-1dp0is3:disabled:before{display:none}.game-mode-tabs.svelte-1dp0is3{display:flex;gap:10px;margin-bottom:20px;justify-content:center}.tab-button.svelte-1dp0is3{padding:10px 20px;background:#5d688a5d;border:1px solid #F7A5A5;border-radius:8px;color:#fff2ef;font-family:Orbitron,sans-serif;font-size:.9rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.tab-button.svelte-1dp0is3:hover{background:#d48686;border-color:#f7a5a5;color:#fff2ef;transform:translateY(-2px)}.tab-button.active.svelte-1dp0is3{background:linear-gradient(45deg,#d48686,#d48686);border-color:#fff2efbb;color:#fff2ef;box-shadow:0 0 15px #d48686a2}.tab-button.active.svelte-1dp0is3:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.226),transparent);animation:svelte-1dp0is3-shimmer 2s infinite}@keyframes svelte-1dp0is3-shimmer{0%{left:-100%}to{left:100%}}@media (max-width: 768px){.leaderboard-header.svelte-1dp0is3{padding:12px 15px;margin-bottom:15px;flex-direction:column;gap:10px;text-align:center}.leaderboard-cards.svelte-1dp0is3{gap:10px;max-height:min(400px,45vh)}.rank-card.svelte-1dp0is3{padding:12px 16px;gap:12px}.rank-number.svelte-1dp0is3{min-width:35px}.refresh-button.svelte-1dp0is3{padding:10px 20px}.game-mode-tabs.svelte-1dp0is3{gap:8px;margin-bottom:15px}.tab-button.svelte-1dp0is3{padding:8px 16px;font-size:.8rem}}@media (max-width: 480px){.leaderboard-header.svelte-1dp0is3{padding:10px 12px;border-radius:12px}.leaderboard-cards.svelte-1dp0is3{gap:8px;max-height:min(350px,40vh);margin-bottom:15px}.rank-card.svelte-1dp0is3{padding:10px 14px;gap:10px;border-radius:10px}.rank-number.svelte-1dp0is3{min-width:30px}.refresh-button.svelte-1dp0is3{padding:8px 16px;border-radius:15px}.loading.svelte-1dp0is3,.error.svelte-1dp0is3,.empty.svelte-1dp0is3{padding:20px 15px;border-radius:12px}}.menu-wrapper.svelte-48jt8o{width:100%;height:100%;display:flex;column-gap:2vw;flex-direction:row;justify-content:center;align-items:center;position:relative}.setting-overlay.svelte-48jt8o{background-color:#fff2ef75;width:100%;height:100%;position:absolute;top:0;left:0;display:flex;z-index:9999;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.main-menu.svelte-48jt8o{min-width:500px;background:linear-gradient(135deg,#fff2ef,#f2e6d9);border-radius:20px;border:1px solid #FFF2EF;padding:30px;color:#5d688a;text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative}.main-menu.svelte-48jt8o:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,#f7a5a56e 0%,transparent 50%),radial-gradient(circle at 70% 70%,#f7a5a580 0%,transparent 50%);pointer-events:none;z-index:-1}.leaderboard.svelte-48jt8o{top:0;left:100%;width:min(100vw,100vh,30vw);overflow:hidden;padding:10px;background-color:#fff2ef48;border-radius:20px;border:1px #fff2ef2c solid;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.game-title-container.svelte-48jt8o{position:relative;display:flex;align-items:center;justify-content:center}h1.svelte-48jt8o{font-size:clamp(calc(var(--zoom-adaptive-2xl) * .8),calc(3vw * var(--zoom-font-scale)),calc(var(--zoom-adaptive-3xl) * 1.2));margin-bottom:25px;background:linear-gradient(45deg,#f7a5a5,#a35e5e);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;animation:svelte-48jt8o-gradientShift 3s ease-in-out infinite;font-family:Orbitron,sans-serif;font-weight:900;text-shadow:0 0 30px rgba(247,165,165,.5);letter-spacing:calc(2px * var(--zoom-font-scale));position:relative}.game-title-owner.svelte-48jt8o{position:absolute;top:-5px;font-size:clamp(calc(var(--zoom-adaptive-2xl) * .8),calc(.5vw * var(--zoom-font-scale)),calc(var(--zoom-adaptive-3xl) * 1.2))}.game-title-version.svelte-48jt8o{position:absolute;bottom:10px;right:0;opacity:.8;font-size:clamp(calc(var(--zoom-adaptive-2xl) * .4),calc(.1vw * var(--zoom-font-scale)),calc(var(--zoom-adaptive-3xl) * 1.2))}@keyframes svelte-48jt8o-gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.welcome.svelte-48jt8o{font-size:clamp(1rem,3vw,1.3rem);margin-bottom:25px;color:#5d688a;font-family:Orbitron,sans-serif;text-shadow:0 0 10px #5d688a44}.menu-content.svelte-48jt8o{display:flex;flex-direction:column;gap:15px}.menu-button.svelte-48jt8o{background:linear-gradient(45deg,#f7a5a5,#f7b1b1);color:#5d688a;border:none;padding:calc(15px * var(--zoom-font-scale)) calc(25px * var(--zoom-font-scale));font-size:clamp(calc(var(--zoom-adaptive-small) * .9),calc(2vw * var(--zoom-font-scale)),calc(var(--zoom-adaptive-medium) * 1.1));font-weight:700;font-family:Orbitron,sans-serif;border-radius:25px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:calc(1px * var(--zoom-font-scale));box-shadow:0 4px 15px #f7a5a57a,inset 0 1px #ffffff4d;position:relative;overflow:hidden}.menu-button.svelte-48jt8o:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#ffffff4d,transparent);transition:left .5s}.menu-button.svelte-48jt8o:hover{transform:translateY(-3px);box-shadow:0 8px 25px #f7a5a57a,inset 0 1px #fff6}.menu-button.svelte-48jt8o:hover:before{left:100%}.menu-button.svelte-48jt8o:active{transform:translateY(-1px)}.resume-button.svelte-48jt8o{background:linear-gradient(45deg,#0cf,#08f)}.resume-button.svelte-48jt8o:hover{box-shadow:0 8px 25px #0cf6,inset 0 1px #fff6}.restart-button.svelte-48jt8o{background:linear-gradient(45deg,#f80,#fa0)}.restart-button.svelte-48jt8o:hover{box-shadow:0 8px 25px #f806,inset 0 1px #fff6}@media (max-width: 768px){.main-menu.svelte-48jt8o{padding:25px 20px;max-width:95vw}.menu-content.svelte-48jt8o{gap:12px}.menu-button.svelte-48jt8o{padding:12px 20px}}@media (max-width: 480px){.main-menu.svelte-48jt8o{padding:20px 15px;border-radius:15px}.menu-button.svelte-48jt8o{padding:10px 16px;border-radius:20px}}.stats-panel.svelte-xdo7fe{background:#fff2ef8f;border:1px solid #fff2ef8f;border-radius:12px;padding:20px;height:fit-content;overflow:hidden;max-height:calc(100vh - 50px);overflow-y:auto;font-family:inherit;color:#5d688a}h3.svelte-xdo7fe{margin:0 0 20px;font-size:clamp(calc(var(--zoom-adaptive-large) * .9),calc(1vw * var(--zoom-font-scale)),calc(var(--zoom-adaptive-xl) * 1.1));color:#5d688a;text-align:center;text-transform:uppercase;letter-spacing:calc(1px * var(--zoom-font-scale))}h4.svelte-xdo7fe{margin:0 0 12px;font-size:clamp(calc(var(--zoom-adaptive-small) * .9),calc(1vw * var(--zoom-font-scale)),calc(var(--zoom-adaptive-base) * 1.1));color:#5d688a;text-transform:uppercase;letter-spacing:calc(.5px * var(--zoom-font-scale));border-bottom:1px solid #5d688a4f;padding-bottom:4px}.stats-grid.svelte-xdo7fe{display:flex;flex-direction:column;gap:20px}.stat-section.svelte-xdo7fe{background:#ffdbb6;border:1px solid #55555548;border-radius:8px;padding:12px}.stat-group.svelte-xdo7fe{display:flex;flex-direction:column;gap:8px}.stat-item.svelte-xdo7fe{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;color:#5d688a;border-radius:4px;background-color:#fff2ef;min-width:18vw!important;transition:background .2s ease}.stat-item.svelte-xdo7fe:hover{background:#ffd6d3}.stat-item.primary.svelte-xdo7fe{background:#f7a5a586;border:1px solid #f7a5a5}.stat-label.svelte-xdo7fe{font-size:clamp(calc(var(--zoom-adaptive-small) * .8),calc(2vw * var(--zoom-font-scale)),calc(var(--zoom-adaptive-small) * 1));color:#5d688a;text-transform:uppercase;letter-spacing:calc(.5px * var(--zoom-font-scale))}.stat-value.svelte-xdo7fe{font-size:clamp(calc(var(--zoom-adaptive-small) * .9),calc(1vw * var(--zoom-font-scale)),calc(var(--zoom-adaptive-base) * 1.1));font-weight:700;color:#f7a5a5}.primary.svelte-xdo7fe .stat-value:where(.svelte-xdo7fe){color:#c57474;font-size:clamp(calc(var(--zoom-adaptive-base) * .9),calc(1vw * var(--zoom-font-scale)),calc(var(--zoom-adaptive-large) * 1.1))}.progress-section.svelte-xdo7fe{margin-top:20px;padding-top:16px;border-top:1px solid #5d688a4f}.progress-item.svelte-xdo7fe{margin-bottom:12px}.progress-header.svelte-xdo7fe{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:12px;color:#5d688a}.progress-bar.svelte-xdo7fe{height:8px;background:#5d688a3f;border-radius:4px;overflow:hidden}.progress-fill.svelte-xdo7fe{height:100%;transition:width .3s ease;border-radius:4px}.progress-fill.level.svelte-xdo7fe{background:linear-gradient(90deg,#f7a5a5,#c57474)}.progress-fill.score.svelte-xdo7fe{background:linear-gradient(90deg,#08f,#06c)}.stats-panel.svelte-xdo7fe::-webkit-scrollbar{width:6px}.stats-panel.svelte-xdo7fe::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.stats-panel.svelte-xdo7fe::-webkit-scrollbar-thumb{background:#f7a5a5;border-radius:3px}.stats-panel.svelte-xdo7fe::-webkit-scrollbar-thumb:hover{background:#ce8686}.buff-panel.svelte-l2qg85{background:#fff2ef8f;border:1px solid #fff2ef8f;border-radius:12px;padding:20px;max-width:20vw;height:fit-content;max-height:calc(100vh - 50px);overflow-y:auto;font-family:inherit;color:#5d688a}h3.svelte-l2qg85{margin:0 0 16px;font-size:clamp(calc(var(--zoom-adaptive-large) * .9),calc(1vw * var(--zoom-font-scale)),calc(var(--zoom-adaptive-xl) * 1.1));color:#5d688a;text-align:center;text-transform:uppercase;letter-spacing:calc(1px * var(--zoom-font-scale))}.no-buffs.svelte-l2qg85{text-align:center;padding:40px 20px;color:#5d688aa8}.no-buffs-icon.svelte-l2qg85{font-size:48px;display:block;margin-bottom:12px;opacity:.5}.no-buffs.svelte-l2qg85 p:where(.svelte-l2qg85){margin:0;font-size:clamp(calc(var(--zoom-adaptive-small) * .9),calc(2.5vw * var(--zoom-font-scale)),calc(var(--zoom-adaptive-base) * 1.1));font-style:italic}.buffs-list.svelte-l2qg85{margin-bottom:24px}.buff-item.svelte-l2qg85{background:#fff2ef;border-left:4px solid #F7A5A5;border-radius:0 8px 8px 0;padding:12px;margin-bottom:8px;transition:all .2s ease}.buff-item.svelte-l2qg85:hover{background:#fff2ef;transform:translate(2px)}.buff-header.svelte-l2qg85{display:flex;align-items:center;margin-bottom:8px}.buff-icon.svelte-l2qg85{font-size:20px;margin-right:8px;width:24px;text-align:center}.buff-name.svelte-l2qg85{font-weight:700;font-size:clamp(calc(var(--zoom-adaptive-small) * .9),calc(2.5vw * var(--zoom-font-scale)),calc(var(--zoom-adaptive-base) * 1.1));flex:1}.buff-duration.svelte-l2qg85{display:flex;align-items:center;gap:8px}.time-left.svelte-l2qg85{font-size:clamp(calc(var(--zoom-adaptive-small) * .8),calc(2vw * var(--zoom-font-scale)),calc(var(--zoom-adaptive-small) * 1));color:#5d688a83;min-width:40px}.duration-bar.svelte-l2qg85{flex:1;height:6px;background:#ffd6d3;border-radius:3px;overflow:hidden}.duration-fill.svelte-l2qg85{height:100%;transition:width .1s ease;border-radius:3px}.buff-info.svelte-l2qg85{border-top:1px solid #444;padding-top:16px}.buff-image.svelte-l2qg85{width:30px;height:30px;background:linear-gradient(135deg,#7b88af,#596685);object-fit:cover;border-radius:5px}h4.svelte-l2qg85{margin:0 0 12px;font-size:clamp(calc(var(--zoom-adaptive-small) * .9),calc(2.5vw * var(--zoom-font-scale)),calc(var(--zoom-adaptive-base) * 1.1));color:#5d688a;text-transform:uppercase;letter-spacing:calc(.5px * var(--zoom-font-scale))}.buff-legend.svelte-l2qg85{display:flex;flex-direction:column;gap:6px}.legend-item.svelte-l2qg85{background:#ffdbb6c2;border:1px solid #5d688a59;border-radius:0 8px 8px 0;padding:12px;margin-bottom:12px;transition:all .2s ease}.legend-item.svelte-l2qg85:hover{background:#ffdbb6c2;border-color:#5d688a96}.legend-header.svelte-l2qg85{display:flex;align-items:center;margin-bottom:6px}.legend-title.svelte-l2qg85{font-weight:700;font-size:clamp(calc(var(--zoom-adaptive-small) * .8),calc(2vw * var(--zoom-font-scale)),calc(var(--zoom-adaptive-small) * 1));color:#5d688a;flex:1}.legend-duration.svelte-l2qg85{font-size:clamp(calc(var(--zoom-adaptive-small) * .7),calc(1.8vw * var(--zoom-font-scale)),calc(var(--zoom-adaptive-small) * .9));color:#b66c6c;background:#f7a5a580;padding:calc(2px * var(--zoom-font-scale)) calc(6px * var(--zoom-font-scale));border-radius:4px}.legend-description.svelte-l2qg85{font-size:clamp(calc(var(--zoom-adaptive-small) * .7),calc(1.8vw * var(--zoom-font-scale)),calc(var(--zoom-adaptive-small) * .9));color:#5d688acc;line-height:1.4;margin-bottom:6px}.legend-points.svelte-l2qg85{font-size:clamp(calc(var(--zoom-adaptive-small) * .7),calc(1.8vw * var(--zoom-font-scale)),calc(var(--zoom-adaptive-small) * .9));color:#c28080;font-weight:700}.legend-item.speed-boost.svelte-l2qg85{border-left:3px solid #FF6B35}.legend-item.double-points.svelte-l2qg85{border-left:3px solid #ffcb1f}.legend-item.mega-food.svelte-l2qg85{border-left:3px solid #06FFA5}.legend-item.invincible.svelte-l2qg85{border-left:3px solid #B19CD9}.legend-item.time-freeze.svelte-l2qg85{border-left:3px solid #00D4FF}.buff-tips.svelte-l2qg85{margin-top:16px;padding-top:12px;border-top:1px solid #5d688a4f}.buff-tips.svelte-l2qg85 h5:where(.svelte-l2qg85){margin:0 0 8px;font-size:clamp(calc(var(--zoom-adaptive-small) * .75),calc(1.9vw * var(--zoom-font-scale)),calc(var(--zoom-adaptive-small) * .95));color:#5d688a;text-transform:uppercase;letter-spacing:calc(.5px * var(--zoom-font-scale))}.buff-tips.svelte-l2qg85 ul:where(.svelte-l2qg85){margin:0;padding-left:16px;list-style:none}.buff-tips.svelte-l2qg85 li:where(.svelte-l2qg85){font-size:clamp(calc(var(--zoom-adaptive-small) * .65),calc(1.6vw * var(--zoom-font-scale)),calc(var(--zoom-adaptive-small) * .85));color:#5d688acc;line-height:1.4;margin-bottom:4px;position:relative}.buff-tips.svelte-l2qg85 li:where(.svelte-l2qg85):before{content:"»";color:#c28080;position:absolute;left:-12px}.buff-panel.svelte-l2qg85::-webkit-scrollbar{width:6px}.buff-panel.svelte-l2qg85::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.buff-panel.svelte-l2qg85::-webkit-scrollbar-thumb{background:#f7a5a5;border-radius:3px}.buff-panel.svelte-l2qg85::-webkit-scrollbar-thumb:hover{background:#ce8686}.game-container.svelte-z87kgs{margin:auto;width:100vw;height:100vh;max-width:min(100vw,100vh,3000px);display:flex;position:relative;flex-direction:row;align-items:start;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.game-layout.svelte-z87kgs{display:flex;align-items:start;flex-direction:row;justify-content:center;gap:20px;width:100%;height:100%;margin:auto;max-width:3000px;padding:20px}.stats-panel-container.svelte-z87kgs{flex:0 0 auto}.canvas-container.svelte-z87kgs{flex:0 0 auto;width:100%;max-width:3000px;display:flex;align-items:center;justify-content:center}.buff-panel-container.svelte-z87kgs{flex:0 0 auto}canvas.svelte-z87kgs{width:100%;height:100%;display:block;border:2px solid rgba(255,255,255,.2);border-radius:8px;margin:0;padding:0;outline:none;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset}.overlay.svelte-z87kgs{position:fixed;top:0;right:-55.1%;width:100vw;height:100vh;display:flex;flex-direction:row;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="5" height="5" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.12)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>') repeat;z-index:1000}.overlay-paused.svelte-z87kgs{position:fixed;top:0;right:-55.1%;width:100vw;height:100vh;display:flex;flex-direction:row;justify-content:center;align-items:center;background:#fff2ef60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000}.buff-renderer.svelte-s7njki{padding:20px;background:#2a2a2a;color:#fff;border-radius:10px;margin:auto;overflow:hidden;max-height:66vh;overflow-y:auto}.controls.svelte-s7njki{display:flex;gap:30px;margin-bottom:30px;flex-wrap:wrap}.buff-selector.svelte-s7njki{flex:1;min-width:300px}.buff-buttons.svelte-s7njki{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.buff-button.svelte-s7njki{padding:8px 16px;border:2px solid;border-radius:5px;color:#fff;font-weight:700;cursor:pointer;transition:all .2s;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.buff-button.svelte-s7njki:hover{transform:scale(1.05);box-shadow:0 4px 8px #0000004d}.buff-button.active.svelte-s7njki{transform:scale(1.1);box-shadow:0 0 15px #ffffff4d}.export-controls.svelte-s7njki{flex:1;min-width:200px}.export-button.svelte-s7njki,.export-all-button.svelte-s7njki{display:block;width:100%;padding:12px;margin:10px 0;background:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:background .2s}.export-all-button.svelte-s7njki{background:#ff9800}.export-button.svelte-s7njki:hover{background:#45a049}.export-all-button.svelte-s7njki:hover{background:#e68900}.canvas-container.svelte-s7njki{display:flex;gap:30px;align-items:flex-start;flex-wrap:wrap}.main-canvas.svelte-s7njki{flex:1;min-width:300px}.main-canvas.svelte-s7njki canvas:where(.svelte-s7njki){border:2px solid #555;border-radius:5px;background:#1a1a1a;max-width:100%;height:auto}.buff-info.svelte-s7njki{flex:1;min-width:250px;background:#333;padding:20px;border-radius:5px}.info-grid.svelte-s7njki{display:grid;gap:10px}.info-item.svelte-s7njki{display:flex;align-items:center;gap:10px}.color-swatch.svelte-s7njki{width:20px;height:20px;border-radius:3px;border:1px solid #666;display:inline-block}h2.svelte-s7njki,h3.svelte-s7njki{margin-top:0;color:#fff}@media (max-width: 768px){.controls.svelte-s7njki,.canvas-container.svelte-s7njki{flex-direction:column}.buff-buttons.svelte-s7njki{justify-content:center}}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Orbitron,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="5" height="5" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.12)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>') repeat;pointer-events:none;background-color:#f7a5a5;z-index:-1}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 10% 20%,rgba(255,255,255,.02) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(255,255,255,.02) 0%,transparent 20%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.01) 0%,transparent 30%);pointer-events:none;z-index:-1;animation:svelte-1loe0on-float 20s ease-in-out infinite}@keyframes svelte-1loe0on-float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-10px) rotate(1deg)}66%{transform:translateY(5px) rotate(-1deg)}}main.svelte-1loe0on{width:100vw;height:100vh;min-height:100vh;margin:0;padding:0;display:flex;align-items:flex-start;justify-content:center;position:relative;overflow:hidden}main.svelte-1loe0on:not(:has(.dev-mode)){align-items:center}.dev-mode.svelte-1loe0on{width:100%;max-width:1400px;background:#000000e6;border-radius:15px;padding:0;overflow:hidden;box-shadow:0 10px 30px #00000080;margin:20px;align-self:flex-start}.dev-header.svelte-1loe0on{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin:0}.dev-header.svelte-1loe0on h1:where(.svelte-1loe0on){margin:0;font-size:1.5rem;font-weight:700}.close-dev.svelte-1loe0on{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);padding:8px 16px;border-radius:5px;cursor:pointer;font-weight:700;transition:all .2s}.close-dev.svelte-1loe0on:hover{background:#ffffff4d;transform:scale(1.05)}.dev-instructions.svelte-1loe0on{padding:20px 30px;background:#ffffff0d;color:#ccc;border-top:1px solid rgba(255,255,255,.1)}.dev-instructions.svelte-1loe0on kbd:where(.svelte-1loe0on){background:#333;color:#fff;padding:2px 6px;border-radius:3px;font-family:monospace;border:1px solid #555}