.ttt-page{padding-top:8px}.ttt-page .mini-intro{margin-bottom:14px}.ttt-page .mini-intro h1{font-size:36px;margin:8px 0}.ttt-panel{max-width:430px;padding:20px;margin-bottom:28px}.ttt-panel .mini-stats{padding-bottom:0}.ttt-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.ttt-cell{aspect-ratio:1;min-width:0;min-height:64px;padding:0;border:1px solid #6b8584;border-radius:12px;background:#284342;color:#fff;font:700 clamp(36px,9vw,56px)/1 system-ui;touch-action:manipulation}.ttt-cell[data-mark="X"]{color:#ffce83}.ttt-cell[data-mark="O"]{color:#9ce6d2}.ttt-cell[aria-disabled="false"]:hover{background:#365a56}.ttt-cell.winning{background:#476b43;border:3px solid #e2eeb1}.ttt-cell:focus-visible{outline:3px solid #fff;outline-offset:2px}.ttt-panel .mini-controls{display:grid;grid-template-columns:1fr 1fr}.ttt-panel .mini-controls button{padding:10px;min-width:0}.ttt-note{font-size:12px;line-height:1.5;color:#ccd9d1;text-align:center;margin:14px 0 0}@media(max-width:600px){.ttt-page{padding-top:0}.ttt-page .mini-intro h1{font-size:30px}.ttt-panel{padding:14px}.ttt-board{gap:7px}}