*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0;padding:0}img{-webkit-user-drag:none;user-drag:none}:root{--bg-color:#f6f3ea;--card-bg:#fffdf8;--primary:#ff4757;--primary-hover:#ff6b81;--secondary:#15803d;--secondary-hover:#16a34a;--text-main:#1c1f26;--text-muted:#6b7280;--border-color:#ddd8c9}body{background-color:var(--bg-color);color:var(--text-main);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cpath d='M15 40q8 -18 16 0q8 18 16 0' stroke='%23ddd8c9' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3Cpath d='M95 100q10 -14 18 -2q6 10 -4 12' stroke='%23ddd8c9' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3Cpath d='M110 25q6 12 14 2' stroke='%23ddd8c9' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3Cpath d='M35 105q14 4 10 16' stroke='%23ddd8c9' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E"), repeating-linear-gradient(to bottom, transparent 0px, transparent 31px, var(--border-color) 31px, var(--border-color) 32px);background-repeat:repeat,repeat;background-size:140px 140px,100% 32px;justify-content:center;align-items:center;min-height:100vh;font-family:Fredoka,sans-serif;display:flex;overflow:hidden}.menu-container{flex-direction:column;align-items:center;width:100%;max-width:420px;padding:20px;display:flex}.title-container{text-align:center;margin-bottom:30px}.game-title{letter-spacing:2px;text-shadow:4px 4px #000;color:var(--text-main);font-size:3.5rem;font-weight:700}.game-title .highlight{color:var(--primary)}.subtitle{color:var(--text-muted);margin-top:-5px;font-size:1.1rem;font-weight:400}.menu-card{background-color:var(--card-bg);border:4px solid #000;border-radius:16px;flex-direction:column;gap:20px;width:100%;padding:30px;display:flex;box-shadow:6px 6px #000}.input-group{flex-direction:column;gap:8px;display:flex}.input-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.9rem;font-weight:600}input[type=text]{background-color:var(--bg-color);border:3px solid var(--border-color);width:100%;color:var(--text-main);border-radius:10px;outline:none;padding:14px 16px;font-family:Fredoka,sans-serif;font-size:1.1rem;transition:all .2s}input[type=text]:focus{border-color:var(--primary);box-shadow:0 0 0 3px #ff475733}.action-buttons{flex-direction:column;gap:16px;margin-top:10px;display:flex}.btn{cursor:pointer;text-transform:uppercase;border:3px solid #000;border-radius:10px;width:100%;padding:14px;font-family:Fredoka,sans-serif;font-size:1.2rem;font-weight:700;transition:transform .1s,box-shadow .1s,background-color .2s;box-shadow:4px 4px #000}.btn:active{transform:translate(2px,2px);box-shadow:2px 2px #000}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.join-container{gap:10px;display:flex}#room-code-input{text-align:center;letter-spacing:4px;flex:1.2;font-weight:700}.btn-secondary{background-color:var(--secondary);color:#fff;flex:1}.btn-secondary:hover:not(:disabled){background-color:var(--secondary-hover)}.btn-secondary:disabled{background-color:var(--border-color);color:var(--text-muted);cursor:not-allowed;opacity:.6}.menu-footer{color:var(--text-muted);align-items:center;gap:10px;margin-top:25px;font-size:.9rem;display:flex}.menu-footer a{color:var(--text-muted);text-decoration:underline}.menu-footer a:hover{color:var(--text-main)}.dot{font-size:.6rem}.room-code-header{text-align:center;margin-bottom:20px}.room-label{color:var(--text-muted);letter-spacing:2px;font-size:.85rem;font-weight:700}.room-code-display{color:var(--secondary);letter-spacing:6px;text-shadow:4px 4px #000;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:4rem;font-weight:700;transition:transform .1s}.room-code-display:hover{transform:scale(1.05)}.copy-hint{color:var(--text-muted);margin-top:-5px;font-size:.8rem}.lobby-card{gap:15px}.players-header h2{color:var(--text-muted);letter-spacing:1px;border-bottom:2px solid var(--border-color);padding-bottom:8px;font-size:1.1rem}.player-list{flex-direction:column;gap:10px;max-height:220px;padding-right:4px;list-style:none;display:flex;overflow-y:auto}.lobby-container{max-width:520px}.bottom-action-bar{flex-direction:column;flex-shrink:0;gap:12px;width:100%;max-width:480px;padding:16px 0 4px;display:flex}.player-item{background-color:var(--bg-color);border:2px solid var(--border-color);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;font-size:1.1rem;font-weight:600;display:flex}.you-tag{color:var(--text-muted);font-size:.85rem;font-weight:400}.host-badge{background-color:var(--primary);color:#fff;letter-spacing:1px;border:1px solid #000;border-radius:4px;padding:3px 8px;font-size:.7rem;font-weight:700}.link-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:.9rem;text-decoration:underline}.link-btn:hover{color:var(--primary)}.settings-slider-row{cursor:default;flex-direction:column;gap:6px;display:flex}.settings-slider-label{color:var(--text-muted);justify-content:space-between;align-items:baseline;font-size:.85rem;font-weight:600;display:flex}.settings-slider-value{font-variant-numeric:tabular-nums;color:var(--text-main)}input[type=range]{appearance:none;background-color:var(--bg-color);border:2px solid var(--border-color);cursor:pointer;border-radius:999px;outline:none;width:100%;height:10px}input[type=range]::-webkit-slider-thumb{appearance:none;background-color:var(--primary);cursor:pointer;border:3px solid #000;border-radius:50%;width:20px;height:20px;margin-top:-5px;box-shadow:2px 2px #000}input[type=range]::-moz-range-thumb{background-color:var(--primary);cursor:pointer;border:3px solid #000;border-radius:50%;width:20px;height:20px;box-shadow:2px 2px #000}input[type=range]::-moz-range-track{background-color:var(--bg-color);border-radius:999px;height:10px}input[type=range]:focus-visible{box-shadow:0 0 0 3px #ff475733}@keyframes gear-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gear-icon-btn:hover img{animation:1.4s linear infinite gear-spin}@keyframes gear-jump-a{0%{transform:translateY(0)rotate(0)}35%{transform:translateY(-7px)rotate(-16deg)}65%{transform:translateY(1px)rotate(8deg)}to{transform:translateY(0)rotate(0)}}@keyframes gear-jump-b{0%{transform:translateY(0)rotate(0)}35%{transform:translateY(-7px)rotate(-16deg)}65%{transform:translateY(1px)rotate(8deg)}to{transform:translateY(0)rotate(0)}}.player-disconnected .player-name{opacity:.5}.disconnected-tag{color:#767676;font-size:.85em}.player-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;padding-bottom:6px;overflow:hidden}.player-tile{aspect-ratio:1;background-color:var(--bg-color);border:3px solid var(--border-color);text-align:center;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:min(100%,280px);margin:0 auto;padding:12px;display:flex;position:relative}.player-tile-disconnected{opacity:.5}.player-tile-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding-bottom:6px;font-size:1.15rem;font-weight:700;overflow:hidden}.player-tile-host-badge{position:absolute;top:10px;right:10px}.kick-btn{color:#d9534f;cursor:pointer;background:0 0;border:1px solid #d9534f;border-radius:4px;padding:2px 8px;font-size:.8em}.kick-btn:hover{color:#fff;background:#d9534f}.player-tile-kick-btn{position:absolute;bottom:10px;left:10px}@keyframes creature-bob-head{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-1%)rotate(4deg)}}@keyframes creature-bob-body{0%,to{transform:translateY(0)rotate(3deg)}50%{transform:translateY(.5%)rotate(-3deg)}}@keyframes creature-bob-solo{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-1%)rotate(3deg)}}@keyframes letter-jump{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes click-pop-a{0%{transform:scale(1)}40%{transform:scale(1.22)}70%{transform:scale(.92)}to{transform:scale(1)}}@keyframes click-pop-b{0%{transform:scale(1)}40%{transform:scale(1.22)}70%{transform:scale(.92)}to{transform:scale(1)}}@keyframes status-pop{0%{opacity:.4;transform:scale(.6)rotate(-10deg)}60%{opacity:1;transform:scale(1.15)rotate(4deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes canvas-flash{0%{opacity:0}15%{opacity:.9}to{opacity:0}}@keyframes canvas-punch{0%{transform:scale(1)}30%{transform:scale(.94)}60%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes stamp-slam{0%{opacity:0;transform:rotate(-8deg)scale(2.6)}55%{opacity:1;transform:rotate(-8deg)scale(.85)}75%{transform:rotate(-8deg)scale(1.08)}to{opacity:1;transform:rotate(-8deg)scale(1)}}@keyframes vote-pop{0%{opacity:.3;transform:scale(.5)rotate(-14deg)}55%{transform:scale(1.35)rotate(6deg)}75%{transform:scale(.92)rotate(-2deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes vote-float-up{0%{opacity:0;transform:translate(-50%,6px)scale(.8)}25%{opacity:1;transform:translate(-50%,-4px)scale(1.1)}to{opacity:0;transform:translate(-50%,-28px)scale(1)}}@keyframes vote-particle-burst{0%{opacity:1;transform:translate(-50%,-50%)translate(0)scale(1)}70%{opacity:1}to{transform:translate(-50%, -50%) translate(var(--vote-tx), var(--vote-ty)) scale(.3);opacity:0}}@keyframes vs-flash{0%,to{opacity:1;transform:translate(-50%,-50%)scale(1)}10%{opacity:.15;transform:translate(-50%,-50%)scale(1.35)}20%{opacity:1;transform:translate(-50%,-50%)scale(1)}32%{opacity:.15;transform:translate(-50%,-50%)scale(1.35)}42%{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes winner-ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes player-join{0%{opacity:0;transform:translate(-28px)scale(.9)}60%{opacity:1;transform:translate(4px)scale(1.02)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes player-leave{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(28px)scale(.9)}}@keyframes player-seesaw{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.player-dance-idle{animation:2.8s ease-in-out infinite player-seesaw}@keyframes player-jump{0%,to{transform:translateY(0)}12%{transform:translateY(-16px)}24%{transform:translateY(0)}36%{transform:translateY(-16px)}48%{transform:translateY(0)}60%{transform:translateY(-9px)}72%,to{transform:translateY(0)}}.player-dance-jump{animation:1s ease-out player-jump}@keyframes player-spin-cw{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes player-spin-ccw{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.player-dance-spin-cw{animation:.8s linear player-spin-cw}.player-dance-spin-ccw{animation:.8s linear player-spin-ccw}@keyframes player-letter-wiggle{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes code-shake{0%,to{transform:rotate(0)}20%{transform:rotate(-8deg)}40%{transform:rotate(7deg)}60%{transform:rotate(-6deg)}80%{transform:rotate(4deg)}}.room-code-text{transform-origin:50%;display:inline-block}.room-code-text:hover{animation:.5s ease-in-out infinite code-shake}@keyframes silhouette-flicker{0%,to{opacity:.25;transform:scale(.94)}50%{opacity:.85;transform:scale(1)}}@keyframes timer-fill-flash{0%,to{stroke:var(--primary)}50%{stroke:#ff8f99}}