.ttt-page{width:min(760px,92%);margin:auto;padding:55px 0 90px}.ttt-panel{background:var(--white);border:var(--bw) solid var(--black);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:clamp(22px,5vw,42px)}.ttt-panel h1{font:700 clamp(2.3rem,7vw,4rem)/1 var(--font-display);letter-spacing:-.06em;margin:10px 0}.ttt-panel h1 span{background:var(--yellow);padding:0 7px;border-radius:5px;color:var(--accent-ink)}.muted{color:var(--text-dim)}.mode-grid,.difficulty-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:28px 0}.mode-card,.diff,.primary-btn,.secondary-btn,.icon-btn{font:600 .9rem var(--font-display);cursor:pointer}.mode-card{min-height:140px;text-align:left;padding:20px;background:var(--cream);border:var(--bw) solid var(--black);border-radius:14px;box-shadow:4px 4px 0 var(--black);display:flex;flex-direction:column;gap:7px}.mode-card i{font-size:1.7rem}.mode-card small{font:400 .78rem var(--font-body);color:var(--text-dim)}.mode-card.active,.diff.active{background:var(--yellow);color:var(--accent-ink)}.difficulty label{font:700 .7rem var(--font-mono);text-transform:uppercase}.difficulty-grid{grid-template-columns:repeat(3,1fr);margin:10px 0 24px}.diff{padding:13px;background:var(--cream);border:var(--bw) solid var(--black);border-radius:10px}.primary-btn,.secondary-btn{border:var(--bw) solid var(--black);border-radius:10px;padding:14px 20px;background:var(--yellow);box-shadow:4px 4px 0 var(--black);color:var(--accent-ink)}.primary-btn{width:100%}.ttt-head{display:flex;align-items:flex-start;justify-content:space-between}.ttt-head h2{font:700 clamp(1.5rem,5vw,2.2rem) var(--font-display);margin:3px 0}.icon-btn{width:42px;height:42px;border:var(--bw) solid var(--black);border-radius:10px;background:var(--cream)}.score{display:flex;justify-content:center;gap:14px;margin:20px 0}.score span{min-width:110px;padding:10px 14px;border:var(--bw) solid var(--black);border-radius:10px;background:var(--cream);display:flex;justify-content:space-between;gap:16px}.score b{font:700 .62rem var(--font-mono)}.score strong{font:700 1.1rem var(--font-display)}.ttt-board{width:min(520px,100%);aspect-ratio:1;margin:22px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cell{aspect-ratio:1;border:var(--bw) solid var(--black);border-radius:12px;background:var(--cream);box-shadow:4px 4px 0 var(--black);font:700 clamp(3rem,14vw,6rem)/1 var(--font-display);display:grid;place-items:center;cursor:pointer}.cell.x{color:#e53935}.cell.o{color:#1976d2}.cell.win{background:var(--yellow)}.actions{text-align:center}.secondary-btn{background:var(--white);color:var(--black)}.hidden{display:none!important}@media(max-width:560px){.mode-grid{grid-template-columns:1fr}.mode-card{min-height:115px}.ttt-panel{padding:22px 16px}.ttt-board{gap:7px}.cell{box-shadow:3px 3px 0 var(--black);border-radius:9px}.score span{min-width:0;flex:1}}