: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{flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}.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,.about-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,.disclaimer-note,.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{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.inline-error{color:#8f2908;margin:8px 0 0}.disclaimer-note{margin:18px 0 0;font-size:.9rem}.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}.about-shell{flex-direction:column;align-items:center;gap:24px;display:flex}.about-hero,.about-grid,.about-panel{width:min(100%,920px)}.about-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.about-panel{box-shadow:var(--shadow);background:#fff9efbd;border:1px solid #ffffff70;border-radius:24px;padding:24px}.about-list{color:var(--muted);margin:16px 0 0;padding-left:1.2rem}.about-list li+li{margin-top:8px}.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{flex-direction:column}.card-label-split{flex-direction:column;align-items:center;gap:.2rem}}