:root{--night:#0a061e;--panel:#141028;--rim:#2a263e;--rim-light:#454159;--mute:#6a667e;--text:#ccc8e0;--bright:#ece8ff;--beige:#e7d5b3;--amber:#de9e41;--bad:#f66;--good:#a8ca58;--llama:#908ca4;--step:3px;--press:4px;--gutter:16px;--tab-height:64px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--night);height:100%;color:var(--text);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px;line-height:1.45}#app{background:var(--night);flex-direction:column;max-width:480px;height:100dvh;margin:0 auto;display:flex;position:relative;container:app/size}canvas,img{image-rendering:pixelated}.pixel-text{display:block}.stepped,.key,.emote,.face,.join-button,.field,.board-row,.toast,.readout{clip-path:polygon(0 var(--step), var(--step) var(--step), var(--step) 0, calc(100% - var(--step)) 0, calc(100% - var(--step)) var(--step), 100% var(--step), 100% calc(100% - var(--step)), calc(100% - var(--step)) calc(100% - var(--step)), calc(100% - var(--step)) 100%, var(--step) 100%, var(--step) calc(100% - var(--step)), 0 calc(100% - var(--step)))}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:0}button:focus-visible,.field:focus-visible{outline:2px solid var(--llama);outline-offset:2px}.line{color:var(--bright);text-align:center;text-wrap:balance;margin:0;font-size:17px}.note{color:var(--mute);text-align:center;text-wrap:balance;margin:0;font-size:13px}.warn{color:var(--amber)}.quiet{color:var(--mute);background:0 0;padding:8px 4px;font-size:13px}.join{padding:max(var(--gutter), env(safe-area-inset-top)) var(--gutter) max(var(--gutter), env(safe-area-inset-bottom));flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;display:flex}.join .hologram{margin:-8px 0 4px}.field{background:var(--rim);width:100%;color:var(--bright);font:inherit;text-align:center;border:0;padding:14px 12px;font-size:20px}.field::placeholder{color:var(--mute)}.field-code{text-transform:uppercase;letter-spacing:.4em;font-size:26px}.join-button{background:var(--beige);width:100%;color:var(--night);box-shadow:inset 0 calc(-1 * var(--press)) 0 #c09473;padding:16px;font-size:20px;font-weight:700}.join-button:active{transform:translateY(var(--press));box-shadow:none}.top{padding:max(10px, env(safe-area-inset-top)) var(--gutter) 6px;align-items:center;gap:12px;display:flex}.room{align-items:center;gap:8px;display:flex}.room-swatch{background:var(--llama);width:10px;height:10px}.room-code{color:var(--text);letter-spacing:.3em;font-weight:700}.status{flex:1;justify-content:flex-end;gap:10px;font-size:13px;display:flex}.tab-count,.tab-mood,.tab-board,.tab-ended{min-height:0;padding:4px var(--gutter) 12px;flex-direction:column;flex:1;display:flex}.tab-mood,.tab-ended{justify-content:center;align-items:center;gap:14px}.tab-board{gap:12px;overflow-y:auto}.tabs{padding:6px var(--gutter) max(10px, env(safe-area-inset-bottom));border-top:2px solid var(--rim);background:var(--night);grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.tab{height:calc(var(--tab-height) - 16px);color:var(--mute);background:0 0;font-size:15px;font-weight:700}.tab.is-on{color:var(--bright);background:var(--rim);box-shadow:inset 0 -3px 0 var(--llama)}.hero{flex-direction:column;flex-shrink:0;align-items:center;gap:2px;padding-top:4px;display:flex}.hero-tag{margin-top:4px}.hero-name{color:var(--mute);margin:0;font-size:13px}.stage-body{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;min-height:0;display:flex}.queue,.result{flex-direction:column;align-items:center;gap:10px;display:flex}.figures{align-items:center;gap:24px;display:flex}.figure{flex-direction:column;align-items:center;gap:6px;display:flex}.countdown{justify-content:center;min-height:18px;margin:0;display:flex}.screen-pad .stage-body{flex:1 0 auto;justify-content:flex-start;gap:8px}.screen-pad .pad{margin-top:auto}.tab-count{overflow-y:auto}.pad{flex-direction:column;flex-shrink:0;gap:8px;width:100%;display:flex}.readout{background:var(--panel);justify-content:center;align-items:center;height:64px;display:flex}.keys{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.key{background:var(--rim);height:clamp(48px,7.5cqh,64px);color:var(--bright);box-shadow:inset 0 calc(-1 * var(--press)) 0 var(--panel);font-size:24px;font-weight:700}.key:active{transform:translateY(var(--press));box-shadow:none}.key-clear{color:var(--mute);font-size:15px}.key-lock{background:var(--llama);color:var(--night);box-shadow:inset 0 calc(-1 * var(--press)) 0 #0000004d;font-size:15px}.tip-line{color:var(--mute);gap:12px;margin:0;font-size:15px;font-weight:700;display:flex}.tip-plus{color:var(--good)}.tip-minus{color:var(--bad)}.emotes{flex-direction:column;gap:8px;display:flex}.emote-row{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.emote{background:var(--rim);box-shadow:inset 0 calc(-1 * var(--press)) 0 var(--panel);flex-direction:column;align-items:center;gap:4px;padding:10px 0 8px;display:flex}.emote:active:not(:disabled){transform:translateY(var(--press));box-shadow:none}.emote:disabled{opacity:.35;cursor:default}.emote-art{width:28px;height:28px}.emote-name{color:var(--text);font-size:11px}.emote.is-pressed .emote-art{animation:.36s steps(4,end) hop}@keyframes hop{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.gauge{flex-direction:column;align-items:center;gap:12px;padding:20px 16px 16px;display:flex}.meter.is-empty{opacity:.5}.faces{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;display:grid}.face{background:var(--rim);box-shadow:inset 0 calc(-1 * var(--press)) 0 var(--panel);flex-direction:column;align-items:center;gap:6px;padding:14px 0 12px;display:flex}.face:active:not(:disabled){transform:translateY(var(--press));box-shadow:none}.face:disabled{opacity:.35;cursor:default}.face.is-mine{opacity:1;box-shadow:inset 0 0 0 2px var(--llama)}.face-art{width:56px;height:56px}.face-name{font-size:13px}.vote-wait{min-height:19px}.secret{margin-top:8px}.board{flex-direction:column;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.board-row{background:var(--panel);grid-template-columns:28px 10px 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.board-row.is-mine{background:var(--rim);box-shadow:inset 3px 0 0 var(--llama)}.board-rank{justify-self:center}.board-swatch{background:var(--llama);width:10px;height:10px}.board-who{flex-direction:column;min-width:0;display:flex}.board-nick{color:var(--bright);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.board-stats{color:var(--mute);font-size:12px}.board-own{border-top:2px dashed var(--rim);margin-top:4px;padding-top:10px}.board-empty{color:var(--mute);margin:auto 0}.board-how{margin-top:auto;padding-top:12px}.toast{left:50%;top:calc(max(10px, env(safe-area-inset-top)) + 36px);z-index:2;background:var(--rim-light);padding:12px 18px;animation:.24s steps(3,end) toast-in;position:absolute;transform:translate(-50%)}@keyframes toast-in{0%{transform:translate(-50%,-12px)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.emote.is-pressed .emote-art,.toast{animation:none}}@container app (height<=720px){.key{height:44px}.readout{height:48px}}@container app (height<=600px){.key{height:38px}.readout{height:40px}}@media (min-width:560px) and (min-height:700px){html,body{background:var(--night) url(/argyle.png) 0 0 / 96px 128px repeat;image-rendering:pixelated}body{justify-content:center;align-items:center;padding:32px 16px;display:flex}#app{border:10px solid var(--rim);width:420px;height:min(880px,100dvh - 64px);box-shadow:inset 0 0 0 2px var(--night), 0 -2px 0 2px var(--rim-light), 10px 12px 0 0 #0a061ed9;image-rendering:auto;border-radius:32px;margin:0;overflow:hidden}.top{padding-top:12px}.tabs{padding-bottom:12px}}