:root{font-family:Nunito,system-ui,-apple-system,sans-serif;color:#fff;background:#171324}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0,#34294f,#100d18 70%)}button{border:0;border-radius:18px;padding:16px 28px;background:linear-gradient(#ffcf4b,#f59e0b);color:#3c2100;font-weight:900;font-size:20px;box-shadow:0 6px 0 #b85d05;cursor:pointer}button:disabled{filter:grayscale(1);opacity:.55}.hidden{display:none!important}.panel{width:min(720px,92vw);margin:7vh auto;padding:32px;border:1px solid #ffffff22;border-radius:28px;background:#241d35dd;box-shadow:0 25px 80px #0008;text-align:center}.welcome .logo{font-size:72px}.welcome h1,.controller h1{font-size:clamp(36px,7vw,66px);margin:0 0 12px;color:#ffd45e;text-shadow:0 5px #8b3f0a}.welcome p{font-size:20px;color:#d7cde9}.join{display:flex;gap:28px;align-items:center;justify-content:center}.join img{width:220px;background:white;padding:8px;border-radius:15px}.room-code{font-size:74px;font-weight:1000;letter-spacing:.12em;color:#ffd45e}.code-label,.url{color:#bcb1cf}.url{font-size:13px;max-width:300px;overflow-wrap:anywhere}.player-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 24px}.player-card{padding:14px;border-radius:15px;background:#ffffff12;font-weight:800}.hud{height:82px;padding:12px 3vw;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#171324}.meter{width:320px;height:20px;border-radius:20px;background:#0007;overflow:hidden;border:2px solid #fff3}.meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,#49d66d,#ffcf4b,#ff6b55);transition:width .1s}.small{font-size:14px;padding:10px 15px;border-radius:12px}#world{position:relative;width:min(calc((100vh - 82px)*1.777),100vw);aspect-ratio:1672/941;margin:auto;overflow:hidden;background:#654}.kitchen{position:absolute;width:100%;height:100%;inset:0}.actor{position:absolute;width:5%;height:12%;transform:translate(-50%,-70%);background-repeat:no-repeat;background-size:500% 400%;filter:drop-shadow(0 6px 3px #0005)}.actor.dead{width:8%;height:10%;transform:translate(-50%,-50%)}.actor.action{filter:drop-shadow(0 0 10px #ffe668)}.max-sprite{position:absolute;left:10.5%;top:18.5%;width:17%;height:27%;background-image:url('/assets/game-art/characters/max-sleep-overlay-v3.png');background-size:400% 100%;background-repeat:no-repeat;transform:rotate(90deg);transform-origin:center}.max-sprite.snore{background-position:100% 0}.name-tag{position:absolute;left:50%;top:-17px;transform:translateX(-50%);padding:2px 7px;border-radius:9px;background:#171324cc;font-size:clamp(8px,1vw,14px);white-space:nowrap}#wave{position:absolute;left:20.5%;top:35%;width:0;height:0;border-radius:0 100% 100% 0;transform-origin:left center;pointer-events:none;opacity:0}.wave-warning{width:9%!important;height:16%!important;transform:translateY(-50%);background:repeating-radial-gradient(ellipse at left,transparent 0 12px,#ffef6088 14px 18px);opacity:1!important;animation:pulse .4s infinite}.wave-live{height:75%!important;transform:translateY(-15%);background:repeating-radial-gradient(ellipse at left,#7dd3fc00 0 40px,#7dd3fcaa 46px 54px);clip-path:polygon(0 43%,100% 0,100% 100%,0 57%);opacity:.85!important}#countdown,.result{position:absolute;inset:0;display:grid;place-items:center;font-size:14vw;font-weight:1000;color:#ffe15d;text-shadow:0 8px #8a3508;background:#0004}.result{font-size:5vw;text-align:center;padding:10vw;background:#130d20cc}.controller{touch-action:none;overflow:hidden}.controller .panel{margin:3vh auto}.controller label{display:block;text-align:left;margin:18px 0;color:#cfc4df;font-weight:700}.controller input{width:100%;margin-top:7px;padding:15px;border:2px solid #ffffff22;border-radius:14px;background:#100d18;color:white;font-size:22px}.controller-head{display:flex;justify-content:space-between;padding:18px}.controller #controls{min-height:100vh;position:relative}.controller #pad{position:absolute;left:8vw;top:25vh;width:min(48vw,300px);aspect-ratio:1;border-radius:50%;background:#ffffff16;border:3px solid #ffffff22;box-shadow:inset 0 0 50px #0008}.controller #knob{position:absolute;left:50%;top:50%;width:38%;aspect-ratio:1;border-radius:50%;background:#7dd3fc;transform:translate(-50%,-50%);box-shadow:0 8px 22px #0008}.controller #action{position:absolute;right:7vw;top:31vh;width:min(34vw,220px);aspect-ratio:1;border-radius:50%;background:linear-gradient(#ff745f,#d62f45);color:white;box-shadow:0 10px 0 #811b2b;font-size:clamp(17px,5vw,30px)}.hint{position:absolute;bottom:4vh;width:100%;padding:0 8vw;text-align:center;color:#bdb2ce}.dead{position:fixed;inset:0;display:grid;place-content:center;text-align:center;background:#190c18ee;font-size:36px;font-weight:900;color:#ff7785}.dead small{display:block;font-size:16px;color:#ddd;margin-top:15px}@keyframes pulse{50%{filter:brightness(1.8)}}@media(max-width:700px){.join{flex-direction:column}.join img{width:180px}.player-list{grid-template-columns:1fr}.host .hud{height:70px}.meter{width:42vw}}

/* v2: explicit mobile controls and corrected Max overlay */
.max-sprite{left:16.5%;top:23%;width:9%;height:19%}
.controller #dpad{position:absolute;left:5vw;top:20vh;width:min(55vw,330px);aspect-ratio:1;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);gap:7px}
.controller #dpad button{padding:0;border-radius:20px;background:linear-gradient(#8ad9ff,#3b9ed4);color:#08304c;box-shadow:0 7px 0 #1d638a;font-size:clamp(25px,8vw,48px);touch-action:none;-webkit-user-select:none;user-select:none}
.controller #dpad button[data-dir=up]{grid-area:1/2}.controller #dpad button[data-dir=left]{grid-area:2/1}.controller #dpad button[data-dir=right]{grid-area:2/3}.controller #dpad button[data-dir=down]{grid-area:3/2}
.controller #dpad button.pressed{transform:translateY(5px);box-shadow:0 2px 0 #1d638a;filter:brightness(1.2)}
.controller #action{right:5vw;top:30vh;touch-action:none;-webkit-user-select:none;user-select:none}
.controller #actionStatus{position:absolute;right:3vw;top:57vh;width:40vw;text-align:center;color:#ffb7b7;font-weight:800}
.controller #action.ready{background:linear-gradient(#77e36c,#24a844);box-shadow:0 10px 0 #126528}
.actor{width:6.5%;height:15%}
.max-sprite{clip-path:polygon(0 0,100% 0,100% 56%,0 56%)}
.max-sprite{left:14.5%;top:53%;width:10%;height:27%;transform:none;clip-path:none;background-image:url('/assets/game-art/characters/max-head-v4.png')}
#wave{left:23.5%;top:66%}
.wave-warning{width:7%!important;height:8%!important;transform:translateY(-50%)}
.wave-live{height:30%!important;transform:translateY(-50%);clip-path:polygon(0 46%,100% 32%,100% 68%,0 54%)}