.fortune-wheel{width:min(100%,340px);margin:0 auto}.fortune-wheel-stage{aspect-ratio:1;padding:18px;position:relative}.fortune-wheel-surface{filter:drop-shadow(0 10px 14px #181f3d33);width:100%;height:100%;overflow:visible}.fortune-wheel-rotor{transform-origin:160px 160px;will-change:transform}.fortune-wheel-segment{stroke:color-mix(in srgb, var(--line) 72%, var(--ink));stroke-width:1.25px}.fortune-wheel-segment.is-even{fill:color-mix(in srgb, var(--primary) 18%, white)}.fortune-wheel-segment.is-odd{fill:color-mix(in srgb, var(--accent) 18%, white)}.fortune-wheel-segment.is-used{fill:var(--surface-muted);opacity:.52}.fortune-wheel-segment.is-revealed{fill:color-mix(in srgb, var(--success) 24%, white);stroke:var(--success);stroke-width:2.5px;opacity:1}.fortune-wheel-label{fill:var(--ink);font-size:14px;font-weight:var(--pm-font-weight-bold);text-anchor:middle;dominant-baseline:central;-webkit-user-select:none;user-select:none}.fortune-wheel-label.is-used{fill:var(--muted);text-decoration:line-through}.fortune-wheel-label.is-revealed{fill:color-mix(in srgb, var(--success) 72%, black)}.fortune-wheel-rim{fill:none;stroke:var(--primary);stroke-width:10px}.fortune-wheel-hub{width:72px;height:72px;color:var(--ink);background:linear-gradient(145deg, white, var(--surface-muted));border:4px solid var(--primary);font-size:1.9rem;font-weight:var(--pm-font-weight-bold);border-radius:50%;place-items:center;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 6px 12px #181f3d38}.fortune-wheel-pointer{z-index:2;border-top:0;border-left:15px solid #0000;border-right:15px solid #0000;border-bottom:34px solid var(--primary);filter:drop-shadow(0 3px 3px #181f3d3d);width:0;height:0;position:absolute;top:3px;left:50%;transform:translate(-50%)}.fortune-wheel-status{margin-bottom:var(--pm-space-lg);text-align:center}.fortune-wheel-status h1{margin-bottom:var(--pm-space-sm);font-size:clamp(1.65rem,6vw,2.35rem)}.fortune-wheel-status p{max-width:48ch;margin:0 auto}.fortune-wheel-countdown{margin:var(--pm-space-md) 0 0;font-weight:var(--pm-font-weight-semibold);text-align:center}.fortune-wheel-action{width:min(100%,340px);margin:var(--pm-space-lg) auto 0}.fortune-wheel-action .button{width:100%}.fortune-wheel-request-note{margin:var(--pm-space-sm) 0 0;text-align:center;font-size:.875rem}.fortune-wheel-strength{gap:var(--pm-space-xs);margin-top:var(--pm-space-sm);color:var(--muted);font-size:.875rem;font-weight:var(--pm-font-weight-semibold);text-align:center;display:grid}.fortune-wheel-strength-track{background:var(--surface-muted);border:var(--pm-border-standard) solid var(--line);border-radius:var(--pm-radius-pill);height:8px;overflow:hidden}.fortune-wheel-strength-fill{background:var(--primary);height:100%;transition:width 50ms linear}@media (width<=420px){.fortune-wheel-stage{padding:12px}.fortune-wheel-label{font-size:13px}.fortune-wheel-hub{width:62px;height:62px;font-size:1.6rem}}@media (prefers-reduced-motion:reduce){.fortune-wheel-rotor{will-change:auto}.fortune-wheel-strength-fill{transition:none}}:root{--pm-color-primary:#1565c0;--pm-color-accent:#ffc107;--pm-color-background:#f8fafc;--pm-color-surface:#fff;--pm-color-text-primary:#0f172a;--pm-color-text-secondary:#64748b;--pm-color-border:#cbd5e1;--pm-color-success:#2e7d32;--pm-color-warning:#fb8c00;--pm-color-error:#d32f2f;--pm-color-ranking-silver:#94a3b8;--pm-color-ranking-bronze:#cd7f32;--pm-font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--pm-font-weight-regular:400;--pm-font-weight-semibold:600;--pm-font-weight-bold:700;--pm-space-xs:4px;--pm-space-sm:8px;--pm-space-md:12px;--pm-space-lg:16px;--pm-space-xl:20px;--pm-space-2xl:24px;--pm-space-3xl:28px;--pm-space-4xl:32px;--pm-space-5xl:40px;--pm-space-6xl:48px;--pm-radius-small:8px;--pm-radius-input:14px;--pm-radius-standard:16px;--pm-radius-pill:24px;--pm-border-standard:1px;--pm-border-focus:2px;--pm-touch-target-min:48px;--pm-button-height-standard:54px;--pm-button-height-large:58px;--pm-content-max-width:420px;--pm-screen-padding:24px;font-family:var(--pm-font-family);color:var(--pm-color-text-primary);background:var(--pm-color-background);font-synthesis:none;text-rendering:optimizelegibility;--primary:var(--pm-color-primary);--primary-strong:color-mix(in srgb, var(--pm-color-primary) 78%, black);--primary-soft:color-mix(in srgb, var(--pm-color-primary) 10%, white);--accent:var(--pm-color-accent);--ink:var(--pm-color-text-primary);--muted:var(--pm-color-text-secondary);--surface:var(--pm-color-surface);--surface-muted:color-mix(in srgb, var(--pm-color-background) 72%, var(--pm-color-surface));--line:var(--pm-color-border);--success:var(--pm-color-success);--success-soft:color-mix(in srgb, var(--pm-color-success) 10%, white);--warning:var(--pm-color-warning);--warning-soft:color-mix(in srgb, var(--pm-color-warning) 12%, white);--danger:var(--pm-color-error);--danger-soft:color-mix(in srgb, var(--pm-color-error) 9%, white)}*{box-sizing:border-box}html{background:var(--pm-color-background);min-width:320px}body{min-width:320px;min-height:100vh;margin:0;font-size:1rem}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,summary:focus-visible{outline:var(--pm-border-focus) solid var(--primary);outline-offset:var(--pm-space-xs)}.app-shell{width:min(1120px,100%);min-height:100vh;padding:max(var(--pm-screen-padding), env(safe-area-inset-top)) var(--pm-screen-padding) max(var(--pm-screen-padding), env(safe-area-inset-bottom));margin:0 auto}.brand-bar{align-items:center;gap:var(--pm-space-md);margin-bottom:var(--pm-space-4xl);display:flex}.brand-mark{width:var(--pm-touch-target-min);height:var(--pm-touch-target-min);flex:0 0 var(--pm-touch-target-min);border-radius:var(--pm-radius-standard);display:block}.brand-bar strong,.brand-bar span{display:block}.brand-bar strong{font-size:1.06rem;font-weight:var(--pm-font-weight-bold)}.brand-bar span{margin-top:var(--pm-space-xs);color:var(--muted);font-size:.875rem}.page-grid{gap:var(--pm-space-2xl);grid-template-columns:minmax(0,1.45fr) minmax(270px,.75fr);align-items:start;display:grid}.card{padding:var(--pm-space-2xl);background:var(--surface);border:var(--pm-border-standard) solid var(--line);border-radius:var(--pm-radius-standard)}h1,h2,h3,p{margin-top:0}h1{margin-bottom:var(--pm-space-lg);font-size:clamp(2rem,7vw,3rem);font-weight:var(--pm-font-weight-bold);letter-spacing:-.035em;line-height:1.05}h2{font-size:1.3rem;font-weight:var(--pm-font-weight-bold)}h3{margin-top:var(--pm-space-xl);font-size:1rem;font-weight:var(--pm-font-weight-semibold)}p{color:var(--muted);line-height:1.6}.eyebrow{margin-bottom:var(--pm-space-sm);color:var(--primary);font-size:.875rem;font-weight:var(--pm-font-weight-semibold);display:block}.hero{padding-bottom:var(--pm-space-sm)}.hero p{max-width:46ch}.invite-status{gap:var(--pm-space-md);margin:var(--pm-space-md) 0 var(--pm-space-2xl);padding:var(--pm-space-md) var(--pm-space-lg);border:var(--pm-border-standard) solid transparent;border-radius:var(--pm-radius-standard);align-items:center;display:flex}.invite-status>span{color:#fff;width:34px;height:34px;font-weight:var(--pm-font-weight-bold);border-radius:50%;flex:0 0 34px;place-items:center;display:grid}.invite-status strong,.invite-status small{display:block}.invite-status small{margin-top:var(--pm-space-xs);color:var(--muted);font-size:.875rem}.invite-status.success{background:var(--success-soft);border-color:color-mix(in srgb, var(--success) 32%, white)}.invite-status.success>span{background:var(--success)}.invite-status.warning{background:var(--warning-soft);border-color:color-mix(in srgb, var(--warning) 32%, white)}.invite-status.warning>span{background:var(--warning)}form{gap:var(--pm-space-lg);display:grid}label{gap:var(--pm-space-sm);font-weight:var(--pm-font-weight-semibold);display:grid}input{width:100%;min-height:var(--pm-button-height-standard);padding:0 var(--pm-space-lg);color:var(--ink);background:var(--surface);border:var(--pm-border-standard) solid var(--line);border-radius:var(--pm-radius-input);transition:border-color .15s,outline-color .15s}input:hover{border-color:color-mix(in srgb, var(--line) 55%, var(--ink))}input:focus{border-color:var(--primary);outline:var(--pm-border-focus) solid color-mix(in srgb, var(--primary) 28%, transparent);outline-offset:0}input[aria-invalid=true]{border-color:var(--danger)}fieldset{border:0;margin:0;padding:0}legend{margin-bottom:var(--pm-space-sm);font-weight:var(--pm-font-weight-semibold)}.choice-grid{gap:var(--pm-space-sm);flex-wrap:wrap;display:flex}.choice,.color-choice{width:var(--pm-touch-target-min);height:var(--pm-touch-target-min);cursor:pointer}.choice{background:var(--surface);border:var(--pm-border-standard) solid var(--line);border-radius:var(--pm-radius-input);font-size:1.5rem}.choice:hover{border-color:var(--primary)}.choice.selected{background:var(--primary-soft);border:var(--pm-border-focus) solid var(--primary)}.color-choice{border:var(--pm-space-xs) solid var(--surface);box-shadow:0 0 0 var(--pm-border-standard) var(--line);border-radius:50%}.color-choice.selected{box-shadow:0 0 0 var(--pm-border-focus) var(--primary)}.technical-fields{padding:var(--pm-space-lg);background:var(--surface-muted);border:var(--pm-border-standard) solid var(--line);border-radius:var(--pm-radius-standard)}.technical-fields summary{min-height:var(--pm-touch-target-min);cursor:pointer;font-weight:var(--pm-font-weight-semibold);align-items:center;display:flex}.technical-fields label{margin-top:var(--pm-space-md)}.field-error{margin:calc(var(--pm-space-md) * -1) 0 0;color:var(--danger);font-size:.875rem}.privacy-note,.hint{margin:var(--pm-space-lg) 0 0;font-size:.875rem}.button{min-height:var(--pm-button-height-standard);padding:0 var(--pm-space-xl);cursor:pointer;border:var(--pm-border-standard) solid transparent;border-radius:var(--pm-radius-standard);font-weight:var(--pm-font-weight-bold);transition:filter .15s,background-color .15s,border-color .15s}.button:hover:not(:disabled){filter:brightness(.96)}.button:disabled{cursor:not-allowed;opacity:.55}.button-primary{color:#fff;background:var(--primary)}.button-secondary{color:var(--primary);background:var(--surface);border-color:var(--line)}.button-success{color:#fff;background:var(--success)}.button-large{width:100%;min-height:var(--pm-button-height-large);font-size:1.03rem}.button-small{min-height:var(--pm-touch-target-min);padding:0 var(--pm-space-lg);margin-left:auto}.button-row{gap:var(--pm-space-md);flex-wrap:wrap;justify-content:center;display:flex}.center-card{align-content:center;place-items:center;gap:var(--pm-space-sm);text-align:center;min-height:420px;display:grid}.center-card .button{min-width:170px}.spinner,.mini-spinner{border:var(--pm-space-xs) solid var(--line);border-top-color:var(--primary);border-radius:50%;animation:.8s linear infinite spin}.spinner{width:58px;height:58px;margin-bottom:var(--pm-space-md)}.mini-spinner{vertical-align:middle;border-width:3px;width:20px;height:20px;display:inline-block}.error-icon,.success-icon{color:#fff;border-radius:var(--pm-radius-standard);width:68px;height:68px;font-size:2rem;font-weight:var(--pm-font-weight-bold);place-items:center;display:grid}.error-icon{background:var(--danger)}.success-icon{background:var(--success)}.connection-diagnostics{width:100%;margin-top:var(--pm-space-lg);padding:var(--pm-space-lg);background:var(--surface-muted);border:var(--pm-border-standard) solid var(--line);border-radius:var(--pm-radius-standard);text-align:left}.connection-diagnostics summary{min-height:var(--pm-touch-target-min);cursor:pointer;color:var(--primary);font-weight:var(--pm-font-weight-semibold);align-items:center;display:flex}.connection-diagnostics p{margin:var(--pm-space-sm) 0 var(--pm-space-md);color:var(--muted);font-size:.875rem}.connection-diagnostics pre{max-height:260px;margin:0 0 var(--pm-space-md);padding:var(--pm-space-md);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;background:var(--surface);border:var(--pm-border-standard) solid var(--line);border-radius:var(--pm-radius-standard);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;line-height:1.45;overflow:auto}.connection-diagnostics .button{width:100%;min-width:0}.connection-banner{gap:var(--pm-space-md);margin-bottom:var(--pm-space-md);padding:var(--pm-space-md) var(--pm-space-lg);background:var(--surface);border:var(--pm-border-standard) solid var(--line);border-radius:var(--pm-radius-standard);align-items:center;display:flex}.connection-banner strong,.connection-banner small{display:block}.connection-banner small{margin-top:var(--pm-space-xs);color:var(--muted);font-size:.875rem}.status-dot{background:var(--pm-color-ranking-silver);border-radius:50%;flex:0 0 10px;width:10px;height:10px}.status-connected .status-dot{background:var(--success)}.status-reconnecting .status-dot,.status-connecting .status-dot{background:var(--warning);animation:1s infinite pulse}.status-error .status-dot,.status-lost .status-dot{background:var(--danger)}.player-list{gap:var(--pm-space-sm);margin:var(--pm-space-2xl) 0;padding:0;list-style:none;display:grid}.player-list li{align-items:center;gap:var(--pm-space-md);padding:var(--pm-space-md);background:var(--surface);border:var(--pm-border-standard) solid var(--line);border-radius:var(--pm-radius-standard);display:flex}.player-list li.is-me{background:var(--primary-soft);border-color:color-mix(in srgb, var(--primary) 45%, white)}.player-avatar{width:var(--pm-touch-target-min);height:var(--pm-touch-target-min);flex:0 0 var(--pm-touch-target-min);border-radius:var(--pm-radius-input);place-items:center;font-size:1.3rem;display:grid}.player-list strong,.player-list small{display:block}.player-list small{margin-top:var(--pm-space-xs);color:var(--muted);font-size:.875rem}.settings-card{top:var(--pm-space-xl);position:sticky}.settings-grid{gap:var(--pm-space-sm);grid-template-columns:1fr 1fr;margin:0;display:grid}.settings-grid div{padding:var(--pm-space-md);background:var(--surface-muted);border:var(--pm-border-standard) solid var(--line);border-radius:var(--pm-radius-input)}.settings-grid dt{color:var(--muted);font-size:.875rem}.settings-grid dd{margin:var(--pm-space-xs) 0 0;font-weight:var(--pm-font-weight-bold)}.chips{gap:var(--pm-space-sm);flex-wrap:wrap;display:flex}.chip{padding:var(--pm-space-sm) var(--pm-space-md);color:var(--ink);background:var(--surface);border:var(--pm-border-standard) solid var(--line);border-radius:var(--pm-radius-pill);font-size:.875rem;font-weight:var(--pm-font-weight-semibold)}.round-header{justify-content:space-between;align-items:flex-start;gap:var(--pm-space-lg);display:flex}.letter-badge{min-width:66px;height:66px;padding:0 var(--pm-space-md);color:var(--ink);background:var(--accent);border-radius:var(--pm-radius-standard);font-weight:var(--pm-font-weight-bold);place-items:center;display:inline-grid}.timer{min-width:92px;padding:var(--pm-space-sm) var(--pm-space-md);text-align:center;background:var(--primary-soft);border:var(--pm-border-standard) solid color-mix(in srgb, var(--primary) 25%, white);border-radius:var(--pm-radius-standard);flex:none}.timer small,.timer strong{display:block}.timer small{color:var(--muted);font-size:.875rem}.timer strong{margin-top:var(--pm-space-xs);font-size:1.35rem;font-weight:var(--pm-font-weight-bold)}.timer-urgent{color:var(--danger);background:var(--danger-soft);border-color:color-mix(in srgb, var(--danger) 30%, white);animation:1s infinite pulse}.answers-form{margin-top:var(--pm-space-xl)}.answers-form label span{font-size:.9rem}.letter-orbit{width:100px;height:100px;color:var(--ink);background:var(--accent);border-radius:var(--pm-radius-standard);font-size:3.6rem;font-weight:var(--pm-font-weight-bold);place-items:center;display:grid}.review-list{gap:var(--pm-space-sm);margin:var(--pm-space-xl) 0;display:grid}.review-row{gap:var(--pm-space-lg);padding:var(--pm-space-lg);background:var(--surface-muted);border:var(--pm-border-standard) solid var(--line);border-radius:var(--pm-radius-standard);grid-template-columns:minmax(110px,.45fr) 1fr;align-items:center;display:grid}.review-row strong,.review-row span{overflow-wrap:anywhere}.result-row{justify-content:space-between;gap:var(--pm-space-lg);display:flex}.result-row>div{gap:var(--pm-space-xs);display:grid}.result-row b{white-space:nowrap}.waiting-line{gap:var(--pm-space-sm);padding:var(--pm-space-lg);color:var(--primary-strong);background:var(--primary-soft);border:var(--pm-border-standard) solid color-mix(in srgb, var(--primary) 25%, white);border-radius:var(--pm-radius-standard);font-weight:var(--pm-font-weight-semibold);justify-content:center;align-items:center;display:flex}.score-list{gap:var(--pm-space-sm);margin:var(--pm-space-2xl) 0;counter-reset:rank;padding:0;list-style:none;display:grid}.score-list li{align-items:center;gap:var(--pm-space-md);padding:var(--pm-space-md);background:var(--surface-muted);border:var(--pm-border-standard) solid var(--line);border-radius:var(--pm-radius-standard);display:flex}.score-list li.is-me{background:var(--primary-soft);border-color:color-mix(in srgb, var(--primary) 35%, white)}.score-list .rank{width:28px;font-weight:var(--pm-font-weight-bold);place-items:center;display:grid}.score-list li:nth-child(2) .rank{color:var(--pm-color-ranking-silver)}.score-list li:nth-child(3) .rank{color:var(--pm-color-ranking-bronze)}.score-list .score{font-weight:var(--pm-font-weight-bold);margin-left:auto}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.6}}@media (width<=800px){.page-grid{grid-template-columns:1fr}.settings-card{padding:var(--pm-space-lg);position:static}.page-grid aside{order:-1}.settings-card h2{margin-bottom:var(--pm-space-md)}.settings-card h3,.settings-card .chips{display:none}}@media (width<=520px){.app-shell{padding-left:var(--pm-space-lg);padding-right:var(--pm-space-lg)}.brand-bar{margin-bottom:var(--pm-space-2xl)}.card{padding:var(--pm-space-lg)}.round-header{align-items:center}.round-header h1{font-size:1.8rem}.letter-badge{min-width:54px;height:54px}.review-row{gap:var(--pm-space-xs);grid-template-columns:1fr}.button-row .button{width:100%}.connection-banner{align-items:flex-start}.button-small{margin-left:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--native-primary-container:color-mix(in srgb, var(--pm-color-primary) 13%, white);--native-surface-container:color-mix(in srgb, var(--pm-color-background) 82%, var(--pm-color-surface))}.app-shell{width:100%;max-width:none;min-height:100dvh;padding:0 0 max(16px, env(safe-area-inset-bottom));background:var(--pm-color-background);margin:0}.brand-bar{display:none}.native-app-bar{min-height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 16px 0;background:var(--pm-color-background);color:var(--pm-color-text-primary);justify-content:center;align-items:flex-end;display:flex}.native-app-bar-title{text-align:center;justify-content:center;align-items:center;width:100%;min-height:56px;font-size:20px;font-weight:600;line-height:1.2;display:flex}.page-single{width:min(420px,100% - 32px);margin:0 auto}.page-grid{width:min(920px,100% - 32px);margin:0 auto}.card{border:1px solid var(--pm-color-border);background:var(--pm-color-surface);box-shadow:none;border-radius:16px;padding:16px}.native-icon{fill:currentColor;flex:none;width:24px;height:24px;display:inline-block}.connection-banner{margin:0 0 12px}.round-status-bar{white-space:nowrap;justify-content:center;align-items:center;gap:8px;max-width:100%;display:flex;overflow:hidden}.round-status-pill{border:1px solid color-mix(in srgb, var(--pm-color-primary) 24%, transparent);background:color-mix(in srgb, var(--native-primary-container) 72%, transparent);min-width:0;color:color-mix(in srgb, var(--pm-color-primary) 72%, var(--pm-color-text-primary));border-radius:999px;align-items:baseline;padding:5px 10px;font-size:12px;font-weight:700;line-height:1.2;display:inline-flex}.round-status-pill strong{color:inherit;font-size:14px;font-weight:900}.native-top-tabs{border-bottom:1px solid var(--pm-color-border);grid-template-columns:1fr 1fr;height:48px;margin:8px 0 16px;display:grid}.native-top-tabs button{color:var(--pm-color-text-secondary);cursor:pointer;font:inherit;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-weight:600;display:flex;position:relative}.native-top-tabs button.selected{color:var(--pm-color-primary)}.native-top-tabs button.selected:after{content:"";background:var(--pm-color-primary);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-1px;left:14px;right:14px}.lobby-game-stack{gap:12px;display:grid}.lobby-waiting-card{padding:16px}.lobby-waiting-row{grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;min-height:56px;padding:8px 4px;display:grid}.lobby-waiting-icon{width:40px;color:var(--pm-color-primary);justify-content:flex-start;display:flex}.lobby-waiting-icon .native-icon{width:28px;height:28px}.lobby-waiting-row>strong{color:var(--pm-color-text-primary);text-align:center;font-size:22px;font-weight:700;line-height:1.2}.lobby-waiting-spacer{width:40px}.lobby-summary-card{gap:16px;display:grid}.lobby-summary-section{gap:4px;display:grid}.lobby-summary-label{color:var(--pm-color-text-primary);font-size:14px;font-weight:600}.lobby-summary-value{color:var(--pm-color-text-secondary);align-items:center;gap:6px;font-size:16px;display:flex}.lobby-summary-value.enabled{color:var(--pm-color-primary)}.lobby-summary-value .native-icon{width:20px;height:20px}.lobby-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin-top:4px;display:grid}.lobby-category-grid span{min-width:0;color:var(--pm-color-text-primary);overflow-wrap:anywhere;font-size:14px}.lobby-summary-divider{background:var(--pm-color-border);height:1px;margin-top:0}.muted-copy{color:var(--pm-color-text-secondary);font-size:14px}.players-panel-heading{color:var(--pm-color-text-primary);align-items:center;gap:8px;font-size:16px;display:flex}.players-panel-heading .native-icon{color:var(--pm-color-primary)}.lobby-summary-card .player-list,.players-game-card .player-list{margin:4px 0 0}.lobby-summary-card .player-list li,.players-game-card .player-list li{border-radius:12px;padding:10px}.lobby-summary-card .player-avatar,.players-game-card .player-avatar{border-radius:12px;flex-basis:42px;width:42px;height:42px}.lobby-invite-view{gap:12px;display:grid}.lobby-invite-view>p{color:var(--pm-color-text-primary);margin:0;line-height:1.45}.room-code-card{text-align:center}.room-code-card span,.room-code-card strong{display:block}.room-code-card span{color:var(--pm-color-text-secondary);font-size:13px;font-weight:600}.room-code-card strong{color:var(--pm-color-text-primary);letter-spacing:.16em;margin-top:6px;font-size:30px;font-weight:900}.invite-help-card{align-items:flex-start;gap:12px;display:flex}.invite-help-card>.native-icon{color:var(--pm-color-primary)}.invite-help-card strong,.invite-help-card span{display:block}.invite-help-card span{color:var(--pm-color-text-secondary);margin-top:4px;font-size:14px;line-height:1.4}.game-card{padding:16px}.answer-form-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.answer-form-header>strong{color:var(--pm-color-text-primary);font-size:16px;font-weight:800}.answer-form-header>span{border:1px solid color-mix(in srgb, var(--pm-color-primary) 22%, transparent);background:var(--native-primary-container);color:color-mix(in srgb, var(--pm-color-primary) 72%, var(--pm-color-text-primary));white-space:nowrap;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800}.answer-progress{background:color-mix(in srgb, var(--pm-color-border) 45%, transparent);border-radius:999px;height:6px;margin:10px 0 12px;overflow:hidden}.answer-progress i{border-radius:inherit;background:var(--pm-color-primary);height:100%;transition:width .18s ease-out;display:block}.native-answers-form{gap:8px;margin:0;display:grid}.native-answer-field{font-weight:400;display:block;position:relative}.native-answer-field>span{z-index:1;color:var(--pm-color-text-secondary);pointer-events:none;font-size:12px;font-weight:700;position:absolute;top:5px;left:12px}.native-answer-field input{background:color-mix(in srgb, var(--native-surface-container) 18%, white);border-radius:12px;min-height:54px;padding:20px 12px 7px}.native-answer-field input::placeholder{color:color-mix(in srgb, var(--pm-color-text-secondary) 72%, transparent)}.native-answer-field:focus-within>span{color:var(--pm-color-primary);font-weight:800}.native-answer-field:focus-within input{border-color:var(--pm-color-primary);outline:1px solid var(--pm-color-primary);background:color-mix(in srgb, var(--pm-color-primary) 4%, white)}.native-submit-button{justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:0 18px;display:inline-flex}.native-submit-button .native-icon{width:20px;height:20px}.native-text-button{min-height:48px;color:var(--pm-color-primary);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:12px;align-items:center;gap:8px;margin-top:8px;padding:0 8px;font-weight:600;display:inline-flex}.native-text-button .native-icon{width:20px;height:20px}.phase-banner{border:1px solid color-mix(in srgb, var(--pm-color-primary) 24%, white);background:var(--native-primary-container);color:var(--pm-color-text-primary);border-radius:16px;align-items:flex-start;gap:12px;padding:14px;display:flex}.phase-banner-icon{width:26px;height:26px;color:var(--pm-color-primary)}.phase-banner-copy{flex:1;gap:4px;min-width:0;display:grid}.phase-banner-copy>strong{font-size:16px;font-weight:800}.phase-banner-copy>span:not(.phase-progress){color:var(--pm-color-text-secondary);font-size:14px;line-height:1.4}.phase-banner-celebratory{background:color-mix(in srgb, var(--pm-color-warning) 10%, white);border-color:color-mix(in srgb, var(--pm-color-warning) 34%, white)}.phase-banner-celebratory .phase-banner-icon{color:var(--pm-color-warning)}.phase-progress{background:color-mix(in srgb, var(--pm-color-primary) 15%, white);border-radius:999px;height:4px;margin-top:6px;overflow:hidden}.phase-progress i{border-radius:inherit;background:var(--pm-color-primary);width:42%;height:100%;animation:1.2s ease-in-out infinite alternate native-progress;display:block}.phase-section-gap{height:12px}.native-section-title{color:var(--pm-color-text-primary);margin:0 0 8px;font-size:16px;font-weight:800}.answer-timing-list{gap:6px;display:grid}.answer-timing-card{border:1px solid var(--pm-color-border);background:var(--pm-color-surface);border-radius:12px;gap:4px;padding:8px 10px;display:grid}.answer-timing-card strong{color:var(--pm-color-text-primary);font-size:16px;font-weight:800}.answer-timing-card span{color:var(--pm-color-text-secondary);font-size:14px}.native-small-note{color:var(--pm-color-text-secondary);margin:4px 0 0;font-size:12px;line-height:1.4}.category-results-header{gap:2px;margin-bottom:8px;display:grid}.category-results-header>span{color:var(--pm-color-text-secondary);font-size:12px;font-weight:600}.category-results-header>strong{color:var(--pm-color-text-primary);font-size:24px;font-weight:800;line-height:1.15}.category-results-list{gap:6px;display:grid}.category-result-card{border:1px solid var(--pm-color-border);background:var(--pm-color-surface);border-radius:12px;gap:3px;padding:8px 10px;display:grid}.category-result-card.is-me{border:2px solid var(--pm-color-primary);padding:7px 9px}.category-result-card.result-error:not(.is-me){border-color:color-mix(in srgb, var(--pm-color-error) 45%, white)}.category-result-card.result-warning:not(.is-me){border-color:color-mix(in srgb, var(--pm-color-warning) 45%, white)}.category-result-card.result-success:not(.is-me){border-color:color-mix(in srgb, var(--pm-color-success) 45%, white)}.category-result-card>div{align-items:center;gap:8px;display:flex}.category-result-card>div>strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--pm-color-text-primary);flex:1;font-size:14px;font-weight:800;overflow:hidden}.result-points{background:var(--native-surface-container);color:var(--pm-color-text-secondary);white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:14px;font-weight:800}.result-points.positive{background:var(--native-primary-container);color:color-mix(in srgb, var(--pm-color-primary) 72%, var(--pm-color-text-primary))}.category-answer{text-overflow:ellipsis;white-space:nowrap;color:var(--pm-color-text-primary);font-size:14px;font-weight:700;overflow:hidden}.category-answer.empty{color:var(--pm-color-error)}.round-summary-title{color:var(--pm-color-text-primary);margin:0 0 12px;font-size:24px;font-weight:900;line-height:1.2}.round-ranking-card{background:var(--native-surface-container);border-radius:16px;margin-bottom:12px;padding:12px}.round-ranking-card .score-list{margin:0}.results-card .score-list{margin:12px 0}.score-list{gap:8px}.score-list li{background:var(--pm-color-surface);border-radius:12px;padding:10px}.score-list .player-avatar{border-radius:12px;flex-basis:42px;width:42px;height:42px}.native-final-ranking-title{color:var(--pm-color-text-primary);margin:12px 0 0;font-size:20px;font-weight:900}.native-action-button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.native-action-button+.native-action-button{margin-top:8px}.native-action-note{color:var(--pm-color-text-secondary);text-align:center;margin:8px 0 0;font-size:12px}.has-game-nav{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.native-game-nav{z-index:20;width:min(420px,100%);min-height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--pm-color-border);background:color-mix(in srgb, var(--pm-color-background) 96%, white);grid-template-columns:1fr 1fr;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.native-game-nav button{min-height:64px;color:var(--pm-color-text-secondary);cursor:pointer;font:inherit;background:0 0;border:0;align-content:center;place-items:center;gap:2px;font-size:12px;font-weight:600;display:grid}.native-game-nav button.selected{color:var(--pm-color-primary)}.native-game-nav button .native-icon{width:24px;height:24px}.players-game-card{margin-top:0}.center-card{min-height:0;padding:16px}.center-card h1{color:var(--pm-color-text-primary);letter-spacing:0;margin-bottom:8px;font-size:24px;font-weight:800;line-height:1.2}.center-card p{line-height:1.45}.letter-orbit{border-radius:16px}.join-card{padding:16px}.join-card .hero h1{color:var(--pm-color-text-primary);letter-spacing:0;margin-bottom:8px;font-size:24px;font-weight:800;line-height:1.2}.join-card .hero p{line-height:1.45}@keyframes native-progress{0%{transform:translate(-8%)}to{transform:translate(138%)}}@media (width<=419px){.answer-form-header{justify-items:start;gap:8px;display:grid}.lobby-waiting-row>strong{font-size:20px}.round-status-pill{padding:5px 8px;font-size:11px}.round-status-pill strong{font-size:13px}.room-code-card strong{font-size:26px}}@media (width>=801px){.page-grid{grid-template-columns:minmax(0,1.45fr) minmax(270px,.75fr)}.native-game-nav{border-left:1px solid var(--pm-color-border);border-right:1px solid var(--pm-color-border)}}@media (prefers-reduced-motion:reduce){.phase-progress i,.answer-progress i{transition:none!important;animation:none!important}}