:root{color-scheme:light;font-family:Avenir Next,Segoe UI,system-ui,sans-serif;background:#f7f5f0;color:#252420;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:radial-gradient(circle at 12% 8%,rgba(255,90,61,.16),transparent 26%),radial-gradient(circle at 92% 2%,rgba(57,184,232,.14),transparent 23%),#f7f5f0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.app-shell{--canvas: #f7f5f0;--surface: #ffffff;--surface-soft: #f0eee8;--surface-warm: #fff0eb;--ink: #252420;--muted: #77736b;--subtle: #aaa398;--border: #e7e1d8;--coral: #ff5a3d;--coral-strong: #e9472c;--coral-soft: #ffe1d8;--mint: #61c99b;--cyan: #39b8e8;--violet: #8b6cff;--yellow: #ffd54a;--pink: #ed4d9a;--danger: #ef4e4e;--shadow-card: 0 18px 42px rgba(84, 64, 44, .1);--shadow-soft: 0 10px 28px rgba(84, 64, 44, .08);min-height:100dvh;display:flex;flex-direction:column;gap:18px;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:linear-gradient(180deg,rgba(255,255,255,.38),transparent 44%),var(--canvas);color:var(--ink)}.topbar{display:flex;align-items:center;justify-content:space-between;width:min(100%,680px);margin:0 auto}.brand{color:inherit;font-size:26px;font-weight:840;letter-spacing:-.075em;line-height:1;text-decoration:none}.brand span{color:var(--coral);padding-left:2px}.connection,.status-pill,.round-pill{display:inline-flex;align-items:center;gap:7px;min-height:32px;border:1px solid rgba(37,36,32,.08);border-radius:999px;padding:0 11px;background:#ffffffb8;color:var(--muted);font-size:12px;font-weight:720;letter-spacing:-.01em;box-shadow:0 8px 22px #54402c0f}.connection{margin:0}.connection-dot,.status-line span{width:7px;height:7px;border-radius:50%;background:var(--subtle)}.connection-dot.is-online,.status-line span{background:var(--mint);box-shadow:0 0 0 4px #61c99b24}.entry-screen{display:grid;width:min(100%,560px);margin:auto;padding:30px 0}.loader-card,.lobby-card,.prompt-card,.empty-card,.waiting-panel{border:1px solid rgba(37,36,32,.08);border-radius:30px;background:var(--surface);box-shadow:var(--shadow-card)}.loader-card{display:grid;justify-items:start;gap:16px;padding:28px}.logo-loader{position:relative;display:grid;width:116px;height:116px;place-items:center;margin:6px 0 8px;border-radius:32px;background:radial-gradient(circle at 22% 20%,rgba(255,255,255,.75),transparent 28%),linear-gradient(145deg,#ff5a3d,#ff8f68 55%,#ffd5c8);box-shadow:0 20px 44px #ff5a3d47;overflow:hidden}.logo-core{position:relative;z-index:2;display:grid;width:54px;height:54px;place-items:center;border-radius:18px;background:#fff;color:var(--coral);font-size:30px;font-weight:860;letter-spacing:-.08em}.logo-spark{position:absolute;width:15px;height:15px;border-radius:999px;opacity:.92}.logo-spark-coral{top:16px;right:24px;background:#fff}.logo-spark-mint{right:14px;bottom:29px;background:var(--mint)}.logo-spark-violet{bottom:18px;left:23px;background:var(--violet)}.logo-spark-yellow{top:28px;left:17px;background:var(--yellow)}.eyebrow{margin:0;color:var(--coral-strong);font-size:11px;font-weight:820;letter-spacing:.14em}h1,h2,p{margin-block-start:0}h1{max-width:560px;margin:0;font-size:clamp(36px,10vw,58px);font-weight:840;letter-spacing:-.07em;line-height:.98;text-wrap:balance}h2{margin:0;font-size:21px;font-weight:820;letter-spacing:-.04em}.description,.hero-copy,.empty-card span,.waiting-panel span{max-width:460px;margin:0;color:var(--muted);font-size:16px;line-height:1.45;text-wrap:pretty}.primary-action,.secondary-action{min-height:52px;width:100%;border-radius:18px;padding:0 20px;cursor:pointer;font-size:16px;font-weight:820;letter-spacing:-.02em;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.primary-action{border:0;background:var(--coral);color:#fff;box-shadow:0 16px 32px #ff5a3d38}.secondary-action{border:1px solid var(--border);background:var(--surface-soft);color:var(--muted)}.primary-action:active,.secondary-action:active,.room-card:active,.back-button:active{transform:scale(.985)}.primary-action:focus-visible,.secondary-action:focus-visible,.room-card:focus-visible,.back-button:focus-visible{outline:3px solid rgba(255,90,61,.26);outline-offset:3px}.status-line{display:inline-flex;align-items:center;gap:9px;min-height:42px;color:var(--muted);font-size:14px;font-weight:720}.footer-note{width:min(100%,680px);margin:0 auto;color:var(--subtle);font-size:12px;line-height:1.4}.space-shell{gap:20px}.space-main,.lobby{width:min(100%,620px);margin:0 auto}.space-main{display:grid;gap:18px;padding-bottom:32px}.space-header{display:flex;align-items:center;gap:12px;margin-top:4px}.space-avatar,.participant-avatar,.mini-avatar,.ready-meter{display:grid;place-items:center;border-radius:50%;font-weight:840}.space-avatar{width:52px;height:52px;background:var(--surface);color:var(--coral);box-shadow:var(--shadow-soft)}.space-meta{display:grid;gap:3px}.space-meta small,.section-heading span{color:var(--subtle);font-size:11px;font-weight:780;letter-spacing:.11em}.space-meta strong{font-size:18px;letter-spacing:-.035em}.hero-card{position:relative;display:grid;gap:14px;min-height:300px;padding:28px;border-radius:32px;overflow:hidden;background:radial-gradient(circle at 88% 24%,rgba(255,255,255,.62),transparent 18%),linear-gradient(145deg,#ff5a3d,#ff744f 58%,#ffc1ad);color:#fff;box-shadow:0 24px 54px #ff5a3d42}.hero-card .eyebrow,.hero-card .hero-copy{color:#ffffffe0}.hero-card h1{font-size:clamp(40px,12vw,62px)}.hero-card .primary-action{align-self:end;margin-top:8px;background:#fff;color:var(--coral-strong);box-shadow:0 16px 32px #9a2a1829}.hero-visual{position:absolute;inset:auto 20px 20px auto;display:flex;align-items:end;gap:9px;opacity:.92}.hero-visual span{display:block;width:34px;border-radius:999px 999px 12px 12px;background:#ffffff47}.hero-visual span:nth-child(1){height:78px}.hero-visual span:nth-child(2){height:112px;background:#ffffff6b}.hero-visual span:nth-child(3){height:58px}.room-list-section,.lobby-card,.game-stage{display:grid;gap:16px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-top:3px}.room-list,.participant-list{display:grid;gap:12px}.room-card{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;width:100%;min-height:86px;border:1px solid rgba(37,36,32,.08);border-radius:24px;padding:16px;background:var(--surface);color:inherit;cursor:pointer;text-align:left;box-shadow:var(--shadow-soft)}.room-card-header{display:grid;gap:5px}.room-card strong,.empty-card strong,.waiting-panel strong{font-size:16px;font-weight:820;letter-spacing:-.03em}.room-card small{color:var(--muted);font-size:13px}.room-card-action{min-width:64px;border-radius:999px;padding:8px 11px;background:var(--surface-warm);color:var(--coral-strong);font-size:13px;font-weight:820;text-align:center}.avatar-stack{display:inline-flex;align-items:center;justify-content:flex-end;min-width:78px}.mini-avatar{width:30px;height:30px;margin-left:-8px;border:2px solid var(--surface);background:var(--coral-soft);color:var(--coral-strong);font-size:12px}.mini-avatar:nth-child(2){background:#61c99b33;color:#2a7f5b}.mini-avatar:nth-child(3){background:#39b8e82e;color:#1d7c9c}.mini-avatar:nth-child(4),.mini-avatar-more{background:#8b6cff2e;color:#6449ca}.empty-card,.waiting-panel{display:grid;gap:6px;padding:18px;border-radius:24px}.lobby{padding:4px 0 36px}.back-button{min-height:40px;margin:0 0 12px;border:0;padding:0;background:transparent;color:var(--muted);cursor:pointer;font-weight:760}.back-button:before{content:"←";margin-right:7px}.lobby-card{padding:22px}.readiness-card{display:flex;align-items:center;gap:14px;border-radius:24px;padding:14px;background:var(--surface-warm)}.ready-meter{width:58px;height:58px;flex:0 0 auto;background:var(--coral);color:#fff;font-size:24px;box-shadow:0 14px 28px #ff5a3d2e}.readiness-card span:last-child{display:grid;gap:3px}.readiness-card small{color:var(--muted);font-size:13px}.participant{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;min-height:62px;border:1px solid rgba(37,36,32,.07);border-radius:18px;padding:10px 12px;background:#ffffffb8}.participant-avatar{width:40px;height:40px;background:var(--surface-soft);color:var(--coral-strong)}.participant-name{font-size:15px;font-weight:760;letter-spacing:-.02em}.ready-badge{border-radius:999px;padding:7px 9px;background:var(--surface-soft);color:var(--muted);font-size:12px;font-weight:800}.ready-badge.is-ready{background:#61c99b2e;color:#277a57}.sticky-actions{display:grid;gap:10px}.room-status{margin:0;border-radius:18px;padding:14px;background:var(--surface-soft);color:var(--muted);font-size:14px;line-height:1.42}.game-stage{padding-bottom:20px}.game-topline{display:flex;align-items:center;justify-content:space-between;gap:8px}.round-pill{background:var(--surface);color:var(--ink)}.status-pill-cyan{background:#39b8e824;color:#1f7b9b}.prompt-card{display:grid;gap:15px;padding:24px}.prompt-card h1{font-size:clamp(34px,10vw,54px)}.prompt-text{margin:0;border-radius:24px;padding:18px;background:var(--surface-warm);color:var(--ink);font-size:clamp(20px,5.8vw,30px);font-weight:780;letter-spacing:-.045em;line-height:1.08}.error-note{width:min(100%,620px);margin:auto auto 0;border-radius:18px;padding:12px 14px;background:#ef4e4e17;color:#ad3434;font-size:13px;font-weight:680;line-height:1.45}button:disabled{cursor:wait;opacity:.66}@media(hover:hover){.primary-action:hover,.secondary-action:hover,.room-card:hover{filter:brightness(1.015);transform:translateY(-1px)}}@media(prefers-reduced-motion:reduce){.primary-action,.secondary-action,.room-card,.back-button{transition:none}}@media(max-width:420px){.app-shell{padding-inline:16px}.loader-card,.hero-card,.lobby-card,.prompt-card{border-radius:26px;padding:22px}.logo-loader{width:104px;height:104px}.room-card{grid-template-columns:1fr auto}.room-card-action{grid-column:2}.avatar-stack{display:none}}