@font-face{font-family:Anton;font-weight:400;font-display:swap;src:url(/assets/anton-latin-400-normal-Byf51wtH.woff2)format("woff2")}@font-face{font-family:Bricolage Grotesque;font-weight:400;font-display:swap;src:url(/assets/bricolage-grotesque-latin-400-normal-A6LyuA6R.woff2)format("woff2")}@font-face{font-family:Bricolage Grotesque;font-weight:700;font-display:swap;src:url(/assets/bricolage-grotesque-latin-700-normal-gtcctNPv.woff2)format("woff2")}:root{--parchment:#ede2cc;--paper:#f6eedc;--concrete:#c9c6b9;--ink:#202d39;--tomato:#e5392f;--flower:#e8a94d;--leaf:#5e7f52;--display:"Anton", "Haettenschweiler", "Impact", "Arial Narrow Bold", sans-serif;--text:"Bricolage Grotesque", "Avenir Next", "Segoe UI", system-ui, sans-serif;--panel:clamp(380px, 42vw, 620px);--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px)}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--parchment);color:var(--ink);font:400 1rem/1.45 var(--text);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;overflow:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}[hidden]{display:none!important}#scene{touch-action:none;background:var(--parchment);width:100%;height:100%;display:block;position:fixed;inset:0}.is-landing #scene{left:var(--panel);width:calc(100% - var(--panel))}#tint{pointer-events:none;opacity:0;mix-blend-mode:multiply;z-index:2;position:fixed;inset:0}#landing{width:var(--panel);z-index:3;padding:clamp(1rem,2.4vh,2.5rem) clamp(1.25rem,3vw,2.75rem);padding-top:calc(clamp(1rem, 2.4vh, 2.5rem) + var(--safe-t));background:var(--parchment);border-right:3px solid var(--ink);flex-direction:column;gap:clamp(.75rem,2vh,1.75rem);display:flex;position:fixed;inset:0 auto 0 0;overflow:visible}.scroll{flex-direction:column;flex:0 auto;gap:1rem;min-height:0;margin:0 -12px auto 0;padding:0 12px 12px 0;display:flex;overflow-y:auto}body:not(.is-landing) #landing{display:none}.lang{z-index:2;gap:1rem;font-size:.875rem;display:flex;position:relative}.lang button{background:0 0;border:0;border-bottom:2px solid #0000;padding:.35rem 0}.lang button[aria-pressed=true]{border-bottom-color:var(--ink);font-weight:700}.poster{margin-top:auto}.wordmark{width:max-content;font:400 clamp(5.5rem, min(13.5vw, 21vh), 13.5rem)/.86 var(--display);text-transform:uppercase;color:var(--ink);pointer-events:none;margin:0;position:relative}.splat{transform-origin:50% 55%;width:.62em;height:.62em;animation:.42s cubic-bezier(.2,1.6,.4,1) .55s both splat;position:absolute;top:.06em;left:.43em;transform:rotate(-14deg)scale(1)}@keyframes splat{0%{transform:rotate(-40deg)scale(0)}to{transform:rotate(-14deg)scale(1)}}.tagline{max-width:17ch;font:700 clamp(1.35rem, 2.15vw, 2.1rem)/1.12 var(--text);text-wrap:balance;margin:clamp(.6rem,1.8vh,1.5rem) 0 0}.slip{background:var(--paper);border:2px solid var(--ink);max-width:27rem;box-shadow:7px 7px 0 var(--ink);padding:1.25rem}.tabs{border-bottom:2px solid var(--ink);gap:1.5rem;margin-bottom:.9rem;display:flex}.tabs button{opacity:.55;background:0 0;border:0;border-bottom:5px solid #0000;margin-bottom:-2px;padding:0 0 .6rem;font-size:1.05rem;font-weight:700}.tabs button[aria-selected=true]{opacity:1;border-bottom-color:var(--ink)}#auth-form label:not(.check){margin-top:.7rem;font-size:.9rem;font-weight:700;display:block}#auth-form label:first-of-type{margin-top:0}#auth-form input:not([type=checkbox]){border:2px solid var(--ink);background:#fff;border-radius:0;width:100%;min-height:44px;margin-top:.3rem;padding:.55rem .75rem;font-size:1rem}.hint{opacity:.75;margin:.3rem 0 0;font-size:.82rem}.consent{margin-top:.8rem;font-size:.88rem}.check{cursor:pointer;align-items:flex-start;gap:.65rem;display:flex}.check input{width:22px;height:22px;accent-color:var(--ink);flex:none;margin:0}.consent .more{margin-left:2.1rem;padding:.45rem 0 0;font-size:.88rem}.error{background:var(--tomato);color:#fff;margin:.9rem 0 0;padding:.6rem .75rem;font-size:.92rem;font-weight:700}.go{background:var(--ink);width:100%;min-height:48px;color:var(--paper);border:2px solid var(--ink);border-radius:0;margin-top:.9rem;padding:.7rem 1rem;font-size:1.05rem;font-weight:700;transition:background .15s,transform 80ms;display:block}.go:hover{background:var(--tomato);border-color:var(--tomato);color:#fff}.go:active{transform:translate(2px,2px)}.go[disabled]{opacity:.6;cursor:progress}.quiet{text-underline-offset:3px;background:0 0;border:0;padding:.9rem 0 0;font-size:.9rem;text-decoration:underline}.hello{margin:0;font-size:1.15rem;font-weight:700}body.mode-login .only-register{display:none}.notice{background:var(--ink);max-width:27rem;color:var(--paper);margin:0;padding:.7rem .85rem;font-size:.92rem}@media (max-width:820px){:root{--panel:100%}.is-landing #scene{width:100%;height:38vh;top:0;left:0}#landing{border-right:0;border-top:3px solid var(--ink);width:100%;height:66vh;padding-top:1rem;padding-bottom:calc(1.5rem + var(--safe-b));gap:1rem;inset:auto 0 0}.poster{margin-top:0}.wordmark{margin-top:-.62em;font-size:clamp(4.2rem,24vw,7.5rem)}.lang{right:.75rem;top:calc(.6rem + var(--safe-t));background:var(--paper);border:2px solid var(--ink);gap:0;padding:0 .6rem;position:fixed}.lang button{min-height:40px;padding:.55rem .4rem}.tagline{max-width:22ch;font-size:1.3rem}.slip{max-width:none;box-shadow:5px 5px 0 var(--ink)}}#hud{z-index:4;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:.95rem;position:fixed;inset:0}#hud button,#hud input,#hud dialog,#hud #chat-form{pointer-events:auto}.top{inset:calc(.75rem + var(--safe-t)) .9rem auto .9rem;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex;position:absolute}.where{text-shadow:0 0 6px var(--parchment), 0 0 2px var(--parchment);flex-direction:column;line-height:1.2;display:flex}.where .mark{font:400 1.7rem/1 var(--display);text-transform:uppercase}.where span+span{font-size:.8rem;font-weight:700}.actions{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;display:flex}.actions button{background:var(--paper);border:2px solid var(--ink);min-width:44px;min-height:44px;box-shadow:3px 3px 0 var(--ink);border-radius:0;padding:.45rem .8rem;font-size:.85rem;font-weight:700}.actions button[aria-pressed=false]{opacity:.55;text-decoration:line-through}#crosshair{border:2px solid var(--ink);opacity:.7;border-radius:50%;width:22px;height:22px;margin:-11px;position:absolute;top:50%;left:50%}#crosshair i{background:var(--ink);border-radius:50%;width:4px;height:4px;margin:-2px;position:absolute;top:50%;left:50%}#charge{border:2px solid var(--ink);background:var(--paper);opacity:0;width:84px;height:8px;margin-left:-42px;transition:opacity .12s;position:absolute;top:calc(50% + 26px);left:50%}#charge i{background:var(--tomato);width:0;height:100%;display:block}#charge.on{opacity:1}#charge.flower i{background:var(--flower)}#toasts{left:50%;top:calc(4.6rem + var(--safe-t));flex-direction:column;align-items:center;gap:.4rem;width:min(92vw,34rem);display:flex;position:absolute;transform:translate(-50%)}.toast{background:var(--ink);color:var(--paper);text-align:center;padding:.55rem .9rem;font-weight:700;animation:3.6s both toast}.toast.tomato{box-shadow:-6px 0 0 var(--tomato)}.toast.flower{box-shadow:-6px 0 0 var(--flower)}@keyframes toast{0%{opacity:0;transform:translateY(-8px)}6%,86%{opacity:1;transform:none}to{opacity:0}}#hint{left:50%;bottom:calc(8.6rem + var(--safe-b));background:var(--paper);border:2px solid var(--ink);text-align:center;width:min(92vw,36rem);margin:0;padding:.6rem .9rem;font-size:.9rem;transition:opacity .6s;position:absolute;transform:translate(-50%)}#hint.gone{opacity:0}#prompt{left:50%;bottom:calc(6.4rem + var(--safe-b));background:var(--paper);border:2px solid var(--ink);min-height:48px;box-shadow:4px 4px 0 var(--ink);white-space:nowrap;align-items:center;gap:.55rem;padding:.5rem 1rem;font-weight:700;display:flex;position:absolute;transform:translate(-50%)}kbd{font:700 .78rem/1 var(--text);border:2px solid;padding:.28rem .42rem}.touch kbd{display:none}.inv{right:1rem;bottom:calc(1rem + var(--safe-b));gap:.6rem;display:flex;position:absolute}.touch .inv{right:1.1rem;bottom:calc(8.6rem + var(--safe-b));gap:.45rem}.slot{background:var(--paper);border:2px solid var(--ink);border-radius:0;place-items:center;width:78px;height:78px;padding:0;transition:transform .12s,background .12s;display:grid;position:relative}.slot svg{width:40px;height:40px;margin-top:-8px}.slot b{text-align:right;min-width:1.3em;font:400 1.5rem/1 var(--display);font-variant-numeric:tabular-nums;position:absolute;bottom:2px;right:6px}.slot kbd{border-width:1.5px;padding:.16rem .3rem;font-size:.68rem;position:absolute;top:5px;left:5px}.slot[aria-pressed=true]{background:var(--ink);color:var(--paper);box-shadow:0 8px 0 -2px var(--ink);transform:translateY(-8px)}.slot.none svg{opacity:.28;filter:grayscale()}.slot.full b:after{content:"/" attr(data-max);opacity:.6;font-size:.55em}.slot.bump{animation:.28s bump}.slot.nope{animation:.32s nope}@keyframes bump{40%{transform:translateY(-14px)scale(1.08)}}@keyframes nope{20%,60%{translate:-5px}40%,80%{translate:5px}}#chat{left:.9rem;bottom:calc(1rem + var(--safe-b));flex-direction:column;gap:.4rem;width:min(21rem,50vw - 6.5rem);display:flex;position:absolute}#chat-log{flex-direction:column;justify-content:flex-end;gap:.2rem;max-height:9.5rem;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}#chat-log li{background:color-mix(in srgb, var(--paper) 88%, transparent);overflow-wrap:anywhere;padding:.22rem .5rem;font-size:.86rem;line-height:1.3;animation:14s both fade}#chat.open #chat-log{pointer-events:auto;max-height:40vh;overflow-y:auto}#chat.open #chat-log li{animation:none}#chat-log li b{font-weight:700}#chat-log li.sys{opacity:.8;font-style:italic}#chat-log li.all b:after{content:" ◦"}@keyframes fade{0%,85%{opacity:1}to{opacity:0}}#chat-form{grid-template-columns:1fr auto;gap:.35rem;display:grid}#chat-form .scope{grid-column:1/-1;gap:.35rem;display:flex}#chat-form button{background:var(--paper);border:2px solid var(--ink);border-radius:0;min-height:44px;padding:.3rem .7rem;font-size:.82rem;font-weight:700}#chat-form button[aria-pressed=true],#chat-form button[type=submit]{background:var(--ink);color:var(--paper)}#chat-input{border:2px solid var(--ink);background:#fff;border-radius:0;min-width:0;min-height:44px;padding:.4rem .6rem;font-size:1rem}#chat-log li .who{text-underline-offset:3px;background:0 0;border:0;min-height:0;padding:0;font-weight:700;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}#chat-log li .acts{gap:.35rem;margin-top:.3rem;display:flex}#chat-log li .acts button,#chat-form .unmute{background:var(--paper);border:2px solid var(--ink);border-radius:0;min-height:40px;padding:.25rem .65rem;font-size:.8rem;font-weight:700}#chat-form .unmute{grid-column:1/-1}#touch{position:absolute;inset:0}#stick{border:2px solid var(--ink);background:color-mix(in srgb, var(--paper) 45%, transparent);opacity:0;border-radius:50%;width:112px;height:112px;margin:-56px;transition:opacity .15s;position:absolute}#stick.on{opacity:1}#stick i{background:var(--ink);border-radius:50%;width:46px;height:46px;margin:-23px;position:absolute;top:50%;left:50%}#t-throw{right:1.1rem;bottom:calc(1.4rem + var(--safe-b));background:var(--paper);border:3px solid var(--ink);width:92px;height:92px;box-shadow:0 6px 0 var(--ink);touch-action:none;border-radius:50%;place-items:center;display:grid;position:absolute}#t-throw svg{width:48px;height:48px}#t-throw.down{box-shadow:0 2px 0 var(--ink);transform:translateY(4px)}.touch #crosshair{opacity:.5}.touch #chat{bottom:auto;top:calc(4.4rem + var(--safe-t));width:min(20rem,62vw)}.touch #chat-log{justify-content:flex-start;max-height:5rem}.touch #prompt{bottom:calc(7.6rem + var(--safe-b))}body:not(.touch) #btn-chat{display:none}#scores{background:var(--paper);width:min(94vw,40rem);max-height:86vh;color:var(--ink);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink);padding:1.4rem}#scores[open]{flex-direction:column;display:flex;overflow:hidden}#scores-scroll{min-height:0;overflow:auto}#scores::backdrop{background:color-mix(in srgb, var(--ink) 45%, transparent)}#scores h2{font:400 2.4rem/1 var(--display);text-transform:uppercase;margin:0 0 1rem}#scores table{border-collapse:collapse;width:100%}#scores th,#scores td{text-align:right;border-bottom:2px solid var(--ink);vertical-align:middle;padding:.6rem .4rem}#scores th:first-child,#scores td:first-child{text-align:left;font-weight:700}#scores th{font-size:.8rem;font-weight:700}#scores th button{text-align:right;background:0 0;border:0;align-items:center;gap:.35rem;min-height:44px;padding:.3rem 0;font-size:.8rem;font-weight:700;display:inline-flex}#scores th button i{border:6px solid #0000;border-top-color:var(--ink);border-bottom-width:0;width:0;height:0}#scores th button.up i{transform:rotate(180deg)}#scores th svg{flex:none;width:22px;height:22px}#scores td.n{font:400 1.6rem/1 var(--display);font-variant-numeric:tabular-nums}#scores .you{white-space:nowrap;font-size:.82rem;font-weight:400;display:block}#scores .you svg{vertical-align:-3px;width:15px;height:15px;margin:0 .5rem 0 .15rem}#scores th,#scores td{overflow-wrap:anywhere}.note{margin:.9rem 0 0;font-size:.86rem}.sheet{background:var(--paper);width:min(94vw,36rem);max-height:86vh;color:var(--ink);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink);font:400 1rem/1.5 var(--text);padding:1.4rem}.sheet::backdrop{background:color-mix(in srgb, var(--ink) 45%, transparent)}.sheet h2{font:400 2.2rem/1 var(--display);text-transform:uppercase;margin:0 0 .8rem}.sheet p{max-width:62ch;margin:0 0 .7rem}.data{margin-top:.9rem;font-size:.9rem}.data summary{cursor:pointer;padding:.3rem 0;font-weight:700}.data>button{padding:.5rem 0 0;display:block}#delete-form{margin-top:.7rem}#delete-form label{font-size:.86rem;display:block}#delete-form input{border:2px solid var(--ink);background:#fff;border-radius:0;width:100%;min-height:44px;margin-top:.4rem;padding:.55rem .75rem;font-size:1rem}.go.danger{background:var(--tomato);border-color:var(--tomato);color:#fff}#overlay{background:color-mix(in srgb, var(--parchment) 90%, transparent);text-align:center;pointer-events:auto;place-content:center;gap:0;padding:2rem;display:grid;position:absolute;inset:0}#overlay p{max-width:26rem;margin:0;font-size:1.2rem;font-weight:700}@media (max-width:640px){.slot{width:66px;height:66px}.slot svg{width:34px;height:34px}.actions button{padding:.4rem .55rem;font-size:.78rem}.where .mark{font-size:1.3rem}#hint{bottom:calc(10.5rem + var(--safe-b))}}@media (prefers-reduced-motion:reduce){.splat,.toast,.slot.bump,.slot.nope{animation:none}.go,.slot{transition:none}}
