:root{--ink: #1A1A1A;--coral: #EF476F;--coral-dark: #B22C4A;--green: #06D6A0;--green-dark: #04967A;--blue: #2E5EFF;--blue-dark: #17389E;--yellow: #FFD166;--yellow-dark: #C99A2E;--bg: #E7E3D8;--paper: #FDFBF5;--header-cream: #FFF6EC;--muted: #6B5F86;--muted-2: #8A8098;--stage: #D5D2CA}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Quicksand,sans-serif;overscroll-behavior:none;background:var(--bg) url(/background.webp) center/cover no-repeat}canvas{touch-action:none;display:block}.paper{background-image:linear-gradient(rgba(0,0,0,.035) 1px,transparent 1px);background-size:100% 30px}.scr{background:var(--paper);border:2px solid var(--ink);box-shadow:0 14px 34px #1a1a1a38}.hdr,.subbar{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;background:var(--header-cream);border-bottom:2px solid var(--ink)}.subbar{background:var(--paper);border-bottom:2px dashed rgba(26,26,26,.2)}.logo{display:flex;align-items:center;gap:9px}.logotext{font:700 22px Caveat,cursive;color:var(--ink)}.btn{border:2px solid var(--ink);border-radius:16px;text-align:center;font:700 15px Quicksand,sans-serif;padding:14px;cursor:pointer;background:#fff;color:var(--ink);transition:transform .08s}.btn:active{transform:translateY(2px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-coral{background:var(--coral);color:#fff;box-shadow:0 4px 0 var(--coral-dark)}.btn-blue{background:var(--blue);color:#fff;box-shadow:0 4px 0 var(--blue-dark)}.btn-green{background:var(--green);color:var(--ink);box-shadow:0 4px 0 var(--green-dark)}.btn-yellow{background:var(--yellow);color:var(--ink);box-shadow:0 4px 0 var(--yellow-dark)}.pill{border-radius:100px;padding:6px 14px;font:700 12px Quicksand,sans-serif;display:inline-flex;align-items:center;gap:6px}.pill-ready{background:var(--green);color:var(--ink)}.pill-waiting{background:#f0eee8;color:var(--muted-2)}.timer{background:var(--ink);color:var(--yellow);font:700 18px Caveat,cursive;padding:5px 16px;border-radius:100px}.timer-urgent{background:var(--coral);color:#fff}.row{display:flex;align-items:center;gap:12px;padding:11px 14px;background:#fff;border:2px solid var(--ink);border-radius:13px}.av{border-radius:50%;border:2px solid var(--ink);flex:none}.server-notice{flex-shrink:0;margin:0;padding:9px 14px;text-align:center;font:700 13px Quicksand,sans-serif;color:var(--ink);background:var(--yellow);border-bottom:2px solid var(--ink)}