.utt-game{display:grid;gap:1.1rem;max-width:980px;margin:1.5rem 0 2rem}.utt-panel{display:grid;gap:1.05rem;padding:1rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.utt-panel h2{margin-top:0}.utt-reminder{margin:0;color:var(--muted)}.utt-status-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem;margin:0}.utt-status-list div{min-width:0;padding:.75rem;border:1px solid var(--border);border-radius:8px;background:var(--surface-muted)}.utt-status-list dt{color:var(--muted);font-size:.82rem;font-weight:750;text-transform:uppercase}.utt-status-list dd{margin:.15rem 0 0;color:var(--text);font-size:1.08rem;font-weight:850}.utt-status-value.is-player-x,.utt-status-value.is-player-o{display:inline-grid;place-items:center;min-width:2rem;min-height:2rem;border-radius:8px;background:#fff;font-size:1.25rem;line-height:1}.utt-status-value.is-player-x{border:2px solid #0f172a;color:#0f172a;font-family:Arial,Helvetica,sans-serif;font-weight:950}.utt-status-value.is-player-o{border:2px solid var(--accent-dark);color:var(--accent-dark);font-family:Georgia,Times New Roman,serif;font-weight:900}.utt-status-message{display:block;min-height:1.65em;margin:0;padding:.75rem .85rem;border:1px solid var(--border);border-radius:8px;background:#f8fafc;font-weight:700}.utt-status-message.is-final{border-color:var(--accent);background:#ecfdf5;color:var(--accent-dark);font-size:1.12rem;font-weight:900}.utt-reset{justify-self:start;min-height:2.75rem;padding:.65rem 1rem;border:0;border-radius:8px;background:var(--accent);color:#fff;cursor:pointer;font:inherit;font-weight:800}.utt-reset:hover{background:var(--accent-dark)}.utt-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.45rem,1.8vw,1rem);width:min(100%,760px)}.utt-mini-board{position:relative;display:grid;grid-template-rows:auto 1fr;gap:.45rem;min-width:0;padding:clamp(.42rem,1.4vw,.78rem);border:2px solid #cbd5e1;border-radius:8px;background:var(--surface);transition:border-color .15s ease,box-shadow .15s ease,opacity .15s ease}.utt-mini-board:before{content:attr(data-state);position:absolute;top:.35rem;right:.35rem;z-index:2;display:none;max-width:calc(100% - .7rem);padding:.18rem .38rem;border-radius:999px;background:#fff;color:var(--accent-dark);font-size:clamp(.55rem,1.6vw,.72rem);font-weight:900;line-height:1;text-transform:uppercase;white-space:nowrap;box-shadow:0 1px 4px #0f172a1f;pointer-events:none}.utt-mini-board.is-active:before,.utt-mini-board.is-playable:before{display:block}.utt-mini-board.is-active{border-color:var(--focus);background:#fffbeb;box-shadow:0 0 0 4px #f59e0b47,inset 0 0 0 2px #f59e0b73,var(--shadow)}.utt-mini-board.is-active:before{background:#f59e0b;color:#111827}.utt-mini-board.is-playable:not(.is-active){border-color:var(--accent);background:#f0fdfa;box-shadow:inset 0 0 0 1px #0f766e40}.utt-mini-board.is-finished{background:#f8fafc;opacity:.9}.utt-mini-board.is-won-x{border-color:#0f172a}.utt-mini-board.is-won-o{border-color:var(--accent-dark)}.utt-mini-board.is-draw-board{border-color:#94a3b8}.utt-mini-label{overflow:hidden;color:var(--muted);font-size:clamp(.62rem,2vw,.82rem);font-weight:800;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.utt-cells{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.22rem,.85vw,.4rem);aspect-ratio:1}.utt-cell{display:grid;place-items:center;min-width:0;min-height:0;border:1px solid var(--border);border-radius:6px;background:#fff;color:var(--text);cursor:pointer;font:inherit;font-size:clamp(1.1rem,5.4vw,2.45rem);font-weight:900;line-height:1;transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease}.utt-cell:hover:not(:disabled):not(.is-inactive){border-color:var(--accent);background:#ecfdf5}.utt-cell.is-inactive{background:#f8fafc;cursor:not-allowed;opacity:.48}.utt-cell:disabled{cursor:not-allowed;opacity:.9}.utt-cell.is-x{color:#0f172a;font-family:Arial,Helvetica,sans-serif;font-weight:950;text-shadow:0 1px 0 rgba(15,23,42,.08)}.utt-cell.is-o{color:var(--accent-dark);font-family:Georgia,Times New Roman,serif;font-size:clamp(1.2rem,5.8vw,2.6rem);font-weight:900}.utt-mini-winner{position:absolute;inset:50% auto auto 50%;display:grid;place-items:center;width:min(66%,6.8rem);aspect-ratio:1;border:4px solid currentColor;border-radius:999px;background:#fffffff0;color:#0f172a;font-size:clamp(1.9rem,9vw,4.8rem);font-weight:950;line-height:1;transform:translate(-50%,-40%);pointer-events:none}.utt-mini-winner.is-o-result{color:var(--accent-dark);font-family:Georgia,Times New Roman,serif}.utt-mini-winner.is-draw{width:auto;min-width:5rem;aspect-ratio:auto;padding:.55rem .75rem;border-color:#64748b;border-radius:8px;color:#334155;font-family:inherit;font-size:clamp(.95rem,4.2vw,1.35rem);text-transform:uppercase}@media(max-width:520px){.utt-game{gap:.9rem;margin-inline:-.35rem}.utt-board{gap:.35rem}.utt-mini-board{gap:.25rem;padding:.28rem;border-width:1px}.utt-mini-label{font-size:.54rem}.utt-cell{border-radius:4px;font-size:clamp(.92rem,6.5vw,1.4rem)}.utt-cell.is-o{font-size:clamp(1rem,7vw,1.5rem)}.utt-mini-winner{border-width:3px;font-size:clamp(1.5rem,10vw,2.5rem)}.utt-mini-winner.is-draw{min-width:3.8rem;padding:.4rem .5rem;font-size:.78rem}}