.sg{--sg-wood: #e6c88f;--sg-line: rgb(80 55 20 / .7);--sg-piece: #f3dfb4;--sg-piece-edge: #a8854e;--sg-ink: #1d1710;--sg-red: #c0262d;width:100%}:root[data-theme=dark] .sg{--sg-wood: #b89a64;--sg-piece: #ead2a2}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .sg{--sg-wood: #b89a64;--sg-piece: #ead2a2}}.sg .sg-alert{color:var(--danger)}.sg-main{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:12px;width:100%}.sg-col{width:min(540px,100%);display:grid;gap:6px}.sg-frame{display:grid;gap:2px}.sg-row{display:grid;grid-template-columns:1fr auto;gap:4px}.sg-files{display:grid;grid-template-columns:repeat(9,1fr);margin-right:18px;font-size:.75rem;font-weight:700;color:var(--muted);text-align:center}.sg-ranks{display:grid;grid-template-rows:repeat(9,1fr);width:14px;font-size:.75rem;font-weight:700;color:var(--muted);align-items:center}.sg-board{display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,minmax(0,1fr));aspect-ratio:1 / 1.08;width:100%;padding:2px;background:var(--sg-wood);border-radius:6px;box-shadow:var(--shadow),inset 0 0 0 2px var(--sg-line);container-type:inline-size;touch-action:manipulation}.sg-sq{appearance:none;border:0;margin:0;padding:0;font:inherit;min-width:0;min-height:0;position:relative;display:grid;place-items:center;background:transparent;box-shadow:inset -1px -1px 0 var(--sg-line),inset 1px 1px 0 var(--sg-line);cursor:default}.sg-sq.own,.sg-sq.hint,.sg-sq.cap-hint{cursor:pointer}.sg-sq.star:after{content:"";position:absolute;right:-3px;bottom:-3px;width:6px;height:6px;border-radius:50%;background:var(--sg-ink);z-index:2}.sg-sq.last{background:color-mix(in srgb,var(--hl) 70%,transparent)}.sg-sq.sel{background:color-mix(in srgb,var(--accent) 40%,transparent)}.sg-sq.check{background:radial-gradient(circle,rgb(230 40 40 / .9) 0%,rgb(230 40 40 / .4) 50%,transparent 75%)}.sg-sq.hint:before{content:"";position:absolute;width:26%;height:24%;border-radius:50%;background:#28190561;z-index:3;pointer-events:none}.sg-sq.cap-hint:before{content:"";position:absolute;inset:3%;border-radius:8px;box-shadow:inset 0 0 0 3px #be1e14b3;z-index:3;pointer-events:none}.sg-sq:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.sg-pc{position:relative;display:grid;place-items:center;width:84%;height:90%;pointer-events:none;user-select:none;background:linear-gradient(170deg,#fbecc8,var(--sg-piece) 45%,#dcc08c);color:var(--sg-ink);clip-path:polygon(50% 0,86% 16%,100% 100%,0 100%,14% 16%);filter:drop-shadow(0 1px 1px rgb(0 0 0 / .35))}.sg-pc.rot{transform:rotate(180deg)}.sg-kanji{font-size:6.4cqi;font-weight:700;line-height:1;margin-top:8%;font-family:Hiragino Mincho ProN,Yu Mincho,"Noto Serif CJK JP","Noto Serif JP",serif}.sg-pc.king .sg-kanji{font-size:6.8cqi}.sg-pc.promoted .sg-kanji,.sg-face.promoted text{color:var(--sg-red);fill:var(--sg-red)}.sg-face{width:100%;height:100%}.sg-face text{font:800 40px var(--font);fill:var(--sg-ink)}.sg-marks{fill:#7a5a2a;stroke:#7a5a2a}.sg-face.promoted .sg-marks{fill:var(--sg-red);stroke:var(--sg-red)}.sg-hand{display:flex;flex-wrap:wrap;align-items:center;gap:4px;min-height:44px;padding:4px 8px;border-radius:var(--radius-sm);background:var(--surface-2);border:2px solid transparent;container-type:inline-size}.sg-hand.turn{border-color:var(--accent-soft)}.sg-hand-label{font-size:.78rem;font-weight:700;color:var(--muted);margin-right:4px}.sg-hand-empty{font-size:.8rem;color:var(--muted)}.sg-hand-pc{appearance:none;border:0;background:transparent;padding:2px;border-radius:6px;display:inline-flex;align-items:center;gap:2px;font:inherit;cursor:default;container-type:inline-size;width:52px;height:44px}.sg-hand-pc.own{cursor:pointer}.sg-hand-pc.sel{background:color-mix(in srgb,var(--accent) 35%,transparent)}.sg-hand-pc .sg-pc{width:34px;height:38px;flex:none}.sg-hand-pc .sg-kanji{font-size:20px}.sg-count{font-size:.8rem;font-weight:800}.sg-side{flex:1 1 180px;max-width:240px;background:var(--surface-2);border-radius:var(--radius-sm);padding:8px;align-self:stretch;display:flex;flex-direction:column;min-height:0}.sg-side-head{font-weight:700;font-size:.85rem;color:var(--muted);margin-bottom:4px}.sg-moves{list-style:none;margin:0;padding:0;overflow-y:auto;max-height:min(560px,70vh);font-size:.88rem;font-variant-numeric:tabular-nums}.sg-moves li{padding:1px 4px;border-radius:4px}.sg-moves li.cur{font-weight:800;color:var(--accent)}.sg-moves .sg-empty{color:var(--muted);font-size:.85rem}.sg-no{color:var(--muted);display:inline-block;min-width:2.4em}.sg-moves .s,.sg-moves .g{font-size:.9em}.sg-promo{display:flex;justify-content:center;gap:12px}.sg-promo-btn{appearance:none;border:2px solid var(--border);border-radius:12px;background:var(--sg-wood, #e6c88f);padding:8px 14px;display:grid;justify-items:center;gap:4px;cursor:pointer;font:inherit;font-weight:700;color:#1d1710;container-type:inline-size;width:96px}.sg-promo-btn:hover,.sg-promo-btn:focus-visible{border-color:var(--accent)}.sg-promo-btn .sg-pc{width:52px;height:58px}.sg-promo-btn .sg-kanji{font-size:30px}@media (max-width: 760px){.sg-side{max-width:none;flex-basis:100%}.sg-moves{max-height:7.5em}}