:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#202923;--muted:#778078;--paper:#f4f2ec;--card:#fffefa;--line:#e8e6de;--green:#315d48;--green-dark:#244936;--green-soft:#e8efe9;--board-light:#e9e4d5;--board-dark:#78927d;--shadow:0 18px 48px #28322814}*{box-sizing:border-box}body{background:radial-gradient(ellipse at 8% 0%, #dbe4d580, transparent 34rem), var(--paper);min-width:320px;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,Segoe UI,Noto Sans KR,sans-serif}button,select{font:inherit}.shell{width:min(1160px,100% - 48px);margin:0 auto}.topbar{border-bottom:1px solid #4652461a;justify-content:space-between;align-items:center;height:76px;display:flex}.brand{letter-spacing:-.04em;align-items:center;gap:11px;font-weight:750;display:flex}.brand-mark{background:var(--green);color:#fff;border-radius:11px;place-items:center;width:34px;height:34px;font-size:21px;display:grid}.brand-name{font-size:17px}.prototype-tag{color:var(--green);letter-spacing:.02em;background:#ffffff7a;border:1px solid #dce4dc;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700}.topbar-actions{align-items:center;gap:8px;display:flex}.theme-toggle{border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700}main{padding:44px 0 64px}.intro{margin-bottom:28px}.eyebrow{color:var(--green);letter-spacing:.15em;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:800}h1{letter-spacing:-.065em;margin:0;font-size:clamp(29px,4vw,42px);line-height:1.15}.intro-copy{color:var(--muted);margin:12px 0 0;font-size:14px;line-height:1.7}.workspace{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:start;gap:22px;display:grid}.board-card,.panel{background:var(--card);box-shadow:var(--shadow);border:1px solid #38443712;border-radius:20px}.board-card{padding:22px}.player-row{align-items:center;gap:11px;padding:1px 2px 15px;display:flex}.avatar{color:#5d6a5e;background:#eff0e8;border-radius:12px;flex:none;place-items:center;width:36px;height:36px;font-size:18px;display:grid}.avatar.bot{background:var(--green-soft);color:var(--green)}.player-meta{flex:1;min-width:0}.player-name{font-size:13px;font-weight:750;display:block}.player-sub{color:var(--muted);margin-top:3px;font-size:11px;display:block}.clock{font-variant-numeric:tabular-nums;background:#f2f1ed;border-radius:9px;padding:8px 11px;font-size:13px;font-weight:700}.board-wrap{background:#f4f1e7;border-radius:12px;width:100%;padding:5px}.board{aspect-ratio:1;border-radius:7px;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,1fr);display:grid;overflow:hidden}.board.flipped{transform:rotate(180deg)}.board.randomized .piece,.board.randomized .piece.white{color:#a3aaa2;text-shadow:0 1px 2px #0000002e}.board.randomized .coord{display:none}.board.flipped .piece,.board.flipped .coord{transform:rotate(180deg)}.square{place-items:center;min-width:0;display:grid;position:relative}.square.light{background:var(--board-light)}.square.dark{background:var(--board-dark)}.piece{z-index:1;color:#243127;text-shadow:0 2px 1px #00000021;-webkit-user-select:none;user-select:none;font-family:Segoe UI Symbol,"Noto Sans Symbols 2",serif;font-size:clamp(25px,5.5vw,55px);line-height:1}.piece.white{color:#fffdf3;text-shadow:0 1px 2px #18261ab3,0 0 1px #243127}.coord{opacity:.78;font-size:9px;font-weight:750;position:absolute;bottom:3px;left:5px}.square.light .coord{color:var(--board-dark)}.square.dark .coord{color:#edf1e6}.bottom-player{padding:15px 2px 0}.side-column{gap:16px;display:grid}.panel{padding:21px}.panel-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}h2{letter-spacing:-.025em;margin:0;font-size:15px}.status{color:var(--muted);align-items:center;gap:7px;font-size:11px;font-weight:650;display:inline-flex}.status-dot{background:#c5c9c1;border-radius:50%;width:7px;height:7px}.settings{gap:14px;display:grid}.field{gap:7px;display:grid}.field label{color:#677169;font-size:11px;font-weight:750}.select-wrap{position:relative}.select-wrap:after{color:#778078;content:"⌄";pointer-events:none;position:absolute;top:50%;right:13px;transform:translateY(-58%)}select{appearance:none;border:1px solid var(--line);width:100%;color:var(--ink);background:#fffefa;border-radius:10px;outline:none;padding:11px 36px 11px 12px;font-size:13px}select:focus-visible{border-color:#89a391;box-shadow:0 0 0 3px #315d481a}.color-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.color-choice{border:1px solid var(--line);color:#687169;cursor:pointer;background:#fffefa;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0;font-size:12px;font-weight:650;display:flex}.color-choice.selected{color:var(--green);background:#f0f5f0;border-color:#a9beae}.color-choice:disabled{opacity:.4;cursor:not-allowed}.color-stone{background:#fffdf3;border:1px solid #b9b7ad;border-radius:50%;width:15px;height:15px;box-shadow:inset 0 -2px #00000017}.color-stone.gray{background:#bbc0b5;border-color:#aeb4aa}.color-stone.black{background:#45584a;border-color:#536557}.primary-action{background:var(--green);color:#fff;border:0;border-radius:11px;width:100%;margin-top:18px;padding:12px;font-size:13px;font-weight:750}.primary-action span{margin-right:7px;font-size:15px}.primary-action:focus-visible{outline-offset:3px;outline:3px solid #b8cbbd}.setup-note{color:#929990;text-align:center;margin:11px 0 0;font-size:10px;line-height:1.55}.moves-panel{min-height:181px}.move-count{color:#929990;font-size:11px;font-weight:650}.empty-state{color:#929990;text-align:center;border:1px dashed #e4e4dc;border-radius:12px;place-items:center;min-height:106px;padding:12px;font-size:12px;display:grid}.empty-icon{color:#bdc4bb;margin-bottom:6px;font-size:21px;display:block}.footer-note{color:#929990;margin:18px 2px 0;font-size:10px;line-height:1.6}@media (width<=760px){.shell{width:min(100% - 28px,540px)}.topbar{height:66px}main{padding:32px 0 44px}.workspace{grid-template-columns:1fr}.board-card{padding:15px}.side-column{grid-template-columns:1fr}.piece{font-size:clamp(27px,9vw,48px)}}@media (prefers-reduced-motion:no-preference){.board-card,.panel{animation:.45s ease-out both arrive}.panel:nth-child(2){animation-delay:80ms}@keyframes arrive{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}}#difficulty{width:100%;accent-color:var(--green);cursor:pointer}.difficulty-labels{height:14px;color:var(--muted);margin:7px 8px 0;font-size:10px;line-height:1.2;position:relative}.difficulty-labels span{white-space:nowrap;position:absolute;top:0}.difficulty-labels span:first-child{left:0}.difficulty-labels span:nth-child(2){left:25%;transform:translate(-50%)}.difficulty-labels span:nth-child(3){left:50%;transform:translate(-50%)}.difficulty-labels span:nth-child(4){left:75%;transform:translate(-50%)}.difficulty-labels span:nth-child(5){left:100%;transform:translate(-100%)}.difficulty-help{color:#667169;background:#f3f5f1;border-radius:9px;margin:0;padding:9px 10px;font-size:11px;line-height:1.5}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#e7eee8;--muted:#a6b0a7;--paper:#171d19;--card:#232b25;--line:#3b483e;--green:#9fc1a5;--green-soft:#304034;--board-light:#d7d1c1;--board-dark:#627d68;--shadow:0 18px 48px #00000059}:root[data-theme=dark] body{background:radial-gradient(ellipse at 8% 0%, #45604940, transparent 34rem), var(--paper)}:root[data-theme=dark] .topbar{border-bottom-color:#ffffff1a}:root[data-theme=dark] .prototype-tag,:root[data-theme=dark] .theme-toggle,:root[data-theme=dark] .board-wrap,:root[data-theme=dark] .clock,:root[data-theme=dark] .avatar{color:var(--ink);border-color:var(--line);background:#303832}:root[data-theme=dark] .avatar.bot{background:var(--green-soft);color:var(--green)}:root[data-theme=dark] select,:root[data-theme=dark] .color-choice{color:var(--ink);border-color:var(--line);background:#2b342d}:root[data-theme=dark] .color-choice.selected{color:#c8e0cd;background:#344638;border-color:#63816a}:root[data-theme=dark] .brand-mark,:root[data-theme=dark] .primary-action{color:#fff;background:#3e6547}:root[data-theme=dark] .empty-state{border-color:var(--line);color:var(--muted)}:root[data-theme=dark] .difficulty-help{color:var(--muted);background:#303b32}.square.selected{box-shadow:inset 0 0 0 4px #d7aa48}.square.legal-target{position:relative}.square.legal-target:not(.occupied):after{content:"";aspect-ratio:1;pointer-events:none;background:#20292373;border-radius:50%;width:20%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.square.legal-target.occupied:after{content:"";box-sizing:border-box;pointer-events:none;border:4px solid #20292373;border-radius:50%;position:absolute;inset:6%}.empty-state[hidden],.move-list[hidden]{display:none}.move-list{gap:4px;max-height:240px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.move-pair{border-bottom:1px solid var(--line);border-radius:8px;grid-template-columns:34px 1fr 1fr;gap:8px;padding:8px 10px;font-size:12px;display:grid}.move-number{color:var(--muted)}.move-san{font-weight:650}.test-room[hidden]{display:none!important}.test-room{background:var(--card);box-shadow:var(--shadow);border:1px solid #38443712;border-radius:20px;margin-bottom:20px;padding:20px}.test-room-head,.test-room-buttons{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.test-room h2{margin:0}.test-room-buttons{justify-content:flex-start;margin-top:16px}.test-room button{border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;border-radius:10px;padding:10px 14px}#test-status{color:var(--muted);margin:14px 0 0}main.test-mode .intro,main.test-mode .side-column,main.test-mode .footer-note{display:none}main.test-mode .workspace{display:block}main.test-mode .board-card{width:min(100%,680px);margin:0 auto}.primary-action:disabled{opacity:.55;cursor:not-allowed}.secondary-action{border:1px solid var(--line);background:var(--card);width:100%;color:var(--ink);font:inherit;cursor:pointer;border-radius:12px;margin-top:8px;padding:12px;font-weight:700}.secondary-action:disabled{opacity:.45;cursor:not-allowed}.tutorial-overlay[hidden]{display:none!important}.tutorial-overlay{z-index:1000;background:#141c1794;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.tutorial-card{background:var(--card);width:min(460px,100%);color:var(--ink);box-shadow:var(--shadow);border-radius:20px;padding:28px}#tutorial-count{color:var(--green);font-size:12px;font-weight:700}.tutorial-actions{justify-content:flex-end;gap:8px;margin-top:24px;display:flex}.tutorial-actions button,#tutorial-open{border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;border-radius:10px;padding:9px 13px}.tutorial-visual[hidden]{display:none!important}.tutorial-visual{margin:18px auto 0}.tutorial-mini-board{border:5px solid var(--board-light,#e9e4d5);border-radius:10px;grid-template-columns:repeat(5,1fr);width:min(100%,260px);margin:0 auto;display:grid;overflow:hidden}.tutorial-square{aspect-ratio:1;place-items:center;font-size:clamp(18px,7vw,30px);display:grid}.tutorial-square.light{background:var(--board-light,#e9e4d5)}.tutorial-square.dark{background:var(--board-dark,#78927d)}.tutorial-square.origin{box-shadow:inset 0 0 0 4px #f3c969}.tutorial-square.destination{color:#245b41;font-weight:900}.tutorial-square.capture{color:#c04c43;font-weight:900}.tutorial-diagram-legend{color:var(--muted,#778078);flex-wrap:wrap;justify-content:center;gap:8px 14px;margin-top:9px;font-size:12px;display:flex}.tutorial-special-examples{gap:8px;max-width:360px;margin:0 auto;display:grid}.tutorial-special-example{border:1px solid var(--line,#e8e6de);background:var(--card,#fffefa);text-align:left;border-radius:10px;padding:12px}.tutorial-special-example strong{margin-bottom:5px;display:block}.tutorial-special-example span{color:var(--muted,#778078);font-size:13px;line-height:1.6;display:block}.special-rule-tabs{gap:8px;max-width:360px;margin:0 auto 12px;display:flex}.special-rule-tabs button{border:1px solid var(--line,#e8e6de);background:var(--card,#fffefa);color:var(--ink,#202923);cursor:pointer;border-radius:9px;flex:1;padding:9px 6px}.special-rule-tabs button[aria-pressed=true]{border-color:var(--green,#315b48);background:var(--green,#315b48);color:#fff}.special-preview{text-align:center;max-width:360px;margin:0 auto}.special-board{width:min(100%,340px);margin:0 auto 10px}.special-board-row{grid-template-columns:22px repeat(8,minmax(0,1fr));display:grid}.special-square{aspect-ratio:1;place-items:center;font-size:clamp(18px,5vw,28px);display:grid}.special-square.light{background:var(--board-light,#e9e4d5)}.special-square.dark{background:var(--board-dark,#78927d)}.special-square.move-from{box-shadow:inset 0 0 0 3px #f3c969}.special-square.move-to{background:#a8d5a2}.special-square.captured{background:#e8a09a}.special-coordinate{color:var(--muted,#778078);place-items:center;font-size:11px;display:grid}.special-caption{margin:8px 0;display:block}.special-choices{margin:8px 0;font-size:14px;font-weight:700}.special-legend,.special-note{color:var(--muted,#778078);font-size:12px;line-height:1.6}.square.light.last-move{background:#eadb8b}.square.dark.last-move{background:#b9a951}.square.king-in-check{box-shadow:inset 0 0 0 5px #d94841}.promotion-overlay[hidden]{display:none!important}.promotion-overlay{z-index:1000;background:#0000008c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.promotion-dialog{background:var(--card,#fffefa);width:min(100%,380px);color:var(--ink,#202923);text-align:center;border-radius:16px;padding:22px}.promotion-options{grid-template-columns:repeat(2,1fr);gap:8px;margin:16px 0;display:grid}.promotion-options button{border:1px solid var(--line,#e8e6de);color:inherit;cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px;display:flex}.promotion-symbol{font-size:26px}.captured-pieces{color:var(--muted,#778078);gap:6px;margin:8px 0;font-size:12px;display:grid}.captured-row{justify-content:space-between;align-items:center;gap:12px;min-height:24px;display:flex}.captured-icons{color:var(--ink,#202923);letter-spacing:2px;font-size:20px}.cocked-music{background:var(--paper);border-radius:14px;margin-top:16px;padding:14px}.cocked-music h3{margin:0 0 10px;font-size:14px}#cocked-pistol-player{width:min(100%,356px);min-width:200px;height:200px}#cocked-pistol-player iframe{max-width:100%;display:block}#cocked-music-status{color:var(--muted);margin:8px 0 0;font-size:12px}.board-card>.player-row.gunshot-hit{background:#ffe1df;animation:.55s ease-in-out pistol-hit-shake;position:relative}.board-card>.player-row.gunshot-hit:after{content:"💥";pointer-events:none;font-size:30px;animation:.8s ease-out forwards pistol-hit-burst;position:absolute;top:50%;right:70px}@keyframes pistol-hit-shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes pistol-hit-burst{0%{opacity:0;transform:translateY(-50%)scale(.4)}30%{opacity:1;transform:translateY(-50%)scale(1.2)}to{opacity:0;transform:translateY(-70%)scale(1)}}@media (prefers-reduced-motion:reduce){.board-card>.player-row.gunshot-hit,.board-card>.player-row.gunshot-hit:after{animation:none}}:root.cocked-pistol-mode{--paper:#11120f;--card:#1c1d19;--ink:#f2eee4;--muted:#afa99a;--line:#393832;--shadow:0 20px 55px #0000008c}:root.cocked-pistol-mode body{background:radial-gradient(at 42% 45%,#96231b2e,#0000 34rem),#11120f}:root.cocked-pistol-mode .intro,:root.cocked-pistol-mode .side-column,:root.cocked-pistol-mode .footer-note{opacity:.55;transition:opacity .4s}:root.cocked-pistol-mode .board-card{z-index:1;position:relative;box-shadow:0 0 0 1px #dc463759,0 0 38px #dc372838}:root.cocked-pistol-mode .board-wrap{animation:2s ease-in-out infinite alternate pistol-board-tension}:root.cocked-pistol-mode .clock-active{color:#fff4ec;background:#762c25;animation:.8s ease-in-out infinite alternate pistol-clock-pulse;box-shadow:0 0 16px #f0402d73}:root.pistol-impact body:after{content:"";z-index:999;pointer-events:none;background:#dc231952;animation:.5s ease-out forwards pistol-red-flash;position:fixed;inset:0}@keyframes pistol-board-tension{0%{box-shadow:0 0 0 2px #dc463740,0 0 18px #dc372826}to{box-shadow:0 0 0 3px #dc463773,0 0 30px #dc37284d}}@keyframes pistol-clock-pulse{to{transform:scale(1.05);box-shadow:0 0 22px #ff3c28a6}}@keyframes pistol-red-flash{0%{opacity:0}15%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){:root.cocked-pistol-mode .board-wrap,:root.cocked-pistol-mode .clock-active,:root.pistol-impact body:after{animation:none}}.piece-image{object-fit:contain;filter:drop-shadow(0 2px 1px #00000024);width:82%;height:82%;display:block}.board.randomized .piece-image{filter:grayscale()opacity(.62)drop-shadow(0 2px 1px #0000002e)}