:root{--ink:#17191c;--wall:#1d1a24;--wood:#e7c48d;--wood-dark:#c99a5b;--noren:#c8322b;--bill:#ff930f;--cream:#fbf5ea;--plate:clamp(96px, 15vh, 160px)}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:radial-gradient(ellipse at 50% 30%, #2c2736 0%, transparent 65%), var(--wall);height:100dvh;color:var(--cream);grid-template-rows:auto 1fr auto;font-family:Inter,system-ui,sans-serif;display:grid;overflow:hidden}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.noren{justify-content:center;gap:6px;padding:0 16px;display:flex}.noren span{background:var(--noren);color:var(--cream);transform-origin:top;border-radius:0 0 6px 6px;padding:clamp(14px,3vh,26px) clamp(10px,2.4vw,22px) clamp(10px,2vh,16px);font-family:Dela Gothic One,sans-serif;font-size:clamp(16px,min(3.6vh,6.2vw),34px);line-height:1;animation:6s ease-in-out infinite sway;box-shadow:inset 0 -4px #0000002e}.noren span:nth-child(2){color:var(--bill);animation-delay:-1.5s}.noren span:nth-child(3){animation-delay:-3s}.noren span:nth-child(4){background:var(--cream);color:var(--noren);animation-delay:-4.5s}@keyframes sway{50%{transform:rotate(1.2deg)}}main{place-items:center;min-height:0;padding:2vh 20px 0;display:grid}.counter{align-items:center;gap:clamp(20px,5vw,72px);width:100%;max-width:980px;display:flex}.board{background:linear-gradient(180deg, var(--wood) 0 82%, var(--wood-dark) 82%);border-radius:10px;flex:none;padding:2vh 3vw 3vh;position:relative;box-shadow:0 18px 30px #00000059}.board:before,.board:after{content:"";background:var(--wood-dark);border-radius:0 0 6px 6px;width:22%;height:14px;position:absolute;bottom:-12px}.board:before{left:10%}.board:after{right:10%}.board .plate{width:clamp(150px,30vh,280px)}.order{flex:1 1 0;min-width:0}.kicker{color:var(--bill);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:13px;font-weight:600}h1{margin:.25em 0 .2em;font-family:Dela Gothic One,sans-serif;font-size:clamp(30px,6.5vh,64px);font-weight:400;line-height:1.05}.lede{opacity:.8;max-width:34ch;margin:0 0 1.2em;line-height:1.45}#form{gap:8px;max-width:440px;display:flex}input,button{font:inherit;border:0;border-radius:999px}input{background:var(--cream);min-width:0;color:var(--ink);outline:3px solid #0000;flex:1;padding:14px 18px;transition:outline-color .15s}input:focus{outline-color:var(--bill)}button{background:var(--bill);color:var(--ink);cursor:pointer;padding:14px 22px;font-weight:600;transition:transform .1s}button:hover:not(:disabled){transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(1px)}button:disabled,input:disabled{cursor:default;opacity:.75}.status{opacity:.75;min-height:1.4em;margin:.9em 0 0;font-size:14px}.joined .status{opacity:1;color:var(--bill)}.fine-print{opacity:.5;max-width:46ch;margin:1.2em 0 0;font-size:11.5px;line-height:1.5}.notice{background:var(--cream);width:min(92vw,420px);color:var(--ink);border:0;border-top:10px solid var(--noren);border-radius:16px;padding:24px;box-shadow:0 24px 60px #00000073}.notice::backdrop{backdrop-filter:blur(2px);background:#0a090e99}.notice[open]{animation:.22s cubic-bezier(.3,1.4,.5,1) notice-in}@keyframes notice-in{0%{opacity:0;transform:translateY(12px)scale(.97)}}.notice h2{margin:0 0 .5em;font-family:Dela Gothic One,sans-serif;font-size:24px;font-weight:400}.notice p{margin:0 0 .8em;font-size:15px;line-height:1.5}.notice .small{opacity:.7;font-size:12.5px}.notice .actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:1.2em;display:flex}.notice .ghost{background:0 0;box-shadow:inset 0 0 0 2px #17191c33}.plate{width:var(--plate);flex:none}.nigiri{width:100%;height:auto;display:block;overflow:visible}.plop .duck{transform-origin:100px 110px;animation:.35s cubic-bezier(.3,1.6,.5,1) plop}@keyframes plop{0%{transform:translateY(-18px)scale(.9)}to{transform:none}}.belt{height:calc(var(--plate) * .62);background:linear-gradient(#8d939b 0 6px,#0000 6px calc(100% - 10px),#5b6068 calc(100% - 10px)) 0 0/100% 100%,repeating-linear-gradient(90deg,#3a3e45 0 46px,#30343a 46px 48px) 0 0/48px 100%;margin-top:2vh;animation:1s linear infinite slats;position:relative;overflow-x:clip}@keyframes slats{to{background-position:0 0,-48px 0}}.track{gap:calc(var(--plate) * .35);padding-left:calc(var(--plate) * .35);width:max-content;animation:60s linear infinite belt;display:flex;position:absolute;bottom:10%}@keyframes belt{to{transform:translate(-50%)}}.mine{position:relative}.tag{background:var(--bill);color:var(--ink);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;position:absolute;top:-6px;left:50%;translate:-50%}@media (width<=720px){.counter{text-align:center;flex-direction:column;gap:3vh}.order{flex:none;width:100%}.noren{gap:4px;padding:0 8px}.board .plate{width:clamp(120px,24vh,220px)}.lede,.fine-print{margin-inline:auto}.fine-print{margin-top:.8em;font-size:10.5px}#form{flex-direction:column;margin-inline:auto}.kicker{font-size:11px}}@media (width<=720px) and (height<=760px){.counter{gap:2vh}.board{padding:1.2vh 3vw 2vh}.board .plate{width:clamp(110px,23vh,170px)}.kicker{display:none}h1{margin-top:0;font-size:clamp(24px,7.4vw,30px)}.lede{margin-bottom:.8em;font-size:14px}#form{flex-direction:row}input,button{padding:12px 16px}.status{margin-top:.6em;font-size:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation:none!important}}