.app-container{width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.glow-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:100vh;background:radial-gradient(circle at 50% 50%,rgba(0,255,255,.03) 0%,transparent 60%);pointer-events:none;z-index:0}.game-screen{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%;max-height:100vh;overflow-y:auto;overflow-x:hidden;padding:1rem 0;animation:fadeIn .5s ease-out;scrollbar-width:thin;scrollbar-color:rgba(0,255,255,.3) rgba(255,255,255,.05)}.game-screen::-webkit-scrollbar{width:8px}.game-screen::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.game-screen::-webkit-scrollbar-thumb{background:#00ffff4d;border-radius:4px}.game-screen::-webkit-scrollbar-thumb:hover{background:#00ffff80}.game-header{display:flex;justify-content:space-between;width:100%;align-items:center}.btn-small{font-size:.8rem;padding:.4rem .8rem}.difficulty-badge{font-size:.8rem;text-transform:uppercase;color:var(--text-dim);border:1px solid rgba(255,255,255,.2);padding:.2rem .5rem;border-radius:4px}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,2vw,16px);background:#00000080;padding:clamp(8px,2vw,16px);border-radius:12px;position:relative;box-shadow:0 0 40px #00ffff1f;width:min(90vw,90vh,480px);aspect-ratio:1;margin:0 auto}.cell{width:100%;height:100%;aspect-ratio:1;background:#ffffff08;border-radius:clamp(6px,1.5vw,10px);display:flex;align-items:center;justify-content:center;font-size:clamp(2rem,7vw,4.5rem);font-weight:800;cursor:default;transition:all .2s;-webkit-user-select:none;user-select:none}.cell-active:hover{background:#ffffff14;cursor:pointer;box-shadow:inset 0 0 10px #0ff3}.cell-x{color:var(--primary-neon);text-shadow:0 0 15px var(--primary-neon)}.cell-o{color:var(--secondary-neon);text-shadow:0 0 15px var(--secondary-neon)}.winning-cell{background:#ffffff26;transform:scale(1.05)}.status-message{height:80px;display:flex;align-items:center;justify-content:center;width:100%}.turn-indicator{font-size:1.2rem;letter-spacing:2px;color:var(--text-dim);animation:pulse 2s infinite}.result-text{font-size:1.5rem;font-weight:700;color:var(--text-main);display:flex;flex-direction:column;align-items:center;gap:1rem}.btn-play-again{font-size:1rem;padding:.6em 1.2em;background:var(--bg-panel)}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@media (max-width: 600px){.status-message{height:56px}.result-text{font-size:1.2rem}.turn-indicator{font-size:1rem}}.main-menu{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%;max-height:100vh;overflow-y:auto;overflow-x:hidden;padding:1rem 0;animation:fadeIn .5s ease-out;scrollbar-width:thin;scrollbar-color:rgba(0,255,255,.3) rgba(255,255,255,.05)}.main-menu::-webkit-scrollbar{width:8px}.main-menu::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.main-menu::-webkit-scrollbar-thumb{background:#00ffff4d;border-radius:4px}.main-menu::-webkit-scrollbar-thumb:hover{background:#00ffff80}.title{font-size:4rem;font-weight:900;letter-spacing:.2em;color:var(--text-main);text-shadow:0 0 20px rgba(0,255,255,.5);margin-bottom:.5rem}.highlight{color:var(--secondary-neon);text-shadow:0 0 20px var(--secondary-neon)}.btn-reset{margin-top:.5rem;font-size:.8rem;padding:.5rem 1rem;border:none;box-shadow:none;color:var(--text-dim)}.stats-section{width:100%;background:#ffffff0d;padding:1.25rem 1.5rem;border-radius:14px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:1rem}.stats-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.stats-title{font-size:.9rem;letter-spacing:2px;color:var(--text-dim)}.overall-pill{display:inline-flex;align-items:center;gap:.75rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);padding:.45rem .75rem;border-radius:999px;font-size:.85rem;color:var(--text-main)}.pill-label{font-weight:700;letter-spacing:1px}.pill-value{color:var(--primary-neon);font-weight:700}.pill-muted{color:var(--text-dim);font-size:.8rem}.difficulty-bars{display:flex;flex-direction:column;gap:.9rem}.difficulty-row{display:grid;grid-template-columns:140px 1fr 80px;align-items:center;gap:.75rem}.difficulty-meta{display:flex;flex-direction:column;gap:.15rem}.difficulty-label{font-weight:800;letter-spacing:1px;color:var(--text-main)}.difficulty-rate{font-size:.8rem;color:var(--text-dim)}.bar-track{position:relative;height:26px;width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:999px;display:flex;overflow:hidden}.bar-segment{height:100%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#060606;letter-spacing:.5px;white-space:nowrap;padding:0 6px;box-sizing:border-box;transition:width .25s ease}.bar-count{text-shadow:0 0 6px rgba(0,0,0,.4)}.seg-win{background:linear-gradient(90deg,#00ffa0e6,#00c88ce6)}.seg-draw{background:linear-gradient(90deg,#00c8ffe6,#00a0dce6);color:#041421}.seg-loss{background:linear-gradient(90deg,#ff5a8ce6,#ff2864e6);color:#1c030a}.empty-segment{min-width:0;padding:0}.bar-empty:after{content:"No games yet";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--text-dim);font-size:.78rem;letter-spacing:.5px}.difficulty-total{text-align:right;font-size:.85rem;color:var(--text-dim)}@media (max-width: 768px){.difficulty-row{grid-template-columns:1fr}.difficulty-total{text-align:left}}.menu-options{display:flex;flex-direction:column;gap:1rem;width:100%}.menu-options h3{text-align:center;color:var(--text-dim);font-size:.9rem;margin-bottom:.5rem}.btn-hard{border-color:var(--secondary-neon);color:var(--secondary-neon);box-shadow:0 0 5px var(--secondary-neon),inset 0 0 5px var(--secondary-neon)}.btn-hard:hover{background-color:var(--secondary-neon);box-shadow:var(--glow-secondary)}.btn-reset{margin-top:1rem;font-size:.8rem;padding:.5rem 1rem;border:none;box-shadow:none;color:var(--text-dim)}.btn-reset:hover{background:transparent;color:#fff;box-shadow:none;text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root{--bg-dark: #0a0a0a;--bg-panel: #1a1a1a;--primary-neon: #0ff;--secondary-neon: #f0f;--glow-primary: 0 0 10px #0ff, 0 0 20px #0ff, 0 0 40px #0ff;--glow-secondary: 0 0 10px #f0f, 0 0 20px #f0f, 0 0 40px #f0f;--text-main: #fff;--text-dim: #888;--border-glow: 0 0 5px rgba(0, 255, 255, .5);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text-main);background-color:var(--bg-dark)}*{box-sizing:border-box;margin:0;padding:0}body{display:flex;place-items:center;min-width:320px;min-height:100vh;padding:0;margin:0;background:radial-gradient(circle at center,#1a1a1a,#000);overflow:hidden}#root{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}button{background-color:transparent;border:1px solid var(--primary-neon);color:var(--primary-neon);padding:.8em 1.5em;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .25s;box-shadow:0 0 5px var(--primary-neon),inset 0 0 5px var(--primary-neon);text-transform:uppercase;letter-spacing:2px;border-radius:4px}button:hover{background-color:var(--primary-neon);color:var(--bg-dark);box-shadow:var(--glow-primary)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}