:root{--ink:#1b1b2f;--paper:#fffdf5;--accent:#ff5a36;--accent-2:#ffc93c;--sky:#6ec3f4;font-family:system-ui,sans-serif}body{color:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}canvas{display:block}#screens{pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}#screens>*{pointer-events:auto}.menu{background:var(--paper);border:4px solid var(--ink);width:min(92vw,26rem);max-height:92vh;box-shadow:0 8px 0 var(--ink);border-radius:1.2rem;flex-direction:column;gap:.6rem;padding:1.4rem;display:flex;overflow:auto}.menu.side{justify-self:start;margin-left:4vw}@media (aspect-ratio<=11/10){.menu.side{place-self:end center;max-height:58vh;margin:0 0 1rem}}h1{margin:0;font-size:1.8rem;font-weight:900}h2{margin:.4rem 0 0;font-size:1rem}.logo{text-align:center;margin:-.6rem 0 -.2rem;line-height:0}.logo img{object-fit:contain;width:100%;max-height:34vh}@media (aspect-ratio<=11/10){.logo img{max-height:22vh}}.credits{z-index:20;border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);color:var(--ink);white-space:nowrap;cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:5px 14px 5px 5px;font-size:14px;font-weight:700;text-decoration:none;display:flex;position:fixed;bottom:14px;left:50%;translate:-50%}.credits:hover{background:var(--accent-2)}.credits img{background:#fff;border-radius:50%;width:30px;height:30px}@media (aspect-ratio<=11/10){.credits{top:14px;bottom:auto}}button{font:inherit;color:var(--ink);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);cursor:pointer;background:#fff;border-radius:.8rem;padding:.6rem 1rem;font-weight:800}button:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}button:disabled{opacity:.5;cursor:default}button.big{background:var(--accent-2);font-size:1.3rem}button.accent{color:#fff;background:var(--accent)}button[aria-pressed=true]{background:var(--accent-2)}.cookie-link{box-shadow:none;background:0 0;border:0;align-self:center;padding:.2rem;font-size:.85rem;font-weight:600;text-decoration:underline}.row{gap:.6rem;display:flex}.row>*{flex:1}.field{flex-direction:column;gap:.3rem;font-weight:700;display:flex}input,select{font:inherit;border:3px solid var(--ink);border-radius:.6rem;padding:.5rem}input.code,.code{letter-spacing:.2em;text-transform:uppercase;font-family:ui-monospace,monospace}fieldset{border:3px solid var(--ink);border-radius:.8rem;flex-direction:column;gap:.3rem;display:flex}.tag{opacity:.6;font-weight:600}.warn{color:#c62828;font-weight:700}.help{opacity:.8;margin:0}.todo{color:#8a6d00;background:repeating-linear-gradient(45deg,#fff6cc,#fff6cc 8px,#ffeea0 8px 16px);border:2px dashed #c9a200;border-radius:.4rem;padding:.4rem .6rem;font-size:.85rem}.shelf{flex-wrap:wrap;gap:.4rem;display:flex}.shelf .item{box-shadow:0 3px 0 var(--ink);padding:.4rem .7rem;font-size:.9rem}.swatch{background:var(--c);border-radius:50%;width:2.4rem;height:2.4rem;padding:0}.swatch[aria-pressed=true]{background:var(--c);outline:4px solid var(--accent-2);outline-offset:2px}.item.icon{flex-direction:column;align-items:center;gap:.1rem;width:4.6rem;padding:.3rem;font-size:.75rem;display:flex}.item.icon img{object-fit:contain;width:3rem;height:3rem}.chip{background:var(--c,var(--accent));border:3px solid var(--ink);border-radius:50% 50% 45% 45%/55% 55% 45% 45%;flex:none;width:1.7rem;height:2.2rem;margin-top:.5rem;position:relative}.chip:before,.chip:after{content:"";background:var(--ink);border-radius:50%;width:18%;height:22%;position:absolute;top:32%}.chip:before{left:26%}.chip:after{right:26%}.chip img{pointer-events:none;width:120%;position:absolute;bottom:70%;left:50%;translate:-50%}.chip.big{width:3.4rem;height:4.4rem;margin-top:1rem}.chip.emote{animation:.5s ease-in-out infinite alternate bop}.chip.victory{animation:.35s ease-in-out infinite alternate bop}@keyframes bop{to{transform:translateY(-.3rem)rotate(4deg)}}.players,.settings,.lineup,.winners .side,.portraits{margin:0;padding:0;list-style:none}.players li{align-items:center;gap:.5rem;padding:.2rem 0;display:flex}.players li.you{font-weight:800}.players li.empty{opacity:.4}.screen-match{place-items:stretch stretch}.hud{align-items:center;gap:.6rem;display:flex;position:absolute;inset:.6rem .6rem auto}.portraits{flex:1;gap:.4rem;display:flex}.portraits li{background:var(--paper);border:3px solid var(--ink);border-radius:.8rem;align-items:center;gap:.3rem;padding:.2rem .5rem .2rem .2rem;font-weight:800;display:flex}.clock{color:#fff;background:var(--ink);border-radius:.8rem;padding:.2rem 1rem;font:900 2rem ui-monospace,monospace}.countdown,.hurry{color:var(--accent-2);-webkit-text-stroke:6px var(--ink);pointer-events:none;place-items:center;font-size:clamp(4rem,18vw,12rem);font-weight:900;animation:.8s cubic-bezier(.2,2,.4,1) infinite pop;display:grid;position:absolute;inset:0}.hurry{color:var(--accent);font-size:clamp(3rem,12vw,8rem)}.countdown.banner{text-align:center;font-size:clamp(2.5rem,10vw,7rem)}.portraits li.out{opacity:.45;filter:grayscale();text-decoration:line-through}.keys{background:var(--paper);border:3px solid var(--ink);border-radius:.8rem;margin:0;padding:.2rem .7rem;font-size:.85rem;font-weight:800;position:absolute;bottom:.6rem;right:.8rem}.touch-device .keys{display:none}.my-stats{z-index:5;pointer-events:none;gap:.4rem;display:flex;position:fixed;bottom:.6rem;left:.8rem}.my-stats span{background:var(--paper);border:3px solid var(--ink);border-radius:.8rem;padding:.15rem .6rem;font-weight:900}.my-stats .bad{color:#fff;background:#5b3f7a}.touch-device .my-stats{top:4.2rem;bottom:auto}[hidden]{display:none!important}@keyframes pop{0%{transform:scale(.6)}to{transform:scale(1)}}.you-tag{z-index:5;white-space:nowrap;background:var(--paper);border:3px solid var(--c,var(--accent));box-shadow:0 3px 0 var(--ink);pointer-events:none;border-radius:.7rem;flex-direction:column;align-items:center;margin-top:-12px;padding:.1rem .6rem .2rem;font-size:.95rem;font-weight:900;line-height:1.1;display:flex;position:fixed;top:0;left:0}.you-tag b{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:.65rem}.you-tag:after{content:"";border:8px solid #0000;border-top-color:var(--c,var(--accent));position:absolute;top:100%;left:50%;translate:-50% 3px}.touch{display:none}.touch-device .touch{justify-content:space-between;align-items:end;display:flex;position:absolute;inset:auto 1rem 1rem}.dpad{grid-template:repeat(3,3.5rem)/repeat(3,3.5rem);display:grid}.dpad [data-dir=up]{grid-area:1/2}.dpad [data-dir=left]{grid-area:2/1}.dpad [data-dir=right]{grid-area:2/3}.dpad [data-dir=down]{grid-area:3/2}.touch .bomb{background:var(--accent);border-radius:50%;width:6rem;height:6rem;font-size:2.4rem}.board,.winners,.lineup{align-items:end;gap:1rem;display:flex}.lineup li,.winners li,.champ{background:var(--paper);border:3px solid var(--ink);animation:rise .5s calc(var(--i,0) * .15s) backwards cubic-bezier(.2, 1.6, .4, 1);border-radius:.8rem;flex-direction:column;align-items:center;gap:.3rem;padding:.6rem;font-weight:800;display:flex}.lineup li.leader{transform:translateY(-1.5rem)}.champ{padding:1rem 1.4rem;font-size:1.3rem}.winners>button{position:absolute;bottom:1.5rem;left:50%;translate:-50%}@keyframes rise{0%{opacity:0;transform:translateY(2rem)}}.consent{z-index:10;background:var(--paper);border:4px solid var(--ink);max-width:34rem;box-shadow:0 6px 0 var(--ink);border-radius:1rem;margin:0 auto;padding:1rem 1.2rem;position:fixed;inset:auto 1rem 1rem}.consent p{margin:0 0 .6rem}