:root{--broth: #e8913a;--pasta: #f7dc8f;--pasta-edge: #a8742c;--ink: #3b2416;--card: #fff8ea;--accent: #ffd23f}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;background:#2b1d14;font-family:Fredoka,system-ui,sans-serif;color:var(--ink)}#game{display:block;width:100vw;height:100vh;cursor:none}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(circle at center,#e8913a59,#2b1d14d9);padding:16px}.overlay.hidden{display:none}.card{background:var(--card);border:4px solid var(--pasta-edge);border-radius:28px;padding:32px 28px;width:min(380px,100%);text-align:center;box-shadow:0 12px #00000040}h1{margin:-4px 0 4px;line-height:0}.logo{display:block;width:min(300px,80vw);height:auto;margin:0 auto}.logo-letter{font-family:Fredoka,system-ui,sans-serif;font-weight:700;font-size:36px;fill:var(--pasta);stroke:var(--pasta-edge);stroke-width:6px;stroke-linejoin:round;paint-order:stroke;text-anchor:middle;dominant-baseline:central;filter:drop-shadow(1px 2px 0 rgba(70,30,0,.3));animation:logo-bob 2.6s ease-in-out infinite}@keyframes logo-bob{0%,to{transform:translateY(-2px)}50%{transform:translateY(2px)}}@media(prefers-reduced-motion:reduce){.logo-letter{animation:none}}.tagline{margin:4px 0 24px;opacity:.75}form{display:flex;flex-direction:column;gap:12px}input,select,button{font:inherit;font-size:20px;border-radius:14px;padding:12px 16px;border:3px solid var(--pasta-edge)}select{background:#fff;color:var(--ink);cursor:pointer}input{background:#fff;user-select:text;-webkit-user-select:text;color:var(--ink);outline:none}input:focus{border-color:var(--broth)}button{background:var(--accent);font-weight:700;cursor:pointer;box-shadow:0 4px 0 var(--pasta-edge)}button:active{transform:translateY(3px);box-shadow:0 1px 0 var(--pasta-edge)}.error{color:#c1121f;min-height:1.2em;margin:12px 0 0}h2{margin:0 0 12px;font-size:36px;color:var(--pasta);-webkit-text-stroke:2px var(--pasta-edge)}.divider{display:flex;align-items:center;gap:10px;margin:18px 0 12px;opacity:.6;font-size:14px}.divider:before,.divider:after{content:"";flex:1;border-top:2px dashed var(--pasta-edge)}.row{display:flex;gap:8px;align-items:center;margin-top:8px}.row>button,.row>input{flex:1;min-width:0}.row.tight{margin-top:0}.row>select{flex:none}button.full{width:100%}#code{text-transform:uppercase;letter-spacing:4px;text-align:center}button.secondary{background:#fff}select.small,button.small{font-size:15px;padding:6px 12px;border-radius:10px;border-width:2px;box-shadow:0 3px 0 var(--pasta-edge)}button.ghost{background:transparent;box-shadow:none}.toggle{display:flex;align-items:center;gap:6px;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.toggle input{width:18px;height:18px;padding:0;accent-color:var(--broth)}.hidden,body.discord #name,body.discord .divider,body.discord #create,body.discord #code-form,body.discord #copy-invite,body.discord #leave,body.discord #results-leave{display:none!important}.panel{position:fixed;top:64px;left:50%;transform:translate(-50%);background:var(--card);border:3px solid var(--pasta-edge);border-radius:16px;padding:10px 14px;display:flex;flex-direction:column;gap:8px;align-items:center;box-shadow:0 6px #00000040;cursor:default;max-width:calc(100vw - 32px)}.panel-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center}.panel-status{margin:0;font-size:14px;opacity:.8;text-align:center}.card.wide{width:min(460px,100%)}#results{cursor:default}#results-list{list-style:none;margin:0 0 16px;padding:0;text-align:left}#results-list li{display:grid;grid-template-columns:28px 14px 1fr auto;gap:10px;align-items:center;padding:8px 10px;border-radius:12px}#results-list li:nth-child(odd){background:#a8742c1f}#results-list li.me{outline:3px solid var(--accent)}#results-list .rank{font-weight:700;text-align:right}#results-list .dot{width:14px;height:14px;border-radius:50%}#results-list .who{display:flex;flex-direction:column;min-width:0}#results-list .who b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#results-list .best{font-size:13px;opacity:.7}#results-list .score{font-weight:700;font-size:22px}#code-form{flex-direction:row}.tag{font-size:11px;font-weight:700;text-transform:uppercase;background:#a8742c40;border-radius:6px;padding:1px 6px;vertical-align:middle}body.discord #lang{flex:1}.sound{position:fixed;left:16px;bottom:16px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;cursor:default}#sound-toggle{display:grid;place-items:center;width:40px;height:40px;padding:0;color:var(--ink)}#sound-toggle .cross,#sound-toggle.muted .waves{display:none}#sound-toggle.muted .cross{display:inline}.sound-panel{background:var(--card);border:3px solid var(--pasta-edge);border-radius:14px;padding:10px 14px;display:flex;flex-direction:column;gap:6px;box-shadow:0 6px #00000040;font-size:15px}.sound-panel label{display:grid;grid-template-columns:72px 140px;align-items:center;gap:8px;font-weight:500}.sound-panel input[type=range]{padding:0;border:none;accent-color:var(--broth);background:transparent}.swatches{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}button.swatch{width:24px;height:24px;padding:0;border:2px solid rgba(0,0,0,.25);border-radius:50%;box-shadow:none}button.swatch.mine{outline:3px solid var(--ink);outline-offset:2px}button.swatch:disabled{opacity:.25;cursor:not-allowed}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fredoka-latin-500-normal-B0JifZgm.woff2) format("woff2"),url(/assets/fredoka-latin-500-normal-BL692wg7.woff) format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fredoka-latin-700-normal-BOIZVyIN.woff2) format("woff2"),url(/assets/fredoka-latin-700-normal-C8FeHd3X.woff) format("woff")}