#root{min-height:100vh}.platform-page{max-width:1120px;margin:0 auto}.platform-page h1{letter-spacing:.04em;font-family:Noto Serif SC,SimSun,serif;font-size:clamp(2rem,5vw,4rem);font-weight:600}.platform-fatal{place-items:center;min-height:100vh;padding:2rem;display:grid}.pwa-lifecycle{z-index:1000;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--color-paper);max-width:min(36rem,100vw - 2rem);box-shadow:var(--shadow-raised);align-items:center;gap:.6rem;padding:.6rem;display:flex;position:fixed;bottom:1rem;right:1rem}@media (width<=560px){.pwa-lifecycle{display:grid;left:1rem;right:1rem}}.pwa-lifecycle:has(>.ui-button--primary:only-child){width:max-content;box-shadow:none;background:0 0;border:0;padding:0;left:auto}.pwa-lifecycle[data-offline=false]{width:max-content;max-width:calc(100% - 2rem);box-shadow:none;flex-wrap:wrap;margin:1rem auto;position:static;inset:auto}.page-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.page-header h1{margin:0;font-family:Noto Serif SC,SimSun,serif}.muted{color:var(--color-muted)}.room-realtime{border:1px solid var(--line);min-height:28px;color:var(--color-muted);align-items:center;margin-top:.5rem;padding:.2rem .55rem;font-size:.76rem;font-weight:700;display:inline-flex}.room-realtime--live{border-color:var(--color-success);color:var(--color-success)}.room-realtime--polling,.room-realtime--connecting{border-color:var(--color-warning);color:#8a560c}.room-realtime--offline,.room-realtime--closed{border-color:var(--color-danger);color:var(--color-danger)}@media (width<=720px){.page-header{flex-direction:column;margin-bottom:1.25rem}.page-header>.player-actions,.page-header>.player-link{width:100%}.page-header>.player-link{justify-content:center}.platform-page h1{font-size:clamp(2rem,11vw,3rem)}}