:root{--color-bg:#fdfbf7;--color-surface:#fff;--color-primary:#a8dadc;--color-primary-hover:#90caca;--color-secondary:#f4a261;--color-secondary-hover:#e7914e;--color-text:#2b2d42;--color-text-light:#8d99ae;--color-error:#ffb3b3;--color-success:#a3e4d7;--color-map-outline:#e2e8f0;--shadow-sm:0 4px 6px -1px #2b2d420d, 0 2px 4px -1px #2b2d4208;--shadow-md:0 10px 15px -3px #2b2d420d, 0 4px 6px -2px #2b2d4205;--shadow-lg:0 20px 25px -5px #2b2d420d, 0 10px 10px -5px #2b2d4205;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--font-sans:"Inter", system-ui, sans-serif;--font-display:"Outfit", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:none;line-height:1.5;overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600}button{font-family:var(--font-display);cursor:pointer;border:none;outline:none;font-weight:500;transition:all .2s}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.btn{border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:var(--color-text);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1.125rem;display:inline-flex}.btn-primary{background-color:var(--color-primary)}.btn-primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{background-color:var(--color-secondary);color:#fff}.btn-secondary:hover{background-color:var(--color-secondary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-icon{border-radius:var(--radius-full);padding:.75rem}.game-wrapper{border-radius:var(--radius-lg);transition:all .5s;position:relative}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes floatUp{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-100px)scale(1.5)}}@keyframes fallDown{0%{opacity:1;transform:translateY(0)scale(1)rotate(0)}to{opacity:0;transform:translateY(100px)scale(1.5)rotate(180deg)}}.app-container{flex-direction:column;justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:1rem;display:flex}.game-title{color:var(--color-text);text-align:center;margin-bottom:.5rem;font-size:2.5rem}.game-subtitle{color:var(--color-text-light);text-align:center;margin-bottom:2rem;font-size:1.25rem}.canvas-container{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);justify-content:center;align-items:center;width:95vw;max-width:1400px;height:80vh;min-height:600px;display:flex;position:relative;overflow:hidden}.countdown-overlay{background-color:var(--color-surface);color:var(--color-text);font-family:var(--font-display);border-radius:var(--radius-full);box-shadow:var(--shadow-md);z-index:10;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:1.5rem;font-weight:700;display:flex;position:absolute;top:1rem;right:1rem}.instructions-overlay{border-radius:var(--radius-full);box-shadow:var(--shadow-md);font-family:var(--font-display);color:var(--color-text);z-index:10;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffffe6;padding:.75rem 1.5rem;font-size:1.125rem;position:absolute;top:4rem;left:50%;transform:translate(-50%)}.menu-container{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:500px;padding:3rem;display:flex}.menu-icon{color:var(--color-primary);margin-bottom:1rem}.controls-row{gap:1rem;margin-top:1.5rem;display:flex}