.pbg-wrap{background:#20223a;position:fixed;inset:0;overflow:hidden}.pbg-canvas{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;display:block}@keyframes pbg-shake{0%{transform:translate(0)}25%{transform:translate(2px,-2px)}50%{transform:translate(-2px,1px)}75%{transform:translate(1px,2px)}to{transform:translate(0)}}.pbg-shake .pbg-canvas{animation:.14s ease-out pbg-shake}@media (prefers-reduced-motion:reduce){.pbg-shake .pbg-canvas{animation:none}}.pbg-hud{pointer-events:none;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.9rem 1.1rem;font:700 .82rem/1 ui-monospace,Cascadia Mono,Consolas,monospace;display:flex;position:absolute;inset:0 0 auto}.pbg-hud-left,.pbg-hud-right{flex-wrap:wrap;gap:.5rem;display:flex}.pbg-stat{color:#ffe9b8;background:#121322b8;border:2px solid #ffd26447;border-radius:8px;padding:.42rem .66rem;box-shadow:0 3px #00000059}.pbg-stat b{color:#ffd23f;font-size:1.05rem}.pbg-dead{text-align:center;pointer-events:none;background:#0e0f1c8c;place-content:center;gap:.4rem;display:grid;position:absolute;inset:0}.pbg-dead-title{letter-spacing:.12em;color:#ff8a7a;text-shadow:0 3px #00000080;font:800 2.1rem/1 ui-monospace,Cascadia Mono,Consolas,monospace}.pbg-dead-sub{color:#c9cbe4;font-size:.9rem}.pbg-keys{color:#aab0d0;letter-spacing:.04em;pointer-events:none;background:#12132299;border-radius:999px;padding:.4rem .8rem;font-size:.78rem;position:absolute;bottom:.85rem;left:50%;transform:translate(-50%)}.pbg-keys b{color:#ffd23f}:root{--pb-ground:#2a1b5e;--pb-ground-2:#191040;--pb-panel:#3c2a7d;--pb-panel-hi:#4c3799;--pb-panel-2:#34246e;--pb-line:#5b46ad;--pb-line-soft:#46329a;--pb-sink:#241865;--pb-ink:#fffaf0;--pb-ink-dim:#cfc2f5;--pb-ink-faint:#a294dd;--pb-ink-dark:#2a1550;--pb-yellow:#ffd23f;--pb-yellow-hi:#ffe483;--pb-yellow-sh:#c08c00;--pb-orange:#ff8b3d;--pb-orange-hi:#ffa76a;--pb-orange-sh:#c25a15;--pb-red:#ff5470;--pb-red-hi:#ff788e;--pb-red-sh:#ab2a44;--pb-green:#4ce08d;--pb-cyan:#3fd0ff;--pb-r:14px;--pb-r-sm:10px;--pb-font-display:"Silkscreen", "Press Start 2P", "Pixelify Sans", "VT323", "Cascadia Mono", Consolas, "Lucida Console", ui-monospace, monospace;--pb-font:"Segoe UI", Roboto, "Helvetica Neue", Arial, system-ui, sans-serif;--pb-shadow:0 20px 46px #0c062680}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--pb-ground);color:var(--pb-ink);font-family:var(--pb-font);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5}#root{background-image:repeating-linear-gradient(45deg, #ffffff07 0 22px, transparent 22px 44px), repeating-linear-gradient(-45deg, #ffffff07 0 22px, transparent 22px 44px), radial-gradient(120% 90% at 50% -12%, #4b2f96 0%, var(--pb-ground) 46%, var(--pb-ground-2) 100%)}:where(.pb-shell,.pb-splash,.pb-results,.pb-modal-backdrop) :where(h1,h2,h3,p){margin:0}.pb-sprite,:where(.pb-shell,.pb-splash,.pb-results,.pb-modal-backdrop) img{image-rendering:pixelated}.pb-brand{font-family:var(--pb-font-display);letter-spacing:.12em;color:var(--pb-yellow);text-shadow:0 4px 0 var(--pb-yellow-sh), 0 8px 20px #0000004d;font-size:34px;font-weight:700;line-height:1.15}.pb-brand-sm{letter-spacing:.16em;text-shadow:0 3px 0 var(--pb-yellow-sh);font-size:17px}.pb-title{font-family:var(--pb-font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--pb-ink-dim);align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.pb-count{font-family:var(--pb-font);letter-spacing:0;background:var(--pb-sink);color:var(--pb-yellow);border-radius:999px;padding:1px 9px;font-size:13px}.pb-fineprint{color:var(--pb-ink-faint);font-size:13px;line-height:1.55}.pb-dot{color:var(--pb-ink-faint);padding:0 8px}.pb-tag{letter-spacing:.04em;color:var(--pb-ink-faint);white-space:nowrap;font-size:12px}.pb-spacer{flex:1}.pb-card{background:var(--pb-panel);border:2px solid var(--pb-line);border-radius:var(--pb-r);box-shadow:0 6px 0 var(--pb-panel-2), var(--pb-shadow);padding:22px}.pb-btn{appearance:none;border-radius:var(--pb-r-sm);background:var(--pb-panel-hi);color:var(--pb-ink);font-family:var(--pb-font-display);letter-spacing:.06em;cursor:pointer;box-shadow:0 4px 0 var(--pb-sink), 0 7px 14px #0a04224d;border:0;padding:13px 22px;font-size:13px;font-weight:700;transition:transform .14s,box-shadow .14s,background .14s}.pb-btn:hover:not(:disabled){box-shadow:0 6px 0 var(--pb-sink), 0 11px 18px #0a042257;background:#5b45b3;transform:translateY(-2px)}.pb-btn:active:not(:disabled){box-shadow:0 1px 0 var(--pb-sink), 0 3px 7px #0a04224d;transform:translateY(3px)}.pb-btn:focus-visible{outline:3px solid var(--pb-cyan);outline-offset:3px}.pb-btn:disabled{opacity:.42;cursor:not-allowed;box-shadow:0 4px 0 var(--pb-sink)}.pb-btn-primary{background:var(--pb-yellow);color:var(--pb-ink-dark);box-shadow:0 4px 0 var(--pb-yellow-sh), 0 7px 14px #0a04224d}.pb-btn-primary:hover:not(:disabled){background:var(--pb-yellow-hi);box-shadow:0 6px 0 var(--pb-yellow-sh), 0 11px 18px #0a042257}.pb-btn-primary:active:not(:disabled){box-shadow:0 1px 0 var(--pb-yellow-sh), 0 3px 7px #0a04224d}.pb-btn-primary:disabled{box-shadow:0 4px 0 var(--pb-yellow-sh)}.pb-btn-danger{background:var(--pb-red);color:#33060f;box-shadow:0 4px 0 var(--pb-red-sh), 0 7px 14px #0a04224d}.pb-btn-danger:hover:not(:disabled){background:var(--pb-red-hi);box-shadow:0 6px 0 var(--pb-red-sh), 0 11px 18px #0a042257}.pb-btn-danger:active:not(:disabled){box-shadow:0 1px 0 var(--pb-red-sh), 0 3px 7px #0a04224d}.pb-btn-sm{border-radius:8px;padding:8px 13px;font-size:11px}.pb-btn-lg{padding:16px 30px;font-size:15px}.pb-btn-block{width:100%;display:block}.pb-input{background:var(--pb-sink);border:2px solid var(--pb-line);border-radius:var(--pb-r-sm);width:100%;color:var(--pb-ink);font:inherit;padding:12px 14px;transition:border-color .14s,box-shadow .14s}.pb-input::placeholder{color:var(--pb-ink-faint)}.pb-input:focus{border-color:var(--pb-yellow);outline:none;box-shadow:0 0 0 4px #ffd23f38}.pb-input:disabled{opacity:.55}.pb-input-lg{padding:15px 16px;font-size:17px}.pb-field{flex-direction:column;gap:7px;display:flex}.pb-field-label{font-family:var(--pb-font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--pb-ink-faint);font-size:11px}.pb-check{color:var(--pb-ink-dim);white-space:nowrap;align-items:center;gap:8px;font-size:14px;display:flex}.pb-check input{accent-color:var(--pb-yellow);width:17px;height:17px}.pb-error{border:2px solid var(--pb-red-sh);border-radius:var(--pb-r-sm);color:#ffc3cd;background:#4a1430;padding:10px 14px;font-size:14px}.pb-badge{font-family:var(--pb-font-display);letter-spacing:.1em;background:var(--pb-sink);color:var(--pb-ink-faint);white-space:nowrap;border-radius:6px;padding:3px 8px;font-size:10px}.pb-badge-admin{background:var(--pb-orange);color:#401c00}.pb-badge-owner{background:var(--pb-yellow);color:var(--pb-ink-dark)}.pb-badge-you{background:var(--pb-cyan);color:#04283a}.pb-pill{font-family:var(--pb-font-display);letter-spacing:.1em;white-space:nowrap;background:var(--pb-sink);color:var(--pb-ink-faint);border-radius:999px;padding:4px 10px;font-size:10px}.pb-pill-waiting{background:var(--pb-green);color:#063a20}.pb-pill-starting{background:var(--pb-yellow);color:var(--pb-ink-dark)}.pb-pill-playing{background:var(--pb-orange);color:#401c00}.pb-pill-results{background:var(--pb-cyan);color:#04283a}.pb-splash{place-items:center;min-height:100%;padding:26px;display:grid}.pb-splash-card,.pb-login{flex-direction:column;gap:16px;width:min(420px,100%);padding:34px 30px;display:flex}.pb-splash-card{text-align:center;align-items:center}.pb-login .pb-brand,.pb-login .pb-splash-line,.pb-login .pb-pixelbar{text-align:center;align-self:center}.pb-splash-line{color:var(--pb-ink-dim);font-size:15px}.pb-splash-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.pb-pixelbar{gap:6px;display:flex}.pb-pixelbar i{border-radius:3px;width:14px;height:14px}.pb-pixelbar i:first-child{background:var(--pb-yellow)}.pb-pixelbar i:nth-child(2){background:var(--pb-orange)}.pb-pixelbar i:nth-child(3){background:var(--pb-red)}.pb-pixelbar i:nth-child(4){background:var(--pb-cyan)}.pb-pixelbar i:nth-child(5){background:var(--pb-green)}.pb-pixelbar i:nth-child(6){background:var(--pb-ink)}.pb-shell{flex-direction:column;min-height:100%;display:flex}.pb-head{border-bottom:3px solid var(--pb-line-soft);background:#191040d1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex}.pb-head-side{align-items:center;gap:12px;display:flex}.pb-head-right{flex-wrap:wrap;justify-content:flex-end}.pb-head-room{color:var(--pb-ink-dim);border-left:2px solid var(--pb-line-soft);text-overflow:ellipsis;white-space:nowrap;max-width:26ch;padding-left:14px;font-size:15px;overflow:hidden}.pb-you{font-size:15px;font-weight:600}.pb-notice{border-radius:var(--pb-r-sm);background:var(--pb-orange);color:#401c00;width:min(1120px,100% - 44px);box-shadow:0 4px 0 var(--pb-orange-sh);justify-content:space-between;align-items:center;gap:14px;margin:16px auto 0;padding:12px 16px;font-size:15px;font-weight:600;animation:.18s ease-out both pb-fade-up;display:flex}.pb-notice-x{appearance:none;color:inherit;cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:22px;line-height:1}.pb-main{flex-direction:column;flex:1;gap:24px;width:min(1120px,100%);margin:0 auto;padding:26px 22px 48px;display:flex}.pb-create{border-color:var(--pb-yellow);box-shadow:0 6px 0 var(--pb-yellow-sh), var(--pb-shadow);flex-direction:column;gap:14px;display:flex}.pb-create-form{flex-wrap:wrap;gap:12px;display:flex}.pb-create-form .pb-input{flex:240px;width:auto}.pb-rooms{flex-direction:column;gap:14px;display:flex}.pb-empty{border:2px dashed var(--pb-line);border-radius:var(--pb-r);text-align:center;color:var(--pb-ink-faint);padding:30px 22px;font-size:16px}.pb-room-list{grid-template-columns:repeat(auto-fill,minmax(262px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.pb-room-card{flex-direction:column;gap:12px;padding:18px;animation:.18s ease-out both pb-fade-up;display:flex}.pb-room-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.pb-room-name{font-family:var(--pb-font-display);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.pb-room-meta{color:var(--pb-ink-dim);align-items:center;font-size:14px;display:flex}.pb-room-owner{text-overflow:ellipsis;white-space:nowrap;max-width:14ch;overflow:hidden}.pb-room-busy{border-radius:var(--pb-r-sm);background:var(--pb-sink);flex-direction:column;gap:5px;padding:11px 13px;display:flex}.pb-room-busy-label{font-family:var(--pb-font-display);letter-spacing:.08em;color:var(--pb-orange-hi);font-size:12px}.pb-main-room{grid-template-columns:minmax(300px,1fr) minmax(270px,.8fr);align-items:start;display:grid}.pb-roomcard{flex-direction:column;gap:16px;display:flex}.pb-room-title{font-family:var(--pb-font-display);letter-spacing:.05em;color:var(--pb-yellow);text-shadow:0 3px 0 var(--pb-yellow-sh);overflow-wrap:anywhere;font-size:26px;line-height:1.2}.pb-room-sub{color:var(--pb-ink-dim);flex-wrap:wrap;align-items:center;font-size:15px;display:flex}.pb-room-sub strong{color:var(--pb-ink)}.pb-room-note{color:var(--pb-ink-dim);font-size:15px}.pb-countdown{border-radius:var(--pb-r);background:var(--pb-sink);border:2px solid var(--pb-yellow);flex-direction:column;align-items:center;gap:4px;padding:22px 16px;display:flex}.pb-countdown-label{font-family:var(--pb-font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--pb-ink-faint);font-size:12px}.pb-countdown-num{font-family:var(--pb-font-display);font-variant-numeric:tabular-nums;color:var(--pb-yellow);text-shadow:0 5px 0 var(--pb-yellow-sh);font-size:76px;font-weight:700;line-height:1;animation:.9s ease-in-out infinite pb-pulse}.pb-actions{border-top:2px solid var(--pb-line-soft);flex-wrap:wrap;align-items:center;gap:12px;padding-top:14px;display:flex}.pb-roster{flex-direction:column;gap:12px;display:flex}.pb-roster-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pb-roster-row{border-radius:var(--pb-r-sm);background:var(--pb-panel-2);flex-wrap:wrap;align-items:center;gap:9px;padding:11px 13px;display:flex}.pb-roster-row.pb-is-me{background:var(--pb-panel-hi);box-shadow:inset 4px 0 0 var(--pb-cyan)}.pb-roster-row.pb-offline{opacity:.45}.pb-roster-name{text-overflow:ellipsis;white-space:nowrap;max-width:16ch;font-size:15px;font-weight:600;overflow:hidden}.pb-roster-actions{gap:7px;display:flex}.pb-results{z-index:60;background:radial-gradient(90% 70% at 50% 0,#603abef2 0%,#140c34f7 60%),#140c34f7;place-items:center;padding:28px;display:grid;position:fixed;inset:0;overflow:auto}.pb-results-inner{text-align:center;flex-direction:column;align-items:center;gap:16px;width:min(720px,100%);animation:.18s ease-out both pb-fade-up;display:flex}.pb-results-kicker{font-family:var(--pb-font-display);letter-spacing:.28em;text-transform:uppercase;color:var(--pb-ink-faint);font-size:13px}.pb-results-headline{font-family:var(--pb-font-display);letter-spacing:.04em;color:var(--pb-yellow);text-shadow:0 6px 0 var(--pb-yellow-sh), 0 12px 30px #0006;overflow-wrap:anywhere;font-size:clamp(34px,7vw,62px);font-weight:700;line-height:1.1}.pb-results-note{color:var(--pb-ink-dim);font-size:15px}.pb-results-timer{font-family:var(--pb-font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--pb-ink-faint);font-size:12px}.pb-table-wrap{width:100%;padding:8px 10px;overflow-x:auto}.pb-table{border-collapse:collapse;text-align:left;width:100%;font-size:15px}.pb-table th{font-family:var(--pb-font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--pb-ink-faint);border-bottom:2px solid var(--pb-line);padding:9px 12px;font-size:10px;font-weight:700}.pb-table td{border-bottom:2px solid var(--pb-line-soft);padding:11px 12px}.pb-table tr:last-child td{border-bottom:0}.pb-table tr.pb-mine td{background:var(--pb-panel-hi);color:var(--pb-yellow-hi);font-weight:700}.pb-col-place{font-variant-numeric:tabular-nums;width:60px;color:var(--pb-ink-faint)}.pb-table tr.pb-mine td.pb-col-place{color:var(--pb-yellow);box-shadow:inset 4px 0 0 var(--pb-cyan)}.pb-col-num{text-align:right;font-variant-numeric:tabular-nums;width:110px}.pb-td-empty{text-align:center;color:var(--pb-ink-faint);padding:22px 12px}.pb-td-muted{color:var(--pb-ink-faint);font-size:13px}.pb-td-actions{justify-content:flex-end;gap:8px;display:flex}.pb-row-off td{color:var(--pb-ink-faint)}.pb-modal-backdrop{z-index:70;background:#0e0828cc;place-items:center;padding:26px;display:grid;position:fixed;inset:0}.pb-modal{flex-direction:column;gap:16px;width:min(900px,100%);max-height:88vh;animation:.18s ease-out both pb-fade-up;display:flex;overflow:auto}.pb-modal-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.pb-tabs{border-radius:var(--pb-r-sm);background:var(--pb-sink);gap:8px;padding:5px;display:flex}.pb-tab{appearance:none;color:var(--pb-ink-faint);font-family:var(--pb-font-display);letter-spacing:.08em;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:9px 18px;font-size:12px;transition:background .14s,color .14s}.pb-tab:hover{color:var(--pb-ink)}.pb-tab-on{background:var(--pb-yellow);color:var(--pb-ink-dark)}.pb-tab:focus-visible{outline:3px solid var(--pb-cyan);outline-offset:2px}.pb-create-row{border-radius:var(--pb-r-sm);background:var(--pb-panel-2);flex-wrap:wrap;align-items:center;gap:12px;padding:16px;display:flex}.pb-create-row .pb-input{width:190px}@keyframes pb-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pb-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.09)}}@media (prefers-reduced-motion:reduce){.pb-btn,.pb-input,.pb-tab,.pb-notice,.pb-room-card,.pb-modal,.pb-results-inner,.pb-countdown-num{transition:none;animation:none}.pb-btn:hover:not(:disabled),.pb-btn:active:not(:disabled){transform:none}}@media (width<=900px){.pb-main-room{grid-template-columns:1fr}}@media (width<=560px){.pb-brand{font-size:27px}.pb-main{padding:20px 16px 40px}.pb-room-list{grid-template-columns:1fr}.pb-countdown-num{font-size:58px}}.pb-sizes{flex-wrap:wrap;align-items:center;gap:.4rem;margin:.85rem 0 .2rem;display:flex}.pb-sizes-label{letter-spacing:.14em;text-transform:uppercase;color:var(--pb-ink-faint);margin-right:.15rem;font-size:.72rem}.pb-size{font:inherit;letter-spacing:.04em;color:var(--pb-ink-dim);background:var(--pb-sink);border:2px solid var(--pb-line-soft);cursor:pointer;border-radius:8px;padding:.42rem .8rem;font-size:.84rem;font-weight:700;transition:transform .12s,background .12s,color .12s;box-shadow:0 3px #00000047}.pb-size:hover{background:var(--pb-panel-hi);color:var(--pb-ink);transform:translateY(-1px)}.pb-size:active{transform:translateY(1px);box-shadow:0 1px #00000047}.pb-size-on{color:var(--pb-ink-dark);background:var(--pb-yellow);border-color:var(--pb-yellow-sh);box-shadow:0 3px 0 var(--pb-yellow-sh)}.pb-size-on:hover{background:var(--pb-yellow-hi);color:var(--pb-ink-dark)}.pb-size:focus-visible{outline:3px solid var(--pb-yellow-hi);outline-offset:2px}@media (prefers-reduced-motion:reduce){.pb-size{transition:none}.pb-size:hover,.pb-size:active{transform:none}}.pb-mapchip{letter-spacing:.1em;text-transform:uppercase;color:var(--pb-ink-dim);background:var(--pb-sink);border:1px solid var(--pb-line-soft);border-radius:999px;padding:.16rem .46rem;font-size:.68rem;font-weight:700}