:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(circle at top,#1a2240,#090c17 45%,#060911);color:#eaf0ff}*{box-sizing:border-box}body{margin:0;min-height:100vh}.shell{max-width:1320px;margin:0 auto;padding:30px 20px}.topbar{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.eyebrow{margin:0;color:#8ca3ff;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem}h1{margin:4px 0;font-size:clamp(1.8rem,2.7vw,2.9rem)}.mode-detail{margin:0;color:#b0bfdc;max-width:56ch}.action-group{display:flex;gap:10px}button{font:inherit;color:inherit}.action-group button{background:#141d36;border:1px solid #334878;border-radius:12px;padding:11px 16px}.action-group button:hover{border-color:#7f9de3}.layout{display:grid;grid-template-columns:300px minmax(360px,1fr) 310px;gap:18px;align-items:start}.panel{background:linear-gradient(180deg,#121a31,#0f172b);border:1px solid #2a3e68;border-radius:18px;padding:16px}.controls-panel{display:grid;gap:12px}.control-card{background:#0d162b;border:1px solid #253b63;border-radius:14px;padding:10px;display:grid;gap:8px}.section-title{margin:12px 0 8px;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#8fa6d8}.control-card .section-title{margin:0}.segment{display:flex;gap:8px;flex-wrap:wrap}.segment button{flex:1;min-width:112px;background:#0f182e;border:1px solid #2f4676;border-radius:12px;padding:10px 12px;transition:.18s ease}.segment button:hover{border-color:#7390d8;transform:translateY(-1px)}.segment button.active{background:linear-gradient(180deg,#2f4f95,#213b73);border-color:#8bacff;box-shadow:0 8px 20px #0f1f44aa}.mode-segment button{min-width:124px}.board-wrap{display:grid;gap:14px;justify-items:center}.status-line{width:100%;display:flex;justify-content:space-between;gap:12px;background:#0f172b;border:1px solid #2a3e68;border-radius:14px;padding:12px 14px;color:#bed0fa}.status-line span:first-child{color:#fff;font-weight:600}.board{width:min(95vw,100%);display:grid;gap:8px;background:#0a1226;border:1px solid #345086;border-radius:18px;padding:10px;box-shadow:inset 0 0 0 1px #20365d,0 26px 50px #0006}.board-3{max-width:400px;grid-template-columns:repeat(3,1fr)}.board-4{max-width:500px;grid-template-columns:repeat(4,1fr)}.board-5{max-width:580px;grid-template-columns:repeat(5,1fr)}.cell{aspect-ratio:1;background:linear-gradient(180deg,#152141,#111a31);border:1px solid #2f4a7a;border-radius:12px;display:grid;place-items:center;transition:.16s ease}.cell:hover{border-color:#8bacff;transform:translateY(-1px) scale(1.01)}.cell.invalid{opacity:.42;filter:grayscale(.15)}.cell.win{background:linear-gradient(180deg,#214173,#19345a);border-color:#7db1ff;box-shadow:0 0 0 1px #9dc4ff77 inset}.cell.line-win{box-shadow:0 0 0 1px #aed0ffb3 inset,0 0 16px #8cb6ff55;animation:winPulse .9s ease-in-out infinite alternate}.cell.cell-placed{animation:placePulse .2s ease}.mark{font-weight:800;font-size:clamp(1.45rem,3.4vw,2.3rem)}.mark.x{color:#9dc4ff;text-shadow:0 0 20px #69a4ff88}.mark.o{color:#f7a7d2;text-shadow:0 0 20px #f08ecb88}.mark.ghost{color:#c3d1f7aa}.mod-locked{background:#0c1324;opacity:.5}.mod-locked:disabled{cursor:not-allowed}.mod-boost{box-shadow:0 0 0 1px #00e6b5 inset,0 0 20px #0fe9b455}.mod-swap{box-shadow:0 0 0 1px #88d4ff inset}.mod-decay{box-shadow:0 0 0 1px #ff89d2 inset}.modifier-icon{position:absolute;top:6px;left:8px;font-size:.85rem;opacity:.95}.decay-count{position:absolute;bottom:6px;right:8px;font-size:.75rem;color:#ffd2eb;background:#4f2b46;border-radius:999px;padding:2px 6px}.cell{position:relative}.swap-from{animation:swapOut .45s ease}.swap-to{animation:swapIn .45s ease}.rule-list{margin:8px 0 0;padding-left:18px;color:#ccdaf8;display:grid;gap:6px}.ultimate{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:560px;width:100%}.mini{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:8px;border:1px solid #355184;border-radius:12px;background:#0c1428;position:relative}.mini.hot{border-color:#b8ccff;box-shadow:0 0 0 2px #8cb0ff88 inset,0 0 28px #6a8be980}.mini.dim{opacity:.5;filter:saturate(.75)}.mini.meta-win{border-color:#f7d16c;box-shadow:0 0 0 2px #f7d16c66 inset,0 0 22px #f7d16c40}.mini button{aspect-ratio:1;background:#121d36;border:1px solid #2f4a77;border-radius:8px;color:#edf2ff}.mini button:hover{border-color:#86a8ee;transform:translateY(-1px)}.mini-win-cell{box-shadow:inset 0 0 0 1px #f6d98f,0 0 10px #f6d98f55}.claim{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:2.8rem;color:#95acff3f;font-weight:800;text-shadow:0 0 20px #86a9ff55;pointer-events:none}.mini-label{position:absolute;top:4px;right:7px;font-size:.65rem;color:#9fb4e0;background:#0d172d;border:1px solid #2c4069;border-radius:999px;padding:1px 6px}.ultimate-guide{font-size:.86rem;color:#d6e2ff;background:#0f182f;border:1px solid #304b7a;border-radius:10px;padding:6px 10px}.ultimate-hint{font-size:.78rem;color:#f6c4da;background:#261128;border:1px solid #5b2f53;border-radius:10px;padding:5px 10px}.history-list{display:grid;gap:6px}.history-item{margin:0;font-size:.8rem;color:#c9d7fa;line-height:1.3}.history-empty{margin:0;font-size:.8rem;color:#9db0d8}.meta-note{margin:8px 0 0;font-size:.82rem;color:#f3d98c}.contact-entry{margin:16px 0 2px;padding-top:10px;border-top:1px solid #24385e;text-align:right;display:grid;gap:3px}.contact-link{font-size:.75rem;letter-spacing:.04em;color:#7f93c1;text-decoration:none;transition:color .2s ease,text-shadow .2s ease}.privacy-note{font-size:.68rem;color:#6f82ad;letter-spacing:.03em}.help-inline{width:100%;background:#0f182f;border:1px solid #304b7a;border-radius:10px;padding:7px 10px;color:#d4e2ff;font-size:.82rem}.contact-link:hover,.contact-link:focus-visible{color:#a8bbe6;text-shadow:0 0 14px #8ea7e344}@media (max-width: 1080px){.layout{grid-template-columns:1fr}.controls-panel{order:1}.board-wrap{order:2}.side-panel{order:3}}@media (max-width: 640px){.shell{padding:16px 12px 26px}.topbar{flex-direction:column}.action-group{width:100%}.action-group button{flex:1}.status-line{flex-direction:column}.ultimate{gap:7px}.mini{padding:6px;gap:4px}.board-5{max-width:100%}}.pop{animation:popIn .2s ease}@keyframes popIn{0%{opacity:0;transform:scale(.55) translateY(5px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes swapOut{0%{box-shadow:0 0 0 1px #88d4ff inset,0 0 18px #88d4ff99}to{opacity:.5}}@keyframes swapIn{0%{transform:scale(.9);box-shadow:0 0 0 1px #88d4ff inset,0 0 25px #88d4ffcc}to{transform:scale(1)}}@keyframes placePulse{0%{transform:scale(.95)}to{transform:scale(1.02)}}@keyframes winPulse{0%{filter:brightness(1)}to{filter:brightness(1.13)}}.score-hud{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.score-chip{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid #2a3e68;background:linear-gradient(180deg,#121e38,#0d162a)}.score-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#aebee0;font-weight:600}.score-value{font-size:1.15rem;font-weight:700;color:#f3f7ff}.score-chip-x{border-color:#3a6cc8;box-shadow:inset 0 0 0 1px #4d7de255}.score-chip-x .score-label,.score-chip-x .score-value{color:#9dc4ff}.score-chip-o{border-color:#94457a;box-shadow:inset 0 0 0 1px #c86dad44}.score-chip-o .score-label,.score-chip-o .score-value{color:#f7a7d2}.score-chip-draw{border-color:#42547d}.score-chip-draw .score-label{color:#aebee0}.score-chip-streak{border-color:#5c5688;justify-content:center}.score-chip-streak .score-value{color:#c6bcff;font-size:.92rem;letter-spacing:.02em}.score-chip-streak-none{border-color:#42547d}.score-chip-streak-none .score-value{color:#aebee0}.score-chip-streak-x{border-color:#3a6cc8;box-shadow:inset 0 0 0 1px #4d7de255}.score-chip-streak-x .score-value{color:#9dc4ff}.score-chip-streak-o{border-color:#94457a;box-shadow:inset 0 0 0 1px #c86dad44}.score-chip-streak-o .score-value{color:#f7a7d2}