:root{--bg:#f6efe2;--ink:#2f2418;--muted:#6d5a46;--line:#2f241824;--panel:#fff8ecd1;--accent:#c54b24;--accent-strong:#8f2908;--success:#226a46;--warn:#9c6230;--shadow:0 20px 60px #43280e2e;color:var(--ink);background:radial-gradient(circle at 0 0,#ffffffbd,#0000 30%),linear-gradient(135deg,#f7edd6 0%,#efc27b 48%,#cf7f45 100%);font-family:Avenir Next,Hiragino Sans,Yu Gothic,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer;border:0;transition:transform .12s,opacity .12s,background-color .12s}button:disabled{cursor:not-allowed;opacity:.5}button:not(:disabled):active{transform:translateY(1px)}input{border:1px solid var(--line);background:#ffffffe6;border-radius:16px;padding:14px 16px}.page-shell{min-height:100vh;padding:24px}.hero-shell{place-items:center;display:grid}.hero-card,.panel,.stage-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--panel);box-shadow:var(--shadow);border:1px solid #ffffff73;border-radius:28px}.hero-card{max-width:560px;padding:40px 32px}.hero-card h1,.room-header h1,.join-panel h2,.panel h2,.stage-panel h2{letter-spacing:.08em;margin:0;font-size:clamp(2rem,5vw,4rem);line-height:.94}.hero-copy,.stage-copy,.helper-text,.card-footer p{color:var(--muted)}.eyebrow{letter-spacing:.24em;text-transform:uppercase;color:var(--accent-strong);margin:0 0 8px;font-size:.75rem}.primary-button,.secondary-button,.ghost-button,.stepper-button{border-radius:18px;min-height:48px;padding:0 18px}.primary-button{background:linear-gradient(135deg, var(--accent) 0%, #d87d36 100%);color:#fffaf1}.secondary-button{color:var(--accent-strong);background:#c54b241f}.ghost-button,.stepper-button{color:var(--ink);background:#2f241812}.hero-button{width:100%;margin-top:12px}.hero-actions,.rules-actions{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.inline-error{color:#8f2908;margin:8px 0 0}.room-shell{grid-template-columns:minmax(0,1.3fr) minmax(320px,420px);gap:20px;display:grid}.room-shell-single{grid-template-columns:minmax(0,540px);justify-content:center}.room-stage,.room-sidebar,.stack-gap{flex-direction:column;gap:20px;display:flex}.room-header,.panel-header,.panel-header-inline,.card-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.status-stack{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.pill{background:#2f241814;border-radius:999px;justify-content:center;align-items:center;padding:8px 12px;font-size:.8rem;display:inline-flex}.success-pill{color:var(--success);background:#226a4624}.warn-pill{color:var(--warn);background:#9c62302e}.muted-pill{color:var(--muted)}.join-panel,.panel{padding:24px}.stage-panel{flex-direction:column;justify-content:center;min-height:360px;padding:28px;display:flex}.field{flex-direction:column;gap:8px;margin:16px 0;display:flex}.share-box,.actions-row,.hp-control-row,.player-row,.player-name-line,.hp-stepper{align-items:center;gap:12px;display:flex}.share-box input{flex:1}.player-list,.controls-list{flex-direction:column;gap:12px;display:flex}.player-row,.hp-control-row{border:1px solid var(--line);background:#ffffff7a;border-radius:18px;justify-content:space-between;padding:14px 16px}.player-row-out{opacity:.6}.player-meta{flex-direction:column;gap:6px;display:flex}.player-self,.player-host,.player-out,.hp-chip{background:#2f241814;border-radius:999px;padding:4px 8px;font-size:.75rem}.player-out{color:var(--accent-strong);background:#8f290824}.connection-dot{font-size:.8rem}.connection-dot.online{color:var(--success)}.connection-dot.offline{color:var(--warn)}.hp-chip,.hp-count{text-align:center;min-width:46px}.stepper-button{width:44px;height:44px}.countdown-panel{text-align:center;align-items:center}.countdown-core{letter-spacing:-.08em;font-size:clamp(5rem,22vw,8.5rem);font-weight:800}.card-panel{text-align:center;gap:20px}.card-body{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.card-label{letter-spacing:-.08em;font-size:clamp(4rem,28vw,9rem);font-weight:900;line-height:.86}.card-label-split{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:clamp(.35rem,2vw,1rem);max-width:100%;display:flex}.card-label-main{letter-spacing:-.08em;font-size:clamp(4rem,24vw,8rem);font-weight:900;line-height:.86}.card-label-accent{letter-spacing:-.04em;white-space:nowrap;font-size:clamp(2.75rem,13vw,5rem);font-weight:800;line-height:1}.card-sub-label{letter-spacing:.3em;text-transform:uppercase;font-size:.95rem}.card-footer{flex-direction:column;gap:4px;display:flex}.card-theme-sun{background:linear-gradient(160deg,#fff4c9 0%,#ffc15a 100%)}.card-theme-sand{background:linear-gradient(160deg,#fff7e8 0%,#e7c99e 100%)}.card-theme-night{color:#f6f2e9;background:linear-gradient(160deg,#2b2e38 0%,#141518 100%)}.card-theme-danger{background:linear-gradient(160deg,#f7d6ca 0%,#dd7b57 100%)}.card-theme-special{color:#fff7ef;background:linear-gradient(160deg,#ffe4be 0%,#ef9e5d 45%,#9b4f1f 100%)}.small-button{font-size:.85rem}.loading-panel{max-width:480px;margin:10vh auto 0}.rules-shell{flex-direction:column;gap:24px;display:flex}.rules-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.rules-hero-copy{max-width:760px}.rule-section{flex-direction:column;gap:16px;display:flex}.rule-step-grid,.rule-card-grid,.rule-note-list{gap:16px;display:grid}.rule-step-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.rule-note-list,.rule-card-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.rule-step-card,.rule-note-card,.rule-card-tile{box-shadow:var(--shadow);background:#fff9efbd;border:1px solid #ffffff70;border-radius:24px}.rule-step-card,.rule-note-card{padding:20px}.rule-step-card p,.rule-note-card p,.rule-card-copy p{color:var(--muted);margin:0}.rule-step-index{width:36px;height:36px;color:var(--accent-strong);background:#c54b241f;border-radius:999px;justify-content:center;align-items:center;margin-bottom:12px;font-weight:700;display:inline-flex}.rule-card-tile{overflow:hidden}.rule-card-face{flex-direction:column;min-height:220px;padding:16px;display:flex}.rule-card-face-top{justify-content:flex-end;display:flex}.rule-card-count{background:#ffffff47;border-radius:999px;justify-content:center;align-items:center;min-height:32px;padding:0 12px;font-size:.82rem;display:inline-flex}.rule-card-face-body{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.rule-card-label{letter-spacing:-.08em;font-size:clamp(2.5rem,10vw,4.5rem);font-weight:900;line-height:.9}.rule-card-label-split{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:.4rem;display:flex}.rule-card-label-main{letter-spacing:-.08em;font-size:clamp(2.6rem,10vw,4.4rem);font-weight:900;line-height:.9}.rule-card-label-accent{white-space:nowrap;font-size:clamp(1.8rem,7vw,3rem);font-weight:800;line-height:1}.rule-card-sub-label{letter-spacing:.28em;text-transform:uppercase;margin-top:10px;font-size:.82rem}.rule-card-copy{flex-direction:column;gap:8px;padding:18px 18px 20px;display:flex}.rule-card-copy h3{margin:0;font-size:1.1rem}.rule-card-note{color:var(--ink);font-size:.92rem}.secondary-link-button{min-height:48px;color:var(--accent-strong);background:#c54b241f;border-radius:18px;justify-content:center;align-items:center;padding:0 18px;text-decoration:none;display:inline-flex}.preview-shell{flex-direction:column;gap:24px;display:flex}.preview-header{max-width:720px}.preview-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.preview-card .stage-panel{min-height:420px}@media (width<=900px){.page-shell{padding:16px}.room-shell{grid-template-columns:1fr}.stage-panel{min-height:280px}.share-box,.actions-row{flex-direction:column;align-items:stretch}.hero-actions,.rules-actions{flex-direction:column}.card-label-split{flex-direction:column;align-items:center;gap:.2rem}.rule-card-label-split{flex-direction:column;align-items:center;gap:.15rem}}