*{box-sizing:border-box}html{overflow-x:hidden}body{margin:0;background:#f4f7ef;color:#193848;font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #f7bc68;outline-offset:3px}.shell{max-width:1160px;margin:auto;padding:clamp(17px,4vw,42px) clamp(12px,3vw,30px) 70px}.eyebrow{font-size:.7rem;letter-spacing:.15em;font-weight:900;color:#45939a}h1{font-size:clamp(3rem,8vw,5.7rem);letter-spacing:-.07em;line-height:1.05;margin:8px 0}h1 em{font:400 1em Georgia,serif;color:#e9846e}header p{font-size:1.13rem;color:#73828a;margin:8px 0 24px}.layout{display:grid;grid-template-columns:minmax(0,760px) minmax(240px,1fr);gap:20px;align-items:start}.game{min-width:0;background:#194559;color:#fff;padding:clamp(12px,3vw,25px);border-radius:22px;box-shadow:0 18px 35px #173b4b35}.settings{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.settings>div{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.settings span{font-size:.65rem;font-weight:950;letter-spacing:.1em;margin-right:4px;color:#b7d7d8}.settings button,.actions button{border:2px solid #71a7a9;background:#326678;color:#fff;border-radius:10px;min-height:43px;padding:7px 11px;font-weight:850}.settings button[aria-pressed=true]{background:#f4d185;color:#203d4d;border-color:#fff0b0}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:14px 0}.stats div{border:1px solid #60939c;background:#2a6175;border-radius:10px;padding:6px 9px}.stats small{display:block;font-size:.58rem;font-weight:900;color:#d3e6e5;letter-spacing:.06em}.stats strong{font-size:1.25rem}.stage{background:#e8f0e9;color:#1d4655;border-radius:18px;padding:clamp(12px,3vw,23px);text-align:center}.turn{font-size:1.08rem;font-weight:900;min-height:1.5em;margin:0 0 10px}.column-buttons,.board{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(3px,1vw,8px);width:min(100%,595px);margin:auto}.column-buttons{margin-bottom:7px}.column-buttons button{height:clamp(38px,7vw,52px);border:2px solid #bad4cf;border-radius:10px;background:#fff;color:#27667a;font-size:1.5rem;font-weight:900;touch-action:manipulation}.column-buttons button:disabled{opacity:.36;cursor:default}.column-buttons button:not(:disabled):active{transform:translateY(3px)}.board{background:#2a75a1;border:clamp(5px,1.4vw,10px) solid #296281;border-radius:17px;padding:clamp(5px,1.3vw,10px);box-shadow:0 9px 0 #16445d,0 16px 24px #20485b45;aspect-ratio:7/6}.cell{display:grid;place-items:center;min-width:0;min-height:0;border-radius:50%;background:#bed8d4;box-shadow:inset 0 5px 8px #163b5870;aspect-ratio:1}.disc{display:block;width:90%;height:90%;border-radius:50%;box-shadow:inset 0 -8px 5px #351c4650,inset 0 6px 4px #ffffff5c,0 2px 5px #183a5799;animation:drop .32s cubic-bezier(.18,.8,.38,1.2) both}.disc.player{background:#f08078}.disc.cpu{background:#f1c968}.cell.win .disc{box-shadow:0 0 0 4px #e4ffe0,0 0 14px 7px #eff8a4}.message{font-weight:750;min-height:2.7em;margin:22px 0 0;color:#426b74}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}.actions .primary{background:#f4c68d;color:#203849;border-color:#ffe1b3}aside{background:#fff;border:1px solid #d7e5dd;border-radius:19px;padding:24px}aside h2{font-size:1.8rem;margin:8px 0}aside p{color:#657f83}aside strong{color:#277d83}.foot a{font-weight:850;color:#287d84}@keyframes drop{from{transform:translateY(-140%);opacity:.5}to{transform:translateY(0);opacity:1}}@media(max-width:930px){.layout{grid-template-columns:1fr}aside{max-width:760px}}@media(max-width:510px){.settings button{padding:5px 8px;min-height:40px;font-size:.78rem}.stats{gap:3px}.stats div{padding:5px}.stats small{font-size:.46rem}.stats strong{font-size:.94rem}.column-buttons button{height:43px}.stage{padding:10px}.message{font-size:.9rem}}