:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#14110e;--ink:#f6f1e8;--muted:#b7ab9c;--line:#fff4dc1f;--light:#f0d9b5;--dark:#b58863;--hint:#f0c14b;--last:#f0c14b61;--check:#d4534a;--good:#d7f5c8}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0;font-family:Avenir Next,Segoe UI,sans-serif}button,.sq{-webkit-tap-highlight-color:transparent}#app{min-height:100dvh}.app{width:min(560px,100%);min-height:100dvh;padding:max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));flex-direction:column;gap:12px;margin:0 auto;display:flex}.top{justify-content:space-between;align-items:center;gap:12px;display:flex}.actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:8px;display:flex}h1{letter-spacing:-.03em;margin:0;font-size:1.25rem;font-weight:700}.status{color:var(--muted);margin:2px 0 0;font-size:.92rem}.clear{border:1px solid var(--line);color:var(--ink);min-height:44px;font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:0 16px;font-size:.95rem}.clear:active{background:#ffffff0f}.clear:disabled{opacity:.38;cursor:default}.advice{border:1px solid var(--line);background:#fff8eb0a;border-radius:16px;padding:12px 14px}.advice-label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.78rem}.advice-move{letter-spacing:-.04em;margin:2px 0 0;font-size:clamp(1.7rem,7vw,2.2rem);font-weight:750;line-height:1.1}.advice-detail{color:var(--good);margin:4px 0 0;font-size:.98rem}.eval{color:var(--muted);margin:6px 0 0;font-size:.85rem}.board-wrap{width:min(100%,100dvh - 230px);margin:4px auto 0}.board{aspect-ratio:1;touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:12px;grid-template-columns:repeat(8,1fr);width:100%;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 40px #00000047}.sq{cursor:pointer;font:inherit;border:0;place-items:center;padding:0;display:grid;position:relative;container-type:size}.sq.light{background:var(--light);color:#6b4e32}.sq.dark{background:var(--dark);color:#f3e6d0}.sq.selected{box-shadow:inset 0 0 0 3px #f7f3ea}.sq.last{background-image:linear-gradient(var(--last), var(--last))}.sq.hint{box-shadow:inset 0 0 0 4px var(--hint)}.sq.check{background-image:radial-gradient(circle, var(--check) 0 38%, transparent 62%)}.piece{object-fit:contain;pointer-events:none;filter:drop-shadow(0 1px 1px #28180859);width:100%;height:100%;padding:1%}.coord{opacity:.72;pointer-events:none;font-size:9px;font-weight:700;line-height:1;position:absolute}.coord.file{bottom:3px;right:3px}.coord.rank{top:3px;left:3px}.dot{pointer-events:none;background:#14110e47;border-radius:50%;width:28%;height:28%;margin:auto;position:absolute;inset:0}.sq.dark .dot{background:#fff8eb59}.ring{pointer-events:none;border:4px solid #14110e47;border-radius:50%;width:78%;height:78%;margin:auto;position:absolute;inset:0}.sq.dark .ring{border-color:#fff8eb66}.arrow{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.promo{background:#14110e73;place-items:center;display:grid;position:absolute;inset:0}.promo-card{background:#221c17;border-radius:14px;grid-template-columns:repeat(4,1fr);gap:8px;width:min(92%,360px);padding:10px;display:grid}.promo-card button{color:#1c1612;min-height:84px;font:inherit;cursor:pointer;background:#f0d9b5;border:0;border-radius:10px;flex-direction:column;align-items:center;gap:2px;font-size:.78rem;font-weight:700;display:flex}.promo-card img{width:48px;height:48px}@media (width<=420px){h1{font-size:1.05rem}.clear{min-height:40px;padding:0 12px;font-size:.9rem}.board-wrap{width:min(100%,100dvh - 210px)}}