:root{--wood-dark: #3b2a1d;--wood: #7a5638;--wood-mid: #8d6744;--wood-light: #a8794e;--wood-hi: #c19162;--paper: #f8eedb;--paper-2: #f1e3c6;--paper-3: #e6d4b0;--stitch: #d6c29b;--ink: #3b2a1d;--ink-dim: #6e5840;--ink-muted: #9a8466;--sage: #7fa86f;--sage-dark: #4f7344;--sage-light: #d5e8c6;--gold: #e3b45a;--gold-dark: #a8792a;--gold-light: #f8e2a8;--red: #c4534e;--red-dark: #8e3530;--sky: #9fc4d8;--cream: #f8eedb;--night: #24201b;--pixel: "Pixelify Sans", "Inter", system-ui, sans-serif;--sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--notch-2: polygon(0 2px, 2px 2px, 2px 0, calc(100% - 2px) 0, calc(100% - 2px) 2px, 100% 2px, 100% calc(100% - 2px) , calc(100% - 2px) calc(100% - 2px) , calc(100% - 2px) 100%, 2px 100%, 2px calc(100% - 2px) , 0 calc(100% - 2px) );--notch-4: polygon(0 4px, 2px 4px, 2px 2px, 4px 2px, 4px 0, calc(100% - 4px) 0, calc(100% - 4px) 2px, calc(100% - 2px) 2px, calc(100% - 2px) 4px, 100% 4px, 100% calc(100% - 4px) , calc(100% - 2px) calc(100% - 4px) , calc(100% - 2px) calc(100% - 2px) , calc(100% - 4px) calc(100% - 2px) , calc(100% - 4px) 100%, 4px 100%, 4px calc(100% - 2px) , 2px calc(100% - 2px) , 2px calc(100% - 4px) , 0 calc(100% - 4px) );--notch-6: polygon(0 6px, 2px 6px, 2px 4px, 4px 4px, 4px 2px, 6px 2px, 6px 0, calc(100% - 6px) 0, calc(100% - 6px) 2px, calc(100% - 4px) 2px, calc(100% - 4px) 4px, calc(100% - 2px) 4px, calc(100% - 2px) 6px, 100% 6px, 100% calc(100% - 6px) , calc(100% - 2px) calc(100% - 6px) , calc(100% - 2px) calc(100% - 4px) , calc(100% - 4px) calc(100% - 4px) , calc(100% - 4px) calc(100% - 2px) , calc(100% - 6px) calc(100% - 2px) , calc(100% - 6px) 100%, 6px 100%, 6px calc(100% - 2px) , 4px calc(100% - 2px) , 4px calc(100% - 4px) , 2px calc(100% - 4px) , 2px calc(100% - 6px) , 0 calc(100% - 6px) );--frame: inset 0 0 0 3px var(--wood-dark), inset 0 0 0 5px var(--wood-hi), inset 0 0 0 9px var(--wood), inset 0 0 0 11px var(--wood-dark);--frame-thin: inset 0 0 0 2px var(--wood-dark), inset 0 0 0 4px var(--wood-light), inset 0 0 0 6px var(--wood-dark);--drop: drop-shadow(0 6px 0 rgba(20, 14, 8, .45));color-scheme:light}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:var(--night);color:var(--ink);font:15px/1.5 var(--sans);-webkit-font-smoothing:antialiased;overflow:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0}button:disabled{cursor:default;opacity:.55}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--stitch);border:3px solid transparent;background-clip:content-box}h1,h2,h3{font-family:var(--pixel);font-weight:600;letter-spacing:.01em;line-height:1.15}h1{font-size:1.5rem}h2{font-size:1.45rem}h3{font-size:1.12rem}canvas.pixel,.pixel-icon{image-rendering:pixelated;image-rendering:crisp-edges;display:block;flex-shrink:0}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px 2px;font:600 13px var(--pixel);color:var(--ink);background:var(--paper);clip-path:var(--notch-2);box-shadow:inset 0 0 0 2px var(--wood-dark),inset 0 -4px 0 0 var(--paper-3)}.kicker{display:inline-block;font:600 .95rem var(--pixel);color:var(--sage-dark)}.muted{color:var(--ink-dim)}.small{font-size:.86rem}.center{text-align:center}.grow{flex:1;min-width:0}.error-msg{padding:8px 12px;background:#f7d9d2;color:var(--red-dark);font-size:.9rem;clip-path:var(--notch-2);box-shadow:inset 0 0 0 2px #e3a69b}.notice-msg{padding:8px 12px;background:var(--sage-light);color:var(--sage-dark);font-size:.9rem;clip-path:var(--notch-2)}.empty-note{padding:22px 12px;text-align:center;color:var(--ink-dim);border:2px dashed var(--stitch);background:#ffffff59}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 16px 3px;font:600 1rem var(--pixel);color:var(--ink);white-space:nowrap;background:var(--paper-2);clip-path:var(--notch-4);box-shadow:inset 0 0 0 2px var(--wood-dark),inset 0 -5px 0 0 var(--paper-3),inset 0 2px 0 2px #ffffff80;transition:transform .06s,filter .12s}.btn:hover:not(:disabled){filter:brightness(1.05)}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 0 0 2px var(--wood-dark),inset 0 -2px 0 0 var(--paper-3)}.btn.primary{color:#fff;background:var(--sage);text-shadow:0 2px 0 var(--sage-dark);box-shadow:inset 0 0 0 2px var(--wood-dark),inset 0 -5px 0 0 var(--sage-dark),inset 0 2px 0 2px #ffffff4d}.btn.primary:active:not(:disabled){box-shadow:inset 0 0 0 2px var(--wood-dark),inset 0 -2px 0 0 var(--sage-dark)}.btn.ghost{background:transparent;box-shadow:inset 0 0 0 2px var(--stitch);color:var(--ink-dim)}.btn.ghost:hover:not(:disabled){background:#fff6;color:var(--ink)}.btn.danger{color:#fff;background:var(--red);text-shadow:0 2px 0 var(--red-dark);box-shadow:inset 0 0 0 2px var(--wood-dark),inset 0 -5px 0 0 var(--red-dark)}.btn.small{height:32px;padding:0 12px 2px;font-size:.92rem}.btn.block{width:100%}.btn .coin{color:inherit}.link-btn{font:600 .95rem var(--pixel);color:var(--sage-dark);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;padding:0}.link-btn.small{font-size:.86rem}.close-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding-bottom:4px;font:700 1.5rem/1 var(--pixel);color:#fff;background:var(--red);clip-path:var(--notch-4);text-shadow:0 2px 0 var(--red-dark);box-shadow:inset 0 0 0 2px var(--wood-dark),inset 0 -4px 0 0 var(--red-dark)}.close-btn:active{transform:translateY(2px)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;color:var(--ink-dim);background:var(--paper-2);clip-path:var(--notch-2);box-shadow:inset 0 0 0 2px var(--stitch);font:600 1.1rem var(--pixel)}.icon-btn:hover:not(:disabled){color:var(--ink);box-shadow:inset 0 0 0 2px var(--wood-light)}.icon-btn svg{width:20px;height:20px;fill:currentColor}.coin{display:inline-flex;align-items:center;gap:5px;font:600 1rem var(--pixel);color:var(--gold-dark);white-space:nowrap;font-variant-numeric:tabular-nums}.coin-sm{font-size:.9rem}.coin-lg{font-size:1.25rem}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{height:34px;padding:0 12px 2px;font:600 .95rem var(--pixel);color:var(--ink-dim);background:var(--paper);clip-path:var(--notch-2);box-shadow:inset 0 0 0 2px var(--stitch),inset 0 -3px 0 0 var(--paper-3)}.chip:hover:not(:disabled){color:var(--ink);box-shadow:inset 0 0 0 2px var(--wood-light),inset 0 -3px 0 0 var(--paper-3)}.chip.selected{color:#fff;background:var(--sage);text-shadow:0 1px 0 var(--sage-dark);box-shadow:inset 0 0 0 2px var(--wood-dark),inset 0 -3px 0 0 var(--sage-dark)}.chip.small{height:30px;padding:0 10px 2px;font-size:.86rem}.chips.compact .chip{min-width:40px;padding:0 8px 2px}.segmented{display:inline-flex;padding:3px;gap:3px;background:var(--paper-3);clip-path:var(--notch-2);box-shadow:inset 0 0 0 2px var(--wood-dark)}.segmented button{height:32px;padding:0 12px 2px;font:600 .95rem var(--pixel);color:var(--ink-dim);clip-path:var(--notch-2)}.segmented button.selected{color:var(--ink);background:var(--paper);box-shadow:inset 0 -3px 0 0 var(--paper-3)}.tag{display:inline-flex;align-items:center;height:22px;padding:0 8px 1px;font:600 .82rem var(--pixel);color:var(--sage-dark);background:var(--sage-light);clip-path:var(--notch-2)}.badge{display:inline-flex;align-items:center;gap:3px;height:22px;padding:0 7px 1px;font:600 .8rem var(--pixel);color:var(--ink-dim);background:var(--paper-3);clip-path:var(--notch-2);white-space:nowrap}.badge.studying{color:#fff;background:var(--sage);text-shadow:0 1px 0 var(--sage-dark);font-variant-numeric:tabular-nums}.badge.away{color:var(--ink-muted);background:transparent;box-shadow:inset 0 0 0 2px var(--stitch)}.badge.rare{color:var(--gold-dark);background:var(--gold-light);margin-left:6px}.status{display:inline-flex;align-items:center;gap:7px;font:600 .9rem var(--pixel);color:var(--ink-dim)}.status.focus{color:var(--sage-dark)}.status .dot,.hud-online .dot{width:8px;height:8px;background:var(--sage);box-shadow:0 0 0 2px var(--sage-light);animation:blink 1.6s steps(2,start) infinite}@keyframes blink{50%{opacity:.45}}.field{display:flex;flex-direction:column;gap:6px}.field>span{font:600 1rem var(--pixel);color:var(--ink)}.field em{font-style:normal;font-family:var(--sans);font-size:.82rem;color:var(--ink-muted)}.field input,.code-form input,.chat-form input,.say-form input,.rename input,.title-select select{height:42px;padding:0 12px;color:var(--ink);background:#fffaf0;border:0;font-size:.98rem;clip-path:var(--notch-2);box-shadow:inset 0 0 0 2px var(--wood-light),inset 0 3px 0 2px #3b2a1d14}.field input:focus,.code-form input:focus,.chat-form input:focus,.say-form input:focus,.rename input:focus,.title-select select:focus{outline:none;box-shadow:inset 0 0 0 2px var(--sage-dark),inset 0 0 0 4px var(--sage-light)}::placeholder{color:var(--ink-muted);opacity:1}.field-row{display:grid;grid-template-columns:1fr auto;gap:16px}.stepper{display:flex;align-items:center;gap:10px;height:34px}.stepper strong{min-width:22px;text-align:center;font:600 1.15rem var(--pixel)}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.center-screen{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px 16px;overflow-y:auto}.login-bg,.creator-bg,.center-screen{background-color:#2f3a28;background-image:radial-gradient(circle at 50% 0%,rgba(255,214,140,.18),transparent 55%),repeating-conic-gradient(rgba(255,255,255,.025) 0 25%,transparent 0 50%);background-size:auto,32px 32px}.card{position:relative;padding:34px 32px 30px;background:var(--paper);clip-path:var(--notch-6);box-shadow:var(--frame);filter:var(--drop)}.card.narrow{width:min(440px,100%);display:flex;flex-direction:column;gap:14px}.card h2{color:var(--ink)}.boot{display:flex;flex-direction:column;align-items:center;gap:14px}.boot-mark{font:600 1.4rem var(--pixel);color:var(--cream);text-shadow:0 3px 0 var(--wood-dark)}.boot-track{width:160px;height:14px;padding:3px;background:var(--wood-dark);clip-path:var(--notch-2)}.boot-track span{display:block;width:30%;height:100%;background:var(--gold);animation:boot 1.1s steps(8) infinite}@keyframes boot{0%{transform:translate(-100%)}to{transform:translate(340%)}}.creator{width:min(880px,100%);display:grid;grid-template-columns:1fr 1.15fr;gap:30px}.creator-preview{display:flex;flex-direction:column;gap:10px}.preview-stage{display:flex;align-items:flex-end;justify-content:center;height:280px;padding-bottom:18px;background:linear-gradient(180deg,#9fc4d8,#c6dde8 54%,#7fa35f 54%,#6e9152);clip-path:var(--notch-4);box-shadow:inset 0 0 0 3px var(--wood-dark),inset 0 0 0 6px var(--wood-light)}.preview-stage.small{height:230px}.preview-stage.tiny{width:124px;height:156px;flex-shrink:0;padding-bottom:10px}.turn-row{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:center}.creator-options{display:flex;flex-direction:column;gap:14px}.option-row{border:0;display:flex;flex-direction:column;gap:8px}.option-row legend{font:600 1rem var(--pixel);color:var(--ink);margin-bottom:8px}.options{display:flex;flex-wrap:wrap;gap:8px}.option{display:flex;align-items:center;justify-content:center;min-width:48px;height:62px;padding:4px;background:#fffaf0;clip-path:var(--notch-2);box-shadow:inset 0 0 0 2px var(--stitch)}.option:hover{box-shadow:inset 0 0 0 2px var(--wood-light)}.option.round{min-width:42px;height:42px}.option.selected{background:var(--sage-light);box-shadow:inset 0 0 0 3px var(--sage-dark)}.swatch{display:block;width:28px;height:28px;clip-path:var(--notch-2);box-shadow:inset 0 0 0 2px #3b2a1d59}.swatch.big{width:42px;height:42px}.world-root{position:fixed;inset:0;overflow:hidden;background:#1f1e1c}.scene{position:absolute;inset:0}.world-canvas{width:100%;height:100%;display:block;image-rendering:pixelated;touch-action:none}.fade{position:absolute;inset:0;background:#0f0e0d;opacity:0;pointer-events:none;transition:opacity .32s steps(6);z-index:40}.fade.on{opacity:1;pointer-events:all}.hud-card{position:absolute;z-index:10;color:var(--cream);background:var(--wood);clip-path:var(--notch-4);box-shadow:var(--frame-thin);filter:var(--drop)}.hud-me{top:14px;left:14px;display:flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;text-align:left}.hud-me:hover{background:var(--wood-mid)}.hud-avatar{display:flex;align-items:flex-end;justify-content:center;width:42px;height:46px;overflow:hidden;background:linear-gradient(180deg,var(--sky) 60%,#7fa35f 60%);clip-path:var(--notch-2);box-shadow:inset 0 0 0 2px var(--wood-dark)}.hud-avatar canvas{margin-bottom:-6px}.hud-text{display:flex;flex-direction:column;line-height:1.2;margin-right:8px}.hud-text strong{font:600 1.05rem var(--pixel);text-shadow:0 2px 0 var(--wood-dark)}.hud-text .muted{color:var(--paper-3);font-size:.78rem}.hud-card .coin{color:var(--gold);text-shadow:0 2px 0 var(--wood-dark)}.hud-right{top:14px;right:14px;display:flex;align-items:center;gap:14px;padding:8px 8px 8px 16px;font-size:.86rem}.hud-place{font:600 1.05rem var(--pixel);text-shadow:0 2px 0 var(--wood-dark)}.hud-online{display:inline-flex;align-items:center;gap:8px;font-family:var(--pixel);color:var(--paper-3)}.hud-right .btn.ghost{color:var(--cream);box-shadow:inset 0 0 0 2px var(--wood-hi)}.hud-right .btn.ghost:hover{background:var(--wood-mid)}.hint{position:absolute;left:50%;bottom:78px;transform:translate(-50%);z-index:12;display:inline-flex;align-items:center;gap:10px;padding:8px 18px 10px 10px;font:600 1.05rem var(--pixel);color:var(--cream);text-shadow:0 2px 0 var(--wood-dark);background:var(--wood);clip-path:var(--notch-4);box-shadow:var(--frame-thin);filter:var(--drop);animation:bob 1.4s steps(2) infinite}@keyframes bob{50%{transform:translate(-50%,-3px)}}.controls-hint{position:absolute;left:50%;bottom:18px;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:6px;padding:6px 14px;font:500 .9rem var(--pixel);color:var(--paper-3);background:#3b2a1dc7;clip-path:var(--notch-2);white-space:nowrap}.controls-hint kbd{height:22px;min-width:22px;font-size:12px;margin-left:6px}.say-form{position:absolute;left:50%;bottom:18px;transform:translate(-50%);z-index:12;width:min(460px,calc(100% - 32px))}.say-form input{width:100%}.status-pill{position:absolute;top:80px;left:50%;transform:translate(-50%);z-index:15;padding:8px 16px 10px;font:600 .95rem var(--pixel);color:var(--ink);background:var(--paper);clip-path:var(--notch-2);box-shadow:inset 0 0 0 2px var(--wood-dark);filter:var(--drop)}.status-pill.warn{color:var(--red-dark)}.status-overlay{position:absolute;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#0f0c09b3;padding:16px}.toast{position:absolute;left:50%;bottom:124px;transform:translate(-50%);z-index:60;max-width:min(520px,calc(100% - 32px));padding:12px 18px 14px;font:600 1rem var(--pixel);color:var(--ink);background:var(--paper);clip-path:var(--notch-4);box-shadow:inset 0 0 0 2px var(--wood-dark),inset 0 0 0 4px var(--gold-light);filter:var(--drop);animation:pop .2s steps(3);word-break:break-word}@keyframes pop{0%{transform:translate(-50%,8px);opacity:0}}.guide{top:86px;left:14px;width:252px;padding:14px 16px 16px;color:var(--ink);background:var(--paper);box-shadow:inset 0 0 0 2px var(--wood-dark),inset 0 0 0 4px var(--gold-light);font-size:.88rem}.guide:before{content:"";position:absolute;top:6px;left:50%;width:10px;height:10px;margin-left:-5px;background:var(--red);box-shadow:inset 0 0 0 2px var(--red-dark)}.guide header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}.guide-toggle{display:flex;align-items:center;gap:8px;padding:0;text-align:left}.guide-toggle strong{font:600 1.05rem var(--pixel)}.guide-toggle .muted{font-family:var(--pixel)}.guide ol{list-style:none;display:flex;flex-direction:column;gap:7px;margin-top:10px}.guide li{display:flex;align-items:center;gap:9px}.guide li.done{color:var(--ink-muted);text-decoration:line-through;text-decoration-thickness:2px}.guide .check{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font:700 12px var(--pixel);color:#fff;background:#fffaf0;box-shadow:inset 0 0 0 2px var(--wood-light);flex-shrink:0}.guide li.done .check{background:var(--sage);box-shadow:inset 0 0 0 2px var(--sage-dark)}.modal-backdrop{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:16px;background:#0f0c0980;animation:fadein .15s steps(3)}@keyframes fadein{0%{opacity:0}}.modal{width:min(500px,100%);max-height:min(740px,calc(100% - 16px));display:flex;flex-direction:column;padding:0 11px 11px;background:var(--wood);clip-path:var(--notch-6);box-shadow:var(--frame);filter:var(--drop);animation:pop-in .18s steps(3)}@keyframes pop-in{0%{transform:translateY(10px) scale(.98)}}.modal.wide{width:min(880px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 6px 12px 8px}.plaque{display:flex;align-items:center;gap:12px;min-width:0}.plaque h2{color:var(--cream);text-shadow:0 3px 0 var(--wood-dark)}.plaque-place{display:block;font:500 .92rem var(--pixel);color:var(--gold-light);text-shadow:0 2px 0 var(--wood-dark)}.modal-paper{display:flex;flex-direction:column;min-height:0;background:var(--paper);clip-path:var(--notch-2);box-shadow:inset 0 0 0 2px var(--wood-dark),inset 0 4px 0 2px #3b2a1d1f}.modal-body{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.modal-foot{display:flex;flex-wrap:wrap;gap:8px;padding:14px 20px 18px;border-top:2px dashed var(--stitch)}.tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:3px solid var(--wood-dark);padding:0 4px}.tab{height:34px;padding:0 14px 2px;margin-bottom:-3px;font:600 .98rem var(--pixel);color:var(--ink-dim);background:var(--paper-3);clip-path:polygon(0 4px,2px 4px,2px 2px,4px 2px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 2px,calc(100% - 2px) 2px,calc(100% - 2px) 4px,100% 4px,100% 100%,0 100%);box-shadow:inset 0 0 0 2px var(--wood-light)}.tab:hover{color:var(--ink)}.tab.active{color:var(--ink);background:var(--paper);box-shadow:inset 2px 2px 0 0 var(--wood-dark),inset -2px 0 0 0 var(--wood-dark)}.board-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.code-form{display:flex;gap:8px}.code-form input{width:150px;font:600 1rem var(--pixel);letter-spacing:.12em;text-transform:uppercase}.group-list{list-style:none;display:flex;flex-direction:column;gap:10px}.group-card,.empty{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;background:#fffaf0;border:2px dashed var(--stitch)}.group-card:hover{border-color:var(--wood-light)}.group-main{display:flex;flex-direction:column;gap:4px;min-width:0}.group-main strong{font:600 1.12rem var(--pixel);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;color:var(--ink-dim);font-size:.84rem}.group-side{display:flex;align-items:center;gap:14px}.seats{font:600 1.05rem var(--pixel);color:var(--ink-dim)}.empty{flex-direction:column;justify-content:center;text-align:center;padding:28px 12px;gap:6px}.empty strong{font:600 1.1rem var(--pixel)}.create-form{display:flex;flex-direction:column;gap:16px}.invite-facts{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;color:var(--ink-dim);font-size:.9rem}.leaderboard{display:flex;flex-direction:column;gap:8px}.rank-summary{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;padding:14px 18px;margin-bottom:4px;background:var(--gold-light);clip-path:var(--notch-4);box-shadow:inset 0 0 0 2px var(--gold-dark)}.rank-summary>div{display:flex;flex-direction:column;gap:2px}.rank-summary span,.rank-summary p{font:500 .9rem var(--pixel);color:var(--ink-dim)}.rank-summary strong{font:700 2rem/1 var(--pixel);color:var(--ink)}.rank-summary p{text-align:right;line-height:1.4}.rank-summary.is-up{background:var(--sage-light);box-shadow:inset 0 0 0 2px var(--sage-dark)}.rank-summary.is-up strong,.rank-summary.is-up p{color:var(--sage-dark)}.rank-summary.is-down strong,.rank-summary.is-down p{color:var(--red-dark)}.lb-row{display:flex;align-items:center;gap:12px;padding:10px 14px 12px;background:#fffaf0;border:2px dashed var(--stitch)}.lb-row.is-current{background:var(--sage-light);border:2px solid var(--sage-dark)}.lb-rank{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex:0 0 30px;padding-bottom:2px;font:600 1rem var(--pixel);color:var(--ink-dim);background:var(--paper-2);clip-path:var(--notch-2);box-shadow:inset 0 0 0 2px var(--stitch)}.podium-1 .lb-rank{color:#6b4a10;background:#f3cf62;box-shadow:inset 0 0 0 2px #a8792a}.podium-2 .lb-rank{color:#4a4f57;background:#dfe3e8;box-shadow:inset 0 0 0 2px #8c949e}.podium-3 .lb-rank{color:#5c3214;background:#e3a16b;box-shadow:inset 0 0 0 2px #9a5a2b}.lb-main{flex:1;min-width:0}.lb-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}.lb-name-wrap{display:inline-flex;align-items:center;gap:8px;min-width:0;font:600 1.02rem var(--pixel)}.lb-flag{flex:0 0 auto;font-family:initial;font-size:1rem;line-height:1}.lb-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-name.is-blurred{filter:blur(4px);-webkit-user-select:none;user-select:none}.lb-you{padding:1px 6px 2px;font:700 .72rem var(--pixel);color:#fff;background:var(--sage-dark);clip-path:var(--notch-2)}.lb-streak{font:600 .85rem var(--pixel);color:var(--red-dark)}.lb-time{flex:0 0 auto;font:600 .95rem var(--pixel);color:var(--ink-dim)}.lb-bar{height:10px;padding:2px;background:var(--paper-3);box-shadow:inset 0 0 0 2px var(--stitch)}.lb-bar span{display:block;height:100%;background:repeating-linear-gradient(90deg,var(--wood-light) 0 6px,var(--wood-hi) 6px 8px)}.lb-row.is-current .lb-bar span{background:repeating-linear-gradient(90deg,var(--sage) 0 6px,var(--sage-dark) 6px 8px)}.group-room{position:absolute;inset:0;display:grid;grid-template-rows:auto auto 1fr;gap:12px;padding:86px 14px 14px;background-color:#2b241d;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.12) 0 2px,transparent 2px 24px),repeating-linear-gradient(90deg,#ffffff05 0 48px,#0000000a 48px 96px)}.room-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}.room-title{display:flex;flex-direction:column;gap:6px;min-width:0}.room-title h1{color:var(--cream);text-shadow:0 3px 0 #000}.room-title .group-meta{color:var(--paper-3)}.room-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.room-head-actions .btn.ghost{color:var(--cream);box-shadow:inset 0 0 0 2px var(--wood-light)}.room-head-actions .btn.ghost:hover{background:#ffffff0f}.confirm-leave{display:inline-flex;align-items:center;gap:8px;padding:6px 6px 6px 12px;color:var(--ink);background:var(--paper);clip-path:var(--notch-2);box-shadow:inset 0 0 0 2px var(--red)}.panel{background:var(--paper);clip-path:var(--notch-4);box-shadow:var(--frame-thin)}.timer-bar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;padding:16px 22px 18px;background:var(--paper);clip-path:var(--notch-4);box-shadow:var(--frame-thin)}.timer-bar.phase-focus{box-shadow:inset 0 0 0 2px var(--wood-dark),inset 0 0 0 4px var(--sage),inset 0 0 0 6px var(--wood-dark)}.timer-main{display:flex;flex-direction:column;min-width:220px}.timer-label{font:600 1rem var(--pixel);color:var(--sage-dark)}.timer-clock{font:600 3.1rem/1 var(--pixel);color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:.02em}.timer-progress{position:absolute;left:6px;right:6px;bottom:6px;height:6px;background:var(--paper-3)}.timer-progress span{display:block;height:100%;background:repeating-linear-gradient(90deg,var(--sage) 0 8px,var(--sage-dark) 8px 10px);transition:width .25s steps(2)}.timer-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.timer-others{width:100%;margin-top:-4px;font-family:var(--pixel)}.room-body{display:grid;grid-template-columns:1fr 340px;gap:12px;min-height:0}.room-stage{position:relative;min-height:0;overflow:hidden;background:#1f1e1c;clip-path:var(--notch-4);box-shadow:var(--frame-thin)}.room-canvas{width:100%;height:100%;display:block;image-rendering:pixelated}.room-stage .status-pill{top:16px}.room-side{display:grid;grid-template-rows:auto 1fr;gap:12px;min-height:0}.members,.chat{padding:14px 16px 16px;min-height:0;background:var(--paper);clip-path:var(--notch-4);box-shadow:var(--frame-thin)}.members header,.chat header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.members header strong,.chat header strong{font:600 1.08rem var(--pixel)}.members ul{list-style:none;display:flex;flex-direction:column;gap:2px;max-height:220px;overflow-y:auto}.members li.away{opacity:.6}.member{display:flex;align-items:center;gap:10px;width:100%;padding:4px 6px;text-align:left}.member:hover{background:#ffffff8c}.member-avatar{display:flex;align-items:flex-end;justify-content:center;width:32px;height:32px;overflow:hidden;flex-shrink:0;background:linear-gradient(180deg,var(--sky) 62%,#7fa35f 62%);clip-path:var(--notch-2);box-shadow:inset 0 0 0 2px var(--wood-dark)}.member-avatar canvas{margin-bottom:-18px}.member-name{flex:1;min-width:0;font:600 1rem var(--pixel);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-name em{font-style:normal;font-weight:400}.member-badges{display:flex;gap:4px}.open-seats{width:100%;margin-top:8px;padding:8px 8px 10px;font:600 .92rem var(--pixel);color:var(--ink-dim);border:2px dashed var(--stitch)}.open-seats:hover{color:var(--ink);border-color:var(--wood-light);background:#ffffff73}.chat{display:flex;flex-direction:column}.chat-list{list-style:none;flex:1;min-height:80px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px}.chat-list li{display:flex;flex-direction:column;gap:1px;font-size:.9rem}.chat-list li.mine .chat-meta strong{color:var(--sage-dark)}.chat-meta{display:flex;align-items:baseline;gap:8px}.chat-meta strong{font:600 .95rem var(--pixel)}.chat-meta time{color:var(--ink-muted);font:500 .78rem var(--pixel)}.chat-body{word-break:break-word}.chat-system{align-self:center;padding:2px 10px 3px;color:var(--ink-dim);background:var(--paper-2);font:500 .82rem var(--pixel)!important;text-align:center}.chat-empty{padding:10px 0}.quick{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}.chat-form{display:flex;gap:6px}.chat-form input{flex:1;min-width:0;height:36px}.summary{display:flex;flex-direction:column;gap:12px}.summary-minutes{font:600 2.1rem/1.1 var(--pixel);color:var(--ink)}.summary-lines{list-style:none;display:flex;flex-direction:column;gap:7px;padding:12px 16px;background:#fffaf0;border:2px dashed var(--stitch)}.summary-lines li{display:flex;align-items:center;justify-content:space-between;gap:12px}.summary-total{display:flex;align-items:center;justify-content:space-between;padding:10px 16px 12px;font:600 1.15rem var(--pixel);background:var(--gold-light);clip-path:var(--notch-2);box-shadow:inset 0 0 0 2px var(--gold-dark)}.history{font-family:var(--pixel)}.history.saved{color:var(--sage-dark)}.history.saving,.history.pending{color:var(--ink-dim)}.shop{display:grid;grid-template-columns:270px 1fr;gap:20px}.shop-preview{display:flex;flex-direction:column;gap:12px}.wallet-line{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 10px;font:600 1rem var(--pixel);background:var(--gold-light);clip-path:var(--notch-2);box-shadow:inset 0 0 0 2px var(--gold-dark)}.shop-detail{display:flex;flex-direction:column;gap:10px;padding:14px;background:#fffaf0;border:2px dashed var(--stitch)}.shop-detail strong{font:600 1.15rem var(--pixel)}.shop-catalog{display:flex;flex-direction:column;gap:14px;min-width:0}.item-grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.item{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px 12px;background:#fffaf0;clip-path:var(--notch-2);box-shadow:inset 0 0 0 2px var(--stitch),inset 0 -4px 0 2px var(--paper-2);transition:transform .06s}.item:hover{box-shadow:inset 0 0 0 2px var(--wood-light),inset 0 -4px 0 2px var(--paper-2);transform:translateY(-2px)}.item.selected{background:var(--sage-light);box-shadow:inset 0 0 0 3px var(--sage-dark)}.item-art{display:flex;align-items:flex-end;justify-content:center;height:82px;width:100%;padding-bottom:2px;background:linear-gradient(180deg,#d9e8ef 65%,#c9dcb8 65%);clip-path:var(--notch-2)}.item-art .swatch{margin:auto}.item-name{font:600 .95rem var(--pixel);text-align:center;line-height:1.15}.profile{display:flex;flex-direction:column;gap:16px}.profile-head{display:flex;gap:16px;align-items:flex-start}.profile-head h3{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:8px;font-size:1.4rem}.rename{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.rename input{height:34px;width:160px}.title-select{display:flex;flex-direction:column;gap:4px}.title-select .muted{font-family:var(--pixel)}.title-select select{height:38px;max-width:290px;font-family:var(--pixel);font-size:1rem}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.stats div{padding:10px 14px 12px;background:#fffaf0;border:2px dashed var(--stitch)}.stats dt{font:500 .88rem var(--pixel);color:var(--ink-dim)}.stats dd{font:600 1.4rem var(--pixel)}.wallet{display:flex;flex-direction:column;gap:8px}.wallet header{display:flex;align-items:center;justify-content:space-between}.wallet header strong{font:600 1.15rem var(--pixel)}.ledger{list-style:none;display:flex;flex-direction:column;max-height:180px;overflow-y:auto;font-size:.9rem}.ledger li{display:flex;justify-content:space-between;padding:7px 2px;border-bottom:2px dashed var(--stitch)}.ledger .earned{color:var(--sage-dark);font:600 1rem var(--pixel)}.ledger .spent{color:var(--ink-dim);font:600 1rem var(--pixel)}@media(max-width:900px){.creator,.shop{grid-template-columns:1fr}.room-body{grid-template-columns:1fr;grid-template-rows:minmax(220px,1fr) auto}.room-side{grid-template-rows:auto minmax(220px,300px)}.group-room{overflow-y:auto}}@media(max-width:640px){.hud-right .hud-place,.controls-hint,.guide,.hud-text .muted{display:none}.timer-clock{font-size:2.3rem}.group-card{flex-direction:column;align-items:stretch}.group-side{justify-content:space-between}.card{padding:28px 22px 24px}}@media(prefers-reduced-motion:reduce){.hint,.status .dot,.hud-online .dot,.boot-track span{animation:none}}.logo{image-rendering:pixelated;image-rendering:crisp-edges;display:inline-block;flex-shrink:0}.stuon-mark{display:inline-flex;align-items:center;gap:7px}.brand-row{display:flex;align-items:center;gap:10px}.boot-logo{animation:logo-bob 1.2s steps(2) infinite;filter:drop-shadow(0 4px 0 rgba(0,0,0,.45))}@keyframes logo-bob{50%{transform:translateY(-4px)}}.boot-label{font:500 .95rem var(--pixel);color:var(--paper-3)}.connected-note{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:10px 12px;font-size:.88rem;color:var(--sage-dark);background:var(--sage-light);clip-path:var(--notch-2)}.connected-note .stuon-mark{font:600 .98rem var(--pixel)}.entry-choices{display:flex;flex-direction:column;gap:10px;margin-top:4px}.connect{display:flex;flex-direction:column;gap:14px}.connect-head{display:flex;align-items:center;gap:14px}.signup-box{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:6px;padding:16px;text-align:center;border:2px dashed var(--stitch);background:#fff6}.signup-box>span:first-child{font:600 1.05rem var(--pixel)}a.btn{text-decoration:none}.guest-gate{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--gold-light);clip-path:var(--notch-2);box-shadow:inset 0 0 0 2px var(--gold-dark)}.guest-gate>div{flex:1;min-width:0}.guest-gate strong{font:600 1.08rem var(--pixel)}.guest-banner{position:absolute;top:14px;left:50%;transform:translate(-50%);z-index:20;width:min(760px,calc(100% - 520px));display:flex;align-items:center;gap:14px;padding:10px 12px 10px 10px;color:#fff4ee;background:repeating-linear-gradient(135deg,#b8463f 0 10px,#ad3f39 10px 20px);clip-path:var(--notch-4);box-shadow:inset 0 0 0 2px #4a1714,inset 0 0 0 4px #e0776c,inset 0 0 0 6px #4a1714;filter:var(--drop)}.guest-banner.urgent{animation:alarm .8s steps(2) infinite}@keyframes alarm{50%{box-shadow:inset 0 0 0 2px #4a1714,inset 0 0 0 4px #ffd27a,inset 0 0 0 6px #4a1714}}.guest-timer{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:92px;padding:6px 10px 8px;background:#3b1210;clip-path:var(--notch-2);box-shadow:inset 0 0 0 2px #e0776c}.guest-timer-label{font:500 .78rem var(--pixel);color:#f7b3a8}.guest-timer strong{font:700 1.9rem/1 var(--pixel);color:#ffe0a3;font-variant-numeric:tabular-nums;text-shadow:0 2px 0 #000}.guest-banner p{flex:1;min-width:0;display:flex;flex-direction:column;font-size:.84rem;line-height:1.35}.guest-banner p strong{font:600 1.02rem var(--pixel);text-shadow:0 2px 0 #4a1714}.guest-actions{display:flex;flex-direction:column;gap:6px}.guest-actions .btn,.guest-ended .card .btn{width:100%}@media(max-width:1100px){.guest-banner{top:auto;bottom:60px;width:calc(100% - 28px)}}@media(max-width:640px){.guest-banner p span{display:none}.guest-actions{flex-direction:row}}.pro-badge{display:inline-flex;align-items:center;height:20px;margin-left:6px;padding:0 6px 1px;vertical-align:middle;font:700 .74rem var(--pixel);letter-spacing:.04em;color:#fff1b8;background:#5c3a0e;clip-path:var(--notch-2);box-shadow:inset 0 0 0 2px #d9a33a;text-shadow:none}.pro-name{position:relative;color:transparent;background:linear-gradient(100deg,#b07a1c,#e3b45a 30%,#fff1b8,#e3b45a 60%,#b07a1c);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;animation:pro-shine 3.2s linear infinite}.pro-name:after{content:"✦";position:absolute;top:-.55em;right:-.7em;font-size:.7em;color:#f3cf62;-webkit-text-fill-color:#f3cf62;animation:twinkle 1.4s steps(2) infinite}.hud-text strong .pro-badge{box-shadow:inset 0 0 0 2px #f3cf62}@keyframes pro-shine{0%{background-position:100% 0}to{background-position:-150% 0}}@keyframes twinkle{50%{opacity:.2}}@media(prefers-reduced-motion:reduce){.pro-name,.pro-name:after{animation:none}}