.bazichy-product-scope{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:var(--background);--panel:#181a11e0;--panel-strong:#11130bf5;--panel-soft:#202415c2;--line:#ffffff14;--line-strong:#c6ff3447;--text:var(--foreground);--muted:var(--muted-foreground);--muted-strong:#e8dee2;--ruby:#c6ff34;--ruby-strong:#e1ff8f;--ruby-soft:#c6ff342e;--brand-lime:#c6ff34;--brand-lime-strong:#e1ff8f;--brand-lime-soft:#c6ff3433;--brand-lime-deep:#3f4c1c;--brand-lime-deeper:#242b12;--brand-white:#f6f9ff;--brand-white-soft:#f6f9ff2e;--brand-ink:#12140c;--brand-ink-strong:#181b0f;--gold:#d8c18d;--gold-strong:#f1dfb2;--gold-soft:#d8c18d2e;--berry-soft:#a0c04924;--white-soft:#ffffff0d;--board:#44511f;--board-dark:#2e3715;--board-line:#ffffff14;--shadow-xl:0 32px 110px #00000061;--shadow-l:0 20px 62px #0000004d;--radius-xl:28px;--radius-l:22px;--radius-m:18px;--radius-pill:999px;--font-display:var(--font-sans);--font-persian:var(--font-sans)}
.bazichy-product-scope,.bazichy-product-scope *,.bazichy-product-scope :before,.bazichy-product-scope :after{box-sizing:border-box}html:has(.bazichy-product-scope){scroll-behavior:smooth}body:has(.bazichy-product-scope){min-width:0;min-height:100vh;color:var(--text);font-family:var(--font-display);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 8% 0,#c6ff3429,#0000 24%),radial-gradient(circle at 88% 2%,#d6ff661a,#0000 22%),linear-gradient(#0e0f09 0%,#090b06 38%,#050304 100%);margin:0;overflow-x:hidden}.bazichy-product-scope::selection,.bazichy-product-scope ::selection{color:var(--brand-white);background:#c6ff3457}:where(.bazichy-product-scope) img:not([data-style-system=bazichy-app] *){max-width:100%;display:block}:where(.bazichy-product-scope) button:not([data-style-system=bazichy-app] *),:where(.bazichy-product-scope) input:not([data-style-system=bazichy-app] *),:where(.bazichy-product-scope) textarea:not([data-style-system=bazichy-app] *),:where(.bazichy-product-scope) select:not([data-style-system=bazichy-app] *){font:inherit}:where(.bazichy-product-scope) button:not([data-style-system=bazichy-app] *){border:0}:where(.bazichy-product-scope) a:not([data-style-system=bazichy-app] *){text-decoration:none}@layer base{:where(.bazichy-product-scope) button:not([data-style-system=bazichy-app] *),:where(.bazichy-product-scope) a:not([data-style-system=bazichy-app] *){color:inherit}}:where(.bazichy-product-scope) h1:not([data-style-system=bazichy-app] *),:where(.bazichy-product-scope) h2:not([data-style-system=bazichy-app] *),:where(.bazichy-product-scope) h3:not([data-style-system=bazichy-app] *),:where(.bazichy-product-scope) p:not([data-style-system=bazichy-app] *),:where(.bazichy-product-scope) ul:not([data-style-system=bazichy-app] *),:where(.bazichy-product-scope) ol:not([data-style-system=bazichy-app] *){margin:0}:where(.bazichy-product-scope) ul:not([data-style-system=bazichy-app] *),:where(.bazichy-product-scope) ol:not([data-style-system=bazichy-app] *){padding:0}
.app-shell{isolation:isolate;min-height:100vh;position:relative}.app-shell--connect4:before{content:"";z-index:-5;background:radial-gradient(circle at 12% 14%,#c6ff3429,#0000 24%),radial-gradient(circle at 84% 16%,#18461f57,#0000 30%),radial-gradient(circle at 48% 100%,#081a12d1,#0000 48%),linear-gradient(#09120e 0%,#07100c 36%,#040907 100%);position:fixed;inset:0}.app-shell__noise,.app-shell__grid,.app-shell__glow,.app-shell__ghost{pointer-events:none;position:fixed;inset:0}.app-shell__noise{opacity:.06;z-index:-4;mix-blend-mode:soft-light;background-image:radial-gradient(circle at 22% 18%,#fff3 0 1px,#0000 1px),radial-gradient(circle at 78% 72%,#ffffff24 0 1px,#0000 1px);background-size:22px 22px}.app-shell__grid{z-index:-3;opacity:.28;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:80px 80px;-webkit-mask-image:linear-gradient(#000000d9,#0000 88%);mask-image:linear-gradient(#000000d9,#0000 88%)}.app-shell__glow{z-index:-2;filter:blur(24px)}.app-shell__glow--ruby{background:radial-gradient(circle at 10% 12%,#c6ff3421,#0000 26%),radial-gradient(circle at 85% 84%,#c6ff3417,#0000 22%)}.app-shell__glow--violet{background:radial-gradient(circle at 84% 20%,#783e8e24,#0000 24%),radial-gradient(circle at 26% 80%,#783e8e14,#0000 20%)}.app-shell--connect4 .app-shell__noise{opacity:.04}.app-shell--connect4 .app-shell__grid{opacity:.18;background-size:72px 72px}.app-shell--connect4 .app-shell__glow--ruby{background:radial-gradient(circle at 10% 12%,#c6ff3433,#0000 24%),radial-gradient(circle at 80% 84%,#2b6e162e,#0000 24%)}.app-shell--connect4 .app-shell__glow--violet{opacity:.72;background:radial-gradient(circle at 82% 18%,#1e572438,#0000 26%),radial-gradient(circle at 22% 82%,#c6ff3417,#0000 20%)}.app-shell--connect4 .site-header__inner{background:linear-gradient(#0c1410e0,#060b09d6);border-color:#c6ff3424;box-shadow:0 20px 60px #00000057,0 0 0 1px #c6ff340a,0 0 28px #c6ff340f}.app-shell__ghost{z-index:-1;letter-spacing:-.08em;opacity:.04;color:#fff;-webkit-user-select:none;user-select:none;font-size:clamp(6rem,18vw,16rem);font-weight:900;line-height:1}.app-shell__ghost--left{inset:8rem auto auto 2rem}.app-shell__ghost--right{text-align:right;inset:auto 2rem 5rem auto}.site-header{z-index:10;padding:1rem 1rem 0;position:sticky;top:0}.site-header__inner{-webkit-backdrop-filter:blur(22px)saturate(1.08);background:linear-gradient(#141721c2,#0b0d14b8);border:1px solid #c6ff3429;border-radius:26px;justify-content:space-between;align-items:center;gap:1rem;width:min(1320px,100%);margin:0 auto;padding:.9rem 1.1rem;display:flex;box-shadow:0 20px 60px #0000004d,0 0 0 1px #c6ff340d,0 0 32px #c6ff3414}.brand-lockup{align-items:center;gap:.85rem;min-width:0;display:inline-flex}.brand-lockup__logo{width:clamp(76px,8vw,104px);height:auto}.brand-lockup__copy{gap:.15rem;min-width:0;display:grid}.brand-lockup__eyebrow{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.76rem;font-weight:700}.brand-lockup__title{color:var(--text);letter-spacing:-.03em;font-size:1.1rem;font-weight:800}.site-nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem;display:flex}.site-nav__link,.status-chip,.tone-button,.ghost-button,.primary-button,.callout-strip{border-radius:var(--radius-pill)}.site-nav__link{color:var(--muted);background:#ffffff0a;border:1px solid #0000;padding:.78rem 1rem;font-size:.95rem;font-weight:700;transition:transform .18s,border-color .18s,background-color .18s,color .18s}.site-nav__link.is-active{color:#11150c;background:var(--ruby);border-color:#c6ff3466;box-shadow:inset 0 1px #ffffff47}.site-meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.45rem;display:flex}.status-chip{color:var(--muted-strong);letter-spacing:.04em;text-transform:uppercase;background:#ffffff0d;border:1px solid #ffffff14;align-items:center;gap:.35rem;padding:.72rem .95rem;font-size:.82rem;font-weight:800;display:inline-flex}.status-chip--accent{color:#11150c;background:linear-gradient(135deg, var(--ruby), var(--ruby-strong));border-color:#c6ff3461}.page-shell{width:min(1320px,100% - 1.5rem);margin:0 auto;padding:1.25rem 0 3rem}.surface-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-l);-webkit-backdrop-filter:blur(18px)saturate(1.06);background:linear-gradient(#ffffff0f,#ffffff08),linear-gradient(#11131cf0,#0d0f16e0);border:1px solid #ffffff17;padding:clamp(1.25rem,1.8vw,1.75rem);position:relative;overflow:hidden}.surface-card:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 16% 0,#c6ff341f,#0000 24%),linear-gradient(#ffffff0d,#0000 34%);position:absolute;inset:0}.app-shell--connect4 .surface-card{box-shadow:var(--shadow-l), 0 0 0 1px #c6ff3409, inset 0 1px 0 #ffffff0e, inset 0 -18px 30px #0003, 0 0 18px #c6ff3408;-webkit-backdrop-filter:blur(26px)saturate(.82)brightness(.82);background:linear-gradient(#ffffff04,#ffffff01),linear-gradient(#060d0bfc,#020605fb);border-width:1.5px;border-color:#c6ff3424}.app-shell--connect4 .surface-card:before{background:radial-gradient(circle at 16% 0,#c6ff340a,#0000 22%),linear-gradient(#ffffff03,#0000 30%)}.app-shell--connect4 .status-chip:not(.status-chip--accent),.app-shell--connect4 .ghost-button,.app-shell--connect4 .tone-button,.app-shell--connect4 .site-nav__link{background:#07120edb;border-color:#c6ff341a}.surface-card>*{z-index:1;position:relative}.surface-card--accent{box-shadow:var(--shadow-l), 0 0 0 1px #c6ff3414, 0 0 28px #c6ff3414;border-color:#c6ff3429}.surface-card--hero{min-height:100%}.content-stack{gap:.6rem;display:grid}.content-stack--compact{gap:.35rem}.eyebrow-row{flex-wrap:wrap;gap:.55rem;margin-bottom:1.15rem;display:flex}.eyebrow-row--tight{margin-bottom:.8rem}.section-kicker{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:.82rem;font-weight:800}.section-title,.hero-title{letter-spacing:-.05em;line-height:.96}.hero-title{max-width:12ch;font-size:clamp(2.7rem,6vw,5.4rem)}.hero-title--compact{max-width:none;font-size:clamp(2.2rem,5vw,4rem)}.section-title{font-size:clamp(1.85rem,3vw,2.9rem)}.section-title--compact{font-size:clamp(1.6rem,2.2vw,2.2rem)}.section-copy{color:var(--muted-strong);font-size:1rem;line-height:1.8}.section-copy--wide{max-width:70ch}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.9rem;margin-top:1.6rem;display:grid}.summary-tile{background:#ffffff0d;border:1px solid #ffffff14;border-radius:22px;gap:.45rem;padding:1rem 1.05rem;display:grid}.summary-tile span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:800}.summary-tile strong{letter-spacing:-.03em;font-size:1.08rem;font-weight:800}.choice-grid{gap:.9rem;margin-top:1.3rem;display:grid}.choice-card,.tone-button{text-align:left;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;gap:.35rem;width:100%;padding:1.1rem 1.15rem;transition:transform .18s,border-color .18s,background-color .18s,box-shadow .18s;display:grid}.choice-card{border-radius:24px}.choice-card.is-active,.tone-button.is-active{border-color:#c6ff343d;box-shadow:inset 0 1px #ffffff14,0 16px 34px #c6ff341a}.choice-card.is-active{background:radial-gradient(circle at 90% 0,#c6ff3429,#0000 28%),#ffffff12}.choice-card__eyebrow{color:var(--ruby);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:800}.choice-card__title{letter-spacing:-.03em;font-size:1.25rem;font-weight:800}.choice-card__copy{color:var(--muted-strong);line-height:1.65}.tone-row,.action-row,.action-stack{flex-wrap:wrap;gap:.75rem;display:flex}.tone-row{margin-top:1.25rem}.tone-button{border-radius:22px;flex:220px}.tone-button span{letter-spacing:-.03em;font-size:1.05rem;font-weight:800}.tone-button small{color:var(--muted);font-size:.88rem;line-height:1.55}.callout-strip{color:var(--muted-strong);background:#ffffff0d;border:1px solid #ffffff14;margin-top:1.25rem;padding:.95rem 1rem;line-height:1.65}.action-row,.action-stack{margin-top:1.4rem}.action-stack{flex-direction:column}.primary-button,.ghost-button{cursor:pointer;justify-content:center;align-items:center;min-height:54px;padding:.95rem 1.25rem;font-weight:800;transition:transform .18s,box-shadow .18s,border-color .18s,background-color .18s;display:inline-flex}.primary-button{color:#11150c;background:linear-gradient(135deg, var(--ruby), var(--ruby-strong));box-shadow:0 12px 28px #c6ff3424}.ghost-button{color:var(--text);background:#ffffff0d;border:1px solid #ffffff1a}.site-nav__link:focus-visible,.choice-card:focus-visible,.tone-button:focus-visible,.primary-button:focus-visible,.ghost-button:focus-visible,.arena-tool-button:focus-visible{outline:0;box-shadow:0 0 0 2px #c6ff3424,0 0 0 4px #c6ff3447}.key-value-list,.bullet-list{list-style:none}.key-value-list{gap:.85rem;margin-top:1.2rem;display:grid}.key-value-list li{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:.85rem;display:flex}.key-value-list li:last-child{border-bottom:0;padding-bottom:0}.key-value-list span{color:var(--muted);font-size:.92rem;line-height:1.6}.key-value-list strong{text-align:right;max-width:15ch;font-size:.96rem;font-weight:800;line-height:1.6}.bullet-list{gap:.8rem;margin-top:1.2rem;display:grid}.bullet-list li{color:var(--muted-strong);padding-left:1.35rem;line-height:1.7;position:relative}.bullet-list li:before{content:"";background:var(--ruby);border-radius:999px;width:.55rem;height:.55rem;position:absolute;top:.7rem;left:0;box-shadow:0 0 14px #c6ff3480}@media (hover:hover){.site-nav__link:hover,.choice-card:hover,.tone-button:hover,.primary-button:hover,.ghost-button:hover,.arena-tool-button:hover{transform:translateY(-2px)}.site-nav__link:hover{color:var(--text);border-color:#c6ff3429}.choice-card:hover,.tone-button:hover,.ghost-button:hover,.arena-tool-button:hover{background:#ffffff12;border-color:#c6ff3429}}@media (max-width:980px){.site-header__inner{flex-wrap:wrap;justify-content:center}.brand-lockup,.site-meta{justify-content:center;width:100%}}@media (max-width:720px){.site-header{padding-inline:.75rem}.page-shell{width:min(100%,100% - 1rem)}.surface-card{border-radius:24px}.site-nav{width:100%}.site-nav__link{text-align:center;flex:calc(33.333% - .3rem)}.app-shell__ghost--left{inset-inline-start:1rem}.app-shell__ghost--right{inset-inline-end:1rem}.action-row,.tone-row{flex-direction:column}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.app-shell__glow,.app-shell__ghost,.reversi-board__hint{animation:none!important}.site-nav__link,.choice-card,.tone-button,.primary-button,.ghost-button,.reversi-board__cell,.status-chip,.surface-card{transition-duration:0s!important}}.app-shell--landing .surface-card,.app-shell--setup .surface-card{background:linear-gradient(#ffffff0b,#ffffff05),linear-gradient(#0d111cf5,#0a0d16f0);border-color:#ffffff14;box-shadow:0 20px 56px #00000042,0 0 0 1px #ffffff05}.site-header{padding:1rem 1rem 0}.site-header__inner{background:linear-gradient(#0d1018c7,#0a0d14bd);border-color:#ffffff0f;gap:1rem 1.2rem;width:min(1240px,100%);padding:.85rem 1rem;box-shadow:0 14px 42px #00000038,0 0 0 1px #ffffff05}.site-header--landing .site-header__inner{border-color:#ffffff0f}.site-header--compact .site-header__inner{padding-block:.75rem}.brand-lockup__logo{width:clamp(62px,7vw,84px)}.brand-lockup__eyebrow{letter-spacing:.12em;font-size:.72rem}.brand-lockup__title{font-size:1rem}.site-nav{gap:.55rem}.site-nav--compact{justify-content:flex-start}.site-nav__link{min-height:44px;padding:.72rem .95rem}.site-meta{gap:.6rem}.status-chip--muted{color:var(--text);background:#ffffff09}.page-shell{width:min(1240px,100% - 1.5rem);padding-top:.9rem}.app-shell--landing .page-shell{padding-top:.7rem}.app-shell--setup .page-shell{padding-top:.85rem}.app-shell--play .page-shell{padding-top:1rem}@media (max-width:980px){.site-header__inner{justify-content:center}.site-nav,.site-meta{justify-content:center;width:100%}.site-nav--compact{justify-content:center}}@media (max-width:720px){.site-header{padding-inline:.5rem}.site-header__inner{border-radius:22px;padding:.75rem}.page-shell{width:min(100%,100% - 1rem)}.site-nav__link{flex:auto}.site-meta .primary-button,.site-meta .ghost-button{width:100%}}.app-shell--landing .app-shell__noise,.app-shell--setup .app-shell__noise{opacity:.02}.app-shell--landing .app-shell__grid,.app-shell--setup .app-shell__grid{opacity:.08;background-size:104px 104px}.app-shell--landing .app-shell__glow--ruby,.app-shell--setup .app-shell__glow--ruby{background:radial-gradient(circle at 10% 8%,#c6ff3412,#0000 22%),radial-gradient(circle at 88% 80%,#c6ff340d,#0000 24%)}.app-shell--landing .app-shell__glow--violet,.app-shell--setup .app-shell__glow--violet{background:radial-gradient(circle at 82% 18%,#6d7b9417,#0000 24%),radial-gradient(circle at 22% 78%,#6d7b940f,#0000 20%)}.app-shell--landing .surface-card,.app-shell--setup .surface-card{background:linear-gradient(#ffffff08,#ffffff04),linear-gradient(#0e1119f7,#0b0e15f2);box-shadow:0 16px 44px #0000003d,0 0 0 1px #ffffff05}.app-shell--landing .surface-card:before,.app-shell--setup .surface-card:before{background:radial-gradient(circle at 16% 0,#c6ff340d,#0000 18%),linear-gradient(#ffffff05,#0000 24%)}
.page-stack{gap:1rem;display:grid}.retention-hero{justify-content:space-between;align-items:flex-end;gap:1.5rem;display:flex}.retention-notices,.retention-entitlements{flex-wrap:wrap;gap:.55rem;display:flex}.retention-plan-grid,.retention-mission-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.25rem;display:grid}.retention-plan,.retention-mission{background:#05070ab8;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;gap:1rem;min-width:0;padding:1.15rem;display:flex}.retention-plan.is-active{background:linear-gradient(145deg,#c6ff3433,#0a120fc7);border-color:#d8ff6b8c}.retention-plan__header,.retention-mission__header,.retention-mission__footer{justify-content:space-between;align-items:center;gap:1rem;display:flex}.retention-plan__header span,.retention-mission__header span{color:var(--color-text-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem}.retention-plan h3,.retention-mission h3{margin:.25rem 0 0;font-size:1.05rem}.retention-plan p,.retention-mission p{color:var(--color-text-muted);margin:0;line-height:1.6}.retention-entitlements span{color:var(--color-text-muted);background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;padding:.4rem .65rem;font-size:.72rem}.retention-plan button{margin-top:auto}.retention-progress{background:#ffffff14;border-radius:999px;height:8px;overflow:hidden}.retention-progress span{border-radius:inherit;background:linear-gradient(90deg,#c6ff34,#e1ff8d);height:100%;display:block}.retention-locked{color:var(--color-text-muted);text-align:center;border:1px dashed #ffffff26;border-radius:16px;justify-content:center;align-items:center;min-height:120px;margin-top:1rem;padding:1rem;display:flex}@media (max-width:960px){.retention-plan-grid,.retention-mission-grid{grid-template-columns:1fr}}@media (max-width:720px){.retention-hero,.retention-mission__footer{flex-direction:column;align-items:stretch}}.ops-console{--ops-line:#ffffff17;--ops-soft:#ffffff0b;padding-bottom:4rem}.ops-loading{min-height:55vh;color:var(--muted-strong);place-items:center;font-weight:800;display:grid}.ops-hero{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1.5rem;display:grid}.ops-hero__actions,.ops-action-row,.ops-capabilities{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.ops-control-strip{grid-template-columns:minmax(18rem,.72fr) minmax(0,1fr);align-items:end;gap:1rem;display:grid}.ops-reason-field,.ops-inline-form label,.ops-tier-row label{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;gap:.42rem;font-size:.76rem;font-weight:800;display:grid}.ops-reason-field input,.ops-search input,.ops-inline-form input,.ops-inline-form select,.ops-tier-row input,.ops-tier-row select{border:1px solid var(--ops-line);width:100%;min-height:2.9rem;color:var(--text);background:#05070ba3;border-radius:14px;outline:0;padding:.75rem .9rem}.ops-reason-field input:focus,.ops-search input:focus,.ops-inline-form input:focus,.ops-inline-form select:focus,.ops-tier-row input:focus{border-color:#c6ff3470;box-shadow:0 0 0 3px #c6ff3414}.ops-capability{color:var(--muted-strong);background:#c6ff340e;border:1px solid #c6ff3421;border-radius:999px;padding:.45rem .65rem;font-size:.72rem;font-weight:750}.ops-banner{border:1px solid;border-radius:18px;padding:.95rem 1.1rem;font-weight:750}.ops-banner--error{color:#efffc4;background:#d7ff6b1a;border-color:#ddff804d}.ops-banner--success{color:#dcff86;background:#c6ff3414;border-color:#c6ff343d}.ops-tabs{z-index:8;border:1px solid var(--ops-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090b10e0;border-radius:18px;gap:.45rem;padding:.55rem;display:flex;position:sticky;top:.65rem;overflow-x:auto;box-shadow:0 16px 45px #00000047}.ops-tabs button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:13px;flex:none;padding:.72rem .95rem;font-size:.88rem;font-weight:800}.ops-tabs button.is-active{background:var(--ruby);color:#11150c}.ops-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.ops-kpi-grid,.ops-replay-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:1rem;display:grid}.ops-analytics-filters{grid-template-columns:repeat(3,minmax(9rem,1fr));align-items:end;gap:.7rem;margin-top:1rem;display:grid}.ops-analytics-filters label{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;gap:.42rem;font-size:.76rem;font-weight:800;display:grid}.ops-analytics-filters input,.ops-analytics-filters select{border:1px solid var(--ops-line);color:var(--text);background:#05070ba3;border-radius:14px;outline:0;width:100%;min-height:2.9rem;padding:.75rem .9rem}.ops-analytics-filters input:focus,.ops-analytics-filters select:focus{border-color:#c6ff3470;box-shadow:0 0 0 3px #c6ff3414}.ops-taxonomy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:1rem;display:grid}.ops-detail-pair{border:1px solid var(--ops-line);background:var(--ops-soft);border-radius:15px;gap:.3rem;min-width:0;padding:.85rem .95rem;display:grid}.ops-detail-pair>span{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:.73rem;font-weight:800}.ops-detail-pair>strong{overflow-wrap:anywhere;min-width:0;color:var(--text);font-size:.92rem;line-height:1.45}.ops-status{border:1px solid var(--ops-line);letter-spacing:.04em;white-space:nowrap;border-radius:999px;align-items:center;width:fit-content;padding:.36rem .58rem;font-size:.69rem;font-weight:850;display:inline-flex}.ops-status--good{color:#c9ffbd;background:#7be56017;border-color:#97ff8038}.ops-status--warning{color:#ffd99b;background:#ffaf3917;border-color:#ffc45c3d}.ops-status--danger{color:#efffc3;background:#d7ff6b1a;border-color:#ddff8042}.ops-status--neutral{color:var(--muted-strong);background:#ffffff0b}.ops-empty{color:var(--muted);text-align:center;border:1px dashed #ffffff1f;border-radius:16px;margin:0;padding:1.25rem;line-height:1.55}.ops-split-view{grid-template-columns:minmax(19rem,.68fr) minmax(0,1.32fr);align-items:start;gap:1rem;display:grid}.ops-split-view>.surface-card:first-child{max-height:calc(100vh - 6.8rem);position:sticky;top:5.6rem;overflow:auto}.ops-detail-panel{min-height:32rem}.ops-search{grid-template-columns:1fr auto;gap:.6rem;margin-block:1rem;display:grid}.ops-list,.ops-record-grid{gap:.55rem;display:grid}.ops-list-row{border:1px solid var(--ops-line);background:var(--ops-soft);width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:15px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.85rem .9rem;display:grid}.ops-list-row:hover,.ops-list-row.is-selected{background:#c6ff3411;border-color:#c6ff3447}.ops-list-row>span,.ops-record>div,.ops-tier-row>span{gap:.25rem;min-width:0;display:grid}.ops-list-row>span:last-child{justify-items:end}.ops-list-row small,.ops-record small,.ops-tier-row small,.ops-case small,.ops-table small,.ops-config-card small{overflow-wrap:anywhere;color:var(--muted);font-size:.76rem;line-height:1.45;display:block}.ops-section-title{letter-spacing:-.02em;margin:1.1rem 0 .65rem;font-size:.96rem}.ops-record{border-bottom:1px solid #fff1;justify-content:space-between;align-items:center;gap:.75rem;padding:.78rem .85rem;display:flex}.ops-inline-form{border:1px solid var(--ops-line);background:var(--ops-soft);border-radius:17px;grid-template-columns:minmax(11rem,1fr) auto;align-items:end;gap:.7rem;padding:1rem;display:grid}.ops-inline-form--three{grid-template-columns:minmax(11rem,1fr) minmax(8rem,.6fr) auto}.ops-inline-form--four{grid-template-columns:repeat(3,minmax(7rem,1fr)) auto}.ops-funds-warning,.ops-funds-hero{color:#ffe1a2}.ops-funds-warning{background:#ffaf3913;border:1px solid #ffc45c33;border-radius:12px;width:fit-content;margin:.7rem 0;padding:.55rem .7rem;font-size:.78rem;font-weight:800}.ops-table-wrap{width:100%;margin-top:1rem;overflow-x:auto}.ops-table{border-collapse:collapse;width:100%;font-size:.8rem}.ops-table th,.ops-table td{border-bottom:1px solid var(--ops-line);text-align:left;vertical-align:top;padding:.78rem .7rem}.ops-table th{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font-size:.68rem}.ops-table td{overflow-wrap:anywhere;color:var(--muted-strong)}.ops-replay-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.ops-case-grid{align-items:start}.ops-case{border-bottom:1px solid var(--ops-line);gap:.55rem;padding:.9rem 0;display:grid}.ops-case__header,.ops-config-card__header{justify-content:space-between;align-items:flex-start;gap:.7rem;display:flex}.ops-case p{color:var(--muted-strong);margin:0;font-size:.86rem;line-height:1.55}.ops-config-grid{gap:.85rem;margin-top:1rem;display:grid}.ops-config-card{border:1px solid var(--ops-line);background:var(--ops-soft);border-radius:18px;gap:.8rem;padding:1rem;display:grid}.ops-mode{border-left:2px solid #c6ff3426;gap:.45rem;padding-left:.6rem;display:grid}.ops-tier-row{border:1px solid #fff1;border-radius:14px;grid-template-columns:minmax(9rem,1fr) minmax(7rem,.55fr) auto auto;align-items:end;gap:.55rem;padding:.7rem;display:grid}@media (max-width:1050px){.ops-hero,.ops-control-strip,.ops-split-view{grid-template-columns:1fr}.ops-split-view>.surface-card:first-child{max-height:none;position:relative;top:auto}.ops-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-case-grid{grid-template-columns:1fr}.ops-analytics-filters{grid-template-columns:repeat(2,minmax(9rem,1fr))}}@media (max-width:700px){.ops-metrics,.ops-kpi-grid,.ops-replay-summary,.ops-inline-form,.ops-inline-form--three,.ops-inline-form--four,.ops-tier-row,.ops-analytics-filters,.ops-taxonomy-grid,.ops-search{grid-template-columns:1fr}.ops-record,.ops-config-card__header{flex-direction:column;align-items:flex-start}}.setup-layout,.play-layout{gap:1rem;display:grid}.setup-layout{grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);align-items:start}.setup-layout--lobby{grid-template-columns:minmax(0,1fr) minmax(320px,.62fr)}.catalog-hero,.game-card{gap:1.2rem;display:grid}.game-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.game-card{align-content:start}.game-card__preview{min-width:0}.game-card__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.game-card__stats div{background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;gap:.3rem;padding:.95rem 1rem;display:grid}.game-card__stats span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:800}.game-card__stats strong{letter-spacing:-.03em;font-size:1rem;font-weight:800}.match-setup-shell{place-items:center;min-height:calc(100dvh - 4rem);padding-block:clamp(1rem,3vw,3rem);display:grid}.match-setup-card{gap:1.4rem;width:min(100%,35rem);display:grid}.match-setup-card__header,.match-setup-section,.match-option-grid,.piece-option-grid{gap:.8rem;display:grid}.match-option-grid{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}.match-option-card,.piece-option{appearance:none;color:var(--text);text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:22px;gap:.4rem;padding:1rem 1.05rem;transition:transform .18s,border-color .18s,background-color .18s,box-shadow .18s;display:grid}.match-option-card strong,.piece-option__copy strong{letter-spacing:-.03em;font-size:1rem;font-weight:800}.match-option-card small,.piece-option__copy small{color:var(--muted);font-size:.88rem;line-height:1.5}.match-option-card.is-active,.piece-option.is-active{background:linear-gradient(#c6ff3414,#c6ff3408),#ffffff0d;border-color:#c6ff3447;box-shadow:inset 0 0 0 1px #c6ff341f,0 0 24px #c6ff3414}.piece-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.piece-option{grid-template-columns:auto 1fr;align-items:center;gap:.9rem}.piece-option__disc{aspect-ratio:1;border-radius:999px;width:4rem;box-shadow:0 12px 18px #0000003d,inset 0 0 0 1px #d8c18d29}.piece-option__disc--black{background:radial-gradient(circle at 35% 26%,#5f667ddb,#0000 22%),linear-gradient(#303544,#11131b 64%,#08090d)}.piece-option__disc--white{background:radial-gradient(circle at 34% 25%,#ffffffd9,#0000 24%),linear-gradient(#f4ebd2,#d3bf96 68%,#8d7956)}.piece-option__disc--connect4-red{background:radial-gradient(circle at 34% 24%,#f0fff36b,#0000 22%),linear-gradient(#ddff7b,#8fd91f 42%,#2f6d14 78%,#17360d);box-shadow:0 12px 18px #0000003d,0 0 18px #c6ff341f,inset 0 0 0 1px #ffffff1f}.piece-option__disc--connect4-white{background:radial-gradient(circle at 34% 24%,#fffffffa,#0000 22%),linear-gradient(#fff,#e8eef6 62%,#c4cfdd);box-shadow:0 12px 18px #0003,0 0 18px #f6f9ff1f,inset 0 0 0 1px #09110d14}.piece-option__disc--dots-red{background:radial-gradient(circle at 32% 24%,#f7ffe5c7,#0000 24%),radial-gradient(circle at 68% 78%,#143a0c38,#0000 32%),linear-gradient(#dfff7a 0%,#b6f034 42%,#4d911a 74%,#17360d 100%);box-shadow:0 12px 18px #0000003d,0 0 18px #c6ff3424,inset 0 0 0 1px #ffffff1f}.piece-option__disc--dots-white{background:radial-gradient(circle at 32% 24%,#fffffffa,#0000 24%),radial-gradient(circle at 68% 78%,#b0bfd42e,#0000 32%),linear-gradient(#fff 0%,#f5f8fd 46%,#dce6f1 74%,#b7c6d8 100%);box-shadow:0 12px 18px #0003,0 0 18px #f6f9ff1f,inset 0 0 0 1px #09110d14}.piece-option__copy{gap:.22rem;display:grid}.match-setup-note{color:var(--muted-strong);background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;padding:1rem 1.05rem;line-height:1.6}.match-setup-actions{flex-wrap:wrap;gap:.8rem;display:flex}.match-setup-actions .primary-button,.match-setup-actions .ghost-button{flex:13rem;justify-content:center}.tutorial-shell{gap:1rem;padding-block:1rem 2.25rem}.tutorial-hero,.tutorial-card{gap:1rem;display:grid}.tutorial-hero{align-items:end}.tutorial-hero__copy{gap:.85rem;display:grid}.tutorial-hero__actions{flex-wrap:wrap;gap:.8rem;display:flex}.tutorial-hero__actions .primary-button,.tutorial-hero__actions .ghost-button{justify-content:center}.tutorial-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.tutorial-card__step{width:3rem;min-height:3rem;color:var(--ruby);letter-spacing:.08em;background:#c6ff3414;border:1px solid #c6ff3438;border-radius:999px;justify-content:center;align-items:center;font-size:.9rem;font-weight:900;display:inline-flex}.tutorial-board{grid-template-columns:repeat(var(--tutorial-columns,8), minmax(0, 1fr));aspect-ratio:1;background:radial-gradient(circle at 50% 40%,#c6ff3414,#0000 28%),linear-gradient(#2c2f3bf5,#1a1d26f5);border:1px solid #ffffff14;border-radius:24px;padding:.7rem;display:grid;box-shadow:inset 0 1px #ffffff0f,0 18px 38px #0000003d}.tutorial-board--connect4{aspect-ratio:7/6;background:radial-gradient(circle at 50% 16%,#c6ff3424,#0000 28%),linear-gradient(#12271dfa,#08120efa)}.tutorial-board__cell{border:1px solid #ffffff0f;place-items:center;display:grid;position:relative}.tutorial-board__cell.is-flip:before{content:"";background:radial-gradient(circle,#c6ff3424,#0000 72%);border-radius:16px;position:absolute;inset:10%}.tutorial-board__marker,.tutorial-board__piece{z-index:1;aspect-ratio:1;border-radius:999px;width:62%;position:relative}.tutorial-board__marker{background:radial-gradient(circle,#c6ff3414,#0000 72%);border:2px solid #c6ff34d6;box-shadow:0 0 20px #c6ff342e}.tutorial-board__piece{box-shadow:0 10px 18px #0000003d,inset 0 0 0 1px #d8c18d29}.tutorial-board__piece--black{background:radial-gradient(circle at 35% 26%,#5f667ddb,#0000 22%),linear-gradient(#303544,#11131b 64%,#08090d)}.tutorial-board__piece--white{background:radial-gradient(circle at 34% 25%,#ffffffd9,#0000 24%),linear-gradient(#f4ebd2,#d3bf96 68%,#8d7956)}.tutorial-board__piece--red{background:radial-gradient(circle at 34% 24%,#f5ffe98f,#0000 24%),linear-gradient(#ddff7f,#95dd25 40%,#377b15 74%,#17360d)}.tutorial-board--connect4 .tutorial-board__piece--white{background:radial-gradient(circle at 34% 24%,#fffffffa,#0000 24%),linear-gradient(#fff,#e8eef6 62%,#c4cfdd)}.arena-layout{grid-template-columns:minmax(220px,280px) minmax(0,1fr) minmax(220px,280px);align-items:start;gap:1rem;display:grid}.arena-topbar{grid-column:1/-1;grid-template-columns:minmax(220px,280px) minmax(0,1fr) minmax(220px,280px);align-items:start;gap:1rem;display:grid}.arena-topbar__spacer{min-height:1px}.arena-match-banner{border-color:#d8c18d29;justify-self:center;gap:.22rem;width:min(100%,540px);padding-block:.95rem;display:grid}.arena-match-banner__kicker,.arena-match-banner__meta{color:var(--muted-strong);letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:800}.arena-match-banner__kicker:before{content:"";background:var(--ruby);vertical-align:middle;border-radius:999px;width:.42rem;height:.42rem;margin-right:.65rem;display:inline-block;box-shadow:0 0 16px #c6ff349e}.arena-match-banner__title{color:var(--text);letter-spacing:-.03em;font-size:1rem;font-weight:800}.arena-match-banner__meta{color:var(--muted)}.arena-toolbar{justify-content:flex-end;gap:.75rem;display:flex}.arena-tool-button{width:3.2rem;height:3.2rem;color:var(--muted-strong);letter-spacing:.12em;cursor:pointer;background:linear-gradient(#202331f0,#12141de6);border:1px solid #ffffff14;border-radius:16px;justify-content:center;align-items:center;font-size:.72rem;font-weight:900;transition:transform .18s,border-color .18s,color .18s,background-color .18s;display:inline-flex}.arena-tool-button:disabled{opacity:.38;cursor:not-allowed}.arena-side{gap:1rem;display:grid}.arena-stage{min-width:0}.arena-player-card{border-color:#ffffff14;gap:1rem;padding-top:1rem;display:grid}.arena-player-card:before{background:radial-gradient(circle at 50% 0,#c6ff341f,#0000 28%),linear-gradient(#ffffff0a,#0000 36%)}.arena-player-card.is-active{box-shadow:var(--shadow-l), 0 0 0 1px #c6ff340f, 0 0 32px #c6ff3414;border-color:#c6ff342e}.arena-player-card__tag{border-radius:var(--radius-pill);background:linear-gradient(135deg, var(--ruby), var(--ruby-strong));color:#11150c;letter-spacing:.1em;text-transform:uppercase;justify-self:start;padding:.42rem .8rem;font-size:.72rem;font-weight:900}.arena-player-card__avatar{aspect-ratio:1;place-items:center;width:11rem;margin:0 auto;display:grid;position:relative}.arena-player-card__avatar-ring{border:1px solid #d8c18d4d;border-radius:999px;position:absolute;inset:.55rem}.arena-player-card__avatar-core{z-index:1;aspect-ratio:1;border:1px solid #d8c18d2e;border-radius:999px;place-items:center;width:8.4rem;display:grid;position:relative;overflow:hidden}.arena-player-card--onyx .arena-player-card__avatar-core{background:radial-gradient(circle at 58% 34%,#c6ff3494,#0000 26%),radial-gradient(circle at 34% 28%,#ffffff14,#0000 18%),linear-gradient(#1b1f2cf5,#090b10fa)}.arena-player-card--ivory .arena-player-card__avatar-core{background:radial-gradient(circle at 58% 34%,#c6ff3480,#0000 26%),radial-gradient(circle at 34% 28%,#ffffff24,#0000 18%),linear-gradient(#f5e8cefa,#a6926ef5)}.arena-player-card--crimson .arena-player-card__avatar-core{background:radial-gradient(circle at 58% 34%,#c6ff3442,#0000 24%),radial-gradient(circle at 34% 28%,#ffffff14,#0000 18%),linear-gradient(#1c3e1ffa,#0b190efa)}.arena-player-card__avatar-core span{z-index:1;letter-spacing:-.08em;font-size:3.6rem;font-weight:900;position:relative}.arena-player-card--onyx .arena-player-card__avatar-core span{color:var(--gold-strong);text-shadow:0 0 26px #d8c18d38}.arena-player-card--ivory .arena-player-card__avatar-core span{color:#22180f;text-shadow:0 0 22px #ffffff38}.arena-player-card--crimson .arena-player-card__avatar-core span{color:#ecffd3;text-shadow:0 0 24px #c6ff3429}.arena-player-card__avatar-badge{aspect-ratio:1;width:2rem;color:var(--gold-strong);background:linear-gradient(#232634fa,#12141df5);border:1px solid #d8c18d3d;border-radius:.8rem;place-items:center;font-size:.86rem;font-weight:900;display:grid;position:absolute;bottom:1.1rem;right:.9rem}.arena-player-card__identity{text-align:center;gap:.2rem;display:grid}.arena-player-card__identity h2{letter-spacing:-.05em;text-transform:uppercase;font-size:2rem;font-weight:900}.arena-player-card__identity p,.arena-player-card__rankline span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.84rem}.arena-player-card__rankline{justify-items:center;gap:.22rem;display:grid}.arena-player-card__rankline strong{color:var(--gold-strong);letter-spacing:.04em;text-transform:uppercase;font-size:1rem;font-weight:800}.arena-player-card__statusbox,.arena-player-card__pieces{text-align:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;gap:.35rem;padding:1rem 1.05rem;display:grid}.arena-player-card__statusbox span,.arena-player-card__pieces span,.arena-info-card__label,.arena-board-card__mode,.arena-status-strip__block span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.76rem;font-weight:800}.arena-player-card__statusbox strong{color:var(--ruby);letter-spacing:-.04em;font-size:1.4rem;font-weight:900}.arena-player-card__pieces strong{letter-spacing:-.08em;font-size:2.5rem;font-weight:900}.arena-info-card{gap:.32rem;padding:1rem 1.05rem;display:grid}.arena-info-card__value{letter-spacing:-.04em;text-transform:uppercase;font-size:1.3rem;font-weight:900}.arena-info-card__meta{color:var(--muted);font-size:.88rem;line-height:1.5}.arena-info-card--ruby{border-color:#c6ff3429}.arena-info-card--graph{border-color:#d8c18d24}.arena-board-card{box-shadow:var(--shadow-l), 0 0 0 1px #c6ff340b, inset 0 1px 0 #ffffff0f;border-width:1.5px;border-color:#c6ff3424;padding:1.1rem}.arena-board-card:before{background:radial-gradient(circle at 50% 0,#d8c18d14,#0000 26%),linear-gradient(#ffffff08,#0000 34%)}.arena-board-card--connect4:before{background:radial-gradient(circle at 50% 0,#c6ff340d,#0000 22%),linear-gradient(#ffffff04,#0000 30%)}.arena-board-card__head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.8rem;display:flex}.arena-board-card__eyebrow{color:var(--gold-strong);letter-spacing:.12em;text-transform:uppercase;font-size:.95rem;font-weight:700}.arena-board-card__mode{border-radius:var(--radius-pill);min-height:2.4rem;color:var(--gold-strong);background:#050b09b8;border:1.5px solid #c6ff3424;justify-content:center;align-items:center;padding-inline:.95rem;display:inline-flex;box-shadow:inset 0 1px #ffffff0d,inset 0 -10px 18px #0000001f}.arena-board-frame{background:radial-gradient(circle at 50% 0,#d8c18d0f,#0000 22%),linear-gradient(#ffffff05,#ffffff03),#12131cf0;border:1px solid #d8c18d1f;border-radius:28px;padding:.95rem}.arena-board-frame--connect4{background:0 0;border:0;border-radius:0;padding:0}.arena-layout--connect4 .arena-player-card__statusbox strong{color:var(--brand-lime)}.arena-layout--connect4 .arena-player-card--ivory .arena-player-card__avatar-core{background:radial-gradient(circle at 58% 34%,#c6ff341a,#0000 22%),radial-gradient(circle at 34% 28%,#ffffff2e,#0000 18%),linear-gradient(#f8fcfffa,#d6e1eef5)}.arena-layout--connect4 .arena-player-card--ivory .arena-player-card__avatar-core span{color:#25322b;text-shadow:0 0 18px #ffffff29}.arena-layout--connect4 .arena-info-card--ruby{border-color:#c6ff3424}.arena-layout--dots .arena-player-card__statusbox strong{color:var(--brand-lime)}.arena-board-card--dots:before{background:radial-gradient(circle at 50% 0,#c6ff340d,#0000 24%),linear-gradient(#ffffff05,#0000 32%)}.arena-board-frame--dots{--dots-board-frame-padding:1.1rem;background:0 0;border:0;border-radius:0;padding:0}.arena-status-strip{background:linear-gradient(#ffffff03,#ffffff01),#040a08c7;border:1.5px solid #c6ff341f;border-radius:22px;grid-template-columns:minmax(0,.85fr) minmax(0,1fr) minmax(0,.85fr);gap:.75rem;margin-top:.95rem;padding:.95rem 1rem;display:grid;box-shadow:inset 0 1px #ffffff0d,inset 0 -12px 22px #00000024}.arena-status-strip__block{align-content:center;gap:.4rem;display:grid}.arena-status-strip__block strong{letter-spacing:-.04em;text-transform:uppercase;font-size:1.18rem;font-weight:900}.arena-status-strip__block small{color:var(--muted);font-size:.84rem}.arena-status-strip__block--moves{text-align:center;justify-items:center}.arena-status-strip__lights{flex-wrap:wrap;justify-content:center;gap:.55rem;display:flex}.arena-status-strip__light{aspect-ratio:1;background:#c6ff340f;border:1px solid #c6ff3447;border-radius:999px;width:.8rem}.arena-status-strip__light.is-live{background:var(--ruby);box-shadow:0 0 18px #c6ff346b}.play-layout{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:start}.play-sidebar{gap:1rem;display:grid}.setup-panel{gap:1.25rem;display:grid}.setup-panel--lobby{gap:1.5rem}.setup-panel__header{gap:1rem;display:grid}.setup-label{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.8rem;font-weight:800}.section-heading-row{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.board-frame{margin-top:1.5rem}.board-frame--compact{margin-top:1rem}.board-preview{grid-template-columns:repeat(var(--preview-columns,8), minmax(0, 1fr));aspect-ratio:1;background:radial-gradient(circle at 50% 40%, #c6ff3414, transparent 28%), linear-gradient(180deg, var(--board), var(--board-dark));border:1px solid #ffffff14;border-radius:30px;gap:0;padding:.85rem;display:grid;box-shadow:inset 0 1px #ffffff14,0 24px 58px #00000047}.board-preview--connect4{aspect-ratio:7/6;background:radial-gradient(circle at 50% 18%,#c6ff3429,#0000 30%),linear-gradient(#12271dfa,#08120efa)}.board-preview--compact{max-width:360px}.board-preview__cell{border:1px solid var(--board-line);place-items:center;display:grid;position:relative}.board-preview__disc{aspect-ratio:1;border-radius:999px;width:62%;box-shadow:0 10px 18px #0000003d}.board-preview--connect4 .board-preview__disc{box-shadow:0 10px 18px #0000002e,inset 0 1px 1px #ffffff1f,inset 0 0 0 1px #ffffff24}.board-preview__disc--black{background:linear-gradient(#202633,#090b10)}.board-preview__disc--white{background:linear-gradient(#fefefe,#d9dde7)}.board-preview__disc--red{background:linear-gradient(#ddff7f,#347814)}.board-preview--connect4 .board-preview__disc--red{background:radial-gradient(circle at 34% 26%,#f7ffe5d1,#0000 22%),radial-gradient(circle at 58% 82%,#123a0b3d,#0000 34%),linear-gradient(#ddff7c 0%,#bdf334 42%,#5fa717 72%,#275510 100%)}.board-preview--connect4 .board-preview__disc--white{background:radial-gradient(circle at 34% 26%,#fffffff5,#0000 22%),radial-gradient(circle at 58% 82%,#b8c4d438,#0000 34%),linear-gradient(#fff 0%,#f6f9fd 44%,#dee7f1 74%,#c4cfdb 100%)}.dots-board-shell{width:min(100%, calc(720px + (var(--dots-board-frame-padding,0rem) * 2)))}.dots-board{aspect-ratio:1;background:radial-gradient(circle at 14% 18%,#c6ff3414,#0000 24%),radial-gradient(circle at 72% 24%,#ffffff08,#0000 18%),linear-gradient(#ffffff05,#fff0),linear-gradient(#141824,#0b0e16 74%,#090c13);border:1px solid #c6ff3424;border-radius:30px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,inset 0 0 0 1px #ffffff04,0 24px 56px #00000047}.dots-board__dot{--dots-dot-visual-size:clamp(.44rem, .86vw, .64rem);--dots-dot-hit-size:clamp(1.2rem, 2.1vw, 1.56rem);z-index:5;width:var(--dots-dot-hit-size);aspect-ratio:1;background:0 0;border:0;border-radius:999px;padding:0;transition:transform .22s,filter .22s;position:absolute;transform:translate(-50%,-50%)}button.dots-board__dot{cursor:grab;touch-action:none}button.dots-board__dot:active{cursor:grabbing}.dots-board__dot-core{width:var(--dots-dot-visual-size);aspect-ratio:1;background:radial-gradient(circle at 34% 24%,#f7ffe4eb,#0000 32%),linear-gradient(#dfff79 0%,#baf134 48%,#5f9f17 82%,#23480e 100%);border-radius:999px;transition:transform .22s,box-shadow .22s,filter .22s;position:absolute;inset:50%;transform:translate(-50%,-50%);box-shadow:0 0 14px #c6ff3438,0 0 0 1px #f7ffe42e}.dots-board__dot:before,.dots-board__dot:after{content:"";pointer-events:none;border-radius:999px;position:absolute;inset:50%;transform:translate(-50%,-50%)}.dots-board__dot:before{opacity:.44;background:radial-gradient(circle,#c6ff3438,#0000 70%);width:170%;height:170%;transition:opacity .18s}.dots-board__dot:after{opacity:0;border:1px solid #c6ff341f;width:110%;height:110%;transition:width .24s cubic-bezier(.2,.9,.24,1),height .24s cubic-bezier(.2,.9,.24,1),opacity .18s,border-color .18s}.dots-board__dot.is-drag-origin{transform:translate(-50%,-50%)scale(1.18)}.dots-board__dot.is-drag-origin .dots-board__dot-core{box-shadow:0 0 0 1px #f7ffe438,0 0 20px #c6ff3452}.dots-board__dot.is-drag-origin:before{opacity:.78}.dots-board__dot.is-drag-target{transform:translate(-50%,-50%)scale(1.14)}.dots-board__dot.is-drag-target .dots-board__dot-core{box-shadow:0 0 0 1px #f7ffe442,0 0 18px #c6ff3442}.dots-board__dot.is-drag-target:after{opacity:1;animation:.82s ease-in-out infinite dots-target-pulse}.dots-board__dot.is-last-move-endpoint{z-index:6;animation:1.68s ease-in-out infinite dots-last-move-dot-breathe}.dots-board__dot.is-last-move-endpoint .dots-board__dot-core{box-shadow:0 0 0 1px #f7ffe438,0 0 24px #c6ff3452}.dots-board__dot.is-last-move-endpoint:before{opacity:.96}.dots-board__dot.is-last-move-endpoint:after{opacity:1;border-width:1.5px;border-color:#f7ffe47a;width:138%;height:138%}.dots-board__dot.is-last-move-endpoint-animating{animation:.78s cubic-bezier(.18,.9,.24,1) both dots-last-move-dot-pop,1.68s ease-in-out .78s infinite dots-last-move-dot-breathe}.dots-board__dot.is-last-move-endpoint.is-drag-origin,.dots-board__dot.is-last-move-endpoint.is-drag-target{animation:none}.dots-board__drag-line{z-index:4;transform-origin:0;pointer-events:none;border-radius:999px;height:clamp(.22rem,.44vw,.34rem);animation:.88s ease-in-out infinite dots-drag-breathe;position:absolute}.dots-board__drag-line--red{background:linear-gradient(90deg,#dfff7a47,#dfff7afa 16%,#4d911af5);box-shadow:0 0 0 1px #c6ff3414,0 0 18px #c6ff343d}.dots-board__drag-line--white{background:linear-gradient(90deg,#ffffff4d,#fffffffa 16%,#b7c6d8f5);box-shadow:0 0 0 1px #ffffff14,0 0 18px #ffffff2e}.dots-board__drag-line.is-free-path{opacity:.78}.dots-board__drag-line.is-committed-path{opacity:1}.dots-board__edge{appearance:none;z-index:3;height:calc(var(--dots-board-step) * .78);cursor:default;transform-origin:50%;background:0 0;border:0;padding:0;position:absolute}.dots-board__edge-line{opacity:0;border-radius:999px;width:100%;height:clamp(.18rem,.4vw,.3rem);transition:background-color .18s,box-shadow .18s,opacity .18s,filter .18s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.dots-board__edge:focus-visible{outline:0}.dots-board__edge.is-available{cursor:pointer}@media (hover:hover){.dots-board[data-current-player=red] .dots-board__edge.is-available:hover .dots-board__edge-line{opacity:.34;background:linear-gradient(#e4ff7f,#5f9f17);box-shadow:0 0 12px #c6ff341f}.dots-board[data-current-player=white] .dots-board__edge.is-available:hover .dots-board__edge-line{opacity:.34;background:linear-gradient(#fff,#c0cedf);box-shadow:0 0 12px #ffffff1a}}.dots-board__edge.has-red .dots-board__edge-line{opacity:1;background:linear-gradient(#e4ff7f 0%,#c2f53a 46%,#6ab51f 78%,#254b0f 100%);box-shadow:0 0 0 1px #c6ff342e,0 0 16px #c6ff3429}.dots-board__edge.has-white .dots-board__edge-line{opacity:1;background:linear-gradient(#fff 0%,#f8fbff 48%,#dde8f4 78%,#b3c2d3 100%);box-shadow:0 0 0 1px #ffffff24,0 0 16px #ffffff14}.dots-board__edge.is-preview--red .dots-board__edge-line{opacity:1;background:linear-gradient(#e4ff7ffa,#5fa317fa);box-shadow:0 0 0 1px #c6ff3433,0 0 22px #c6ff3442}.dots-board__edge.is-preview--white .dots-board__edge-line{opacity:1;background:linear-gradient(#fff,#c0cedffa);box-shadow:0 0 0 1px #ffffff2e,0 0 22px #ffffff29}.dots-board__edge.is-last-move .dots-board__edge-line{filter:brightness(1.22)saturate(1.12);height:clamp(.24rem,.5vw,.36rem);box-shadow:0 0 0 1px #f7ffe438,0 0 28px #c6ff3452}.dots-board__edge.is-last-move.is-last-move-animating .dots-board__edge-line{animation:.24s cubic-bezier(.18,.88,.24,1) both dots-edge-draw}.dots-board__edge:disabled{opacity:1;cursor:not-allowed}.dots-board__box{z-index:2;border-radius:999px;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.dots-board__box:before{content:"";border-radius:inherit;z-index:0;background:radial-gradient(circle at 44% 34%,#1b282a3d,#080c14f0 74%);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 10px 16px #ffffff0a,inset 0 -18px 24px #00000047,0 12px 18px #0000002e}.dots-board__disc{z-index:1;aspect-ratio:1;border-radius:999px;width:96%;position:relative;overflow:hidden;box-shadow:0 10px 18px #0000002e,inset 0 1px 1px #ffffff1f,inset 0 0 0 1px #ffffff24}.dots-board__disc--red{background:radial-gradient(circle at 34% 26%,#f7ffe5d1,#0000 22%),radial-gradient(circle at 58% 82%,#123a0b3d,#0000 34%),linear-gradient(#ddff7c 0%,#bdf334 42%,#5fa717 72%,#275510 100%)}.dots-board__disc--white{background:radial-gradient(circle at 34% 26%,#fffffff5,#0000 22%),radial-gradient(circle at 58% 82%,#b8c4d438,#0000 34%),linear-gradient(#fff 0%,#f6f9fd 44%,#dee7f1 74%,#c4cfdb 100%)}.dots-board__disc.is-claiming{animation:.3s cubic-bezier(.18,1,.28,1) both dots-box-claim}.dots-board__box.is-last-claimed{filter:drop-shadow(0 0 22px #c6ff342e)}.connect4-board-shell{gap:.42rem;width:min(100%,680px);display:grid;position:relative}.connect4-board-shell__columns{grid-template-columns:repeat(var(--connect4-columns), minmax(0, 1fr));padding-inline:calc(var(--connect4-board-padding) + .08rem);color:#dae1f2c7;letter-spacing:.08em;text-transform:uppercase;text-align:center;gap:0;font-size:.78rem;font-weight:800;display:grid}.connect4-board-shell__hover-rail{z-index:1;height:clamp(2.3rem,6vw,3.1rem);margin-bottom:calc(var(--connect4-board-padding) * -.86);position:relative}.connect4-board-shell__hover-track{inset:0 calc(var(--connect4-board-padding) + .08rem);pointer-events:none;position:absolute}.connect4-board{z-index:2;grid-template-columns:repeat(var(--connect4-columns,7), minmax(0, 1fr));aspect-ratio:var(--connect4-aspect-ratio);padding:var(--connect4-board-padding);isolation:isolate;background:radial-gradient(circle at 50% -12%,#ffffff14,#0000 26%),radial-gradient(circle at 16% 18%,#c6ff3414,#0000 28%),radial-gradient(circle at 84% 82%,#c6ff340d,#0000 34%),linear-gradient(#21272f38,#0a0d1324);border:0;border-radius:32px;gap:0;display:grid;position:relative;overflow:hidden;box-shadow:0 26px 64px #02050a47,0 0 0 1px #ffffff05,0 10px 28px #00000029}.connect4-board__surface{z-index:3;border-radius:inherit;-webkit-mask-image:radial-gradient(circle at center, transparent 0 var(--connect4-hole-mask-stop), #000 calc(var(--connect4-hole-mask-stop) + 0.85%));mask-image:radial-gradient(circle at center, transparent 0 var(--connect4-hole-mask-stop), #000 calc(var(--connect4-hole-mask-stop) + 0.85%));-webkit-mask-position:var(--connect4-board-padding) var(--connect4-board-padding);mask-position:var(--connect4-board-padding) var(--connect4-board-padding);-webkit-mask-size:calc((100% - (var(--connect4-board-padding) * 2)) / var(--connect4-columns)) calc((100% - (var(--connect4-board-padding) * 2)) / var(--connect4-rows));mask-size:calc((100% - (var(--connect4-board-padding) * 2)) / var(--connect4-columns)) calc((100% - (var(--connect4-board-padding) * 2)) / var(--connect4-rows));-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-image:radial-gradient(circle at center, transparent 0 var(--connect4-hole-mask-stop), #000 calc(var(--connect4-hole-mask-stop) + 0.85%));-webkit-mask-position:var(--connect4-board-padding) var(--connect4-board-padding);-webkit-mask-size:calc((100% - (var(--connect4-board-padding) * 2)) / var(--connect4-columns)) calc((100% - (var(--connect4-board-padding) * 2)) / var(--connect4-rows));pointer-events:none;background:linear-gradient(#ffffff14,#ffffff05),linear-gradient(#424a526b,#14191f7a),linear-gradient(135deg,#ffffff09,#c6ff3405 46%,#ffffff05);position:absolute;inset:0;box-shadow:inset 0 1px #ffffff1f,inset 0 0 0 1px #ffffff09,inset 0 -20px 28px #00000029,0 16px 38px #04070e38;-webkit-mask-repeat:repeat}.connect4-board:after{content:none}.connect4-board__winning-line{inset:var(--connect4-board-padding);z-index:4;width:calc(100% - (var(--connect4-board-padding) * 2));height:calc(100% - (var(--connect4-board-padding) * 2));pointer-events:none;display:block;position:absolute;overflow:visible}.connect4-board__winning-line line{fill:none;stroke-linecap:round;stroke-dasharray:1;animation:.62s cubic-bezier(.2,.9,.24,1) both connect4-win-trace}.connect4-board__winning-line-glow{stroke:#c6ff342e;stroke-width:.14px;filter:blur(.04rem)}.connect4-board__winning-line-core{stroke:#c6ff34eb;stroke-width:.038px}.connect4-board__column{grid-template-rows:repeat(var(--connect4-rows), minmax(0, 1fr));cursor:pointer;z-index:2;background:0 0;border:0;gap:0;min-width:0;min-height:0;padding:0;transition:background-color .18s,opacity .18s;display:grid;position:relative}.connect4-board__column:before{content:"";opacity:0;pointer-events:none;z-index:1;background:linear-gradient(#ffffff06,#ffffff02),radial-gradient(circle at 50% 10%,#c6ff3418,#0000 28%);transition:opacity .18s,transform .18s;position:absolute;inset:0}.connect4-board__column:disabled{opacity:1;cursor:not-allowed}.connect4-board__cell{z-index:1;place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:visible}.connect4-board__cell:before{content:"";width:var(--connect4-hole-size);aspect-ratio:1;z-index:0;background:radial-gradient(circle at 44% 34%,#1d263042,#05090ffa 74%);border-radius:999px;transition:box-shadow .22s,transform .22s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #ffffff0b,inset 0 10px 16px #ffffff05,inset 0 -18px 24px #00000057,0 12px 18px #00000029}.connect4-board__disc{z-index:1;width:var(--connect4-hole-size);aspect-ratio:1;border-radius:999px;position:relative;overflow:hidden;box-shadow:0 10px 18px #0000002e,inset 0 1px 1px #ffffff1f,inset 0 0 0 1px #ffffff24}.connect4-board__cell .connect4-board__disc{width:min(96%,5rem);box-shadow:0 10px 18px #0000002e,inset 0 1px 1px #ffffff1f,inset 0 0 0 1px #ffffff24}.connect4-board__disc--red{background:radial-gradient(circle at 34% 26%,#f7ffe5d1,#0000 22%),radial-gradient(circle at 58% 82%,#123a0b3d,#0000 34%),linear-gradient(#ddff7c 0%,#bdf334 42%,#5fa717 72%,#275510 100%)}.connect4-board__disc--white{background:radial-gradient(circle at 34% 26%,#fffffff5,#0000 22%),radial-gradient(circle at 58% 82%,#b8c4d438,#0000 34%),linear-gradient(#fff 0%,#f6f9fd 44%,#dee7f1 74%,#c4cfdb 100%)}.connect4-board__disc--preview-rail{width:calc(96% / var(--connect4-columns));transition:left .17s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;transform:translate(-50%,62%);box-shadow:0 12px 22px #0000002e,inset 0 1px 1px #ffffff1f,inset 0 0 0 1px #ffffff24}.connect4-board__disc--preview-rail.is-dragging{transition:none}@media (pointer:coarse){.connect4-board-shell{touch-action:none}}@media (prefers-reduced-motion:reduce){.connect4-board__disc--preview-rail{transition:none}}.connect4-board__disc--drop{transform-origin:bottom;will-change:transform;animation:connect4-disc-drop var(--connect4-drop-duration,.56s) cubic-bezier(.16, .96, .2, 1) both}.connect4-board__column.is-preview{opacity:1}.connect4-board__column.is-preview:before{opacity:1;background:linear-gradient(#f7ffe54d 0%,#c6ff342b 18%,#c6ff3414 54%,#c6ff3405 100%),radial-gradient(circle at 50% 0,#ffffff57,#0000 38%);box-shadow:inset 0 0 0 1px #efffc414,inset 0 0 28px #c6ff3414,0 0 28px #c6ff3414}.connect4-board__column.is-preview .connect4-board__cell:before{box-shadow:inset 0 0 0 1px #e9ffb11f,inset 0 0 0 3px #c6ff3417,inset 0 10px 16px #ffffff0d,inset 0 -18px 24px #00000047,0 0 18px #c6ff3429,0 12px 18px #0000002e}.connect4-board__disc.is-winning-disc{filter:saturate(1.04)brightness(1.03);box-shadow:0 0 0 1px #f5ffda1f,0 0 16px #c6ff3424,0 10px 18px #0000002e,inset 0 1px 1px #ffffff29,inset 0 0 0 1px #ffffff2e}.connect4-board__cell.is-winning-cell:after{content:"";aspect-ratio:1;z-index:5;pointer-events:none;background:#c6ff34f5;border-radius:999px;width:12%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0910152e,0 0 8px #c6ff3429}.connect4-board__cell.is-winning-cell:before{box-shadow:inset 0 0 0 1px #e9ffb114,inset 0 10px 16px #ffffff0d,inset 0 -18px 24px #00000047,0 0 0 1px #c6ff341f,0 0 10px #c6ff341a,0 12px 18px #0000002e}.board-caption{color:var(--muted);margin-top:.95rem;line-height:1.65}.play-surface{background:linear-gradient(#ffffff0a,#ffffff05),#0b0e139e;border:1px solid #ffffff14;border-radius:28px;margin-top:1.2rem;padding:.9rem}.table-hud{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1.15rem;display:grid}.table-hud__item{background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;gap:.35rem;padding:.95rem 1rem;display:grid}.table-hud__item span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:800}.table-hud__item strong{letter-spacing:-.03em;font-size:1.02rem;font-weight:800}.table-hud__item--black{border-color:#ffffff24}.table-hud__item--white{border-color:#c6ff3433;box-shadow:0 0 0 1px #c6ff340d}.table-hud__item--neutral{border-color:#c6ff342e}.reversi-board-shell{grid-template-rows:1.35rem minmax(0,1fr);grid-template-columns:1.8rem minmax(0,1fr);gap:.55rem;display:grid}.reversi-board-shell__corner{background:#ffffff0a;border-radius:999px}.reversi-board-shell__columns,.reversi-board-shell__rows{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:800;display:grid}.reversi-board-shell__columns{grid-template-columns:repeat(8,minmax(0,1fr));place-items:center}.reversi-board-shell__rows{grid-template-rows:repeat(8,minmax(0,1fr));place-items:center}.reversi-board{aspect-ratio:1;background:linear-gradient(#ffffff05,#fff0),linear-gradient(#2a2c36,#1d1f28);border:1px solid #d8c18d24;border-radius:24px;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 24px 56px #00000052}.reversi-board__cell{appearance:none;cursor:default;background:linear-gradient(#ffffff04,#ffffff01),#ffffff03;border:1px solid #ffffff0f;place-items:center;min-width:0;min-height:0;padding:0;transition:background-color .16s,transform .16s,box-shadow .16s;display:grid;position:relative}.reversi-board__cell:focus-visible{outline:0;box-shadow:inset 0 0 0 2px #c6ff3475}.reversi-board__cell.is-valid{cursor:pointer}.reversi-board__cell.is-preview-origin{box-shadow:none;background:0 0}.reversi-board__cell.is-preview-origin:before,.reversi-board__cell.is-preview-flip:before{content:"";pointer-events:none;z-index:0;border-radius:16px;position:absolute}.reversi-board__cell.is-preview-origin:before{aspect-ratio:1;background:radial-gradient(circle,#c6ff3414,#0000 72%);border:2px solid #c6ff34d1;border-radius:999px;width:64%;inset:auto;box-shadow:0 0 18px #c6ff342e,inset 0 0 0 1px #c6ff341f}.reversi-board__cell.is-preview-flip:before{background:radial-gradient(circle,#c6ff341f,#0000 72%);inset:8%}.reversi-board__cell.is-last-move:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#c6ff3429,#0000 70%),#c6ff340f;border:1px solid #c6ff3457;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #c6ff341f,0 0 28px #c6ff3414}.reversi-board__disc{z-index:1;aspect-ratio:1;width:64%;transform-style:preserve-3d;border-radius:999px;position:relative;box-shadow:0 12px 18px #0000003d,inset 0 0 0 1px #d8c18d29}.reversi-board__disc--black{background:radial-gradient(circle at 35% 26%,#5f667ddb,#0000 22%),linear-gradient(#303544,#11131b 64%,#08090d)}.reversi-board__disc--white{background:radial-gradient(circle at 34% 25%,#ffffffd9,#0000 24%),linear-gradient(#f4ebd2,#d3bf96 68%,#8d7956)}.reversi-board__disc.is-preview-flip{transform:scale(1.04);box-shadow:0 12px 18px #0000003d,0 0 0 2px #c6ff343d,0 0 28px #c6ff342e}.reversi-board__disc--placed{animation:disc-place var(--place-duration) cubic-bezier(.22, 1, .36, 1) var(--disc-delay,0s) both}.reversi-board__disc--flip-pulse{box-shadow:none}.reversi-board__disc-layer{border-radius:inherit;will-change:transform, opacity, filter;position:absolute;inset:0;box-shadow:0 12px 18px #0000003d}.reversi-board__disc-layer--old{animation:disc-flip-out var(--flip-duration) cubic-bezier(.24, .84, .26, 1) var(--disc-delay,0s) both}.reversi-board__disc-layer--new{opacity:0;animation:disc-flip-in var(--flip-duration) cubic-bezier(.24, .84, .26, 1) var(--disc-delay,0s) both}.reversi-board__disc-layer--black{background:radial-gradient(circle at 35% 26%,#5f667ddb,#0000 22%),linear-gradient(#303544,#11131b 64%,#08090d)}.reversi-board__disc-layer--white{background:radial-gradient(circle at 34% 25%,#ffffffd9,#0000 24%),linear-gradient(#f4ebd2,#d3bf96 68%,#8d7956)}.reversi-board__hint{z-index:1;aspect-ratio:1;background:#c6ff3414;border:2px solid #c6ff34e6;border-radius:999px;width:26%;animation:1.35s ease-in-out infinite hint-pulse;position:relative;box-shadow:0 0 18px #c6ff3457}.game-status-bar{background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1rem;padding:.85rem 1rem;display:flex}.game-status-bar--pass{background:radial-gradient(circle at 0%,#c6ff341f,#0000 28%),#ffffff0a;border-color:#c6ff3438}.game-status-bar--complete{background:radial-gradient(circle at 100% 0,#c6ff341f,#0000 32%),#ffffff0a;border-color:#c6ff3438}.game-status-bar__label{color:var(--muted-strong);font-size:.95rem;line-height:1.6}.score-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1.15rem;display:grid}.score-tile{background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;gap:.35rem;padding:1rem;display:grid}.score-tile span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:800}.score-tile small{color:var(--muted);font-size:.86rem;line-height:1}.score-tile strong{letter-spacing:-.06em;font-size:1.75rem;font-weight:900}.score-tile.is-active{border-color:#c6ff3447;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #c6ff3414,0 18px 30px #c6ff3414}.selection-summary{background:#ffffff0a;border:1px solid #ffffff14;border-radius:22px;gap:.75rem;padding:1rem 1.05rem;display:grid}.selection-summary__row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.selection-summary__row span{color:var(--muted);font-size:.9rem}.selection-summary__row strong{text-align:right;font-size:.98rem;font-weight:800}.selection-summary--inline{margin-top:.1rem}.lobby-card{align-content:start;gap:1rem;display:grid}.summary-grid--lobby{margin-top:.1rem}.result-modal{z-index:30;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.result-modal__scrim{-webkit-backdrop-filter:blur(16px);background:#07080ec2;position:absolute;inset:0}.result-modal__card{z-index:1;background:radial-gradient(circle at 12% 0,#c6ff341f,#0000 24%),linear-gradient(#171721fa,#0e1018fa);border:1px solid #c6ff342e;border-radius:30px;width:min(100%,480px);padding:1.4rem;position:relative;box-shadow:0 28px 90px #0000006b,0 0 0 1px #c6ff3414,0 0 30px #c6ff3414}.result-modal__card--connect4{background:radial-gradient(circle at 12% 0,#c6ff341f,#0000 24%),linear-gradient(#111e18fa,#0a100efa);border-color:#c6ff342e;box-shadow:0 28px 90px #0000006b,0 0 0 1px #c6ff3414,0 0 30px #c6ff3414}.result-modal__close{width:2.4rem;height:2.4rem;color:var(--text);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;font-size:1.35rem;line-height:1;position:absolute;top:1rem;right:1rem}.result-modal__header{gap:.75rem;padding-right:2.8rem;display:grid}.result-modal__title{letter-spacing:-.06em;margin:0;font-size:clamp(2rem,4vw,3rem);font-weight:900}.result-modal__copy{color:var(--muted-strong);line-height:1.7}.result-modal__meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1.1rem;display:grid}.result-modal__meta-item{background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;gap:.35rem;padding:.9rem .95rem;display:grid}.result-modal__meta-item span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;font-weight:800}.result-modal__meta-item strong{letter-spacing:-.03em;font-size:1rem;font-weight:800}.result-modal__scores{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:1.25rem;display:grid}.result-modal__score{background:#ffffff0a;border:1px solid #ffffff14;border-radius:22px;gap:.4rem;padding:1rem;display:grid}.result-modal__score span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:800}.result-modal__score strong{letter-spacing:-.06em;font-size:2rem;font-weight:900}.result-modal__actions{flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;display:flex}.empty-state{text-align:center;max-width:760px;margin:6vh auto 0}@keyframes disc-place{0%{opacity:0;transform:scale(.72)}60%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes disc-flip-out{0%{opacity:1;filter:brightness();transform:scale(1)}30%{opacity:.9;filter:brightness(1.1);transform:scale(.94)}45%{opacity:.18;filter:brightness(1.35);transform:scale(.82)}60%{opacity:.08;filter:brightness(1.1);transform:scale(.9)}to{opacity:0;filter:brightness();transform:scale(.96)}}@keyframes disc-flip-in{0%{opacity:0;filter:brightness(1.45);transform:scale(.82)}45%{opacity:.14;filter:brightness(1.35);transform:scale(.9)}58%{opacity:1;filter:brightness(1.55);transform:scale(1.12)}78%{opacity:1;filter:brightness(1.12);transform:scale(.96)}to{opacity:1;filter:brightness();transform:scale(1)}}@keyframes hint-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes connect4-disc-drop{0%{opacity:0;transform:translateY(var(--connect4-drop-distance)) scale(.92)}54%{opacity:1;transform:translateY(0)scaleX(1.03)scaleY(.97)}72%{opacity:1;transform:translateY(-11%)scaleX(.995)scaleY(1.02)}88%{opacity:1;transform:translateY(-3%)scale(1)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes connect4-win-trace{0%{opacity:0;stroke-dashoffset:1px}to{opacity:1;stroke-dashoffset:0}}@keyframes dots-target-pulse{0%,to{opacity:.34;transform:translate(-50%,-50%)scale(.94)}50%{opacity:.82;transform:translate(-50%,-50%)scale(1.16)}}@keyframes dots-last-move-dot-pop{0%{filter:brightness();transform:translate(-50%,-50%)scale(1)}45%{filter:brightness(1.16);transform:translate(-50%,-50%)scale(1.18)}to{filter:brightness();transform:translate(-50%,-50%)scale(1)}}@keyframes dots-last-move-dot-breathe{0%,to{filter:brightness(.96);transform:translate(-50%,-50%)scale(.92)}50%{filter:brightness(1.12);transform:translate(-50%,-50%)scale(1.08)}}@keyframes dots-drag-breathe{0%,to{filter:brightness()}50%{filter:brightness(1.12)}}@keyframes dots-edge-draw{0%{opacity:.35;transform:translateY(-50%)scaleX(.08)}65%{opacity:1;transform:translateY(-50%)scaleX(1.04)}to{opacity:1;transform:translateY(-50%)scaleX(1)}}@keyframes dots-box-claim{0%{opacity:0;filter:brightness(1.25);transform:scale(.28)}58%{opacity:1;filter:brightness(1.08);transform:scale(1.12)}to{opacity:1;filter:brightness();transform:scale(1)}}@media (hover:hover){.match-option-card:hover,.piece-option:hover,.tutorial-hero__actions .primary-button:hover,.tutorial-hero__actions .ghost-button:hover,.reversi-board__cell.is-valid:hover{transform:translateY(-2px)}.match-option-card:hover,.piece-option:hover{background:#ffffff12;border-color:#c6ff3429}button.dots-board__dot:not(.is-drag-origin):not(.is-drag-target):hover{transform:translate(-50%,-50%)scale(1.08)}button.dots-board__dot:not(.is-drag-origin):not(.is-drag-target):hover .dots-board__dot-core{box-shadow:0 0 0 1px #f7ffe433,0 0 20px #c6ff3442}button.dots-board__dot:not(.is-drag-origin):not(.is-drag-target):hover:before{opacity:.68}button.dots-board__dot:not(.is-drag-origin):not(.is-drag-target):hover:after{opacity:1;border-color:#f7ffe461;width:182%;height:182%}.reversi-board__cell.is-valid:hover{background:#c6ff3414}.connect4-board__column.is-valid:hover{transform:none}.connect4-board__column.is-valid:hover:before{opacity:.6}.reversi-board__cell.is-valid:hover .reversi-board__hint{transform:scale(1.1)}.result-modal__close:hover{background:#ffffff14}}@media (max-width:1080px){.setup-layout,.play-layout,.game-catalog-grid,.tutorial-grid,.arena-layout,.arena-topbar{grid-template-columns:1fr}.arena-match-banner,.arena-toolbar{justify-self:stretch}.arena-toolbar{justify-content:flex-start}.arena-side{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.match-option-grid,.piece-option-grid,.game-card__stats,.summary-grid,.arena-side,.table-hud,.score-grid,.result-modal__meta,.result-modal__scores{grid-template-columns:1fr}.arena-status-strip,.game-status-bar,.result-modal__actions{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.board-preview--compact{max-width:none}.board-preview{border-radius:22px;padding:.55rem}.section-heading-row{flex-direction:column}.reversi-board-shell{grid-template-rows:1.1rem minmax(0,1fr);grid-template-columns:1.25rem minmax(0,1fr);gap:.4rem}.arena-player-card__avatar{width:9rem}.arena-player-card__avatar-core{width:6.9rem}.arena-board-card__head{flex-direction:column;align-items:flex-start}.connect4-board-shell__columns,.connect4-board{gap:0}.connect4-board-shell{--connect4-board-padding:.7rem}.dots-board{border-radius:24px}.dots-board__dot{--dots-dot-visual-size:clamp(.34rem, 1.3vw, .52rem);--dots-dot-hit-size:clamp(.96rem, 3.2vw, 1.18rem)}.dots-board__box{border-radius:12px}.dots-board__disc{width:68%}.tutorial-hero__actions,.match-setup-actions{flex-direction:column}}.landing-page{gap:1.5rem}.landing-hero{gap:1.4rem;padding:clamp(1.35rem,2vw,1.85rem);display:grid}.landing-hero__copy{gap:1.25rem;display:grid}.landing-hero__actions{flex-wrap:wrap;gap:.8rem;display:flex}.landing-hero__actions .primary-button,.landing-hero__actions .ghost-button{justify-content:center}.landing-hero__stats{margin-top:.1rem}.landing-section{gap:1rem;display:grid}.landing-section__heading{justify-content:space-between;align-items:end;gap:1rem;display:flex}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.catalog-card{cursor:pointer;align-content:start;gap:1.2rem;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}.catalog-card__media{background:#ffffff08;border:1px solid #ffffff12;border-radius:28px;padding:.35rem}.catalog-card__media .board-frame,.setup-hero-card__preview .board-frame{margin-top:0}.catalog-card__media .board-preview,.setup-hero-card__preview .board-preview{border-radius:24px;padding:.75rem}.catalog-card__media .board-preview--compact,.setup-hero-card__preview .board-preview--compact{max-width:none}.catalog-card__body,.catalog-card__footer{gap:1rem;display:grid}.catalog-card__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.catalog-card__stats div{background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;gap:.3rem;padding:.95rem 1rem;display:grid}.catalog-card__stats span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:800}.catalog-card__stats strong{letter-spacing:-.03em;font-size:1rem;font-weight:800}.catalog-card__actions{flex-wrap:wrap;gap:.75rem;display:flex}.catalog-card__actions .primary-button,.catalog-card__actions .ghost-button{flex:12rem;justify-content:center}.catalog-card:focus-visible{outline:0;box-shadow:0 0 0 2px #c6ff341f,0 0 0 4px #c6ff343d}.how-it-works-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.flow-card{align-content:start;gap:.8rem;display:grid}.flow-card__step{width:3.2rem;min-height:3.2rem;color:var(--ruby);letter-spacing:.08em;background:#c6ff3414;border:1px solid #c6ff3438;border-radius:999px;justify-content:center;align-items:center;font-size:.9rem;font-weight:900;display:inline-flex}.flow-card h3{letter-spacing:-.03em;font-size:1.25rem;font-weight:800}.flow-card p,.landing-footer{color:var(--muted-strong);line-height:1.7}.landing-footer{padding:.2rem 0 1rem}.setup-page{gap:1rem}.funnel-breadcrumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.55rem;font-size:.95rem;font-weight:700;display:flex}.funnel-breadcrumb__link{color:var(--muted-strong)}.setup-funnel{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:start;gap:1rem;display:grid}.setup-hero-card,.setup-panel{align-content:start;gap:1.25rem;display:grid}.summary-grid--setup{margin-top:.1rem}.saved-match-banner{background:linear-gradient(#c6ff340f,#c6ff3405),#ffffff08;border:1px solid #c6ff3424;border-radius:22px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.05rem;display:flex}.saved-match-banner__copy{gap:.16rem;display:grid}.saved-match-banner__eyebrow{color:var(--ruby);letter-spacing:.12em;text-transform:uppercase;font-size:.74rem;font-weight:900}.saved-match-banner__copy strong{letter-spacing:-.03em;font-size:1.05rem;font-weight:800}.saved-match-banner__copy p{color:var(--muted-strong);margin:0;line-height:1.6}.empty-state__actions .primary-button,.empty-state__actions .ghost-button{flex:13rem;justify-content:center}.landing-hub{gap:1rem;display:grid}.landing-command{grid-template-columns:minmax(0,1.5fr) minmax(290px,.85fr);align-items:start;gap:1rem;display:grid}.landing-command__hero,.landing-command__rail,.landing-pulse{min-width:0}.landing-command__hero{gap:1.35rem;display:grid}.landing-command__title{max-width:10ch}.landing-command__metrics{margin-top:0}.landing-command__actions{flex-wrap:wrap;gap:.75rem;display:flex}.landing-command__actions .primary-button,.landing-command__actions .ghost-button{flex:15rem}.landing-command__rail,.landing-queue,.landing-brief{gap:1rem;display:grid}.landing-queue__list{gap:.7rem;display:grid}.landing-queue__item{width:100%;min-height:74px;color:var(--text);text-align:left;cursor:pointer;background:linear-gradient(#ffffff08,#ffffff04),#ffffff05;border:1px solid #ffffff14;border-radius:22px;justify-content:space-between;align-items:center;gap:.9rem;padding:.95rem 1rem;transition:transform .18s,border-color .18s,background-color .18s,box-shadow .18s;display:flex}.landing-queue__item-copy,.landing-queue__item-meta{gap:.25rem;display:grid}.landing-queue__item-copy strong,.landing-queue__item-meta em,.landing-queue__item-meta i{font-style:normal}.landing-queue__item-copy strong{letter-spacing:-.03em;font-size:1rem;font-weight:800}.landing-queue__item-copy small,.landing-queue__item-meta em{color:var(--muted);font-size:.82rem;line-height:1.45}.landing-queue__item-meta{justify-items:end}.landing-queue__item-meta i{color:var(--ruby);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:800}.landing-brief__list{margin-top:0}.landing-deck{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.landing-hub__heading{letter-spacing:-.04em;grid-column:1/-1;font-size:1.35rem;font-weight:800}.landing-deck-card{gap:1rem;min-width:0;display:grid}.landing-deck-card__header{gap:.75rem;display:grid}.landing-deck-card__title{letter-spacing:-.05em;font-size:clamp(1.5rem,2vw,2rem);font-weight:800}.landing-deck-card__copy{color:var(--muted-strong);line-height:1.7}.landing-deck-card__media{background:radial-gradient(circle at 50% 0,#c6ff340b,#0000 22%),#ffffff06;border:1px solid #ffffff12;border-radius:28px;min-height:360px;padding:.3rem;display:grid}.landing-deck-card__meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.landing-deck-card__meta-item{background:#ffffff08;border:1px solid #ffffff12;border-radius:20px;gap:.35rem;padding:.9rem .95rem;display:grid}.landing-deck-card__meta-item span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:800}.landing-deck-card__meta-item strong{letter-spacing:-.03em;font-size:.98rem;font-weight:800}.landing-deck-card__description{color:var(--muted-strong);line-height:1.75}.landing-deck-card__actions{flex-wrap:wrap;gap:.75rem;display:flex}.landing-deck-card__actions .primary-button,.landing-deck-card__actions .ghost-button{flex:12rem}.landing-pulse{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.landing-pulse__card{gap:.6rem;display:grid}.landing-live-shot{background:radial-gradient(circle at 50% 0,#c6ff340f,#0000 24%),linear-gradient(#ffffff05,#ffffff02),#0f0f17f0;border:1px solid #ffffff14;border-radius:22px;grid-template-rows:auto minmax(0,1fr);gap:.8rem;height:100%;padding:.7rem;display:grid}.landing-live-shot__top{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.landing-live-shot__label,.landing-live-shot__status{border-radius:var(--radius-pill);letter-spacing:.08em;text-transform:uppercase;align-items:center;min-height:2rem;padding-inline:.8rem;font-size:.7rem;font-weight:800;display:inline-flex}.landing-live-shot__label{color:var(--text);background:#ffffff09;border:1px solid #ffffff14}.landing-live-shot__status{color:var(--ruby);background:#07120ed1;border:1px solid #c6ff3429}.landing-live-shot__board{background:radial-gradient(circle at 50% 0,#c6ff340a,#0000 22%),linear-gradient(#ffffff05,#ffffff03),#0f0f17f0;border:1px solid #ffffff12;border-radius:20px;align-content:center;min-height:0;padding:.75rem;display:grid}.landing-live-shot__board--connect4{background:0 0;border:0;padding:.2rem .15rem .35rem}.landing-live-shot__board--dots{padding:.5rem}.landing-live-shot .reversi-board-shell,.landing-live-shot .connect4-board-shell,.landing-live-shot .dots-board-shell{width:100%;max-width:none}.landing-live-shot .reversi-board-shell{grid-template-rows:1.1rem minmax(0,1fr);grid-template-columns:1.45rem minmax(0,1fr);gap:.42rem}.landing-live-shot .reversi-board-shell__columns,.landing-live-shot .reversi-board-shell__rows,.landing-live-shot .connect4-board-shell__columns{font-size:.62rem}.landing-live-shot .reversi-board{border-radius:18px}.landing-live-shot .connect4-board-shell{gap:.3rem}.landing-live-shot .connect4-board-shell__hover-rail{height:1.7rem}.landing-live-shot .dots-board{border-radius:18px}@media (hover:hover){.landing-queue__item:hover{background:#ffffff0f;border-color:#c6ff3429;transform:translateY(-2px);box-shadow:0 18px 34px #0000002e}.landing-deck-card:hover{box-shadow:var(--shadow-l), 0 0 0 1px #c6ff340a, 0 0 20px #c6ff340a;border-color:#c6ff3424;transform:translateY(-3px)}.landing-deck-card:hover .landing-deck-card__media{border-color:#c6ff3424}.catalog-card:hover{box-shadow:var(--shadow-l), 0 0 0 1px #c6ff340d, 0 0 24px #c6ff340d;border-color:#c6ff3424;transform:translateY(-4px)}.catalog-card:hover .catalog-card__media{border-color:#c6ff3424}}@media (max-width:1080px){.landing-command,.landing-pulse,.catalog-grid,.how-it-works-grid,.setup-funnel{grid-template-columns:1fr}}@media (max-width:720px){.landing-deck,.landing-pulse,.landing-deck-card__meta{grid-template-columns:1fr}.landing-deck-card__media{min-height:250px}.landing-command__actions,.landing-deck-card__actions,.landing-hero__actions,.catalog-card__actions,.saved-match-banner{flex-direction:column}.catalog-card__stats{grid-template-columns:1fr}}.landing-hub{gap:1.1rem}.landing-intro{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:start;gap:1.25rem;display:grid}.landing-intro__copy,.landing-resume,.landing-board-card__copy,.setup-preview-card{align-content:start;gap:1rem;display:grid}.landing-intro__title{max-width:13ch}.landing-resume{background:#ffffff08;border:1px solid #ffffff14;border-radius:26px;min-height:100%;padding:1.1rem}.landing-resume__list{gap:.75rem;display:grid}.landing-resume__list .primary-button,.landing-resume__list .ghost-button{width:100%}.landing-board-grid{gap:1rem;display:grid}.landing-hub__heading{font-size:1.2rem}.landing-board-card{grid-template-columns:minmax(0,.92fr) minmax(300px,1.08fr);align-items:start;gap:1rem;display:grid}.landing-board-card__title{letter-spacing:-.05em;font-size:clamp(1.6rem,2.6vw,2.3rem);font-weight:800}.landing-board-card__lead{color:var(--muted-strong);font-size:1.04rem;line-height:1.65}.landing-board-card__description{color:var(--muted);line-height:1.7}.landing-board-card__details{flex-wrap:wrap;gap:.65rem;display:flex}.landing-board-card__details span{min-height:2.35rem;color:var(--muted-strong);background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;align-items:center;padding-inline:.85rem;font-size:.84rem;font-weight:700;display:inline-flex}.landing-board-card__actions{flex-wrap:wrap;gap:.75rem;display:flex}.landing-board-card__actions .primary-button,.landing-board-card__actions .ghost-button{flex:13rem}.landing-board-card__media{background:#ffffff06;border:1px solid #ffffff12;border-radius:28px;min-height:310px;padding:.35rem}.setup-funnel{grid-template-columns:minmax(0,1.16fr) minmax(320px,.84fr);gap:1rem}.setup-panel--primary{gap:1.35rem}.setup-panel__title{max-width:16ch}.saved-match-banner{background:linear-gradient(#c6ff340d,#c6ff3404),#ffffff06;border-color:#c6ff341f;align-items:flex-start;padding:1rem 1.05rem}.saved-match-banner__copy{gap:.3rem}.selection-summary--inline{grid-template-columns:repeat(2,minmax(0,1fr))}.match-setup-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.match-setup-actions .primary-button{grid-column:1/-1}.match-setup-actions .ghost-button,.match-setup-actions .primary-button{width:100%}.setup-preview-card{position:sticky;top:5.6rem}.setup-preview-card__media{min-height:280px}.setup-preview-card__facts{gap:.75rem;display:grid}.setup-preview-card__fact{background:#ffffff08;border:1px solid #ffffff12;border-radius:20px;gap:.24rem;padding:.9rem .95rem;display:grid}.setup-preview-card__fact span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:800}.setup-preview-card__fact strong{letter-spacing:-.03em;font-size:1rem;font-weight:800}.landing-live-shot{background:linear-gradient(#ffffff04,#ffffff01),#0c0e14eb;gap:.7rem;padding:.75rem}.landing-live-shot__label,.landing-live-shot__status{letter-spacing:.06em;min-height:1.9rem;font-size:.68rem}.landing-live-shot__status{color:var(--muted-strong);background:#ffffff08;border-color:#ffffff14}.landing-live-shot__board{background:linear-gradient(#ffffff04,#ffffff01),#0a0d12f0}@media (max-width:1080px){.landing-intro,.landing-board-card,.setup-funnel{grid-template-columns:1fr}.setup-preview-card{position:static}}@media (max-width:720px){.landing-board-card__actions{flex-direction:column}.match-setup-actions{grid-template-columns:1fr}.landing-board-card__media,.setup-preview-card__media{min-height:240px}.selection-summary--inline{grid-template-columns:1fr}}.platform-page{gap:1.1rem;padding-block:.35rem 2rem}.platform-grid,.platform-metric-grid{gap:1rem;display:grid}.platform-grid{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr))}.platform-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-grid--three,.platform-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wallet-account-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.test-funds-banner{background:#ffc24714;border:1px solid #ffc2474d;border-radius:18px;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:.75rem 1rem;padding:.9rem 1rem;display:grid}.test-funds-banner strong,.wallet-operation small{color:#ffd37a}.test-funds-banner span,.wallet-operation-row [data-status],.wallet-ledger-row [data-status]{width:fit-content;color:var(--muted-strong);letter-spacing:.05em;text-transform:uppercase;background:#c6ff3412;border:1px solid #c6ff342e;border-radius:999px;padding:.25rem .55rem;font-size:.72rem;font-weight:800}.test-funds-banner p,.wallet-operation-row p,.wallet-ledger-row small,.wallet-empty-state{color:var(--muted)}.wallet-feedback{color:var(--muted-strong);background:#c6ff340f;border:1px solid #c6ff3433;border-radius:18px;padding:.9rem 1rem}.wallet-feedback--error{background:#e0ff8b12;border-color:#e0ff8b47}.wallet-operation{align-content:start}.wallet-operation .primary-button{justify-content:center}.wallet-field{color:var(--muted-strong);gap:.45rem;font-size:.82rem;font-weight:800;display:grid}.wallet-field input,.wallet-field select,.wallet-field textarea,.support-reply-row input{width:100%;min-height:3rem;color:var(--foreground);font:inherit;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;outline:none;padding:.65rem .8rem}.wallet-field input:focus,.wallet-field select:focus,.wallet-field textarea:focus,.support-reply-row input:focus{border-color:#c6ff346b;box-shadow:0 0 0 3px #c6ff3414}.support-form{gap:1rem;display:grid}.support-reply-row{grid-template-columns:minmax(0,1fr) auto;gap:.75rem;margin-top:1rem;display:grid}.support-reply-row input{min-height:3rem}.wallet-policy-summary,.wallet-operation-row,.wallet-ledger-filters{justify-content:space-between;align-items:center;gap:1rem;display:flex}.wallet-policy-summary{color:var(--muted);border-block:1px solid #ffffff12;padding:.85rem 0}.wallet-operation-list{gap:.75rem;display:grid}.wallet-operation-row{background:#ffffff06;border:1px solid #ffffff12;border-radius:18px;padding:.9rem 1rem}.wallet-operation-row__actions,.wallet-ledger-row__amount{justify-items:end;gap:.55rem;display:grid}.wallet-operation-row__actions .ghost-button{min-height:auto;padding:.45rem .7rem}.wallet-ledger-filters{justify-content:flex-start}.wallet-ledger-filters .wallet-field{min-width:13rem}.wallet-ledger-row p{overflow-wrap:anywhere}.platform-panel,.metric-card,.queue-intent-card,.ledger-row,.info-row,.leaderboard-row,.landing-checklist__item{position:relative;overflow:hidden}.platform-panel,.metric-card{padding:1.3rem}.platform-panel{gap:1.1rem;display:grid}.platform-panel:after,.metric-card:after{content:"";pointer-events:none;background:linear-gradient(90deg,#c6ff3429,#0000 72%);width:100%;height:1px;position:absolute;inset:0 auto auto 0}.metric-card{align-content:start;gap:.35rem;min-height:9.25rem;display:grid}.metric-card--accent{background:linear-gradient(#c6ff3411,#c6ff3404),linear-gradient(#0e1119f7,#0b0e15f2);border-color:#c6ff342e}.metric-card__eyebrow{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.74rem;font-weight:800}.metric-card__value{letter-spacing:-.06em;font-size:clamp(1.8rem,2vw,2.4rem);font-weight:900;line-height:1.02}.metric-card__title{color:var(--muted-strong);font-size:.94rem;line-height:1.55}.landing-checklist{gap:.75rem;display:grid}.landing-checklist__item{color:var(--muted-strong);background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 1rem;display:flex}.queue-intent-card{align-content:space-between;min-height:18rem}.queue-intent-card__actions{gap:.75rem;display:grid}.queue-intent-card__actions .primary-button,.queue-intent-card__actions .ghost-button{justify-content:center}.ledger-list,.info-list,.leaderboard-table{gap:.75rem;display:grid}.ledger-row,.info-row,.leaderboard-row{background:#ffffff08;border:1px solid #ffffff12;border-radius:20px;gap:.35rem 1rem;padding:.95rem 1rem;display:grid}.ledger-row,.info-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.ledger-row p,.info-row span,.leaderboard-row span{color:var(--muted)}.ledger-row strong,.info-row strong,.leaderboard-row strong{letter-spacing:-.03em;font-size:.98rem;font-weight:800}.badge-row{flex-wrap:wrap;gap:.65rem;display:flex}.leaderboard-row{grid-template-columns:4rem minmax(0,1fr) minmax(0,1fr) auto;align-items:center}@media (max-width:1080px){.platform-grid--two,.platform-grid--three,.platform-metric-grid,.wallet-account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.platform-grid,.platform-grid--two,.platform-grid--three,.platform-metric-grid,.leaderboard-row,.ledger-row,.info-row,.wallet-account-grid,.test-funds-banner{grid-template-columns:1fr}.wallet-ledger-filters,.wallet-operation-row{flex-direction:column;align-items:stretch}.wallet-ledger-filters .wallet-field{width:100%;min-width:0}.wallet-operation-row__actions,.wallet-ledger-row__amount{justify-items:start}.landing-checklist__item{flex-direction:column;align-items:flex-start}}
.app-shell{isolation:isolate;min-height:100vh;position:relative}.app-shell:before{content:"";z-index:-5;background:radial-gradient(circle at 8% 10%,#c6ff342e,#0000 24%),radial-gradient(circle at 88% 12%,#293f1f52,#0000 28%),radial-gradient(circle at 50% 100%,#0a130eeb,#0000 48%),linear-gradient(#050806 0%,#040705 48%,#020503 100%);position:fixed;inset:0}.app-shell__noise{opacity:.08;z-index:-4;mix-blend-mode:soft-light;background-image:radial-gradient(circle at 24% 20%,#ffffff24 0 1px,#0000 1px),radial-gradient(circle at 75% 72%,#ffffff14 0 1px,#0000 1px);background-size:20px 20px}.app-shell__grid{z-index:-3;opacity:.16;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(#000000eb,#0000 92%);mask-image:linear-gradient(#000000eb,#0000 92%)}.app-shell__glow{filter:blur(72px);opacity:.92}.app-shell__glow--ruby{background:radial-gradient(circle at 12% 8%,#c6ff3433,#0000 28%),radial-gradient(circle at 82% 78%,#c6ff341f,#0000 22%)}.app-shell__glow--violet{background:radial-gradient(circle at 82% 14%,#4a663c1f,#0000 22%),radial-gradient(circle at 22% 82%,#121e1866,#0000 20%)}.site-header{padding:1rem 1rem .35rem}.site-header__inner{border-radius:calc(var(--radius-xl) + 4px);-webkit-backdrop-filter:blur(24px)saturate(1.12);background:linear-gradient(#101612db,#070a08eb),radial-gradient(circle at 0 0,#c6ff3414,#0000 32%);border:1px solid #c6ff3424;gap:1rem;width:min(1380px,100%);margin:0 auto;padding:1.15rem 1.25rem;display:grid;box-shadow:0 28px 90px #00000057,inset 0 1px #ffffff0a,0 0 0 1px #c6ff3408}.site-header__main,.site-header__rail{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.brand-lockup{align-items:center;gap:1rem}.brand-lockup__logo{filter:drop-shadow(0 12px 28px #c6ff342e);width:clamp(68px,8vw,92px)}.brand-lockup__copy{gap:.2rem}.brand-lockup__eyebrow{color:#c6ff34d6;letter-spacing:.16em;font-size:.72rem;font-weight:700}.brand-lockup__title{letter-spacing:-.05em;font-size:1.15rem;font-weight:800}.brand-lockup__subtitle{color:var(--muted);font-size:.82rem;font-weight:500;line-height:1.4}.site-nav{border-radius:calc(var(--radius-lg) + 4px);background:#ffffff06;border:1px solid #ffffff0f;gap:.35rem;padding:.32rem}.site-nav__link,.status-chip,.ghost-button,.primary-button,.callout-strip{border-radius:1rem}.site-nav__link{color:var(--muted-strong);letter-spacing:.02em;background:0 0;padding:.85rem 1rem;font-size:.92rem;font-weight:700}.site-nav__link.is-active{color:var(--brand-ink);background:linear-gradient(180deg, var(--brand-lime-strong), var(--brand-lime));border-color:#0000;box-shadow:inset 0 1px #ffffff4d,0 14px 28px #c6ff342e}.site-meta{gap:.65rem}.site-meta__capsule{background:#ffffff08;border:1px solid #ffffff14;border-radius:1rem;gap:.12rem;min-width:10.5rem;padding:.82rem .95rem;display:grid}.site-meta__capsule span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:700}.site-meta__capsule strong{letter-spacing:-.04em;font-size:.92rem;font-weight:800}.site-header__utility{align-items:center;gap:.75rem;display:flex}.site-header__button{border-radius:999px;min-width:10rem;padding-inline:1rem}.status-chip{color:var(--muted-strong);letter-spacing:.12em;background:#ffffff0a;border:1px solid #ffffff14;padding:.72rem .92rem;font-size:.74rem;font-weight:800}.status-chip--muted{color:var(--muted);background:#ffffff05;border-color:#ffffff0f}.status-chip--accent{color:var(--brand-ink);background:linear-gradient(180deg, var(--brand-lime-strong), var(--brand-lime));border-color:#c6ff3459;box-shadow:inset 0 1px #ffffff47,0 14px 28px #c6ff3429}.page-shell{width:min(1380px,100% - 1.5rem);padding:1rem 0 3rem}.surface-card{border-radius:calc(var(--radius-2xl) + 2px);-webkit-backdrop-filter:blur(18px)saturate(1.08);background:linear-gradient(#101612f2,#070a08eb),radial-gradient(circle at 0 0,#c6ff340f,#0000 36%);border:1px solid #c6ff341a;padding:clamp(1.2rem,1.8vw,1.55rem);box-shadow:0 20px 60px #00000047,inset 0 1px #ffffff0a}.surface-card:before{opacity:1;background:linear-gradient(90deg,#c6ff3440,#0000 68%)}.surface-card--accent{background:radial-gradient(circle at 0 0,#c6ff341a,#0000 28%),linear-gradient(#121a14fa,#080b09f0);border-color:#c6ff3433}.content-stack{gap:.95rem}.section-kicker,.metric-card__eyebrow{color:#c6ff34d6;letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;font-weight:800}.section-title,.hero-title,.landing-board-card__title,.landing-command__title,.landing-intro__title{font-family:var(--font-display);letter-spacing:-.06em}.section-title,.hero-title{font-size:clamp(1.8rem,3vw,3.4rem)}.section-title--compact{font-size:clamp(1.35rem,1.7vw,2rem)}.section-copy,.landing-board-card__description,.landing-board-card__lead,.landing-brief__list,.selection-summary__row span,.ledger-row p,.info-row span,.leaderboard-row span{color:var(--muted)}.primary-button,.ghost-button{letter-spacing:.01em;border:1px solid #0000;min-height:3rem;padding:.85rem 1.1rem;font-size:.94rem;font-weight:800;transition:transform .18s,box-shadow .18s,border-color .18s,background-color .18s}.primary-button{color:var(--brand-ink);background:linear-gradient(180deg, var(--brand-lime-strong), var(--brand-lime));box-shadow:inset 0 1px #ffffff4d,0 18px 36px #c6ff3429}.ghost-button{color:var(--foreground);background:#ffffff08;border-color:#ffffff14}.platform-panel,.metric-card,.queue-intent-card,.ledger-row,.info-row,.leaderboard-row,.landing-checklist__item,.selection-summary,.match-option-card{border-radius:calc(var(--radius-xl) + 2px)}.platform-panel,.metric-card{padding:1.35rem}.platform-panel,.metric-card,.queue-intent-card{background:linear-gradient(#0f1512f5,#080b09eb),radial-gradient(circle at 0 0,#c6ff340a,#0000 32%)}.platform-panel:after,.metric-card:after{background:linear-gradient(90deg,#c6ff3457,#0000 72%)}.metric-card{gap:.5rem;min-height:10rem}.metric-card--accent{background:radial-gradient(circle at 0 0,#c6ff3417,#0000 30%),linear-gradient(#121c14f5,#090c0aeb);border-color:#c6ff3438}.metric-card__value{font-size:clamp(2rem,2.3vw,2.85rem)}.metric-card__title{font-size:.96rem}.landing-checklist__item,.ledger-row,.info-row,.leaderboard-row,.selection-summary,.match-option-card{background:#ffffff07;border:1px solid #ffffff12;box-shadow:inset 0 1px #ffffff08}.selection-summary{gap:.75rem}.selection-summary__row,.ledger-row,.info-row,.leaderboard-row{align-items:center}.leaderboard-row strong:first-child,.ledger-row span:last-child,.info-row strong{color:var(--foreground)}.leaderboard-row{grid-template-columns:4.25rem minmax(0,1.35fr) minmax(0,1fr) auto}.match-option-card{text-align:left;padding:1rem 1.05rem}.match-option-card strong{letter-spacing:-.04em;font-size:1rem}.match-option-card.is-active{background:radial-gradient(circle at 0 0,#c6ff341c,#0000 34%),#ffffff09;border-color:#c6ff3457;box-shadow:inset 0 1px #ffffff0f,0 18px 32px #c6ff3414}.queue-intent-card{min-height:18rem;padding:1.35rem}.landing-intro,.landing-board-card{gap:1.1rem}.landing-board-card__details span,.landing-live-shot__label,.landing-live-shot__status{background:#ffffff09;border:1px solid #ffffff14;border-radius:999px}.landing-board-card__media{border-radius:calc(var(--radius-2xl) - 2px);background:linear-gradient(#141c18b8,#090c0ac7),radial-gradient(circle at 0 0,#c6ff3414,#0000 36%);border:1px solid #ffffff0f}.landing-resume,.platform-panel,.queue-intent-card{align-content:start}.badge-row .status-chip{padding-inline:.9rem}.action-row,.queue-intent-card__actions,.landing-board-card__actions,.landing-command__actions{gap:.75rem}@media (hover:hover){.site-nav__link:hover,.ghost-button:hover,.primary-button:hover,.match-option-card:hover,.landing-board-card:hover{transform:translateY(-1px)}.ghost-button:hover,.match-option-card:hover{background:#ffffff0d;border-color:#c6ff3433}.landing-board-card:hover .landing-board-card__media{border-color:#c6ff342e;box-shadow:0 20px 42px #c6ff3414}}@media (max-width:1080px){.site-header__rail,.site-meta{align-items:stretch}.site-meta__capsule{min-width:min(100%,11rem)}}@media (max-width:720px){.site-header__inner,.surface-card,.platform-panel,.metric-card,.queue-intent-card{border-radius:calc(var(--radius-xl) + 2px)}.site-header__button{width:100%;min-width:0}}