:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(circle at 50% -10%,#1c2630,#1c263000 34%),radial-gradient(circle at 18% 12%,#66849e29,#66849e00 28%),linear-gradient(145deg,#11161b,#0b0f13 54%,#06080b);color:#f2efe7;font-feature-settings:"ss01" on,"cv11" on}*{box-sizing:border-box}html{width:100%;max-width:100%;min-height:100%;overflow-x:clip;-webkit-text-size-adjust:100%}body,#root{width:100%;max-width:100%;min-width:0}body{margin:0;min-height:100vh;overflow-x:clip}#root{min-height:100vh;overflow-x:clip}@supports (-webkit-touch-callout: none){body,#root{min-height:-webkit-fill-available}}.shell{width:100%;max-width:1320px;margin:0 auto;padding:30px 20px;min-width:0}.topbar{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px;min-width:0;max-width:100%}.eyebrow{margin:0;color:#9eb4c9;text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;font-weight:700}h1{margin:4px 0;font-size:clamp(1.8rem,2.7vw,2.9rem);letter-spacing:-.04em;color:#f4f1e8;text-shadow:0 2px 18px #00000080}.mode-detail{margin:0;color:#c5c9c8;max-width:56ch;line-height:1.5}.action-group{display:flex;gap:10px;min-width:0;flex-wrap:wrap}button{font:inherit;color:inherit;-webkit-user-select:none;user-select:none}.action-group button{background:linear-gradient(180deg,#24282c,#15191d);border:1px solid #46515c;border-radius:12px;padding:11px 16px;min-width:0;box-shadow:inset 0 1px #ffffff0d,0 8px 18px #0003}.action-group button:hover{border-color:#8fb0cc;background:linear-gradient(180deg,#2b3136,#1a1f24)}.layout{display:grid;grid-template-columns:minmax(320px,360px) minmax(360px,1fr) minmax(290px,310px);gap:18px;align-items:start;min-width:0;width:100%;max-width:100%}.panel{background:linear-gradient(180deg,#1f2326f5,#0e1216fa);border:1px solid #414a54;border-radius:18px;padding:16px;min-width:0;box-shadow:inset 0 1px #f4f7fa12,0 22px 44px #0000004d}.controls-panel{display:grid;gap:12px}.control-card{background:linear-gradient(180deg,#151a1f,#0f1317);border:1px solid #343d46;border-radius:14px;padding:10px;display:grid;gap:8px;box-shadow:inset 0 1px #f4f7fa0a}.section-title{margin:12px 0 8px;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:#9fb5c9;font-weight:700}.control-card .section-title{margin:0}.segment{display:flex;gap:8px;flex-wrap:wrap;min-width:0}.segment button{flex:1 1 140px;min-width:max-content;background:linear-gradient(180deg,#20252a,#12171c);border:1px solid #3b4650;border-radius:12px;padding:10px 12px;line-height:1.18;white-space:nowrap;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;text-align:center;transition:.18s ease;box-shadow:inset 0 1px #f4f7fa0d}.segment button:hover{border-color:#7898b5;transform:translateY(-1px);background:linear-gradient(180deg,#293037,#171c21)}.segment button.active{background:linear-gradient(180deg,#2d4b64,#1d2f42);border-color:#9fb6cc;color:#f5f2ea;box-shadow:inset 0 1px #d9e6f433,0 10px 24px #0005}.mode-segment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.mode-segment button{min-width:0;width:100%}.difficulty-segment{display:grid;grid-template-columns:1fr}.difficulty-segment button{width:100%;min-width:0}.mode-detail,.section-title,.status-line,.help-inline,.side-panel p:not(.contact-entry),.rule-list,.history-list,.score-hud,.mini-label,.ultimate-hint{-webkit-user-select:none;user-select:none}.board-wrap{display:grid;gap:14px;justify-items:center;min-width:0;width:100%;max-width:100%}.status-line{width:100%;max-width:100%;min-width:0;display:flex;justify-content:space-between;gap:12px;background:linear-gradient(180deg,#1c2228,#11161a);border:1px solid #4a5662;border-radius:14px;padding:12px 14px;color:#cfd7de;box-shadow:inset 0 1px #f4f7fa0f}.status-line span{min-width:0;overflow-wrap:break-word;word-break:normal}.status-line span:first-child{flex:0 0 max-content;min-width:max-content;color:#f4f1e8;font-weight:700;white-space:nowrap;overflow-wrap:normal;word-break:normal}.status-line span:last-child{flex:1 1 auto}.board{width:100%;min-width:0;display:grid;gap:8px;background:linear-gradient(145deg,#20252a,#0e1216);border:1px solid #5d7184;border-radius:18px;padding:10px;box-shadow:inset 0 0 0 1px #9fb6cc24,inset 0 18px 28px #ffffff08,0 30px 58px #00000080;margin-inline:auto}.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{min-width:0;aspect-ratio:1;background:linear-gradient(160deg,#30353a,#1d2227 55%,#11161a);border:1px solid #46525d;border-radius:12px;display:grid;place-items:center;transition:.16s ease;box-shadow:inset 0 1px #f4f7fa14,inset 0 -10px 18px #00000024}.cell:hover{border-color:#8fb0cc;transform:translateY(-1px) scale(1.01);box-shadow:inset 0 1px #f4f7fa1f,inset 0 -10px 18px #00000024,0 8px 18px #00000038}.cell.invalid{opacity:.46;filter:grayscale(.25) contrast(.9)}.cell.win{background:linear-gradient(160deg,#263949,#1a2834);border-color:#9fb6cc;box-shadow:0 0 0 1px #c8d3dc66 inset,0 0 18px #7898b533}.cell.line-win{box-shadow:0 0 0 1px #d7e0e8b3 inset,0 0 18px #7898b566;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);letter-spacing:-.04em}.mark.x{color:#f0eee7;text-shadow:0 2px 0 #00000080,0 0 14px #f0eee733}.mark.o{color:#8fb0cc;text-shadow:0 2px 0 #00000080,0 0 14px #8fb0cc55}.mark.ghost{color:#d5dbe099}.mod-locked{background:#0f1317;opacity:.52}.mod-locked:disabled{cursor:not-allowed}.mod-boost{box-shadow:0 0 0 1px #9fb6cc inset,0 0 18px #7898b54d}.mod-swap{box-shadow:0 0 0 1px #cfd7de inset}.mod-decay{box-shadow:0 0 0 1px #6f8498 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:#edf2f6;background:#263342;border:1px solid #5f7488;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:#cfd5d8;display:grid;gap:6px;line-height:1.45}.ultimate{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:560px;width:100%;min-width:0}.mini{min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:8px;border:1px solid #46515c;border-radius:12px;background:linear-gradient(160deg,#20252a,#10151a);position:relative;box-shadow:inset 0 1px #f4f7fa0d}.mini.hot{border-color:#9fb6cc;box-shadow:0 0 0 2px #9fb6cc66 inset,0 0 26px #7898b54d}.mini.dim{opacity:.54;filter:saturate(.7) contrast(.92)}.mini.meta-win{border-color:#c8d3dc;box-shadow:0 0 0 2px #c8d3dc66 inset,0 0 22px #7898b544}.mini button{min-width:0;aspect-ratio:1;background:linear-gradient(160deg,#2b3137,#151a1f);border:1px solid #414a54;border-radius:8px;color:#f2efe7}.mini button:hover{border-color:#8fb0cc;transform:translateY(-1px)}.mini-win-cell{box-shadow:inset 0 0 0 1px #c8d3dc,0 0 10px #7898b555}.claim{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:2.8rem;color:#c4d1dc4d;font-weight:800;text-shadow:0 2px 18px #00000099;pointer-events:none}.mini-label{position:absolute;top:4px;right:7px;font-size:.65rem;color:#cfd7de;background:#12171c;border:1px solid #3b4650;border-radius:999px;padding:1px 6px}.ultimate-hint{font-size:.78rem;color:#c8d3dc;background:#172334;border:1px solid #2d4b64;border-radius:10px;padding:5px 10px}.history-list{display:grid;gap:6px}.history-item{margin:0;font-size:.8rem;color:#cfd5d8;line-height:1.35}.history-empty{margin:0;font-size:.8rem;color:#98a3ac}.meta-note{margin:8px 0 0;font-size:.82rem;color:#9fb6cc}.contact-entry{margin:16px 0 2px;padding-top:10px;border-top:1px solid #343d46;text-align:right;display:grid;gap:3px}.contact-link{font-size:.75rem;letter-spacing:.04em;color:#98a4af;text-decoration:none;transition:color .2s ease,text-shadow .2s ease}.help-inline{width:100%;max-width:100%;min-width:0;background:#151a1f;border:1px solid #46515c;border-radius:10px;padding:7px 10px;color:#dce3e8;font-size:.82rem;overflow-wrap:break-word;word-break:normal}.contact-link:hover,.contact-link:focus-visible{color:#9fb6cc;text-shadow:0 0 12px #7898b533}@media (max-width: 1080px){.layout{grid-template-columns:1fr}.controls-panel{order:1;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.mode-card{grid-column:1 / -1}.board-wrap{order:2}.side-panel{order:3}}@media (max-width: 640px){html,body,#root{width:100%;max-width:100%}.shell{padding:16px max(12px,env(safe-area-inset-right)) 26px max(12px,env(safe-area-inset-left));width:100%;max-width:100%}.topbar{flex-direction:column;gap:12px;min-width:0}.topbar>*{min-width:0}.action-group{width:100%;display:flex;flex-wrap:wrap;gap:8px;min-width:0}.action-group button{flex:1 1 calc(50% - 4px);min-width:0;padding:10px 12px}.layout,.controls-panel,.control-card,.board-wrap,.side-panel,.panel{min-width:0;width:100%;max-width:100%}.panel,.control-card{padding:12px}.status-line{flex-direction:column;padding:10px 12px}.controls-panel{grid-template-columns:1fr}.segment{gap:6px;min-width:0}.segment button{flex:1 1 150px;padding:9px 10px}.mode-segment{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-segment button,.difficulty-segment button{min-width:0}.board{width:100%;max-width:100%;gap:6px;padding:8px}.board-3,.board-4,.board-5,.ultimate{max-width:100%}.ultimate{gap:6px}.mini{padding:5px;gap:3px}.cell:hover,.mini button:hover,.segment button:hover{transform:none}.cell.cell-placed{animation:placePulseMobile .2s ease}}.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 #cfd7de inset,0 0 18px #cfd7de66}to{opacity:.5}}@keyframes swapIn{0%{transform:scale(.9);box-shadow:0 0 0 1px #cfd7de inset,0 0 25px #cfd7de88}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{min-width:0;display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid #414a54;background:linear-gradient(180deg,#1e242a,#10151a);box-shadow:inset 0 1px #f4f7fa0d}.score-label{min-width:0;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#a9b5bf;font-weight:600}.score-value{min-width:0;overflow-wrap:break-word;font-size:1.15rem;font-weight:700;color:#f4f1e8}.score-chip-x{border-color:#cfd7de;box-shadow:inset 0 0 0 1px #f0eee74d}.score-chip-x .score-label,.score-chip-x .score-value{color:#f0eee7}.score-chip-o{border-color:#5f7f9e;box-shadow:inset 0 0 0 1px #8fb0cc4d}.score-chip-o .score-label,.score-chip-o .score-value{color:#8fb0cc}.score-chip-draw{border-color:#414a54}.score-chip-draw .score-label{color:#a9b5bf}.score-chip-streak{border-color:#2d4b64;justify-content:center}.score-chip-streak .score-value{color:#c8d3dc;font-size:.92rem;letter-spacing:.02em}.score-chip-streak-none{border-color:#414a54}.score-chip-streak-none .score-value{color:#a9b5bf}.score-chip-streak-x{border-color:#cfd7de;box-shadow:inset 0 0 0 1px #f0eee74d}.score-chip-streak-x .score-value{color:#f0eee7}.score-chip-streak-o{border-color:#5f7f9e;box-shadow:inset 0 0 0 1px #8fb0cc4d}.score-chip-streak-o .score-value{color:#8fb0cc}@keyframes placePulseMobile{0%{transform:scale(.96)}to{transform:scale(1)}}