:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-family-ui:"IBM Plex Sans", "Avenir Next", "Segoe UI", sans-serif;--font-family-mono:"IBM Plex Mono", "SFMono-Regular", "Consolas", monospace;font-family:var(--font-family-ui);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-canvas:#070809;--color-surface:#101214;--color-surface-strong:#171a1d;--color-surface-panel:#121417f0;--color-surface-panel-soft:#0c0e10e6;--color-surface-panel-accent:#181b1ef5;--color-border:#30383f;--color-ink:#f0f4f7;--color-muted:#9aa5ae;--color-accent:#ff7a4d;--color-accent-strong:#ff5722;--color-success:#7fdc72;--color-caution:#ffcc62;--color-blocked:#ff6b63;--color-focus:#58c5d8;--color-shell-tint:#ff7a4d14;--color-shell-gradient-start:#121417fa;--color-shell-gradient-end:#090b0df7;--color-playfield-shell:#090c0d;--color-playfield-grid:#a6b2bc1f;--color-playfield-cell:#ffffff08;--color-playfield-active:#ff7a4d;--color-playfield-active-strong:#ffcc93;--color-playfield-border:#8d9aa43d;--color-status-info-bg:#59b5ff24;--color-status-success-bg:#7fdc7226;--color-status-caution-bg:#ffcc6226;--color-status-blocked-bg:#ff6b6329;--color-notice-info-bg:#59b5ff1a;--color-notice-info-border:#59b5ff38;--color-notice-blocked-bg:#ff6b631a;--color-notice-blocked-border:#ff6b6338;--radius-md:8px;--radius-sm:6px;--shadow-card:0 16px 34px #00000047;--focus-outline-size:3px;--focus-outline-offset:3px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--type-size-eyebrow:.8rem;--type-size-title:2.15rem;--type-size-section:1.35rem;--type-size-body:1rem;--type-size-helper:.95rem;--type-size-micro:.85rem;--type-size-badge:.78rem;--layout-shell-max-width:1280px;--layout-panel-gap:var(--space-4);--layout-screen-padding-x:1.25rem;--layout-screen-padding-top:var(--space-7);--layout-screen-padding-bottom:4rem;--layout-board-cell-size:clamp(1.15rem, 1vw + .8rem, 1.9rem);--motion-fast:.15s;--motion-base:.22s;--motion-ease:cubic-bezier(.2, .8, .2, 1);font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}body{min-width:320px;font-family:var(--font-family-ui);background:linear-gradient(180deg, #0d0f11fa, #050607), linear-gradient(90deg, #ff7a4d0a, transparent 34%, #58c5d808), var(--color-canvas);color:var(--color-ink);margin:0;position:relative}body:before{content:"";z-index:-1;pointer-events:none;opacity:.2;background-color:#0000;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:72px 72px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0}a{color:inherit;text-decoration:none}code{font-family:var(--font-family-mono);font-size:.95rem}h1,h2,p{margin:0}h1,h2,.field__label,.button,.status-badge{letter-spacing:0}h1{font-size:var(--type-size-title);line-height:1.1}h2{font-size:var(--type-size-section);line-height:1.2}.shell{max-width:var(--layout-shell-max-width);padding:var(--layout-screen-padding-top) var(--layout-screen-padding-x) var(--layout-screen-padding-bottom);margin:0 auto}.shell--game{max-width:1360px}.hero-banner{padding:var(--space-6);background:linear-gradient(135deg, var(--color-shell-gradient-start), var(--color-shell-gradient-end)), var(--color-surface);box-shadow:var(--shadow-card);transition:box-shadow var(--motion-base) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease);border:1px solid #49555f80;border-radius:8px}.hero-banner--landing{background:linear-gradient(135deg, #121417fa, #0a0c0ef5), var(--color-surface);position:relative;overflow:hidden}.hero-banner--landing:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ff7a4d70,#0000);height:1px;position:absolute;inset:auto 0 0}.hero-banner__grid{z-index:1;gap:var(--space-5);grid-template-columns:minmax(0,1.45fr) minmax(19rem,.95fr);align-items:stretch;display:grid;position:relative}.hero-banner__content,.hero-banner__showcase{min-width:0}.hero-banner__signals{gap:var(--space-2);flex-wrap:wrap;display:flex}.hero-banner__signal{color:#e5eefcd1;min-height:2rem;font-size:var(--type-size-micro);text-transform:uppercase;letter-spacing:0;background:linear-gradient(#121821eb,#0b1018f0);border:1px solid #49648170;border-radius:999px;align-items:center;padding:.45rem .8rem;font-weight:600;display:inline-flex}.hero-banner__showcase{gap:var(--space-3);display:grid}.hero-stat-card{min-height:100%;padding:var(--space-4);border-radius:var(--radius-md);background:linear-gradient(180deg, #16191ceb, #0e1013f0), var(--color-surface-panel);box-shadow:var(--shadow-card);animation:landing-rise var(--motion-base) var(--motion-ease) both;border:1px solid #49555f80}.hero-stat-card--success{border-color:#2e7a532e}.hero-stat-card--caution{border-color:#b1842a38}.hero-stat-card--blocked{border-color:#8f302b38}.hero-stat-card__label{margin-bottom:var(--space-2);color:var(--color-muted);font-size:var(--type-size-micro);text-transform:uppercase;letter-spacing:0;display:block}.hero-stat-card__value{margin-bottom:var(--space-1);font-size:1.4rem;line-height:1.1;display:block}.eyebrow{color:var(--color-accent);font-size:var(--type-size-eyebrow);letter-spacing:0;text-transform:uppercase;font-weight:700}.lede{max-width:62ch;color:var(--color-muted);font-size:var(--type-size-body)}.panel-grid{gap:var(--layout-panel-gap);margin-top:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.entry-app-shell{padding:var(--space-4);background:linear-gradient(#121821fa,#090e15fc),#0a0f15;border:1px solid #49648157;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 30px 70px #0000006b,inset 0 1px #ffffff0d}.entry-app-shell:before,.service-shell:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ff7a4d24,#0000 22%),linear-gradient(#0000 0 calc(100% - 1px),#ffffff0d calc(100% - 1px)),repeating-linear-gradient(90deg,#0000 0 83px,#ffffff04 83px 84px);position:absolute;inset:0}.entry-app-shell:after,.service-shell:after{content:"";pointer-events:none;background:linear-gradient(90deg,#ffffff38,#0000 70%);width:100%;height:1px;position:absolute;inset:0 auto auto 0}.entry-app-shell__header{z-index:1;padding-bottom:var(--space-4);border-bottom:1px solid #3c567175;position:relative}.entry-app-shell__brand{align-items:center;gap:var(--space-2);display:inline-flex}.entry-app-shell__brand-copy{color:#d6e2f29e;font-family:var(--font-family-mono);font-size:var(--type-size-badge);text-transform:uppercase;letter-spacing:0}.entry-app-shell__help-button{min-height:2.2rem;padding:.5rem .8rem}.entry-app-shell__nav{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.entry-app-shell__nav-item{color:#dee8f4b3;min-height:1.95rem;font-family:var(--font-family-mono);font-size:var(--type-size-badge);letter-spacing:0;background:linear-gradient(#121821d1,#0a0e14e0);border:1px solid #445e7880;border-radius:8px;align-items:center;padding:.4rem .75rem;display:inline-flex}.entry-app-shell__nav-item--active{color:#ffefe0fa;background:linear-gradient(#ff7a4d2e,#ff572214),#10161fdb;border-color:#ff7a4d9e}.entry-platform{z-index:1;gap:var(--space-4);margin-top:var(--space-4);background:0 0;grid-template-columns:14rem minmax(0,1fr) 22rem;display:grid;position:relative}.entry-platform--service-home{grid-template-columns:minmax(0,1fr);max-width:1180px;margin-left:auto;margin-right:auto}.entry-platform--focused-entry{grid-template-columns:minmax(0,48rem);justify-content:center;max-width:980px;margin-left:auto;margin-right:auto}.entry-platform__sidebar,.entry-platform__stage,.entry-platform__rail{min-width:0;padding:calc(var(--space-5) + var(--space-1));background:linear-gradient(#0b1018db,#080c12e6);border:1px solid #3c567157;border-radius:8px;box-shadow:inset 0 1px #ffffff0a,0 18px 36px #0000002e}.entry-platform__sidebar,.entry-platform__rail{gap:var(--space-5);align-content:start;display:grid}.entry-platform__section{gap:var(--space-4);display:grid}.entry-platform__section+.entry-platform__section{padding-top:var(--space-5);border-top:1px solid #3c56713d}.entry-platform__mode-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.entry-platform__mode-item{padding:var(--space-3);background:#0f141c8f;border:1px solid #425b7652;border-radius:8px}.entry-platform__mode-item strong{color:#eaf2fce6;letter-spacing:0;font-size:.92rem;display:block}.entry-platform__mode-item .helper-text{margin-top:var(--space-1)}.entry-platform__mode-item--active{background:linear-gradient(#ff7a4d1f,#0d131bb8);border-color:#ff7a4d75}.entry-platform__meta-pills{gap:var(--space-2);flex-wrap:wrap;display:flex}.entry-platform__stage{gap:var(--space-5);display:grid}.entry-platform__stage--home{gap:var(--space-4);grid-template-columns:minmax(0,1fr)}.entry-platform__stage-header{gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px solid #3c56713d;display:grid}.entry-platform__stage-header .entry-app-shell__eyebrow{margin-bottom:0}.entry-platform__stage-header .entry-app-shell__title{margin-bottom:0;font-size:2.2rem;line-height:1.04}.entry-platform__stage-header .entry-app-shell__copy{max-width:52ch;font-size:1rem}.entry-platform__status-row .home-service-notice{padding:var(--space-3)}.entry-platform__hero-pills{gap:var(--space-3);padding-bottom:var(--space-2);flex-wrap:wrap;display:flex}.entry-platform__join-surface{gap:var(--space-5);padding:var(--space-5);background:linear-gradient(#0a0f16c2,#080c12d6);border:1px solid #3c567147;border-radius:8px;display:grid}.home-entry-action-grid{gap:var(--space-3);grid-template-columns:minmax(0,1fr);display:grid}.home-entry-action-card,.home-context-card,.home-entry-detail-card{padding:var(--space-4);background:linear-gradient(#121821db,#0b1018eb);border:1px solid #425b766b;border-radius:8px;box-shadow:inset 0 1px #ffffff08}.home-entry-action-card--primary{background:linear-gradient(#ff7a4d14,#0e131ce0),#0b1018eb;border-color:#ff7a4d6b}.home-entry-action-card--selected{border-color:#ff986f9e;box-shadow:inset 0 1px #ffffff0a,0 14px 30px #0000002e}.home-friends-entry{gap:var(--space-3);padding:var(--space-3);background:#0b1018bd;border:1px solid #425b766b;border-radius:8px;grid-template-columns:minmax(0,1fr) max-content;align-items:center;display:grid}.home-friends-entry__copy{gap:var(--space-3);align-items:center;display:flex}.home-friends-entry__copy strong{color:#f4f8fff0;display:block}.home-friends-entry__actions{gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.home-entry-action-card__header,.home-context-card__header,.home-service-notice__header{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.home-service-notice__actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.home-service-notice__actions .button{min-height:2.35rem;padding:.6rem .85rem}.home-context-card{gap:var(--space-3);display:grid}.home-return-strip{gap:var(--space-3);padding:var(--space-4);background:#0c1118b8;border:1px solid #415c7661;border-radius:8px;display:grid}.home-return-strip--first-visit{background:linear-gradient(#ff7a4d12,#0c1118c2),#0c1118b8;border-color:#ff7a4d3d}.home-return-strip__header,.home-return-strip__item{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.home-return-strip__items{gap:var(--space-2);display:grid}.home-return-strip__first-visit{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.home-return-strip__first-visit .helper-text{flex:1;min-width:min(100%,16rem)}.home-return-strip__help-button{min-height:2.35rem;padding:.6rem .85rem}.home-return-strip__item{padding:var(--space-3);background:#090e158f;border:1px solid #425b764d;border-radius:8px;justify-content:space-between}.home-return-strip__item>div{flex:1;min-width:12rem}.home-support-grid{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;display:grid}.home-support-disclosure{min-width:0}.home-support-disclosure>summary{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:3rem;padding:var(--space-3);color:#e7effae0;cursor:pointer;background:#0b1018db;border:1px solid #425b7661;border-radius:8px;display:flex}.home-support-disclosure>summary span:first-child{font-weight:700}.home-support-disclosure>summary span:last-child{color:#cedbecb8;font-size:var(--type-size-small)}.home-support-disclosure[open]>summary{border-color:#ff7a4d5c}.home-support-disclosure>.home-context-card{margin-top:var(--space-3)}.home-context-card__value{color:#f4f8fff5;font-size:1.45rem;line-height:1.1}.home-context-card__list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.home-context-card__list-item{padding-bottom:var(--space-3);border-bottom:1px solid #425b764d}.home-context-card .inline{width:100%}.home-context-card__list-item:last-child{border-bottom:none;padding-bottom:0}.home-service-notice{gap:var(--space-3);padding:var(--space-4);background:linear-gradient(#121821e0,#0b1018eb);border:1px solid #425b766b;border-radius:8px;display:grid}.home-service-notice--success{border-color:#2e7a534d}.home-service-notice--caution{border-color:#b1842a52}.home-service-notice--blocked{border-color:#8f302b52}.feedback-panel{min-width:0}.feedback-panel__textarea{resize:vertical;min-height:7rem}.feedback-panel__textarea--preview{color:#cfddefdb;min-height:10rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:var(--type-size-micro);line-height:1.55}.home-help-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.home-help-card{padding:var(--space-4);border-radius:var(--radius-sm);background:linear-gradient(#121821db,#0b1018eb);border:1px solid #425b766b}.entry-live-card__board,.entry-live-list{gap:var(--space-4);display:grid}.entry-app-shell__eyebrow{margin:0 0 var(--space-2);color:#ff9a78;font-size:var(--type-size-eyebrow);letter-spacing:0;text-transform:uppercase;font-weight:700}.entry-app-shell__title{margin:0 0 var(--space-2);color:#fff9f4fa;font-size:2.55rem;line-height:1.02}.entry-app-shell__copy{color:#d6e2f2b8;max-width:50ch;font-size:1.02rem;line-height:1.6}.entry-live-card__board{gap:var(--space-3);grid-template-columns:1fr;align-items:stretch}.entry-live-card__board-grid{padding:var(--space-3);background:linear-gradient(180deg, #0f151ff5, var(--color-playfield-shell));border:1px solid #5873906b;border-radius:8px;grid-template-columns:repeat(10,minmax(0,1fr));align-content:start;gap:4px;display:grid}.entry-live-card__board-grid .board-cell{aspect-ratio:1;width:100%;height:auto}.entry-live-card__stats{gap:var(--space-3);grid-template-columns:1fr;display:grid}.entry-live-card__stat{padding:var(--space-3);border-radius:var(--radius-sm);background:linear-gradient(#121821e0,#0b0f16e6);border:1px solid #425b766b}.entry-live-list__items{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}.entry-live-list__item{justify-content:space-between;gap:var(--space-3);padding:var(--space-3);background:linear-gradient(#121821cc,#0b0f16e0);border:1px solid #425b766b;border-radius:8px;align-items:center;display:flex}.entry-live-list__meta{flex-shrink:0}.entry-live-card .label,.entry-live-list .label{color:#a0b4caa8;letter-spacing:0}.entry-live-card strong,.entry-live-list strong{color:#f4f8fff5}.entry-live-card .helper-text,.entry-live-list .helper-text{color:#a0b4ca94}.entry-experience-grid{gap:var(--layout-panel-gap);margin-top:var(--space-5);grid-template-columns:minmax(0,1.16fr) minmax(18rem,.84fr);display:grid}.entry-experience-grid__side{gap:var(--layout-panel-gap);display:grid}.service-shell{padding:var(--space-4);background:linear-gradient(#121821fa,#090e15fc),#0a0f15;border:1px solid #49648157;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 30px 70px #0000006b,inset 0 1px #ffffff0d}.service-shell__header{z-index:1;padding-bottom:var(--space-4);border-bottom:1px solid #3c567175;position:relative}.service-shell__brand{align-items:center;gap:var(--space-2);display:inline-flex}.service-shell__brand-copy{color:#d6e2f29e;font-family:var(--font-family-mono);font-size:var(--type-size-badge);text-transform:uppercase;letter-spacing:0}.service-shell__nav{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.service-shell__nav-item{color:#dee8f4b3;min-height:1.95rem;font-family:var(--font-family-mono);font-size:var(--type-size-badge);letter-spacing:0;background:linear-gradient(#121821d1,#0a0e14e0);border:1px solid #445e7880;border-radius:8px;align-items:center;padding:.4rem .75rem;display:inline-flex}.service-shell__nav-item--active{color:#ffefe0fa;background:linear-gradient(#ff7a4d2e,#ff572214),#10161fdb;border-color:#ff7a4d9e}.service-shell__hero{z-index:1;padding:var(--space-5) 0 var(--space-4);position:relative}.service-shell__eyebrow{margin:0 0 var(--space-2);color:#ff9a78;font-size:var(--type-size-eyebrow);letter-spacing:0;text-transform:uppercase;font-weight:700}.service-shell__title{margin:0 0 var(--space-2);color:#fff9f4fa;font-size:2.35rem;line-height:1.02}.service-shell__copy{color:#d6e2f2b8;max-width:60ch;font-size:1rem;line-height:1.6}.service-shell__summary-grid{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.service-shell__summary-card{min-height:100%;padding:var(--space-4);background:linear-gradient(#121821e0,#0b1018eb);border:1px solid #425b7670;border-radius:8px;box-shadow:inset 0 1px #ffffff08}.service-shell__summary-card strong{margin-top:var(--space-1);color:#f4f8fff5;font-size:1.1rem;display:block}.service-shell__summary-card .helper-text,.service-shell__summary-card .label{color:#a0b4caa8}.game-icon-rail{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.game-icon-rail__item{color:#e5eefcd6;background:linear-gradient(#121821e6,#0b1018f2);border:1px solid #4c66817a;border-radius:8px;place-items:center;width:2.25rem;height:2.25rem;display:inline-grid;box-shadow:inset 0 1px #ffffff0a}.game-icon-rail--header .game-icon-rail__item{width:2rem;height:2rem}.game-icon-rail__icon{font-family:var(--font-family-mono);font-size:1.08rem;line-height:1}.game-icon-rail--labeled .game-icon-rail__item{width:auto;max-width:13rem;padding:0 var(--space-2);grid-template-columns:auto minmax(0,max-content);gap:.45rem}.game-icon-rail__label{color:#e5eefcc7;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.72rem;line-height:1.1;overflow:hidden}.game-icon-rail__item--success{color:#c6f7b6;border-color:#c6f7b66b}.game-icon-rail__item--caution{color:#f4d35e;border-color:#fff4ad70}.game-icon-rail__item--blocked{color:#f35d5d;border-color:#ffc0b870}.service-shell__body{gap:var(--space-4);display:grid}.service-shell__body--lobby{grid-template-columns:minmax(0,1fr)}.service-shell__body--result,.service-shell__body--game{grid-template-columns:minmax(0,1fr) minmax(19rem,23rem);align-items:start}.service-shell__main-column,.service-shell__side-column,.service-shell__board-column{min-width:0}.service-shell__main-column,.service-shell__side-column{gap:var(--space-4);display:grid}.service-module-card__kicker{margin-bottom:var(--space-1);color:var(--color-accent);font-size:var(--type-size-micro);letter-spacing:0;text-transform:uppercase;font-weight:700;display:block}.service-module-card__title{color:var(--color-ink);font-size:1.02rem;line-height:1.25;display:block}.panel{min-height:100%;padding:calc(var(--space-5) - var(--space-1));border-radius:var(--radius-md);background:var(--color-surface-panel);box-shadow:var(--shadow-card);transition:box-shadow var(--motion-base) var(--motion-ease), background-color var(--motion-fast) var(--motion-ease);border:1px solid #425b7670}.panel-actions{justify-content:flex-start;gap:var(--space-3);flex-wrap:wrap;display:flex}.invite-link-panel{min-width:0}.invite-link-panel__preview{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-sm);background:#090e15b8;border:1px solid #425b766b;display:grid}.invite-link-panel__value{overflow-wrap:anywhere;color:#e5eefce6;font-size:var(--type-size-helper);line-height:1.55;display:block}.stack{gap:var(--stack-gap);flex-direction:column;display:flex}.inline{flex-wrap:var(--inline-wrap);gap:var(--inline-gap);align-items:var(--inline-align);justify-content:var(--inline-justify);display:flex}.arrow{color:var(--color-muted)}.label,.helper-text{color:var(--color-muted);font-size:var(--type-size-helper)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.field{gap:var(--space-1);flex-direction:column;display:flex}.field__label{color:#cfddefc7;font-weight:600;font-size:var(--type-size-micro);letter-spacing:0;text-transform:uppercase}.field__control{border-radius:var(--radius-sm);width:100%;color:var(--color-ink);font:inherit;transition:border-color var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease);background:linear-gradient(#080c12f5,#0c1118eb);border:1px solid #4c66819e;padding:.85rem .95rem;box-shadow:inset 0 1px #ffffff0a}.field__control::placeholder{color:color-mix(in srgb, var(--color-muted) 78%, transparent)}.field--invalid .field__control{border-color:#ff6a6abd;box-shadow:0 0 0 1px #ff6a6a38,inset 0 1px #ffffff0a}.field__help{color:#8fa0b4b3;font-size:var(--type-size-micro)}.field--invalid .field__help{color:#ffb0b0eb}.field__control:focus-visible,.button:focus-visible{outline:var(--focus-outline-size) solid var(--color-focus);outline-offset:var(--focus-outline-offset)}.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:2.85rem;font:inherit;text-transform:uppercase;letter-spacing:0;cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease);border:1px solid #0000;border-radius:8px;padding:.85rem 1.1rem;font-weight:700;display:inline-flex}.button--primary{background:linear-gradient(180deg, #ff8d5df5, #ff5722f0), var(--color-accent);color:#fff7ef;border-color:#ff986f99;box-shadow:0 12px 22px #ff57223d,inset 0 1px #ffffff2e}.button--primary:hover{background:var(--color-accent-strong)}.button--primary:disabled{cursor:not-allowed;background:color-mix(in srgb, var(--color-accent) 38%, white);color:color-mix(in srgb, var(--color-surface) 88%, #201a1773)}.button--secondary{color:#e5eefceb;background:linear-gradient(#121821eb,#0a0e14f2);border-color:#4c66819e}.button--secondary:hover{background:linear-gradient(#161d27f5,#0c1118fa)}.button--secondary:disabled{cursor:not-allowed;color:color-mix(in srgb, var(--color-muted) 78%, white);border-color:color-mix(in srgb, var(--color-border) 58%, white);background:color-mix(in srgb, var(--color-surface) 70%, white)}.status-badge{min-height:1.9rem;font-family:var(--font-family-mono);font-size:var(--type-size-badge);letter-spacing:0;text-transform:uppercase;border:1px solid #4a647e61;border-radius:999px;align-items:center;padding:.35rem .7rem;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #ffffff0a}.status-badge--info{background:var(--color-status-info-bg);color:var(--color-focus)}.status-badge--success{background:var(--color-status-success-bg);color:var(--color-success)}.status-badge--caution{background:var(--color-status-caution-bg);color:var(--color-caution)}.status-badge--blocked{background:var(--color-status-blocked-bg);color:var(--color-blocked)}.reason-notice{padding:var(--space-4);border-radius:var(--radius-sm);transition:border-color var(--motion-fast) var(--motion-ease), background-color var(--motion-fast) var(--motion-ease);border:1px solid #0000}.reason-notice p{margin-top:var(--space-1)}.reason-notice__next-step span{font-weight:700}.reason-notice--info{background:var(--color-notice-info-bg);border-color:var(--color-notice-info-border)}.reason-notice--blocked{background:var(--color-notice-blocked-bg);border-color:var(--color-notice-blocked-border)}.entry-form{display:block}.entry-form__header{padding:0 0 var(--space-4);background:0 0;border:0;border-bottom:1px solid #425b7657;border-radius:0}.entry-form__kicker{color:var(--color-accent);font-size:var(--type-size-micro);letter-spacing:0;text-transform:uppercase;font-weight:700}.entry-form__title{color:#f4f8fff5;letter-spacing:0;font-size:1.18rem;line-height:1.2;display:block}.entry-form__fields{gap:var(--space-4);grid-template-columns:1fr;display:grid}.entry-form__route-bar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);background:#0b1018b8;border:1px solid #425b7670;display:flex}.entry-form__route-value{color:#e9f1fcf5;overflow-wrap:anywhere;text-align:right}.entry-form__footer{padding-top:var(--space-2);display:flex}.create-room-flow,.join-room-flow{align-content:start}.create-room-flow__form,.create-room-flow__setup,.join-room-flow__form,.join-room-flow__setup{gap:var(--space-4);display:grid}.create-room-flow__invite-preview,.create-room-flow__deferred-setup,.join-room-flow__target-preview{gap:var(--space-2);padding:var(--space-4);background:#0b1018b8;border:1px solid #425b766b;border-radius:8px;display:grid}.create-room-flow__invite-preview{background:linear-gradient(#1c4e582e,#0b1018c2);border-color:#4c8ea06b}.join-room-flow__target-preview{background:linear-gradient(#2c533a33,#0b1018c2);border-color:#82a96c6b}.create-room-flow__footer,.join-room-flow__footer{display:flex}.lobby-orientation-grid{gap:var(--layout-panel-gap);grid-template-columns:minmax(0,1fr);display:grid}.lobby-primary-flow{gap:var(--layout-panel-gap);grid-template-columns:minmax(0,1fr) minmax(18rem,.72fr);align-items:stretch;display:grid}.lobby-utility-actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.lobby-support-disclosure{background:#0c121bb8;border:1px solid #425b7661;border-radius:8px}.lobby-support-disclosure>summary{justify-content:space-between;gap:var(--space-2);min-height:2.5rem;padding:var(--space-3) var(--space-4);color:#dfe8f4d1;cursor:pointer;flex-wrap:wrap;list-style:none;display:flex}.lobby-support-disclosure>summary::-webkit-details-marker{display:none}.lobby-support-disclosure>summary span:first-child{font-weight:700}.lobby-support-disclosure>summary span:last-child{color:#a6b6cab8;font-size:var(--type-size-micro);text-transform:uppercase}.lobby-support-disclosure__body{gap:var(--space-3);padding:0 var(--space-4) var(--space-4);display:grid}.lobby-summary-grid{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.lobby-summary-card{min-height:100%;padding:var(--space-4);border-radius:var(--radius-sm);background:linear-gradient(#121821e0,#0b1018eb);border:1px solid #425b766b}.room-context-header,.player-roster-panel,.allowed-action-panel{min-height:100%;padding:var(--space-4);border-radius:var(--radius-sm);background:var(--color-surface-panel-soft);border:1px solid #425b766b}.service-shell .room-context-header,.service-shell .player-roster-panel,.service-shell .allowed-action-panel,.service-shell .invite-link-panel,.service-shell .solo-game-sidebar-panel{background:linear-gradient(180deg, #10161ff5, #090e15fa), var(--color-surface-panel);box-shadow:none;border:1px solid #425b7670;border-radius:8px}.allowed-action-panel{background:linear-gradient(180deg, #141b25f5, var(--color-surface-panel-accent)), var(--color-surface-panel-soft)}.player-roster-panel--compact{padding:var(--space-3)}.allowed-action-panel__hint{color:color-mix(in srgb, var(--color-muted) 86%, var(--color-accent) 14%)}.allowed-action-panel__status{color:color-mix(in srgb, var(--color-muted) 78%, var(--color-accent) 22%)}.roster-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.roster-row{padding-bottom:var(--space-3);border-bottom:1px solid #425b7657}.roster-row:last-child{border-bottom:none;padding-bottom:0}.player-roster-panel--compact .roster-list{gap:var(--space-2)}.player-roster-panel--compact .roster-row{padding-bottom:var(--space-2)}.spectre-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.spectre-rail{padding-bottom:var(--space-3);border-bottom:1px solid #425b7657;position:relative}.spectre-rail:last-child{border-bottom:none;padding-bottom:0}.spectre-rail__graph{min-height:6rem;padding:var(--space-2);border-radius:var(--radius-sm);background:#080d14f0;border:1px solid #425b7666;grid-template-columns:repeat(10,minmax(0,1fr));align-items:end;gap:4px;display:grid;position:relative}.spectre-rail__graph:after{content:"";right:var(--space-2);left:var(--space-2);opacity:0;background:#ffc0b857;height:1px;position:absolute;top:20%}.spectre-rail__column{background:#ffffff0f;border-radius:999px;align-items:end;min-height:5rem;display:flex;overflow:hidden}.spectre-rail__column-fill{background:linear-gradient(#ffb17afa,#c66531f0);border-radius:999px;width:100%;min-height:0}.spectre-rail__threat{color:#e5eefcb8;min-width:1.55rem;min-height:1.35rem;font-family:var(--font-family-mono);border:1px solid #8fa0b53d;border-radius:6px;place-items:center;font-size:.7rem;line-height:1;display:inline-grid}.spectre-rail--warning .spectre-rail__graph{border-color:#fff4ad94}.spectre-rail--warning .spectre-rail__threat{color:#f4d35e;border-color:#fff4ad80}.spectre-rail--danger .spectre-rail__graph{border-color:#ffc0b8ad;box-shadow:0 0 16px #f35d5d2e}.spectre-rail--danger .spectre-rail__graph:after{opacity:1}.spectre-rail--danger .spectre-rail__column-fill{background:linear-gradient(#ffc0b8,#f35d5d)}.spectre-rail--danger .spectre-rail__threat{color:#f35d5d;border-color:#ffc0b894;box-shadow:0 0 12px #f35d5d33}.solo-game-screen{gap:var(--space-5);display:grid}.service-shell--game{gap:var(--space-4)}.solo-game-header{padding:var(--space-5);background:linear-gradient(135deg, var(--color-shell-gradient-start), var(--color-shell-gradient-end)), var(--color-surface);box-shadow:var(--shadow-card);border:1px solid #49555f80;border-radius:8px}.solo-game-layout{gap:var(--space-5);grid-template-columns:minmax(0,1fr) minmax(18rem,23rem);align-items:start;display:grid}.solo-game-board-surface{padding:var(--space-5);border:1px solid var(--color-playfield-border);background:linear-gradient(180deg, #0a0f16fa, var(--color-playfield-shell));border-radius:8px;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 14px 26px #00000038}.solo-game-board-surface:focus-visible{outline:var(--focus-outline-size) solid var(--color-focus);outline-offset:var(--focus-outline-offset)}.solo-game-board{grid-template-columns:repeat(10, var(--layout-board-cell-size));grid-template-rows:repeat(20, var(--layout-board-cell-size));padding:var(--space-2);background:#0d0c0cb8;border-radius:6px;gap:2px;display:grid}.board-cell{--piece-base:var(--color-playfield-active);--piece-strong:var(--color-playfield-active-strong);--piece-edge:#ffffff3d;--piece-glow:#ff7a4d33;width:var(--layout-board-cell-size);height:var(--layout-board-cell-size);border:1px solid var(--color-playfield-grid);background:var(--color-playfield-cell);border-radius:3px}.board-cell--active,.board-cell--filled,.next-piece-preview__cell--filled{background:linear-gradient(180deg, var(--piece-strong), var(--piece-base)), var(--piece-base);border-color:var(--piece-edge);box-shadow:inset 0 1px 0 #ffffff4d, 0 0 0 1px var(--piece-glow)}.board-cell--ghost{border-color:var(--piece-edge);box-shadow:inset 0 0 0 2px var(--piece-base);background:#ffffff09}.solo-game-board-surface--lock-landed{border-color:#fff4ad94}.solo-game-board-surface--clear-event:before,.solo-game-board-surface--garbage-event:after{content:"";z-index:1;pointer-events:none;position:absolute;left:.6rem;right:.6rem}.solo-game-board-surface--clear-event:before{height:.45rem;animation:board-clear-flash var(--motion-base) var(--motion-ease) both;background:linear-gradient(90deg,#0000,#28bfe0b8,#0000);bottom:2.1rem}.solo-game-board-surface--garbage-event:after{height:.55rem;animation:board-garbage-rise .25s var(--motion-ease) both;background:linear-gradient(90deg,#0000,#f35d5dc2,#0000);bottom:.9rem}.board-cell--landed{animation:landed-cell-pulse var(--motion-base) var(--motion-ease) both}.board-cell--landing-locked{animation:landing-target-pulse var(--motion-base) var(--motion-ease) both}.board-cell--clear-pulse{animation:clear-cell-flash var(--motion-base) var(--motion-ease) both}.board-cell--garbage-rise{animation:garbage-cell-rise .25s var(--motion-ease) both}.board-cell--piece-i{--piece-base:#28bfe0;--piece-strong:#b8f4ff;--piece-edge:#b8f4ff85;--piece-glow:#28bfe047}.board-cell--piece-o{--piece-base:#f4d35e;--piece-strong:#fff4ad;--piece-edge:#fff4ad80;--piece-glow:#f4d35e40}.board-cell--piece-t{--piece-base:#c77dff;--piece-strong:#f0c4ff;--piece-edge:#f0c4ff7a;--piece-glow:#c77dff3d}.board-cell--piece-s{--piece-base:#6bd96f;--piece-strong:#c6f7b6;--piece-edge:#c6f7b67a;--piece-glow:#6bd96f3d}.board-cell--piece-z{--piece-base:#f35d5d;--piece-strong:#ffc0b8;--piece-edge:#ffc0b87a;--piece-glow:#f35d5d3d}.board-cell--piece-j{--piece-base:#5a8cff;--piece-strong:#bed5ff;--piece-edge:#bed5ff7a;--piece-glow:#5a8cff3d}.board-cell--piece-l{--piece-base:#ffad4f;--piece-strong:#ffd6a2;--piece-edge:#ffd6a27a;--piece-glow:#ffad4f3d}.board-cell--garbage{background:repeating-linear-gradient(135deg,#d76234f0,#d76234f0 6px,#7e3516fa 6px 12px),#6d2810fa;border-color:#fff0da42}.next-piece-preview{width:max-content;padding:var(--space-2);border:1px solid var(--color-playfield-border);background:#0d0c0c80;border-radius:6px;grid-template-rows:repeat(4,1.25rem);grid-template-columns:repeat(4,minmax(0,1.25rem));gap:3px;display:grid}.next-piece-preview__cell{border:1px solid var(--color-playfield-grid);background:var(--color-playfield-cell);border-radius:5px;width:1.25rem;height:1.25rem}.visual-game-panel{gap:var(--space-4);display:grid}.visual-game-panel__pieces{gap:var(--space-3);grid-template-columns:minmax(0,1fr) repeat(2,minmax(0,.78fr));align-items:stretch;display:grid}.visual-game-panel__piece-slot{gap:var(--space-2);min-height:6.25rem;padding:var(--space-3);border:1px solid var(--color-playfield-border);background:#0d0c0c57;border-radius:6px;align-content:start;place-items:center;display:grid}.visual-game-panel__piece-copy{text-align:center;justify-items:center;gap:.12rem;display:grid}.visual-game-panel__piece-label{letter-spacing:.18em;text-transform:uppercase;color:#dce5f1c7;font-size:.66rem;font-weight:700}.visual-game-panel__piece-note{color:#ffffffe0;font-size:.72rem;font-weight:600}.visual-game-panel__piece-slot--current{box-shadow:inset 0 0 0 1px #ffffff0d}.visual-game-panel__piece-slot--next{opacity:.82}.visual-game-panel__piece-slot--hold{opacity:1;background:radial-gradient(circle at top,#f6cb5c2e,#0000 58%),linear-gradient(#3a290b99,#0d0c0c80);border-color:#f6cb5c73;box-shadow:inset 0 0 0 1px #ffecb014,0 0 0 1px #f6cb5c14}.visual-game-panel__piece-slot--hold .next-piece-preview{transform-origin:50%;background:#1b1509b8;border-color:#ffe9ab47;transform:scale(1.08)}.visual-game-panel__piece-slot--hold .visual-game-panel__piece-label{color:#ffe292f5}.visual-game-panel__piece-slot--hold-ready{border-color:#ffdb70b8;box-shadow:inset 0 0 0 1px #fff3cd1f,0 0 18px #f6cb5c29}.visual-game-panel__piece-slot--hold-ready .visual-game-panel__piece-note{color:#fff6d8f5}.visual-game-panel__piece-slot--hold-spent{opacity:.72}.visual-game-panel__piece-slot--hold-spent .next-piece-preview{filter:grayscale(.22);opacity:.88}.visual-game-panel__piece-slot--hold-spent .visual-game-panel__piece-note{color:#e0d6bab8}.visual-game-panel__event-strip{gap:var(--space-2);flex-wrap:wrap;display:flex}.visual-game-panel__event-pill{color:#e8eff7e0;letter-spacing:.06em;text-transform:uppercase;background:#0d0c0c75;border:1px solid #8fa0b547;border-radius:999px;align-items:center;min-height:1.55rem;padding:.28rem .55rem;font-size:.72rem;font-weight:700;display:inline-flex}.visual-game-panel__event-pill--input{border-color:#8fa0b54d}.visual-game-panel__event-pill--clear{color:#d1ffe0f0;background:#0b2b17a3;border-color:#5fe08f75}.visual-game-panel__event-pill--garbage{color:#ffdfe0f2;background:#4811159e;border-color:#ef767a75}.visual-game-panel__event-pill--combo{color:#fff2c8f5;background:#4c340cad;border-color:#f6cb5c85}.visual-game-panel__event-pill--combo-live{box-shadow:0 0 14px #f6cb5c33}.visual-lock-meter{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.visual-lock-meter__node{background:#8fa0b51f;border:1px solid #8fa0b538;border-radius:6px;height:.7rem}.visual-lock-meter__node--falling.visual-lock-meter__node--active{background:#6bd96f;border-color:#c6f7b68f;box-shadow:0 0 14px #6bd96f47}.visual-lock-meter__node--landed.visual-lock-meter__node--active{background:#f4d35e;border-color:#fff4ad8f;box-shadow:0 0 14px #f4d35e47}.visual-lock-meter__node--locked.visual-lock-meter__node--active{background:#f35d5d;border-color:#ffc0b88f;box-shadow:0 0 14px #f35d5d47}.visual-control-pad{grid-template-columns:repeat(3,2.45rem);grid-template-areas:".rotate.""left soft right""hold hard hard";grid-auto-rows:2.35rem;justify-content:center;gap:.35rem;display:grid}.visual-control-pad__key{color:#ecf3ffad;font:inherit;background:#ecf3ff0f;border:1px solid #8fa0b53d;border-radius:6px;place-items:center;padding:0;font-size:1.08rem;line-height:1;display:grid}.visual-control-pad__key:not(:disabled){cursor:pointer}.visual-control-pad__key:disabled{cursor:not-allowed;opacity:.52}.visual-control-pad__key:focus-visible{outline-offset:2px;outline:2px solid #f4d35eb8}.visual-control-pad__key--left{grid-area:left}.visual-control-pad__key--rotate{grid-area:rotate}.visual-control-pad__key--right{grid-area:right}.visual-control-pad__key--soft{grid-area:soft}.visual-control-pad__key--hard{grid-area:hard}.visual-control-pad__key--hold{grid-area:hold}.visual-control-pad__key--active{color:#0a1118;background:#f4d35e;border-color:#fff4adad;box-shadow:0 0 16px #f4d35e47}.visual-event-meters{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.visual-event-meter{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;display:grid}.visual-event-meter__cell{background:#8fa0b51f;border:1px solid #8fa0b52e;border-radius:5px;height:.5rem}.visual-event-meter--clear .visual-event-meter__cell--filled{background:#28bfe0;border-color:#b8f4ff8a}.visual-event-meter--garbage .visual-event-meter__cell--filled{background:#f35d5d;border-color:#ffc0b88a}.game-visual-assist{gap:var(--space-2);padding:var(--space-3);background:#090e15a3;border:1px solid #4c66816b;border-radius:8px;display:grid}.game-visual-assist__hint{color:#e5eefcdb;font-size:var(--type-size-helper);gap:.25rem;line-height:1.45;display:grid}.game-visual-assist__hint strong{color:#f4f8fff5}.game-visual-assist__status{color:#a0b4cab8;font-size:var(--type-size-micro);text-transform:uppercase}.game-visual-assist__controls{flex-wrap:wrap;gap:.35rem;display:inline-flex}.game-visual-assist__button,.game-visual-guide__close{color:#e5eefce0;min-width:2rem;height:2rem;font-family:var(--font-family-mono);cursor:pointer;background:linear-gradient(#121821f0,#0b1018fa);border:1px solid #4c668194;border-radius:8px;place-items:center;padding:0 .55rem;line-height:1;display:inline-grid}.game-visual-assist__button--help{border-color:#b8f4ff7a}.game-visual-assist__button[aria-pressed=true]{color:#b8f4ff;border-color:#b8f4ff94;box-shadow:0 0 12px #28bfe033}.game-visual-guide{pointer-events:auto;background:linear-gradient(#121821f5,#080d14fa);border:1px solid #4c6681a3;border-radius:8px;width:min(15rem,100vw - 2rem);padding:.55rem;position:absolute;bottom:2.45rem;right:0;box-shadow:0 16px 28px #00000047}.game-visual-guide__close{width:1.55rem;height:1.55rem;font-size:.82rem;position:absolute;top:.35rem;right:.35rem}.game-visual-guide__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;padding-right:1.85rem;display:grid}.game-visual-guide__tile{color:#e5eefcd1;min-height:2.2rem;font-family:var(--font-family-mono);background:#ecf3ff0f;border:1px solid #8fa0b53d;border-radius:6px;place-items:center;display:grid}.game-visual-guide__tile--wide{grid-template-columns:repeat(3,minmax(0,1fr))}.game-visual-guide__ghost,.game-visual-guide__next{grid-template-rows:repeat(2,.55rem);grid-template-columns:repeat(2,.55rem);gap:2px}.game-visual-guide__ghost span,.game-visual-guide__next span{border:1px solid #b8f4ff7a;border-radius:3px;width:.55rem;height:.55rem}.game-visual-guide__ghost span{background:#28bfe029}.game-visual-guide__next span{background:linear-gradient(#fff4ad,#f4d35e)}.game-visual-guide__danger{grid-template-columns:repeat(3,.35rem);align-items:end;gap:3px}.game-visual-guide__danger span{background:#f35d5d;border-radius:999px;width:.35rem}.game-visual-guide__danger span:first-child{height:.7rem}.game-visual-guide__danger span:nth-child(2){height:1.15rem}.game-visual-guide__danger span:nth-child(3){height:1.65rem}.solo-game-sidebar{gap:var(--space-4);display:grid}.solo-game-sidebar-panel{padding:var(--space-4);border-radius:var(--radius-sm);background:var(--color-surface-panel);box-shadow:var(--shadow-card);border:1px solid #425b7670}.service-shell .solo-game-board-surface{padding:var(--space-4);box-shadow:none;border-radius:8px}.shell--live-game{max-width:min(1360px,100vw);height:100dvh;min-height:0;padding:.5rem;overflow:hidden}.service-shell--live-game{--layout-board-cell-size:clamp(.88rem, calc((100dvh - 14.5rem) / 20), 1.55rem);border-radius:8px;grid-template-rows:auto auto minmax(0,1fr);gap:.5rem;height:100%;min-height:0;padding:.75rem;display:grid;position:relative;overflow:hidden}.service-shell--live-game .service-shell__header{padding-bottom:.45rem}.service-shell--live-game .service-shell__brand-copy{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.service-shell--live-game .service-shell__hero{padding:0}.service-shell--live-game .service-shell__title{margin:0;font-size:1.25rem;line-height:1.08}.service-shell--live-game .game-icon-rail--summary{min-height:2.25rem}.service-shell--live-game .game-icon-rail--labeled{max-width:calc(100% - 4.8rem)}.service-shell--live-game .game-icon-rail--labeled .game-icon-rail__item{height:2rem}.service-shell--live-game .service-shell__body--game{grid-template-columns:minmax(18rem,1fr) minmax(12rem,15rem);align-items:stretch;gap:.6rem;min-height:0;overflow:hidden}.service-shell--live-game .service-shell__board-column,.service-shell--live-game .service-shell__side-column{min-height:0}.service-shell--live-game .service-shell__board-column{align-items:stretch;display:grid}.service-shell--live-game .service-shell__side-column{scrollbar-gutter:stable;padding-right:.1rem;overflow:hidden auto}.service-shell--live-game .solo-game-board-surface{border-radius:8px;min-height:0;padding:.5rem}.service-shell--live-game .solo-game-board{border-radius:8px;padding:.35rem}.service-shell--live-game .solo-game-sidebar{align-content:start;gap:.5rem}.gameplay-hud-stack,.gameplay-opponent-strip{gap:var(--space-3);min-width:0;display:grid}.service-shell--live-game .gameplay-hud-stack,.service-shell--live-game .gameplay-opponent-strip{gap:.5rem}.service-shell--live-game .service-shell__recovery{gap:.5rem;min-width:0;display:grid}.service-shell--live-game .solo-game-sidebar-panel{border-radius:8px;padding:.5rem}.service-shell--live-game .visual-game-panel{gap:.5rem}.service-shell--live-game .visual-game-panel__pieces{gap:.4rem}.service-shell--live-game .visual-game-panel__piece-slot{min-height:3.65rem;padding:.35rem}.service-shell--live-game .visual-game-panel__piece-slot--hold{min-height:4rem}.service-shell--live-game .visual-game-panel__piece-label{letter-spacing:.16em;font-size:.5rem}.service-shell--live-game .visual-game-panel__piece-note{font-size:.56rem}.service-shell--live-game .next-piece-preview{grid-template-rows:repeat(4,.82rem);grid-template-columns:repeat(4,minmax(0,.82rem));gap:2px;padding:.25rem}.service-shell--live-game .next-piece-preview__cell{border-radius:4px;width:.82rem;height:.82rem}.service-shell--live-game .visual-lock-meter{gap:.3rem}.service-shell--live-game .visual-lock-meter__node{height:.42rem}.service-shell--live-game .visual-game-panel__event-strip{gap:.24rem}.service-shell--live-game .visual-game-panel__event-pill{min-height:1.15rem;padding:.12rem .35rem;font-size:.54rem}.service-shell--live-game .visual-control-pad{grid-template-columns:repeat(3,1.72rem);grid-auto-rows:1.55rem;gap:.25rem}.service-shell--live-game .visual-control-pad__key{border-radius:5px;font-size:.9rem}.service-shell--live-game .visual-event-meters{gap:.4rem}.service-shell--live-game .visual-event-meter__cell{height:.32rem}.service-shell--live-game .score-panel{min-height:2.45rem}.service-shell--live-game .gameplay-hud-stack>.score-panel{order:-1}.service-shell--live-game .score-panel .stack{grid-template-columns:auto 1fr;align-items:center;gap:.35rem;display:grid}.service-shell--live-game .score-panel .stack:before{content:"◆";color:#f4d35e;font-family:var(--font-family-mono);line-height:1}.service-shell--live-game .score-panel__value{font-size:1.55rem}.service-shell--live-game .score-panel .label,.service-shell--live-game .score-panel .helper-text,.service-shell--live-game .player-roster-panel .service-module-card__kicker,.service-shell--live-game .player-roster-panel .service-module-card__title,.service-shell--live-game .player-roster-panel .helper-text,.service-shell--live-game .spectre-rail .helper-text{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.service-shell--live-game .roster-list,.service-shell--live-game .spectre-list{gap:.35rem}.service-shell--live-game .roster-row,.service-shell--live-game .spectre-rail{padding-bottom:.35rem}.service-shell--live-game .spectre-rail__graph{gap:3px;min-height:3.4rem;padding:.35rem}.service-shell--live-game .spectre-rail__column{min-height:2.9rem}.solo-game-board-surface--result{min-height:max-content}.result-continuation-panel{gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-4);background:var(--color-surface-panel-soft);border:1px solid #425b7670;border-radius:8px;display:grid}.result-continuation-panel__primary{gap:var(--space-3);grid-template-columns:minmax(10rem,max-content) minmax(0,1fr);align-items:center;display:grid}.result-continuation-panel__secondary{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.result-continuation-panel__records-link{text-decoration:none}.result-continuation-panel__invite{gap:var(--space-2);padding:var(--space-3);background:#090e1599;border:1px solid #425b7661;border-radius:8px;display:grid}.result-continuation-panel__invite code{overflow-wrap:anywhere;color:#e5eefce6;max-width:100%;font-size:var(--type-size-helper)}.result-support-disclosure{background:#0c121bb8;border:1px solid #425b7661;border-radius:8px}.result-support-disclosure>summary{justify-content:space-between;gap:var(--space-2);min-height:2.5rem;padding:var(--space-3) var(--space-4);color:#dfe8f4d1;cursor:pointer;flex-wrap:wrap;list-style:none;display:flex}.result-support-disclosure>summary::-webkit-details-marker{display:none}.result-support-disclosure>summary span:first-child{font-weight:700}.result-support-disclosure>summary span:last-child{color:#a6b6cab8;font-size:var(--type-size-micro);text-transform:uppercase}.result-support-disclosure__body{gap:var(--space-3);padding:0 var(--space-4) var(--space-4);display:grid}.records-flow{align-content:start}.records-flow__footer{display:flex}.records-hub{gap:var(--space-4);display:grid}.records-hub__title{margin:var(--space-1) 0;color:#f4f8fff5;font-size:1.6rem;line-height:1.12}.records-hub__switcher{gap:var(--space-2);flex-wrap:wrap;display:flex}.records-hub__view,.records-hub__state{gap:var(--space-3);display:grid}.records-hub__state{padding:var(--space-4);background:#0b1018b8;border:1px solid #425b766b;border-radius:8px}.records-hub__stats-grid{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.records-hub__stats-grid>div{gap:var(--space-1);padding:var(--space-3);background:#090e158f;border:1px solid #425b7657;border-radius:8px;display:grid}.records-hub__stats-grid dt,.records-hub__stats-grid dd{margin:0}.records-hub__stats-grid dt{color:#c4d3e6b8;font-size:var(--type-size-micro);text-transform:uppercase}.records-hub__stats-grid dd{color:#f4f8fff5;font-size:1.25rem;font-weight:800}.result-board-closure{z-index:2;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.result-board-closure:before{content:"";background:linear-gradient(#080d141f,#080d146b);border:1px solid #8fa0b538;border-radius:8px;position:absolute;inset:.6rem}.result-board-closure__marker{color:#e5eefce0;width:4.2rem;height:4.2rem;font-family:var(--font-family-mono);background:#080d14b8;border:1px solid #8fa0b55c;border-radius:8px;place-items:center;font-size:2.35rem;line-height:1;display:grid;position:relative}.result-board-closure--success .result-board-closure__marker{color:#c6f7b6;border-color:#c6f7b694;box-shadow:0 0 28px #6bd96f33}.result-board-closure--blocked .result-board-closure__marker{color:#f35d5d;border-color:#ffc0b894;box-shadow:0 0 28px #f35d5d33}.result-board-closure--neutral .result-board-closure__marker{color:#b8f4ff;border-color:#b8f4ff7a}.mode-select-overlay{z-index:20;padding:var(--space-4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0506079e;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mode-select-panel{width:min(860px,100%);max-height:min(90vh,720px);padding:var(--space-5);border-radius:var(--radius-md);background:linear-gradient(180deg, #131619fa, #0b0d0ffa), var(--color-surface-panel);box-shadow:var(--shadow-card);border:1px solid #49555f9e;overflow:auto}.mode-select-current{padding:var(--space-4);border-radius:var(--radius-sm);background:#090e15b8;border:1px solid #425b7670}.mode-option-grid{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.mode-option-card{min-height:100%;padding:var(--space-4);border-radius:var(--radius-sm);transition:border-color var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease);background:linear-gradient(#121821db,#0b1018eb);border:1px solid #425b766b}.mode-option-card--selected{border-color:color-mix(in srgb, var(--color-accent) 68%, white);box-shadow:inset 0 0 0 1px #ff7a4d2e}.score-panel__value{color:var(--color-accent-strong);font-family:var(--font-family-mono);font-size:1.85rem;line-height:1}.score-panel--summary .score-panel__value{font-size:2.2rem}.ranking-panel__list{gap:var(--space-3);flex-direction:column;margin:0;padding-left:1.1rem;display:flex}.ranking-panel__row{padding-bottom:var(--space-2);border-bottom:1px solid #425b7657}.ranking-panel__row:last-child{border-bottom:none;padding-bottom:0}.match-history-panel__list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.match-history-panel__row{padding-bottom:var(--space-3);border-bottom:1px solid #425b7657}.match-history-panel__row:last-child{border-bottom:none;padding-bottom:0}.match-history-panel--compact .match-history-panel__list{gap:var(--space-2)}.match-history-panel--compact .match-history-panel__row{padding-bottom:var(--space-2)}.round-stats-panel__list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.round-stats-panel__row{padding-bottom:var(--space-3);border-bottom:1px solid #425b7657}.round-stats-panel__row:last-child{border-bottom:none;padding-bottom:0}.round-stats-panel__metrics{gap:var(--space-2) var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.round-stats-panel__metric{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:linear-gradient(#121821d6,#0b1018e6);display:flex}.round-stats-panel__metric dt,.round-stats-panel__metric dd{margin:0}.round-stats-panel__metric dt{color:var(--color-text-muted);font-size:var(--type-size-small)}.round-stats-panel__metric dd{font-family:var(--font-family-mono)}.round-stats-panel--compact .round-stats-panel__list{gap:var(--space-2)}.round-stats-panel--compact .round-stats-panel__row{padding-bottom:var(--space-2)}.keycap{min-height:1.8rem;padding:0 var(--space-2);font-family:var(--font-family-mono);font-size:var(--type-size-badge);background:linear-gradient(#121821e0,#0b1018eb);border:1px solid #4c66819e;border-radius:999px;align-items:center;display:inline-flex}@keyframes landed-cell-pulse{0%{box-shadow:inset 0 1px 0 #ffffff4d, 0 0 0 1px var(--piece-glow)}to{box-shadow:inset 0 0 0 2px #fff4ad8f,0 0 0 1px #f4d35e47}}@keyframes landing-target-pulse{0%{opacity:.56;transform:scale(.96)}to{opacity:.92;transform:scale(1)}}@keyframes clear-cell-flash{0%{box-shadow:inset 0 0 0 1px #b8f4ff00}45%{box-shadow:inset 0 0 0 2px #b8f4ffa3,0 0 0 1px #28bfe03d}to{box-shadow:inset 0 0 0 1px #b8f4ff00}}@keyframes garbage-cell-rise{0%{filter:saturate(.82);transform:translateY(12%)}55%{filter:saturate(1.25);transform:translateY(-4%)}to{filter:saturate();transform:translateY(0)}}@keyframes board-clear-flash{0%{opacity:0;transform:scaleX(.2)}48%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(.72)}}@keyframes board-garbage-rise{0%{opacity:0;transform:translateY(.8rem)}50%{opacity:1}to{opacity:0;transform:translateY(-.4rem)}}@keyframes landing-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.panel-grid,.service-shell__summary-grid,.service-shell__body--lobby,.service-shell__body--result,.service-shell__body--game,.entry-platform,.entry-experience-grid,.hero-banner__grid{grid-template-columns:1fr}.shell--live-game,.service-shell--live-game{height:100dvh;min-height:0;overflow:hidden}.shell.shell--live-game{padding:.35rem}.service-shell.service-shell--live-game{gap:.35rem;height:100%;min-height:0;padding:.45rem}.service-shell--live-game .service-shell__body--game{grid-template-columns:minmax(0,1fr);align-content:start;overflow:hidden auto}.service-shell--live-game .service-shell__side-column{padding-right:0;overflow:visible}.entry-live-card__board,.solo-game-layout,.mode-option-grid,.round-stats-panel__metrics,.records-hub__stats-grid,.home-entry-action-grid,.home-support-grid,.home-help-grid,.lobby-summary-grid,.home-friends-entry{grid-template-columns:1fr}.home-friends-entry__actions{justify-content:stretch}}@media (width<=768px){.lobby-orientation-grid,.lobby-primary-flow{grid-template-columns:1fr}.entry-platform__sidebar,.entry-platform__stage{border-bottom:1px solid #3c567147;border-right:0}.entry-platform__sidebar,.entry-platform__stage,.entry-platform__rail{padding:var(--space-4)}.shell{padding-top:var(--space-6)}.shell.shell--live-game{padding:.25rem}.service-shell--live-game{--layout-board-cell-size:clamp(.82rem, calc((100dvw - 3rem) / 10), 1.28rem)}.service-shell.service-shell--live-game{gap:.25rem;padding:.35rem}.service-shell--live-game .service-shell__header{padding-bottom:.2rem}.service-shell--live-game .service-shell__title{font-size:1rem}.entry-app-shell__title,.service-shell__title,.entry-platform__stage-header .entry-app-shell__title{font-size:1.85rem}.service-shell--live-game .game-icon-rail--summary{min-height:1.9rem}.service-shell--live-game .game-icon-rail__item{min-height:1.8rem;padding:.25rem .32rem}.service-shell--live-game .service-shell__body--game{grid-template-columns:minmax(0,1fr);gap:.35rem}.service-shell--live-game .visual-game-panel__piece-slot{min-height:3rem;padding:.25rem}.service-shell--live-game .visual-game-panel__piece-slot--hold{min-height:3.35rem}.service-shell--live-game .next-piece-preview{grid-template-rows:repeat(4,.66rem);grid-template-columns:repeat(4,minmax(0,.66rem));padding:.2rem}.service-shell--live-game .next-piece-preview__cell{width:.66rem;height:.66rem}.service-shell--live-game .visual-game-panel__piece-label{font-size:.46rem}.service-shell--live-game .visual-game-panel__piece-note{font-size:.5rem}.service-shell--live-game .visual-game-panel__event-pill{padding:.1rem .28rem;font-size:.48rem}.service-shell--live-game .visual-control-pad{grid-template-columns:repeat(3,1.55rem);grid-auto-rows:1.35rem}.service-shell--live-game .score-panel{min-height:2rem}.result-continuation-panel__primary{grid-template-columns:1fr}.hero-banner{padding:var(--space-5)}.entry-app-shell,.service-shell{padding:var(--space-3);border-radius:8px}.entry-form__route-bar{flex-direction:column;align-items:flex-start}.panel-actions,.panel-actions .button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.button--secondary:hover,.mode-option-card--selected,.hero-stat-card,.feature-card{animation:none}}