:root{--bg:#0f1115;--panel:#171b22;--text:#e8eaf0;--muted:#9aa3b2;--accent:#7cc4ff;--good:#8fe388;--bad:#ff8484}*{box-sizing:border-box}html{scrollbar-gutter:stable}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.container{max-width:980px;margin:0 auto;padding:24px 16px 64px}h1{margin:0 0 4px;font-size:28px}.subtitle{color:var(--muted);margin:0 0 20px}.controls{flex-wrap:wrap;gap:12px;margin-bottom:20px}.control-group,.controls{display:flex;align-items:center}.control-group{gap:8px}.control-label{color:var(--muted);font-size:13px}.seg{display:flex;background:var(--panel);border:1px solid #2a313c;border-radius:8px;overflow:hidden}.seg button{background:transparent;border:0;color:var(--muted);padding:8px 14px;font-size:14px;cursor:pointer}.btn,.seg button.active{background:#2a3648;color:var(--text)}.btn{border:1px solid #3a4658;border-radius:8px;padding:8px 14px;font-size:14px;cursor:pointer}.btn:hover{background:#344052}.main{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}.board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:min(92vw,520px);aspect-ratio:1;border-radius:8px;overflow:hidden;border:2px solid #2a313c}.sq{position:relative;display:flex;align-items:center;justify-content:center;font-size:clamp(28px,7vw,44px);line-height:1;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:0;padding:0;font:inherit;color:inherit}.sq.light{background:#f0d9b5}.sq.dark{background:#b58863}.sq .piece{pointer-events:none}.sq .w{color:#fff;text-shadow:-1px -1px 0 #222,1px -1px 0 #222,-1px 1px 0 #222,1px 1px 0 #222}.sq .b{color:#1a1a1a;text-shadow:-1px -1px 0 #eee,1px -1px 0 #eee,-1px 1px 0 #eee,1px 1px 0 #eee}.sq.selected{outline:3px solid var(--accent);outline-offset:-3px}.sq.target:after{width:26%;height:26%;background:rgba(30,90,40,.45)}.sq.capture:after,.sq.target:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.sq.capture:after{inset:6%;border:4px solid rgba(30,90,40,.45)}.side{flex:1 1;min-width:260px;background:var(--panel);border:1px solid #2a313c;border-radius:12px;padding:16px}.status{font-size:16px;margin-bottom:12px}.jev-line{color:var(--accent);margin:8px 0;font-size:14px;min-height:1.5em}.roast{background:hsla(0,100%,76%,.08);border:1px solid hsla(0,100%,76%,.35);border-radius:8px;padding:10px 12px}.error,.roast{color:var(--bad);margin:8px 0;font-size:14px}.moves{margin-top:12px;font-size:14px;line-height:1.9;color:var(--muted);min-height:1.9em;max-height:220px;overflow-y:auto}.moves b{color:var(--text);font-weight:600}.chaos{margin-top:12px;border-top:1px solid #2a313c;padding-top:10px;min-height:3.2em}.chaos-title{color:var(--muted);margin-bottom:6px}.chaos-empty,.chaos-opt,.chaos-title{font-size:13px}.chaos-opt{display:flex;align-items:center;gap:8px;padding:2px 0}.chaos-rank{color:var(--muted);width:16px;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.chaos-piece{font-size:17px;line-height:1;width:20px;text-align:center}.chaos-move{flex:1 1}.chaos-conf{color:var(--accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.chaos-tag{font-size:11px;border:1px solid #3a4658;border-radius:4px;padding:1px 6px;color:var(--muted)}.chaos-opt.played .chaos-move{color:var(--good);font-weight:600}.chaos-opt.played .chaos-tag{color:var(--good);border-color:rgba(143,227,136,.4)}.chaos-opt.illegal{opacity:.45}.advanced{margin-top:12px;border-top:1px solid #2a313c;padding-top:10px;font-size:13px}.advanced summary{cursor:pointer;color:var(--muted)}.advanced summary:hover{color:var(--text)}.adv-desc{color:var(--muted);margin:6px 0}.adv-btn,.adv-text{margin:4px 0}.adv-text{width:100%;box-sizing:border-box;background:#0f141b;color:var(--text);border:1px solid #2a313c;border-radius:6px;padding:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;resize:vertical}.note{margin-top:24px;color:var(--muted);font-size:13px;max-width:640px}.pw-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.pw-box{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:24px;max-width:360px;width:100%}.pw-box h2{margin:0 0 8px;font-size:18px}.pw-box p{color:var(--muted);font-size:14px;margin:0 0 16px}.pw-input{width:100%;box-sizing:border-box;padding:10px 12px;font-size:16px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);margin-bottom:12px}