:root{--pw-bg:#faf7f0;--pw-surface:#fff;--pw-ink:#2a2a2a;--pw-mute:#6b6b6b;--pw-accent:#3a5fcd;--pw-accent-ink:#fff;--pw-error:#b3261e;--pw-success:#1b6e3a;--pw-card-bg:#fff6d4;--pw-card-ink:#3a2e0e;--pw-border:#0000001a}*{box-sizing:border-box}body{background:var(--pw-bg);color:var(--pw-ink);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}.pw-page{max-width:640px;margin:0 auto;padding:2rem 1.5rem 4rem}.pw-page h1{letter-spacing:-.01em;margin:0 0 .25rem;font-size:1.75rem}.pw-page h2{color:var(--pw-mute);margin:1.5rem 0 .5rem;font-size:1.1rem;font-weight:600}.pw-page section{background:var(--pw-surface);border:1px solid var(--pw-border);border-radius:10px;margin:1rem 0;padding:1rem 1.25rem}.pw-page header{margin-bottom:1.5rem}.pw-page header p{color:var(--pw-mute);margin:0}.pw-page label{margin-bottom:.5rem;font-weight:500;display:block}.pw-page input,.pw-page textarea{width:100%;font:inherit;border:1px solid var(--pw-border);background:var(--pw-bg);border-radius:6px;margin-top:.35rem;padding:.6rem .75rem;display:block}.pw-page input:focus,.pw-page textarea:focus{outline:2px solid var(--pw-accent);outline-offset:-1px}.pw-page button{appearance:none;background:var(--pw-accent);color:var(--pw-accent-ink);font:inherit;cursor:pointer;border:none;border-radius:6px;margin-top:.75rem;padding:.6rem 1.25rem;font-weight:600}.pw-page button:disabled{opacity:.5;cursor:not-allowed}.pw-page .pw-secondary{color:var(--pw-mute);border:1px solid var(--pw-border);background:0 0}.pw-page .pw-link{color:var(--pw-accent);cursor:pointer;font:inherit;background:0 0;border:none;margin:0;padding:0;text-decoration:underline}.pw-page ul,.pw-page ol{margin:.5rem 0;padding-left:1.25rem}.pw-page li{margin:.25rem 0}.pw-room-code{letter-spacing:.15em;color:var(--pw-accent);font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:2.5rem;font-weight:700}.pw-settings-line{margin:.5rem 0 0;font-size:.875rem}.pw-hand-picker{grid-template-columns:repeat(auto-fill,minmax(5rem,1fr));gap:.4rem;display:grid}.pw-hand-chip{appearance:none;background:var(--pw-surface);border:2px solid var(--pw-border);cursor:pointer;font:inherit;color:var(--pw-ink);border-radius:8px;flex-direction:column;align-items:center;gap:.15rem;margin-top:0;padding:.5rem .4rem;display:flex}.pw-hand-chip-active{border-color:var(--pw-accent);box-shadow:0 0 0 2px #3a5fcd2e}.pw-hand-chip-submitted{color:var(--pw-success);background:#1b6e3a14}.pw-hand-chip-num{font-size:.95rem;font-weight:700}.pw-hand-chip-status{color:var(--pw-mute);font-size:.78rem}.pw-hand-chip-submitted .pw-hand-chip-status{color:var(--pw-success)}.pw-hand-timer{background:var(--pw-bg);border:1px solid var(--pw-border);border-radius:6px;height:1.6rem;margin-top:.75rem;position:relative;overflow:hidden}.pw-hand-timer-bar{background:var(--pw-accent);opacity:.22;transition:width .2s linear;position:absolute;inset:0 auto 0 0}.pw-hand-timer-label{z-index:1;color:var(--pw-ink);text-align:center;font-size:.875rem;font-weight:600;line-height:1.6rem;position:relative}.pw-options{border:1px solid var(--pw-border);background:var(--pw-bg);border-radius:6px;margin:.5rem 0 1rem;padding:.5rem .75rem}.pw-options>summary{cursor:pointer;color:var(--pw-mute);outline:none;padding:.15rem 0;font-size:.9rem}.pw-options-grid{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.pw-options-grid label{flex:8rem;margin-bottom:0}.pw-options-grid select{width:100%;font:inherit;border:1px solid var(--pw-border);background:var(--pw-surface);border-radius:6px;margin-top:.3rem;padding:.5rem .6rem;display:block}.pw-cards{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.pw-card{background:var(--pw-card-bg);min-width:2.5rem;height:2.75rem;color:var(--pw-card-ink);border:1px solid #00000026;border-radius:6px;justify-content:center;align-items:center;padding:0 .5rem;font-family:ui-monospace,SF Mono,Consolas,monospace;font-weight:700;display:inline-flex}.pw-card-style-neon .pw-card{color:var(--pw-accent);background:linear-gradient(#3a5fcd2e,#3a5fcd12);border:1px solid #3a5fcd73;box-shadow:0 0 0 2px #3a5fcd2e,0 2px 6px #3a5fcd38}.pw-card-style-wood .pw-card{color:#3a2a14;background:linear-gradient(#d9b988,#b78b54);border:1px solid #8b5a2b;box-shadow:0 2px 4px #0003,inset 0 -2px #0000001a,inset 0 1px #ffffff40}.pw-card-style-slate .pw-card{color:#f0b429;background:linear-gradient(#3a3f4a,#21262f);border:1px solid #f0b429;box-shadow:0 0 0 2px #f0b42933,0 2px 6px #0006}.pw-card-style-parchment .pw-card{color:#5a3f0a;background:linear-gradient(#f5e9c8,#e0c896);border:1px solid #b88a3f;font-family:Georgia,Times New Roman,serif;box-shadow:0 2px 4px #00000026,inset 0 0 12px #b88a3f26}.pw-card-style-frosted .pw-card{color:#1a3a6c;-webkit-backdrop-filter:blur(10px);background:linear-gradient(#78aaf066,#3c6ec838);border:1px solid #3c6ec88c;box-shadow:0 4px 12px #2850a040,inset 0 1px #ffffff80}.pw-card-picker{grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:.5rem;margin:.5rem 0;display:grid}.pw-card-picker-option{appearance:none;background:var(--pw-surface);border:2px solid var(--pw-border);cursor:pointer;font:inherit;text-align:center;color:var(--pw-mute);border-radius:8px;flex-direction:column;align-items:center;gap:.35rem;margin-top:0;padding:.5rem;display:flex}.pw-card-picker-option[aria-pressed=true]{border-color:var(--pw-accent);color:var(--pw-ink);box-shadow:0 0 0 2px #3a5fcd2e}.pw-card-picker-label{text-transform:capitalize;font-size:.78rem}.pw-error{color:var(--pw-error);font-weight:500}.pw-muted{color:var(--pw-mute)}