:root{--bg: #10131a;--panel: #181d28;--line: #2a3242;--text: #e6e9f0;--muted: #8b95a9;--blue: #4c8dff;--red: #ff5d5d;--light: #232a38;--dark: #1b212c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}#app{max-width:900px;margin:0 auto;padding:24px 16px 48px;display:flex;flex-direction:column;gap:16px;align-items:center}h1{margin:0;font-size:24px;letter-spacing:.02em}.sub{color:var(--muted);margin:0;text-align:center}button{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px 14px;cursor:pointer}button:hover{border-color:var(--muted)}button.primary{background:var(--blue);border-color:var(--blue);color:#06101f;font-weight:600}.board{display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);width:min(76vw,540px);aspect-ratio:1;border:1px solid var(--line);border-radius:10px;overflow:hidden;touch-action:manipulation}.cell{position:relative;min-width:0;min-height:0;aspect-ratio:1;display:grid;place-items:center;background:var(--dark);border:0;border-radius:0;padding:0;cursor:default}.cell.light{background:var(--light)}.cell.home-blue{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--blue) 70%,transparent)}.cell.home-red{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--red) 70%,transparent)}.cell.playable{cursor:pointer}.cell.selected{background:color-mix(in srgb,var(--blue) 35%,var(--light))}.cell.target:after{content:"";position:absolute;width:26%;aspect-ratio:1;border-radius:50%;background:color-mix(in srgb,var(--blue) 60%,transparent)}.cell.target.capture:after{width:82%;border-radius:50%;background:none;border:3px solid color-mix(in srgb,var(--red) 75%,transparent)}.cell.last{background:color-mix(in srgb,#f5c542 18%,var(--dark))}.cell.last.light{background:color-mix(in srgb,#f5c542 18%,var(--light))}.piece{width:72%;aspect-ratio:1;display:grid;place-items:center;-webkit-user-select:none;user-select:none}.piece.blue{color:var(--blue)}.piece.red{color:var(--red)}.piece-icon{width:100%;height:100%;background:currentColor;mask:var(--piece-icon) center / contain no-repeat;-webkit-mask:var(--piece-icon) center / contain no-repeat;pointer-events:none}.coord{position:absolute;font-size:10px;color:color-mix(in srgb,var(--muted) 70%,transparent);pointer-events:none}.coord.rank{top:3px;left:4px}.coord.file{bottom:2px;right:5px}.status{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center}.tag{background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:4px 12px}.tag.blue{color:var(--blue)}.tag.red{color:var(--red)}.tag.win{border-color:#f5c542;color:#f5c542}.links{width:100%;max-width:540px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px}.links code,.moves code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--muted);word-break:break-all}.row{display:flex;gap:8px;align-items:center;justify-content:space-between}.moves{width:100%;max-width:540px;min-height:44px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 12px}.error{color:var(--red);min-height:20px}.level-group{display:flex;gap:6px}.level-group button{padding:6px 12px}.level-group button.active{background:var(--blue);border-color:var(--blue);color:#06101f;font-weight:600}.tag.thinking{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}