:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#f6f2ff;background:#09051a;font-size:16px}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(ellipse at 20% 0%,#41104466,transparent 65%)}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid #46365d;color:inherit;background:#251737;border-radius:8px;min-height:42px;padding:9px 16px}button:hover:not(:disabled){border-color:#ff238b}button:disabled{opacity:.42;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #52dcfa;outline-offset:2px}[hidden]{display:none!important}.topbar{height:74px;border-bottom:1px solid #30203f;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 1100px)/2));gap:18px;background:#0b061dea}.topbar>a:first-child{font-size:14px;color:#cfbedb}.brand{font-weight:950;letter-spacing:-.8px}.brand span{color:#ff238b}.game-layout{max-width:1100px;margin:28px auto;display:grid;grid-template-columns:minmax(0,720px) minmax(240px,300px);gap:28px;padding:0 20px}.play-panel{min-width:0}.game-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.game-heading small{font-size:12px;letter-spacing:2px;color:#ef6fb0}.game-heading h1{font-size:32px;margin:2px 0 0}.game-heading nav{display:flex;gap:7px;font-size:14px}.game-heading nav a{padding:8px 10px;border-radius:6px;color:#b9a7cb}.game-heading nav a.active{background:#ff238b;color:white}.turnbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:55px;font-size:14px;padding:10px 14px;background:#1b102e;border:1px solid #3a264f;border-radius:10px 10px 0 0}.turnbar>div{display:flex;align-items:center;gap:9px}.status-dot{width:8px;height:8px;background:#55e8c0;border-radius:50%;flex-shrink:0}.thinking .status-dot{background:#ffbf6d;animation:pulse 1s infinite alternate}.turnbar>span{white-space:nowrap;color:#b7a1c9}.board{display:grid;width:100%;aspect-ratio:1;max-height:650px;border:8px solid #30203f;background:#30203f;touch-action:manipulation}.board.chess{grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr)}.square{position:relative;border:0;border-radius:0;padding:0;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;aspect-ratio:1;line-height:1}.chess .square{font-family:'Segoe UI Symbol','Arial Unicode MS',serif;font-size:clamp(27px,5vw,56px);background:#d5c7e8;color:#111323}.chess .square.dark{background:#74568f}.chess .square.white{color:#fff;text-shadow:0 1px 2px #000;-webkit-text-stroke:1px #363044}.square.selected{box-shadow:inset 0 0 0 4px #24daf0}.square.last{background-color:#a7834d}.chess .square.check{background:#da4c74}.square.legal:after{content:'';position:absolute;width:24%;height:24%;border-radius:50%;background:#092c42aa;pointer-events:none}.square.capture:after{width:84%;height:84%;background:transparent;border:4px solid #14d9ff}.square .coord{position:absolute;font:11px system-ui;left:3px;bottom:3px;color:#171025;text-shadow:none;-webkit-text-stroke:0}.square.dark .coord{color:#fff}.gomoku{grid-template-columns:repeat(15,1fr);grid-template-rows:repeat(15,1fr);padding:8px;background:#c9a778}.gomoku .square{background:transparent;isolation:isolate}.gomoku .square:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#6d512f,#6d512f) center/1px 100% no-repeat,linear-gradient(#6d512f,#6d512f) center/100% 1px no-repeat}.gomoku .stone{width:84%;height:84%;border-radius:50%;box-shadow:0 2px 3px #0007;background:radial-gradient(circle at 35% 25%,#626375,#141421 65%)}.gomoku .white-stone{background:radial-gradient(circle at 35% 25%,#fff,#f1edf8 65%,#b3acbf)}.gomoku .last:after{content:'';position:absolute;width:19%;height:19%;background:#ff2789;border-radius:50%}.gomoku .winning{box-shadow:inset 0 0 0 2px #e7186e}.gomoku .square:hover:empty{background:#fff3}.board[aria-busy=true] .square{cursor:wait}.player-info{font-size:14px;color:#c7b8d3;text-align:center;margin:14px 0}.actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.side-panel{align-self:start;background:#130c25;border:1px solid #352447;border-top:3px solid #fa228d;padding:23px;border-radius:10px}.side-panel h2{font-size:18px;margin:0 0 20px}.side-panel label{font-size:14px;display:block;color:#d5c4e5;margin-bottom:7px}.side-panel select{width:100%;height:44px;padding:8px;border:1px solid #4a345d;background:#20132f;color:white;border-radius:6px;margin-bottom:18px}.primary{width:100%;background:#e81877;border-color:#fa238a;font-weight:750}.settings-note,.match-note{color:#aa95bd;font-size:13px;line-height:1.5}.rules,.recent{margin-top:25px;padding-top:22px;border-top:1px solid #352447}.rules h2,.recent h2{margin-bottom:8px;font-size:16px}.rules p,.recent p{font-size:14px;line-height:1.6;color:#d2c3df;margin:0}.promotion{margin-top:12px;padding:16px;border:1px solid #fa238a;background:#261336;border-radius:8px}.promotion div{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.promotion button{flex:1;font-size:14px}.finished .status-dot{background:#ff238b}@keyframes pulse{to{opacity:.3}}@media(max-width:760px){.game-layout{grid-template-columns:1fr;max-width:600px;margin-top:20px;gap:24px;padding:0 12px}.topbar{padding:0 15px;height:60px}.brand{font-size:14px}.game-heading h1{font-size:27px}.board{border-width:5px}.chess .square{font-size:clamp(25px,9vw,49px)}.side-panel{padding:20px}.turnbar{font-size:13px;padding:9px}.gomoku{padding:5px}.game-heading{margin-bottom:12px}.square .coord{font-size:10px}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}
:root .board{max-height:none}