:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172b35;background:#12242c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #172b35;--muted: #57696d;--line: #d6dfda;--paper: #faf9f4;--teal: #14766e;--coral: #b9433e;--focus: #087f84;--board-size: clamp(162px, calc(100svh - 528px) , 352px)}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}::selection{background:#c8e5df;color:var(--ink)}html{scrollbar-color:#607f80 #12242c}.app-shell{display:grid;min-height:100svh;place-items:center;padding:16px;background:radial-gradient(ellipse at top,#243e47,#12242c 75%)}.game-card{width:min(100%,480px);min-width:0;padding:24px 36px 18px;border-radius:20px;background:var(--paper);box-shadow:0 24px 64px #06182055}.game-header{text-align:center}h1{margin:0;font-size:clamp(32px,5vw,42px);font-weight:700;letter-spacing:-.035em;line-height:1.12;text-wrap:balance}.game-status{display:flex;align-items:center;justify-content:center;gap:9px;min-height:32px;margin:5px 0 10px;font-size:13px;font-weight:600}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.status--x{color:var(--coral)}.status--o{color:var(--teal)}.status--draw{color:var(--muted)}.round-indicator{display:flex;align-items:center;gap:10px;min-height:52px;padding:6px 0 10px;border-bottom:1px solid var(--line);font-size:12px}.round-indicator__image{flex:0 0 48px;object-fit:contain}.round-indicator__details{display:grid;gap:3px;min-width:0}.round-indicator strong{font-weight:600;text-transform:capitalize}.round-indicator__note{color:var(--muted);font-size:11px}.round-indicator__round{margin-left:auto;flex-shrink:0;color:var(--teal);font-size:11px;font-variant-numeric:tabular-nums}.difficulty-control{display:grid;margin:12px 0 14px}.difficulty-heading{display:flex;align-items:center;justify-content:space-between}.difficulty-heading h2{margin:0;color:var(--muted);font-size:12px;font-weight:500}.difficulty-value{color:var(--teal);font-size:12px;font-weight:600}.difficulty-slider{width:100%;height:44px;margin:-4px 0;appearance:none;background:transparent;cursor:pointer;--range-fill: 50%}.difficulty-slider--easy{--range-fill: 0%}.difficulty-slider--hard{--range-fill: 100%}.difficulty-slider::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(90deg,var(--teal) var(--range-fill),#c6d2cd var(--range-fill))}.difficulty-slider::-webkit-slider-thumb{appearance:none;width:18px;height:18px;margin-top:-7.5px;border:3px solid var(--paper);border-radius:50%;background:var(--teal);box-shadow:0 2px 5px #12242c44}.difficulty-slider::-moz-range-track{height:3px;background:#c6d2cd}.difficulty-slider::-moz-range-progress{height:3px;background:var(--teal)}.difficulty-slider::-moz-range-thumb{width:12px;height:12px;border:3px solid var(--paper);border-radius:50%;background:var(--teal)}.difficulty-scale{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.difficulty-scale .is-active{color:var(--ink);font-weight:600}.difficulty-note{min-height:14px;margin:6px 0 0;text-align:center;font-size:11px;color:var(--muted)}.board-wrap{width:min(100%,var(--board-size));margin:0 auto;padding:8px;border-radius:16px;background:#20383f;box-shadow:0 8px 16px #12242c20}.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));aspect-ratio:1;gap:7px}.square{position:relative;display:grid;place-items:center;min-width:0;min-height:0;overflow:hidden;padding:0;border:0;border-radius:9px;color:var(--ink);background:#fffefa;cursor:pointer;transition:background-color .18s ease,box-shadow .18s ease}.square:not(:disabled):hover{background:#e5f0eb;box-shadow:inset 0 0 0 2px #80b7aa}.square:not(:disabled):active{background:#d2e7de}.square:disabled{cursor:default}.square:focus-visible{outline:3px solid #59c6c1;outline-offset:-4px}.button:focus-visible,.difficulty-slider:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.square-symbol-image{position:absolute;width:92%;height:92%;object-fit:contain;animation:place-pin .18s ease-out}.square-symbol-image--o{width:90%;height:80%}.square span{font-size:44px}.square--x{color:var(--coral)}.square--o{color:var(--teal)}.square--winning{background:color-mix(in srgb,currentColor 13%,#fffefa);box-shadow:inset 0 0 0 3px currentColor}.scoreboard{margin:16px 0 12px;padding:0 0 12px;border-bottom:1px solid var(--line)}.scoreboard h2{margin:0 0 8px;text-align:center;font-size:11px;color:var(--muted);font-weight:500}.score-grid{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:8px}.score-item{display:flex;align-items:baseline;justify-content:center;gap:8px}.score-label{font-size:11px;color:var(--muted)}.score-item strong{font-size:24px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums}.score-item--x strong{color:var(--coral)}.score-item--o strong{color:var(--teal)}.score-divider{width:1px;height:20px;background:var(--line)}.actions{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:6px 8px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px;border:0;border-radius:9px;font-size:12px;font-weight:600;text-decoration:none;cursor:pointer;transition:background-color .18s ease}.button--primary{grid-column:1 / -1;background:var(--ink);color:var(--paper);font-size:14px}.button--primary:hover{background:#2e4850}.button--donate{color:var(--teal);background:transparent;justify-content:flex-start;padding-left:0}.button--donate:hover{text-decoration:underline;text-underline-offset:4px}.button--secondary{color:var(--muted);background:transparent}.button--secondary:hover{background:#e9eee8}.button-icon{flex-shrink:0;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@keyframes place-pin{0%{transform:scale(.88)}to{transform:scale(1)}}@media(max-width:520px){.app-shell{padding:6px}.game-card{width:calc(100vw - 12px);padding:18px 14px 10px;border-radius:16px}:root{--board-size: 352px}h1{font-size:36px}.actions{grid-template-columns:minmax(0,1fr) 78px}.button{font-size:11px;gap:4px}.button--primary{font-size:14px}}@media(max-height:700px){:root{--board-size: clamp(220px, calc(100svh - 447px) , 320px)}.app-shell{padding-top:3px;padding-bottom:3px}.game-card{padding-top:14px;padding-bottom:8px}h1{font-size:32px}.difficulty-control{margin-top:8px;margin-bottom:10px}.scoreboard{margin-top:10px}.difficulty-note{min-height:0;margin-top:2px}}@media(max-height:600px){:root{--board-size: 196px}.game-card{padding-top:10px;padding-bottom:4px}h1{font-size:28px}.game-status{min-height:24px;margin:0 0 2px}.round-indicator{min-height:44px;padding:2px 0 4px}.round-indicator__image{height:32px}.difficulty-control{margin:5px 0 6px}.difficulty-note{margin-top:2px}.scoreboard{margin:4px 0 2px;padding-bottom:5px}.scoreboard h2{margin-bottom:4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}