.ttt-layout{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(320px,1.2fr);gap:28px;align-items:start}.ttt-options{display:grid;gap:17px}.ttt-options h2{font-size:27px;margin:0}.ttt-options label{font-size:13px;color:var(--muted)}.ttt-options select{background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:12px;width:100%}.ttt-options hr{width:100%;border:0;border-top:1px solid var(--line)}.ttt-options .micro{margin:0}.ttt-options .button{width:100%}.ttt-game{text-align:center;min-height:560px}.ttt-game h2{font-size:30px;margin-bottom:10px}.ttt-game .eyebrow{margin-bottom:18px}.ttt-board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:360px;margin:22px auto}.ttt-board button{aspect-ratio:1;border:1px solid var(--line);border-radius:15px;background:var(--bg);font-size:clamp(36px,6vw,66px);font-weight:700;color:var(--green);cursor:pointer;line-height:1}.ttt-board button[data-mark="O"]{color:var(--ink)}.ttt-board button:disabled{cursor:default;opacity:1}.ttt-board button:not(:disabled):hover{background:#293727;border-color:var(--green)}.ttt-board button.win{background:#344829;border-color:var(--green)}.ttt-controls{justify-content:center}.ttt-game input{display:block;width:100%;margin:10px 0 15px;background:var(--bg);border:1px solid var(--line);border-radius:8px;color:var(--ink);padding:12px;font-size:13px}.ttt-game [hidden]{display:none!important}#ttt-clock{font-size:13px;min-height:22px}#ttt-error{color:#ffb7a6;min-height:25px;font-size:14px}#ttt-invite{border-top:1px solid var(--line);padding-top:20px;text-align:left}#ttt-detail{min-height:26px}#ttt-invite .button-row{gap:10px}.ttt-page{padding-bottom:40px}@media(max-width:760px){.ttt-layout{grid-template-columns:1fr}.ttt-game{min-height:0;grid-row:1}.ttt-board{max-width:330px}.ttt-game h2{font-size:25px}.ttt-options{padding:24px}}.ttt-page .page-intro h1{font-size:clamp(37px,6.5vw,82px);overflow-wrap:anywhere}