*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#1b5e20;--color-bg-light:#2e7d32;--color-primary:#ff8f00;--color-secondary:#f57c00;--color-accent:#ffca28;--color-success:#66bb6a;--color-warning:#ffa726;--color-danger:#ef5350;--color-gold:#ffd600;--color-text:#fff;--color-text-muted:#c8e6c9;--font-main:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--shadow-soft:0 4px 6px -1px rgba(0,0,0,.3);--shadow-medium:0 10px 15px -3px rgba(0,0,0,.4);--radius-sm:8px;--radius-md:12px;--radius-lg:20px}.privacy-link{bottom:calc(.75rem + env(safe-area-inset-bottom));color:var(--color-text-muted);font-size:.75rem;opacity:.6;position:absolute;right:1rem;text-decoration:none;transition:opacity .2s}.privacy-link:hover{opacity:1;text-decoration:underline}html{background-color:var(--color-bg-light);font-size:16px}body{background:linear-gradient(135deg,var(--color-bg) 0,var(--color-bg-light) 100%);color:var(--color-text);font-family:var(--font-main);margin:0;min-height:100vh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);touch-action:manipulation}#game-container{margin:0 auto;max-width:800px;padding:1rem 1rem 2rem}.screen{animation:fadeIn .3s ease-out;display:none;padding:2rem;position:relative;width:100%}.screen.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}h1{font-size:clamp(2rem,8vw,4rem);font-weight:700;margin-bottom:1rem}h1,h2{text-align:center}h2{font-size:clamp(1.5rem,5vw,2.5rem);margin-bottom:1.5rem}h2,h3{font-weight:600}h3{font-size:clamp(1rem,3vw,1.25rem);margin-bottom:1rem}p{line-height:1.6}.btn{align-items:center;border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-soft);color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-main);font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.05em;padding:1rem 2rem;text-transform:uppercase;transition:all .2s ease}.btn:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff}.btn-secondary{background:hsla(0,0%,100%,.1);border:2px solid hsla(0,0%,100%,.2);color:var(--color-text)}.btn-secondary:hover{background:hsla(0,0%,100%,.2)}.btn-large{border-radius:var(--radius-lg);font-size:1.25rem;padding:1.25rem 3rem}.menu-content{padding-top:2rem;text-align:center}.game-banner{border-radius:var(--radius-lg);box-shadow:0 8px 30px rgba(0,0,0,.4),0 0 20px rgba(255,202,40,.3);height:auto;margin-bottom:.5rem;max-width:100%;width:clamp(280px,80vw,500px)}.subtitle{color:var(--color-text-muted);font-size:clamp(1rem,3vw,1.5rem);margin-bottom:2rem}.rules-box{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);border-radius:var(--radius-lg);margin:2rem auto;max-width:600px;padding:1.5rem 2rem;text-align:left}.rules-box h3{color:var(--color-success);margin-bottom:1rem;text-align:center}.rules-box ul{list-style:none}.rules-box li{color:var(--color-text-muted);font-size:clamp(.875rem,2.5vw,1rem);padding:.5rem 0}.rules-box strong{color:var(--color-text)}.connect-form{margin:0 auto;max-width:400px;padding-bottom:2rem}.connect-form .btn{display:block;width:100%}.form-group{margin-bottom:1.5rem;text-align:left}.form-group label{color:var(--color-text-muted);display:block;font-weight:600;margin-bottom:.5rem}.form-group input{background:hsla(0,0%,100%,.1);border:2px solid hsla(0,0%,100%,.2);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-main);font-size:1rem;padding:.875rem 1rem;transition:all .2s ease;width:100%}.form-group input:focus{background:hsla(0,0%,100%,.15);border-color:var(--color-primary);outline:none}.form-group input::placeholder{color:hsla(0,0%,100%,.4)}.error-message{color:var(--color-danger);margin-top:1rem;min-height:1.5rem}.connecting-content,.error-message{text-align:center}.waiting-animation{animation:pulse-wait 1.5s infinite;margin:2rem 0}.spinner-taco{height:auto;width:80px}@keyframes pulse-wait{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.waiting-hint{color:var(--color-text-muted);font-size:.875rem}#game-screen{height:100vh;height:100dvh;left:0;max-width:none;overflow:hidden;padding:0;position:fixed;top:0;width:100%}#game-screen.active{display:block}#game-canvas{cursor:crosshair;display:block;height:100%;width:100%}#game-hud{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}#hud-name{color:var(--color-gold);font-size:1rem;font-weight:600;top:1rem}#hud-name,#hud-size{left:1rem;position:absolute;text-shadow:0 1px 3px rgba(0,0,0,.7)}#hud-size{color:var(--color-text-muted);font-size:.875rem;top:2.5rem}#hud-size-value{color:var(--color-text);font-weight:700}#leaderboard{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:rgba(0,0,0,.5);border-radius:var(--radius-md);max-width:220px;min-width:160px;padding:.75rem 1rem;pointer-events:auto;position:absolute;right:1rem;top:1rem}#leaderboard h3{color:var(--color-gold);font-size:.75rem;letter-spacing:.1em;margin-bottom:.5rem;text-align:center;text-transform:uppercase}#leaderboard-list{list-style:none;margin:0;padding:0}#leaderboard-list li{color:var(--color-text-muted);font-size:.75rem;overflow:hidden;padding:.2rem 0;text-overflow:ellipsis;white-space:nowrap}#leaderboard-list li.me{color:var(--color-gold);font-weight:700}#mute-toggle{align-items:center;color:var(--color-text-muted);display:flex;font-size:.7rem;gap:.35rem;margin-top:.5rem;user-select:none}#mute-toggle,#mute-toggle input{cursor:pointer}#death-overlay{background:radial-gradient(circle,rgba(239,71,111,.6) 0,rgba(239,71,111,0) 70%);height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .15s ease;width:100%;z-index:20}#death-overlay.active{opacity:1}#game-screen.shake{animation:screen-shake .4s ease-out}@keyframes screen-shake{0%{transform:translate(0)}10%{transform:translate(-8px,4px)}20%{transform:translate(6px,-6px)}30%{transform:translate(-4px,8px)}40%{transform:translate(8px,-2px)}50%{transform:translate(-6px,6px)}60%{transform:translate(4px,-4px)}70%{transform:translate(-2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}#boost-btn{background:rgba(255,143,0,.5);border:3px solid hsla(0,0%,100%,.3);border-radius:50%;bottom:2rem;box-shadow:0 4px 12px rgba(0,0,0,.4);display:none;font-size:2rem;height:5rem;right:2rem;width:5rem}#boost-btn,#quit-btn{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);cursor:pointer;pointer-events:auto;position:absolute;transition:all .15s ease;z-index:15}#quit-btn{align-items:center;background:rgba(239,83,80,.5);border:2px solid hsla(0,0%,100%,.3);border-radius:50%;color:#fff;display:flex;font-size:1rem;font-weight:700;height:2.25rem;justify-content:center;left:1rem;line-height:1;top:4.5rem;width:2.25rem}#quit-btn:hover{background:rgba(239,83,80,.8);transform:scale(1.1)}.quit-confirm-overlay{align-items:center;background:rgba(0,0,0,.6);display:none;height:100%;justify-content:center;left:0;pointer-events:auto;position:absolute;top:0;width:100%;z-index:30}.quit-confirm-overlay.active{display:flex}.quit-confirm-box{background:var(--color-bg);border:2px solid var(--color-warning);border-radius:var(--radius-lg);box-shadow:var(--shadow-medium);max-width:320px;padding:2rem 2.5rem;text-align:center}.quit-confirm-box p{color:var(--color-text);font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.quit-confirm-buttons{display:flex;gap:1rem;justify-content:center}.quit-confirm-buttons .btn{font-size:.9rem;padding:.75rem 1.5rem}#boost-btn.active,#boost-btn:active{background:rgba(255,143,0,.9);border-color:var(--color-gold);transform:scale(.92)}@media (hover:none) and (pointer:coarse){#boost-btn{align-items:center;display:flex;justify-content:center}}.game-over-content{text-align:center}.game-over-content h1{animation:skull-pulse .5s ease infinite alternate;color:var(--color-danger);text-shadow:0 0 30px rgba(239,71,111,.5)}@keyframes skull-pulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.game-over-content h2{font-size:clamp(1.2rem,4vw,1.8rem);margin:1rem 0}.game-over-content p{color:var(--color-text-muted);font-size:1.25rem;margin-bottom:2rem}#eaten-by-name{color:var(--color-warning);font-weight:700}#final-size{color:var(--color-gold);font-size:1.5rem;font-weight:700}#back-to-menu{display:block;margin:1rem auto 0}#rotate-overlay{align-items:center;background:rgba(0,0,0,.92);display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;touch-action:none;width:100%;z-index:9999}.rotate-message{color:#fff;padding:2rem;text-align:center}.rotate-icon{animation:rotateHint 2s ease-in-out infinite;font-size:4rem;margin-bottom:1rem}.rotate-message p{font-size:1.25rem;line-height:1.4;margin:0 auto;max-width:280px}@keyframes rotateHint{0%,to{transform:rotate(0deg)}25%{transform:rotate(-15deg)}75%{transform:rotate(90deg)}}@media (max-width:768px){.screen{padding:1rem}.btn-large{margin-left:auto;margin-right:auto;max-width:300px;width:100%}#leaderboard{min-width:130px;padding:.5rem .75rem}}@media (max-width:480px){html{font-size:14px}.rules-box{padding:1rem}#hud-name{left:.5rem;top:.5rem}#hud-size{left:.5rem;top:2rem}#leaderboard{right:.5rem;top:.5rem}}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}