*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #241a12;--panel: #3a2c20;--light: #f4dcae;--dark: #c08b5c;--text: #f8f1e4;--muted: #c9b8a0;--accent: #3ecf7c}html,body{height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(900px 500px at 50% -60px,#33261c,var(--bg));color:var(--text);overflow:hidden}#app{height:100%;display:flex;flex-direction:column;align-items:center}.bar{width:100%;max-width:620px;display:flex;align-items:center;gap:10px;padding:10px 14px}.back{color:var(--muted);text-decoration:none;font-size:1.4rem;padding:2px 8px}#status{flex:1;font-weight:600;font-size:1.02rem}.bar-buttons{display:flex;gap:6px}.bar-buttons button{background:var(--panel);border:1px solid #55402d;color:var(--text);border-radius:9px;font-size:1.02rem;width:38px;height:38px;cursor:pointer}#board-wrap{flex:1;width:100%;display:flex;align-items:center;justify-content:center;padding:4px 8px 18px}#board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);border-radius:8px;overflow:hidden;box-shadow:0 10px 44px #0000008c;user-select:none;-webkit-user-select:none}.sq{display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;font-size:calc(var(--cell) * .74);line-height:1}.sq.light{background:var(--light)}.sq.dark{background:var(--dark)}.sq .pc{pointer-events:none;font-size:calc(var(--cell) * .8)}.sq .pc.w{color:#fff;-webkit-text-stroke:calc(var(--cell) * .018) #3a2c20;text-shadow:0 3px 5px rgba(0,0,0,.55)}.sq .pc.b{color:#1b1b1f;-webkit-text-stroke:calc(var(--cell) * .022) #e9dcc0;text-shadow:0 2px 4px rgba(0,0,0,.5)}.sq.sel{outline:3px solid var(--accent);outline-offset:-3px}.sq.last{box-shadow:inset 0 0 0 100vmax #ffdc4647}.sq.check{box-shadow:inset 0 0 0 100vmax #e63c3c73}.sq.dot:after{content:"";position:absolute;width:26%;height:26%;border-radius:50%;background:#1e783c8c}.sq.cap:after{content:"";position:absolute;top:6%;right:6%;bottom:6%;left:6%;border:4px solid rgba(30,120,60,.6);border-radius:50%}.coord{position:absolute;font-size:calc(var(--cell) * .17);font-weight:700;opacity:.6}.coord.file{right:4%;bottom:3%}.coord.rank{left:5%;top:4%}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0905d1;display:flex;align-items:center;justify-content:center;z-index:20;padding:16px}.overlay.hidden{display:none}.panel{background:var(--panel);border:1px solid #55402d;border-radius:16px;padding:26px 30px;text-align:center;display:flex;flex-direction:column;gap:14px;min-width:290px;max-width:380px}.panel h1{font-size:1.7rem}.panel h2{font-size:1.15rem}.muted{color:var(--muted);font-size:.85rem}.panel button.primary{background:linear-gradient(90deg,#37b26c,#2a9d8f);color:#fff;border:none;border-radius:10px;padding:13px;font-size:1.02rem;font-weight:700;cursor:pointer}.ai-setup{border-top:1px solid #55402d;padding-top:14px;display:flex;flex-direction:column;gap:10px}.row{display:flex;align-items:center;gap:10px;justify-content:space-between}.row label{color:var(--muted);font-size:.9rem}.seg{display:flex;gap:4px}.seg button{background:#241b14;color:var(--muted);border:1px solid #55402d;border-radius:8px;padding:7px 10px;font-size:.82rem;cursor:pointer}.seg button.on{background:var(--accent);color:#fff;border-color:var(--accent)}.promo-row{display:flex;gap:8px;justify-content:center}.promo-row button{font-size:2.2rem;width:64px;height:64px;background:var(--light);color:#17110c;border:none;border-radius:10px;cursor:pointer}.link-home{color:var(--muted);font-size:.85rem;text-decoration:none}