*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#f4f1e8;background:radial-gradient(circle at 0 0,#2dd4bf29,#0000 34rem),linear-gradient(135deg,#101418 0%,#181712 45%,#121417 100%);margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#root,.app-shell{min-height:100vh}a{color:inherit;text-decoration:none}.page-center{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#121618e0;border:1px solid #f4f1e81f;border-radius:5px;width:100%;max-width:420px;padding:18px;box-shadow:0 24px 70px #00000057}.card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.card-header h2{letter-spacing:0;margin:0;font-size:24px}.stack{flex-direction:column;gap:10px;display:flex}.input,.btn-primary,.btn-secondary,.btn-ghost,.board-cell{color:#f8fafc;background:#ffffff0b;border:1px solid #f4f1e824;border-radius:5px;padding:10px;font-size:14px;transition:border-color .16s,background .16s,transform .16s}.input:focus{border-color:#2dd4bf;outline:2px solid #2dd4bf6b}.btn-primary{color:#05201d;cursor:pointer;background:#2dd4bf;border-color:#2dd4bf;font-weight:800}.btn-secondary,.btn-ghost{cursor:pointer}.btn-primary:hover,.btn-secondary:hover,.btn-ghost:hover{border-color:#f4f1e84d;transform:translateY(-1px)}.btn-primary:disabled,.btn-secondary:disabled,.btn-ghost:disabled{cursor:not-allowed;opacity:.58;transform:none}.btn-ghost{background:0 0}.muted-text{color:#b9b2a2;font-size:13px}.error-text{color:#fb7185;font-size:13px}.board{grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0;display:grid}.board-cell{aspect-ratio:1;cursor:pointer;min-height:84px;font-size:34px;font-weight:900;line-height:1}.board-cell:not(:disabled):hover{background:#2dd4bf1f;border-color:#2dd4bf8c}.board-cell.is-x{color:#5eead4;background:#2dd4bf1a}.board-cell.is-o{color:#fbbf24;background:#fbbf241a}.board-cell:disabled{cursor:not-allowed}.board-cell:disabled:not(.is-x):not(.is-o){opacity:.55}.status-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0 12px;display:grid}.status-pill{background:#ffffff0a;border:1px solid #f4f1e81a;border-radius:5px;padding:10px}.status-pill span,.status-pill strong{display:block}.status-pill span{color:#b9b2a2;text-transform:uppercase;font-size:11px}.status-pill strong{text-transform:capitalize;margin-top:4px;font-size:13px}.online-text{color:#5eead4}.turn-banner{background:linear-gradient(135deg,#2dd4bf29,#fbbf241f);border:1px solid #f4f1e81f;border-radius:5px;justify-content:center;align-items:center;min-height:42px;font-weight:800;display:flex}.center-text{justify-content:center;align-items:center;min-height:100vh;display:flex}.home-page{color:#f4f1e8;min-height:150vh}.landing-nav{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d1112a8;border:1px solid #f4f1e81f;border-radius:5px;justify-content:space-between;align-items:center;width:min(1120px,100% - 32px);min-height:68px;padding:14px 16px;transition:min-height .18s,padding .18s,background .18s;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 20px 60px #00000047}.landing-nav.is-scrolled{background:#0d1112e6;min-height:52px;padding:8px 12px}.brand-mark{letter-spacing:0;font-size:18px;font-weight:900}.nav-actions,.hero-actions{align-items:center;gap:10px;display:flex}.nav-link{color:#c9c3b7;font-size:14px}.nav-button{text-align:center;min-width:82px}.home-hero{grid-template-columns:minmax(0,1.04fr) minmax(320px,.72fr);align-items:center;gap:48px;width:min(1120px,100% - 32px);min-height:100vh;margin:0 auto;padding:116px 0 54px;display:grid}.hero-copy h1{letter-spacing:0;max-width:720px;margin:0;font-size:clamp(42px,7vw,82px);line-height:.94}.eyebrow{color:#5eead4;text-transform:uppercase;margin:0 0 14px;font-size:13px;font-weight:800}.hero-text{color:#c9c3b7;max-width:610px;margin:22px 0 0;font-size:18px;line-height:1.65}.hero-actions{flex-wrap:wrap;margin-top:28px}.hero-button{justify-content:center;min-width:142px;display:inline-flex}.hero-board{background:#121618b8;border:1px solid #f4f1e81f;border-radius:5px;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px;display:grid;box-shadow:0 26px 80px #00000057}.preview-cell{aspect-ratio:1;color:#f4f1e8;background:#ffffff0a;border:1px solid #f4f1e81f;border-radius:4px;place-items:center;font-size:clamp(34px,7vw,72px);font-weight:900;display:grid}.preview-cell.is-x{color:#5eead4;background:#2dd4bf1a}.preview-cell.is-o{color:#fbbf24;background:#fbbf241a}.feature-band{grid-template-columns:repeat(3,1fr);gap:12px;width:min(1120px,100% - 32px);margin:0 auto 72px;display:grid}.feature-band div{background:#ffffff0b;border:1px solid #f4f1e81f;border-radius:5px;min-height:156px;padding:18px}.feature-band span{color:#5eead4;font-size:12px;font-weight:900}.feature-band strong{margin-top:28px;font-size:18px;display:block}.feature-band p{color:#b9b2a2;margin:8px 0 0;line-height:1.5}@media (width<=760px){.landing-nav{width:calc(100% - 20px);top:10px}.nav-link{display:none}.home-hero{grid-template-columns:1fr;gap:28px;padding-top:104px}.hero-board{order:-1}.feature-band,.status-grid{grid-template-columns:1fr}}