:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;--page-color:#5b5bd6;--surface:#fff;--surface-muted:#f5f6fb;--ink:#161825;--ink-muted:#646778;--border:#dfe1ec;--primary:#5151c6;--primary-dark:#3f3fa8;--focus:#ffbf47;--danger:#b42318;--player-one:#111827;--player-two:#8b5cf6;--board-color:#7f1d3a;--radius-large:1.5rem;--radius-medium:.9rem;--shadow:0 1.5rem 4rem #1514363d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html{min-width:20rem}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 10% 15%, #ffffff42, transparent 24rem), linear-gradient(145deg, var(--page-color), color-mix(in srgb, var(--page-color), #241454 38%));margin:0;padding:clamp(.75rem,3vw,2rem)}button,select,input{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:.22rem solid var(--focus);outline-offset:.18rem}a{color:var(--primary-dark);text-underline-offset:.2em;font-weight:700}.app-shell{background:color-mix(in srgb, var(--surface), transparent 2%);border-radius:var(--radius-large);width:min(100%,48rem);box-shadow:var(--shadow);border:1px solid #ffffff80;margin:0 auto;overflow:hidden}.app-header{border-bottom:1px solid var(--border);align-items:center;gap:1rem;padding:clamp(1.15rem,4vw,2rem) clamp(1.15rem,5vw,2.5rem) 1rem;display:flex}.app-logo{border-radius:.8rem;flex:none;box-shadow:0 .5rem 1rem #3a2d7829}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:0;font-size:clamp(1.8rem,6vw,2.6rem);line-height:1}h2{letter-spacing:-.025em;margin-bottom:.6rem;font-size:clamp(1.5rem,4vw,2rem);line-height:1.15}h3{margin-bottom:.75rem}h2[tabindex="-1"]:focus{outline:none}.eyebrow,.step-label{color:var(--primary-dark);letter-spacing:.09em;text-transform:uppercase;margin-bottom:.35rem;font-size:.76rem;font-weight:800}.screen{padding:clamp(1.25rem,5vw,2.5rem)}.screen[hidden]{display:none}.screen-heading{max-width:39rem;margin-bottom:1.5rem}.screen-heading p:last-child{color:var(--ink-muted);margin-bottom:0;line-height:1.55}.screen-heading--compact{margin-bottom:1.75rem}.terms-summary{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-medium);margin-bottom:1.4rem;padding:1rem 1.1rem}.terms-summary ul{color:#3e4150;gap:.5rem;margin:0;padding-left:1.3rem;line-height:1.45;display:grid}.consent-list{gap:.75rem;margin-bottom:1.4rem;display:grid}.check-row{border:1px solid var(--border);border-radius:var(--radius-medium);cursor:pointer;grid-template-columns:auto 1fr;align-items:start;gap:.75rem;padding:.95rem 1rem;line-height:1.45;display:grid}.check-row:has(input:checked){background:#f2f1ff;border-color:#aaa6ee}.check-row--optional{background:var(--surface-muted)}.check-row input{width:1.25rem;height:1.25rem;accent-color:var(--primary);margin:.1rem 0 0}.check-row small{color:var(--ink-muted);margin-top:.3rem;display:block}.button{min-height:3rem;color:var(--ink);background:var(--surface-muted);border:1px solid var(--border);cursor:pointer;border-radius:.75rem;justify-content:center;align-items:center;padding:.75rem 1.1rem;font-weight:800;transition:transform .14s,box-shadow .14s,background .14s;display:inline-flex}.button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 .45rem 1rem #1e1e461f}.button:disabled{cursor:not-allowed;opacity:.45}.button--primary{color:#fff;background:var(--primary);border-color:var(--primary);width:100%}.button--primary:not(:disabled):hover{background:var(--primary-dark)}.button--secondary{background:#fff}.button--quiet{min-height:2.6rem;color:var(--primary-dark);background:0 0}.button--small{white-space:nowrap;width:auto}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.field{color:#333645;gap:.5rem;font-weight:800;display:grid}.field[hidden]{display:none}.field select,.field input[type=color]{width:100%;min-height:3rem;color:var(--ink);background:#fff;border:1px solid #c9ccda;border-radius:.7rem;padding:.65rem .8rem}.field input[type=color]{cursor:pointer;padding:.3rem}.color-settings{border:0;margin:0 0 1.5rem;padding:0}.color-settings legend{margin-bottom:.75rem;font-weight:800}.color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.color-trigger{text-align:left;min-height:4.2rem;color:var(--ink);border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:.8rem;align-items:center;gap:.75rem;padding:.75rem;display:flex}.color-trigger:hover{background:var(--surface-muted);border-color:#aeb1c4}.color-trigger strong,.color-trigger small{display:block}.color-trigger small{color:var(--ink-muted);margin-top:.15rem}.color-swatch,.turn-swatch{background:var(--player-one);border:.18rem solid #fff;border-radius:50%;flex:none;width:2.25rem;height:2.25rem;box-shadow:0 0 0 1px #777b8b}.color-swatch--ring{background:var(--player-two);box-shadow:inset 0 0 0 .3rem #ffffff61,0 0 0 1px #777b8b}.color-swatch--square{border-radius:.55rem}#board-preview{background:var(--board-color)}#background-preview{background:var(--page-color)}.inline-notice,.dialog-error{min-height:1.35rem;color:var(--danger);margin:.65rem 0 0;font-size:.9rem;font-weight:700}.utility-links{flex-wrap:wrap;justify-content:center;gap:.6rem 1rem;margin-top:1.35rem;font-size:.88rem;display:flex}.link-button{color:var(--primary-dark);text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.game-screen{padding-top:1.4rem}.game-topbar{justify-content:space-between;align-items:start;gap:1rem;display:flex}.turn-status{background:var(--surface-muted);border:1px solid var(--border);border-radius:999px;align-items:center;gap:.65rem;width:fit-content;min-height:3rem;margin:.9rem auto .25rem;padding:.55rem .85rem;font-weight:800;display:flex}.turn-swatch{width:1.8rem;height:1.8rem}.keyboard-hint{color:var(--ink-muted);text-align:center;margin:.55rem 0 1rem;font-size:.88rem}.board-frame{background:#29263c;border-radius:1.1rem;max-width:39rem;margin:0 auto;padding:clamp(.4rem,1.5vw,.75rem);overflow-x:auto;box-shadow:0 .8rem 1.8rem #19173433}.board{background:var(--board-color);border-radius:.75rem;grid-template-columns:repeat(7,minmax(2.25rem,1fr));gap:clamp(.25rem,1.2vw,.55rem);min-width:18rem;padding:clamp(.45rem,1.5vw,.8rem);display:grid}.board-column{cursor:pointer;background:0 0;border:0;border-radius:99px;flex-direction:column-reverse;gap:clamp(.25rem,1.2vw,.55rem);min-width:0;padding:0;display:flex}.board-column:not(:disabled):hover,.board-column:not(:disabled):focus-visible{background:#ffffff2b}.board-column:disabled{cursor:not-allowed}.cell{aspect-ratio:1;background:#f9f9fc;border:.15rem solid #10122047;border-radius:50%;width:100%;display:block;position:relative;overflow:hidden;box-shadow:inset 0 .16rem .3rem #15162938}.cell[data-player="1"]{background:var(--player-one);border-color:color-mix(in srgb, var(--player-one), #fff 45%)}.cell[data-player="2"]{background:var(--player-two);border-color:color-mix(in srgb, var(--player-two), #111 38%);box-shadow:inset 0 0 0 .3rem #ffffff59,inset 0 .16rem .3rem #15162947}.cell.is-dropping{animation:.38s cubic-bezier(.2,.85,.35,1.15) drop-piece}.cell.is-winning{z-index:1;border-color:#ffd54a;animation:.85s ease-in-out infinite winning-piece;box-shadow:0 0 0 .22rem #ffd54a,0 0 1rem #ffcd2cf2}@keyframes drop-piece{0%{transform:translateY(-38rem)}to{transform:translateY(0)}}@keyframes winning-piece{50%{transform:scale(1.08)}}.game-message{min-height:2rem;color:var(--primary-dark);text-align:center;margin:1rem 0 0;font-size:clamp(1.1rem,3vw,1.4rem);font-weight:900}.game-actions{justify-content:center;gap:.75rem;max-width:30rem;margin:.5rem auto 0;display:flex}.game-actions .button{width:min(100%,15rem)}.color-dialog{width:min(100% - 1.5rem,31rem);max-height:calc(100vh - 1.5rem);color:var(--ink);box-shadow:var(--shadow);background:#fff;border:0;border-radius:1.25rem;padding:0}.color-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0c0c1bb8}.dialog-card{padding:clamp(1.15rem,5vw,1.8rem)}.dialog-heading{justify-content:space-between;align-items:start;margin-bottom:1.2rem;display:flex}.icon-button{width:2.7rem;height:2.7rem;color:var(--ink);background:var(--surface-muted);border:1px solid var(--border);cursor:pointer;border-radius:50%;font-size:1.6rem}.palette{grid-template-columns:repeat(4,1fr);gap:.65rem;margin-bottom:1.2rem;display:grid}.palette-color{aspect-ratio:1;background:var(--swatch-color);cursor:pointer;border:.2rem solid #fff;border-radius:.75rem;width:100%;position:relative;box-shadow:0 0 0 1px #8d90a0}.palette-color[aria-pressed=true]:after{color:#111;content:"✓";background:#fff;border-radius:50%;place-items:center;font-weight:1000;display:grid;position:absolute;inset:24%;box-shadow:0 .2rem .5rem #00000040}.selection-preview{color:var(--ink-muted);align-items:center;gap:.75rem;margin-top:1rem;font-weight:800;display:flex}.large-swatch{background:var(--player-one);border:1px solid #777b8b;border-radius:.7rem;width:3rem;height:3rem}.selection-preview code{color:var(--ink);font-weight:800}.dialog-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1.2rem;display:grid}@media (width<=37rem){body{padding:0}.app-shell{border:0;border-radius:0;min-height:100vh}.settings-grid,.color-grid{grid-template-columns:1fr}.app-header{padding-bottom:.9rem}.app-logo{width:3rem;height:3rem}.game-topbar{align-items:center}.keyboard-hint{display:none}}@media (width<=25rem){.screen{padding-inline:.85rem}.dialog-actions{grid-template-columns:1fr}.board-frame{margin-inline:-.25rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}