:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e7eef8;background:#07111f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 0,#183b57 0,#0000 36rem),#07111f;min-height:100vh;margin:0}a{color:#72d7ff}button,input{font:inherit}button,.primary-link{color:#05251f;cursor:pointer;background:#68d5ba;border:0;border-radius:.7rem;padding:.75rem 1rem;font-weight:750;text-decoration:none}button,.primary-link,.header-nav-link{transition:background-color .15s,border-color .15s,color .15s,transform .15s}button:disabled{cursor:not-allowed;opacity:.45}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #72d7ff}.site-header{border-bottom:1px solid #24445e;justify-content:space-between;align-items:center;padding:1rem clamp(1rem,5vw,4rem);display:flex}.brand{color:#fff;font-weight:850;text-decoration:none}.header-nav-link{color:#e7eef8;background:#0e2032e0;border:1px solid #42627a;border-radius:.7rem;padding:.62rem .9rem;font-weight:750;text-decoration:none;display:inline-block}.page-shell{max-width:70rem;margin:0 auto;padding:clamp(2rem,6vw,5rem) 1.25rem}.hero{max-width:48rem;padding-bottom:4rem}.hero h1,.game-page h1{letter-spacing:-.045em;margin:.35rem 0 1.5rem;font-size:clamp(2.4rem,7vw,5.6rem);line-height:.98}.eyebrow{color:#68d5ba;letter-spacing:.15em;text-transform:uppercase;font-size:.78rem;font-weight:800}.catalog-grid{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem;display:grid}.game-card,.room-entry-panel,.connection-panel,.room-controls-panel,.game-board-panel{background:#0e2032e0;border:1px solid #294a64;border-radius:1rem;padding:1.25rem}.game-card dl div{gap:.5rem;display:flex}.game-card dd{margin:0}.game-page{gap:1.25rem;display:grid}.room-entry-panel form{grid-template-columns:minmax(10rem,1fr) auto;align-items:end;gap:.7rem;margin-top:1rem;display:grid}.room-entry-panel label{grid-column:1/-1}.room-entry-panel input{color:#fff;letter-spacing:.18em;text-transform:uppercase;background:#06111e;border:1px solid #42627a;border-radius:.7rem;padding:.75rem}.connection-panel a{overflow-wrap:anywhere}.connection-panel{gap:.75rem;display:grid}.connection-panel>p,.invite-block p,.connection-details p{margin:0}.match-status{border-radius:999px;margin-inline-start:.2rem;padding:.22rem .58rem;font-weight:850;display:inline-flex}.match-status[data-status=waiting]{color:#ff7b87;background:#ff7b871f}.match-status[data-status=active]{color:#6de6a1;background:#6de6a11f}.match-status[data-status=completed]{color:#9ad6ff;background:#9ad6ff1f}.match-status[data-status=abandoned]{color:#ff7b87;background:#ff7b871f}.invite-block{gap:.5rem;display:grid}.invite-link-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;display:grid}.invite-link-row a{background:#06111e;border:1px solid #294a64;border-radius:.7rem;min-width:0;padding:.72rem .8rem}.copy-invite-button{white-space:nowrap}.copy-feedback{font-size:.9rem}.copy-feedback-success{color:#6de6a1}.copy-feedback-error{color:#ff7b87}.connection-details{color:#b9c9d8;border-top:1px solid #294a64;padding-top:.75rem}.connection-details summary{cursor:pointer;font-weight:700}.connection-details p{margin-top:.65rem}.room-controls-panel{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.room-controls-panel p{margin:0}button.secondary-button{color:#e7eef8;background:#294a64}button.danger-button{color:#fff;background:#c85a67}@media (hover:hover){button:not(:disabled):hover,.primary-link:hover,.header-nav-link:hover{transform:translateY(-1px)}button:not(:disabled):hover,.primary-link:hover{background:#80e3ca}.header-nav-link:hover{color:#fff;background:#173149;border-color:#72d7ff}}.tic-tac-toe-board{grid-template-columns:repeat(3,minmax(4.5rem,7rem));justify-content:center;gap:.55rem;margin:1.5rem auto 0;display:grid}.tic-tac-toe-board button{aspect-ratio:1;color:#f7fbff;background:#0a1726;border:1px solid #41647e;justify-content:center;align-items:center;padding:0;font-size:clamp(2rem,8vw,4rem);display:flex}.tic-tac-toe-board button.winning-cell{background:#174c43;border-color:#68d5ba}.connect-four-column-controls,.connect-four-board{grid-template-columns:repeat(7,minmax(2.25rem,4.25rem));justify-content:center;gap:clamp(.22rem,1vw,.5rem);margin-inline:auto;display:grid}.connect-four-column-controls{margin-top:1.5rem}.connect-four-column-controls button{padding:.45rem 0}.connect-four-board{background:#174a8b;border:1px solid #5b8fd2;border-radius:.9rem;margin-top:.6rem;padding:clamp(.35rem,1.5vw,.75rem)}.connect-four-cell{aspect-ratio:1;background:#07111f;border:2px solid #376ba9;border-radius:50%}.connect-four-cell[data-disc=RED]{background:#ef5b69;border-color:#ff9da6}.connect-four-cell[data-disc=YELLOW]{background:#ffd166;border-color:#fff0b3}.connect-four-cell.winning-cell{box-shadow:0 0 0 3px #fff,0 0 1rem #ffffffa6}@media (max-width:36rem){.room-entry-panel form,.invite-link-row{grid-template-columns:1fr}.copy-invite-button{width:100%}}