:root{--bg:#faf9f6;--card:#fff;--line:#e7e5df;--ink:#0e0e0d;--mute:#6e6b64;--accent:#5b54e6;--accent2:#7b74f0;--deep:#3e37c4;--weak:#ecebfc;--well:#f3f2ee;--sq-l:#f1f0fb;--sq-d:#a9a4f3;--ok:#2f9e6b}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0;font:16px/1.45 -apple-system,BlinkMacSystemFont,Geist,Segoe UI,system-ui,sans-serif}#app{max-width:480px;padding:max(14px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom));flex-direction:column;gap:12px;min-height:100vh;margin:0 auto;display:flex}.brand{letter-spacing:-.4px;align-items:center;gap:10px;font-size:19px;font-weight:700;display:flex}.brand img{border-radius:8px;width:30px;height:30px}.brand small{letter-spacing:1.4px;color:var(--mute);margin-left:auto;font-size:10px;font-weight:600}h1{letter-spacing:-1.1px;margin:6px 0 4px;font-size:32px;line-height:1.08}h2{letter-spacing:-.2px;margin:0 0 10px;font-size:16px}.sub{color:var(--mute);margin:0;font-size:14px}button{font:inherit;background:linear-gradient(145deg,var(--accent2),var(--deep));color:#fff;border:0;border-radius:14px;min-height:50px;padding:12px 16px;font-weight:600;box-shadow:0 8px 18px -10px #3e37c4b3}button:active{transform:translateY(1px)}button.ghost{background:var(--card);color:var(--ink);border:1px solid var(--line);box-shadow:none}button:disabled{opacity:.6}.row{gap:8px;display:flex}.row>*{flex:1}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px}.tag{text-align:center;color:var(--mute);margin-top:auto;padding-top:10px;font-size:12px}.tag b{color:var(--deep);font-weight:650}.hero{background:linear-gradient(160deg,var(--weak),#fff 70%);border:1px solid var(--line);border-radius:24px;place-items:center;height:170px;display:grid;position:relative;overflow:hidden}.hero .big{letter-spacing:-9px;color:#e3e1fb;-webkit-user-select:none;user-select:none;font-size:118px;font-weight:900;position:absolute;top:2px;transform:rotate(-6deg)}.hero .knight{background:linear-gradient(145deg,var(--accent2),var(--deep));color:#fff;border-radius:24px;place-items:center;width:92px;height:92px;font-size:62px;line-height:1;display:grid;position:relative;transform:rotate(-8deg);box-shadow:0 16px 26px -14px #3e37c4cc}ol{counter-reset:s;margin:0;padding:0;list-style:none}li{counter-increment:s;color:#3d3b37;padding:0 0 10px 32px;font-size:14px;position:relative}li:last-child{padding-bottom:0}li:before{content:counter(s);background:var(--weak);width:22px;height:22px;color:var(--deep);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid;position:absolute;top:0;left:0}.code{justify-content:space-between;align-items:center;gap:10px;display:flex}.code strong{letter-spacing:3px;color:var(--deep);font-size:20px}.bar{background:var(--card);border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:center;min-height:44px;padding:8px 14px;font-size:14px;display:flex}.bar b{font-weight:650}.dot{background:#c9c6bd;border-radius:50%;width:9px;height:9px;margin-right:7px;display:inline-block}.dot.on{background:var(--ok)}#board{aspect-ratio:1;-webkit-user-select:none;user-select:none;touch-action:manipulation;border:1px solid #cfcbf6;border-radius:14px;grid-template-columns:repeat(8,1fr);width:100%;display:grid;overflow:hidden;box-shadow:0 18px 30px -22px #3e37c499}.sq{aspect-ratio:1;justify-content:center;align-items:center;min-width:0;font-size:min(9.4vw,44px);line-height:1;display:flex;position:relative}.sq.l{background:var(--sq-l)}.sq.d{background:var(--sq-d)}.sq.last{box-shadow:inset 0 0 0 100px #ffd66661}.sq.sel{box-shadow:inset 0 0 0 100px #ffd666b3}.sq.chk{box-shadow:inset 0 0 0 100px #e03c3280}.sq.mv:after{content:"";background:#3e37c459;border-radius:50%;width:28%;height:28%;position:absolute}.sq.cap:after{background:0 0;border:4px solid #3e37c466;width:88%;height:88%}.p{pointer-events:none;isolation:isolate;font-variant-emoji:text;font-family:Apple Symbols,Segoe UI Symbol,"Noto Sans Symbols 2",DejaVu Sans,sans-serif;position:relative}.p:before{content:attr(data-g);z-index:-1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.p.w{color:#fff}.p.w:before{color:#2b2870;-webkit-text-stroke:3.5px #2b2870}.p.b{color:#1d1a4d}.p.b:before{color:#fff;-webkit-text-stroke:2px #ffffff8c;opacity:.5}.status{text-align:center;min-height:24px;color:var(--deep);font-weight:650}.link{word-break:break-all;color:var(--mute);margin:4px 0 0;font-size:12.5px}.hidden{display:none!important}input{font:inherit;border:1px solid var(--line);background:#fff;border-radius:14px;min-width:0;min-height:50px;padding:0 14px}label{color:var(--mute);font-size:13px}#toast{color:#fff;z-index:9;background:#0e0e0dd9;border-radius:20px;padding:8px 14px;font-size:14px;position:fixed;top:14px;left:50%;transform:translate(-50%)}.p.pawn{width:70%;height:70%;display:block}.p.pawn:before{display:none}.p.pawn svg{width:100%;height:100%;display:block}.p.pawn.w svg path{fill:#fff;stroke:#2b2870}.p.pawn.b svg path{fill:#1d1a4d;stroke:#1d1a4d}