:root{color-scheme:dark;--paper:#f4ecd9;--gold:#e4c188;--muted:#b1aea4;--line:#cba77540;--jade:#91cac5;--glass:#25242aee;font-family:'Pretendard','NanumSquareRound',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#23242b;color:var(--paper)}body{height:100dvh}button,select,input{font:inherit}button{cursor:pointer;border:0;color:inherit;background:none;-webkit-tap-highlight-color:transparent;transition:background .15s,border-color .15s}button:disabled{opacity:.35;cursor:not-allowed}button:hover:not(:disabled){background-color:#e5c38a18}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button:active:not(:disabled){transform:translateY(1px)}a{color:var(--gold);text-decoration:none}[hidden]{display:none!important}.glass{background:linear-gradient(135deg,#363035ed,#1d2229ed);border:1px solid var(--line);box-shadow:0 18px 70px #0003;backdrop-filter:blur(20px)}.vignette{position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at 55% 47%,transparent 40%,#13161b60 100%)}.topbar{position:fixed;top:0;left:0;right:0;height:82px;z-index:15;display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:linear-gradient(#191c24dd,#191c2430,transparent);gap:18px}.brand{display:flex;gap:12px;align-items:center;text-align:left;letter-spacing:2px;font-family:Georgia,serif;font-size:14px;white-space:nowrap}.crest{font-size:37px;color:var(--gold);width:44px;text-align:center}.brand i{font-size:11px;font-weight:400;font-style:italic;color:var(--gold)}.brand small{display:block;font:9px sans-serif;color:var(--muted);margin-top:6px;letter-spacing:3px}.top-actions{display:flex;gap:8px;align-items:center}.top-actions button{border:1px solid #8d82694a;border-radius:7px;background:#20222a90;padding:10px 11px;font-size:13px;color:var(--gold)}.top-actions span{color:#d1ccbf;font-size:10px;margin-left:5px}.top-actions [aria-pressed=false]{color:#9a9b9b}.turn-pill{display:flex;align-items:center;gap:10px;background:#22242ae8;border:1px solid #8273586b;padding:11px 18px;border-radius:30px;font-size:12px;white-space:nowrap}.turn-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px #e6b86890}body[data-turn=janggi] .turn-dot{background:var(--jade)}#ply-count{font-size:10px;color:#9a9b94;margin-left:14px;font-family:Georgia,serif;letter-spacing:1px}#stage{position:absolute;inset:68px 0 125px 0;transition:left .4s,right .4s;overflow:hidden}#three-container{position:absolute;inset:0}#three-container canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}body[data-screen=menu] #stage{left:330px;bottom:40px;top:75px}body[data-screen=menu] .turn-pill{opacity:0;pointer-events:none}.lobby{position:absolute;z-index:8;width:294px;top:50%;left:34px;transform:translateY(-47%);padding:27px 24px 18px;border-radius:12px}.eyebrow{color:var(--gold);font-size:8px;font-weight:650;letter-spacing:2px;display:flex;align-items:center;gap:8px}.eyebrow>span{width:4px;height:4px;background:var(--gold);border-radius:50%}h1{font-size:35px;line-height:1.2;letter-spacing:-2px;margin:20px 0 16px;font-weight:800;white-space:nowrap}h1 em{font:italic 24px Georgia,serif;letter-spacing:0;color:var(--gold);margin:0 2px}.tagline{color:#c2b8ac;font-size:13px;line-height:1.8;margin:0 0 20px;letter-spacing:-.3px}.tagline strong{color:#eee1cb;font-weight:500}.divider{display:flex;align-items:center;gap:10px;font-size:7px;letter-spacing:1px;color:#b2a184;margin:0 0 14px}.divider i{height:1px;flex:1;background:var(--line)}.factions{display:flex;gap:10px}.faction{position:relative;flex:1;padding:14px 5px 12px;border:1px solid #80684c59;border-radius:8px;background:#242830}.faction>span{display:block;font:37px Georgia,serif;color:var(--gold);height:47px}.faction.jade>span{font-family:serif;font-size:32px;color:var(--jade);line-height:45px}.faction b{display:block;font-size:12px;margin-top:4px}.faction small{font-size:8px;color:#a8a394;display:block;margin-top:5px}.faction.chosen{border-color:var(--gold);background:linear-gradient(160deg,#5f4b344a,#242931)}.faction.jade.chosen{border-color:var(--jade);background:linear-gradient(160deg,#4d83724a,#242931)}.setup-row{display:flex;gap:9px;margin-top:15px}.segment{display:flex;padding:3px;border:1px solid var(--line);border-radius:6px;flex:1;background:#1d2228}.segment button{flex:1;white-space:nowrap;font-size:10px;padding:9px 7px;border-radius:4px;color:#b3b4ad}.segment button[aria-pressed=true]{background:#63544277;color:#f0dfc1}select{background:#232832;color:#ece3d1;border:1px solid var(--line);font-size:11px;border-radius:6px;padding:8px 7px;max-width:100%}.starter-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#b4aea1;margin:13px 0 16px}.starter-label select{font-size:10px;padding:6px}.primary{border:1px solid #e3bf78;background:linear-gradient(135deg,#e9cd99,#c49b5b);color:#2e251c;display:flex;justify-content:space-between;align-items:center;width:100%;padding:14px 17px;font-weight:750;border-radius:7px;font-size:13px;box-shadow:0 4px 22px #d9b26819}.primary:hover:not(:disabled){background:linear-gradient(135deg,#f6ddb0,#d9af69)}.primary span{font-size:19px;font-weight:400}.secondary{font-size:11px;padding:12px 16px;border:1px solid var(--line);border-radius:7px;width:100%;margin-top:11px;color:#e0d4be;background:#ffffff05}.lobby-links{display:flex;align-items:center;justify-content:space-between;margin-top:17px}.lobby-links button{font-size:10px;color:#d8c6a8;padding:4px 0}.win-summary{border-top:1px solid var(--line);padding-top:14px;font-size:10px;color:#a7a094;line-height:1.8;margin:17px 0 0}.win-summary b{color:#e4d2b0;font-weight:500}.board-flavor{position:fixed;bottom:35px;left:330px;right:0;text-align:center;z-index:4;pointer-events:none}.board-flavor span{display:block;font:9px Georgia,serif;letter-spacing:3px;color:#c5af8a}.board-flavor i{padding:0 13px;color:#83745c}.board-flavor small{display:block;margin-top:10px;color:#95938e;font-size:9px;letter-spacing:1px}.preview-note{position:fixed;top:92px;left:330px;right:0;z-index:6;display:flex;justify-content:center;pointer-events:none}.preview-note>div{display:flex;align-items:center;gap:11px;max-width:min(560px,86%);padding:9px 17px;border-radius:30px;background:#20242ad9;border:1px solid #a0835755;box-shadow:0 7px 28px #0004;backdrop-filter:blur(12px)}.preview-note b{font-size:11px;color:var(--gold);white-space:nowrap}.preview-note small{font-size:10px;line-height:1.6;color:#c2b8a6}.bottom-bar{position:fixed;bottom:max(15px,env(safe-area-inset-bottom));left:26px;right:26px;z-index:16;display:flex;align-items:center;justify-content:space-between;gap:15px}.board-controls{display:flex;gap:4px;align-items:center;background:#20242ad9;border:1px solid #a0835755;border-radius:9px;padding:4px 6px;backdrop-filter:blur(12px)}.board-controls button{padding:8px 10px;font-size:18px;color:#d8c39a;border-radius:5px}.board-controls span:not(.toolbar-divider){font-size:10px;margin-left:3px;color:#c7c2b9}.board-controls #flat{font-size:11px;font-weight:700}.toolbar-divider{height:20px;width:1px;background:var(--line);margin:0 6px}#notice{font-size:10px;color:#bfb6a6;letter-spacing:.2px;max-width:490px;line-height:1.7;text-shadow:0 1px 5px #000}.game-hud{position:fixed;bottom:85px;left:28px;right:28px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;z-index:7;pointer-events:none}.selected-card{display:flex;gap:15px;align-items:center;padding:15px 20px;max-width:380px;border-radius:10px}.selected-card>span{font-size:35px;color:var(--gold);min-width:34px;font-family:Georgia,serif}.small-label{font-size:7px;letter-spacing:1.9px;color:#b9a786}.selected-card b{font-size:13px;display:block;margin-top:5px}.selected-card p{font-size:10px;color:#b9b6ac;line-height:1.6;margin:7px 0 0}.op-card{padding:13px 18px;border-radius:10px;min-width:157px}.op-card>div{display:flex;align-items:center;gap:9px;margin:4px 0}.queen{font-size:27px;color:var(--gold)}#op-number{font:22px Georgia,serif;color:#f2d9aa}#op-tokens{font-size:13px;letter-spacing:3px;color:#d6b26c}.op-card small{font-size:8px;color:#a9a492}.threat{position:fixed;left:50%;top:96px;transform:translateX(-50%);z-index:17;border:1px solid #cb6b54a0;background:#562c27eb;color:#ffd6b3;font-size:12px;line-height:1.6;padding:11px 20px;border-radius:7px;box-shadow:0 7px 28px #0003;text-align:center;max-width:85vw}.battle-banner{position:fixed;z-index:19;bottom:24%;left:0;right:0;text-align:center;pointer-events:none;filter:drop-shadow(0 3px 6px #000);animation:banner .24s ease-out}.battle-banner small{font:9px Georgia,serif;letter-spacing:4px;color:#f6d9a5}.battle-banner h2{font-size:30px;margin:8px 0;letter-spacing:-.8px;color:#fff0ca;text-shadow:0 2px 2px #252020,0 0 22px #201005}.battle-banner span{color:#d7cebc;font-size:10px;letter-spacing:2px}body[data-battle=true] .game-hud{opacity:.15}#impact-flash{position:fixed;inset:0;z-index:5;pointer-events:none;opacity:0;background:radial-gradient(ellipse,transparent 20%,#e9c37e70)}#impact-flash.hit{animation:impact .22s ease-out}.gallery-title{position:fixed;top:104px;left:42px;text-shadow:0 3px 10px #000;pointer-events:none}.gallery-title h2{font-size:35px;letter-spacing:-1px;margin:10px 0 4px}.gallery-title p{font-size:12px;color:#cdb990;margin:0}.gallery-controls{position:fixed;bottom:max(25px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;border-radius:9px;padding:9px 12px;white-space:nowrap}.gallery-controls button{font-size:12px;padding:10px;color:var(--gold)}.gallery-controls #gallery-prev,.gallery-controls #gallery-next{font:26px Georgia,serif;padding:0 10px}.gallery-controls select{min-width:130px}.gallery-hud{position:relative;z-index:16}body[data-screen=gallery] .turn-pill{opacity:0}body[data-screen=gallery] #stage{inset:80px 0 104px}body[data-screen=gallery] .top-actions{opacity:.5}body[data-screen=menu] .bottom-bar{left:350px;bottom:83px;justify-content:center}body[data-screen=menu] #notice,body[data-screen=menu] #undo,body[data-screen=menu] #hint,body[data-screen=menu] .toolbar-divider,body[data-screen=menu] #history-button{display:none}.result-overlay{position:fixed;inset:0;background:#10131985;backdrop-filter:blur(5px);z-index:30;display:grid;place-items:center}.result-card{padding:33px 37px;max-width:370px;text-align:center;border-radius:15px}.result-card>span{font:70px Georgia,serif;color:var(--gold)}.result-card .eyebrow{justify-content:center;margin-top:12px}.result-card h2{font-size:30px;line-height:1.3;margin:15px 0;color:#f6e2bb}.result-card p{font-size:12px;line-height:1.8;color:#c8bba6;margin-bottom:25px}dialog{padding:34px;width:min(560px,92vw);max-height:86dvh;border-radius:14px;background:#25272ff5;color:var(--paper);border:1px solid #967b5066;overflow:auto;box-shadow:0 30px 120px #0008}dialog::backdrop{background:#111620b8;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:16px;top:12px;color:#b4a994;font-size:25px}dialog h2{font-size:26px;letter-spacing:-.7px;line-height:1.4;margin:18px 0 20px}dialog h3{font-size:13px;color:var(--gold);margin:20px 0 8px}dialog p{font-size:11px;color:#c0b9ac;line-height:1.9}.rule-sides{display:grid;grid-template-columns:1fr 1fr;gap:24px}.rule-note{border-top:1px solid var(--line);padding-top:17px;color:#c8b692;line-height:1.8;font-size:10px}.setting{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff12;padding:17px 0;font-size:12px}.setting input{accent-color:#e4c188;width:18px;height:18px}.setting-help{font-size:10px}.classic{display:block;text-align:center;font-size:10px;margin-top:24px}.build-label{display:block;text-align:center;letter-spacing:2px;font-size:7px;color:#7c7e83;margin-top:20px}#history{max-height:48vh;overflow:auto;margin:20px 0}.history-entry{display:grid;grid-template-columns:28px 1fr auto;gap:15px;border-bottom:1px solid #fff1;padding:12px 0;font-size:12px}.history-entry .n{font-size:10px;color:#848890}.history-entry .name{color:var(--gold)}.history-entry.janggi .name{color:var(--jade)}.coords{font-family:monospace;color:#b3b4b2}.empty-history{text-align:center;padding:45px 0;font-size:12px;color:#aeaa9f}.flat-board{position:absolute;inset:20px;max-width:630px;margin:auto;aspect-ratio:9/10;display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(10,1fr);background:#d7c5a3;border:8px solid #855c3e;box-shadow:0 8px 0 #4f362b,0 20px 30px #0006;border-radius:6px;max-height:95%}.cell{position:relative;background:#d2c4a6;color:#233b3c;font:bold 27px Georgia,serif;border:1px solid #6f675644;min-height:0;padding:0;min-width:0}.cell.dark{background:#687e7a}.cell.chess{color:#fff0c9;text-shadow:0 2px 1px #574126,0 0 3px #33200c}.cell.janggi{color:#203c3b;text-shadow:0 0 3px #dee2d4}.cell small{position:absolute;left:2px;top:2px;font:7px sans-serif;color:#253733;text-shadow:none;opacity:.7}.cell.selected{box-shadow:inset 0 0 0 3px #ffe69e}.cell.target:after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:#5cbaa4;border:1px solid #d2ffee;border-radius:50%;pointer-events:none}.cell.occupied.target:after{width:80%;height:80%;border:3px solid #f3a77d;background:none}.cell.last{background:#a29d70}.cell.last.fresh{box-shadow:inset 0 0 0 3px #ffe08a;animation:lastPulse .8s ease-out 3}@keyframes lastPulse{0%{box-shadow:inset 0 0 0 3px #ffe08a;background:#cdbe7c}50%{box-shadow:inset 0 0 0 6px #fff3c4;background:#e8dda0}to{box-shadow:inset 0 0 0 3px #ffe08a;background:#a29d70}}.cell.threatened{box-shadow:inset 0 0 0 3px #ed6f54}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:3;background:#23252bf9;color:var(--gold);gap:10px}.loading-crown{font-size:62px;animation:breathe 1.5s ease infinite}#loading b{font-size:13px}#loading small{color:#a89f8d;font-size:10px}@keyframes breathe{50%{opacity:.35;transform:translateY(-5px)}}@keyframes impact{from{opacity:.5}to{opacity:0}}@keyframes banner{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1700px){.lobby{left:70px;width:322px;padding:30px}body[data-screen=menu] #stage{left:380px}.topbar{padding:0 55px}h1{font-size:38px}}@media(max-width:950px){.topbar{padding:0 18px}.brand{font-size:12px;letter-spacing:1px}.top-actions span{display:none}.turn-pill{font-size:11px;padding:10px 13px}.lobby{width:268px;left:20px;padding:24px 19px}body[data-screen=menu] #stage{left:276px}.board-flavor{left:276px}.preview-note{left:276px}.preview-note small{font-size:9px}body[data-screen=menu] .bottom-bar{left:288px}h1{font-size:33px}.tagline{font-size:12px}.selected-card{max-width:310px;padding:12px 15px}.game-hud{bottom:86px}.gallery-title{left:28px}.battle-banner h2{font-size:27px}}@media(max-width:650px){.topbar{height:65px;padding:0 13px;gap:6px}.brand{font-size:11px;letter-spacing:.5px;gap:5px}.brand small{font-size:7px;margin-top:4px;letter-spacing:2px}.crest{width:28px;font-size:27px}.top-actions{gap:5px}.top-actions button{padding:7px 9px;border-radius:6px;font-size:15px}.turn-pill{position:absolute;top:66px;left:50%;transform:translateX(-50%);font-size:10px;padding:7px 12px}#ply-count{font-size:9px;margin-left:8px}.top-actions span{display:none}#stage{inset:96px 0 167px}.lobby{left:12px;right:12px;bottom:14px;top:auto;width:auto;transform:none;border-radius:12px;padding:16px 16px 13px;display:grid;grid-template-columns:1fr 1fr;gap:0 13px}.lobby .eyebrow{grid-column:1/-1;font-size:6px;letter-spacing:1.8px;margin-bottom:8px}h1{font-size:26px;margin:0 0 7px;letter-spacing:-1.5px}h1 em{font-size:19px}.tagline{font-size:10px;margin:0;grid-column:1;grid-row:3;line-height:1.75}.divider{display:none}.factions{grid-column:2;grid-row:2/4;gap:7px}.faction{padding:8px 3px}.faction>span{font-size:30px;height:32px;line-height:31px}.faction.jade>span{font-size:24px;line-height:31px}.faction b{font-size:9px;margin-top:5px}.faction small{font-size:6px;white-space:nowrap}.setup-row{grid-column:1;grid-row:4;gap:6px;margin-top:11px}.segment button{font-size:8px;padding:7px 5px}select{font-size:9px;padding:6px 4px}.starter-label{display:none}#start{grid-column:2;grid-row:4;font-size:11px;padding:10px 12px;margin-top:11px}.primary span{font-size:16px}.lobby-links{margin-top:10px;grid-column:1/-1;justify-content:space-between}.lobby-links button{font-size:9px}.win-summary{display:none}#resume{grid-column:1/-1;padding:8px;font-size:10px;margin:9px 0 0}body[data-screen=menu] #stage{left:0;right:0;top:60px;bottom:245px}body[data-screen=menu] .bottom-bar{left:0;right:0;bottom:254px;margin:auto}body[data-screen=menu] .board-controls{background:#20232ba0;padding:1px 4px}body[data-screen=menu] .board-controls button{padding:6px 9px;font-size:15px}.board-flavor{display:none}.preview-note{top:64px;left:8px;right:8px}.preview-note>div{max-width:100%;gap:7px;padding:7px 12px}.preview-note b{font-size:9px}.preview-note small{font-size:8px;line-height:1.5}.game-hud{left:10px;right:10px;bottom:81px;gap:8px;align-items:stretch}.selected-card{max-width:none;flex:1;padding:10px;gap:8px;min-width:0;border-radius:8px}.selected-card>span{font-size:26px;min-width:22px}.selected-card b{font-size:10px}.selected-card .small-label{font-size:5px;letter-spacing:1px}.selected-card p{font-size:8px;line-height:1.55;margin:5px 0 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.op-card{padding:10px 11px;min-width:91px;border-radius:8px}.op-card .small-label{font-size:5px;letter-spacing:.7px}.op-card>div{gap:6px;margin:2px 0}.op-card small{font-size:6px}.queen{font-size:19px}#op-number{font-size:19px}#op-tokens{font-size:9px;letter-spacing:1px;max-width:31px;overflow:hidden}.bottom-bar{left:8px;right:8px;bottom:max(9px,env(safe-area-inset-bottom));flex-direction:column;gap:5px}#notice{text-align:center;font-size:8px;line-height:1.6;min-height:13px;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.board-controls{width:100%;justify-content:space-evenly;padding:3px 4px;border-radius:8px}.board-controls button{font-size:18px;padding:6px 7px}.board-controls span:not(.toolbar-divider){font-size:8px;margin-left:3px}.toolbar-divider{margin:0 2px}.board-controls #history-button span{display:none}.threat{top:106px;padding:8px 12px;font-size:10px;min-width:240px}.battle-banner{bottom:29%}.battle-banner small{font-size:7px;letter-spacing:2px}.battle-banner h2{font-size:25px}.battle-banner span{font-size:8px}.gallery-title{left:20px;top:85px}.gallery-title h2{font-size:29px;margin-top:8px}.gallery-title .small-label{font-size:6px}.gallery-title p{font-size:10px}.gallery-controls{width:calc(100% - 22px);gap:1px;padding:9px 6px;justify-content:space-between;bottom:18px}.gallery-controls select{min-width:0;width:113px;font-size:10px}.gallery-controls button{font-size:10px;padding:8px 6px}.gallery-controls #gallery-prev,.gallery-controls #gallery-next{font-size:23px;padding:0 7px}body[data-screen=gallery] #stage{inset:120px 0 86px}.flat-board{inset:10px 12px;border-width:5px;max-width:calc(100% - 24px)}.cell{font-size:24px}.cell small{font-size:6px}.result-card{max-width:310px;padding:25px}.result-card h2{font-size:26px}dialog{padding:29px 23px}.rule-sides{gap:17px}dialog h2{font-size:24px}.rule-note{font-size:9px}}@media(max-height:620px) and (min-width:651px){.lobby{top:80px;bottom:16px;transform:none;padding:19px;overflow:auto}.tagline,.win-summary{display:none}h1{font-size:30px;margin:12px 0 18px}.faction>span{font-size:30px;height:33px}.faction{padding:8px}.topbar{height:64px}#stage{top:61px;bottom:75px}.game-hud{bottom:73px;pointer-events:none}.selected-card p{display:none}.selected-card{padding:9px 14px}.op-card{padding:6px 13px}.bottom-bar{bottom:12px}.gallery-title{top:77px}.gallery-controls{bottom:14px}}@media(max-height:720px) and (max-width:650px){.lobby{padding-top:12px;bottom:9px}.lobby .eyebrow{display:none}.lobby-links{margin-top:6px}body[data-screen=menu] #stage{bottom:212px}body[data-screen=menu] .bottom-bar{bottom:222px}#stage{bottom:156px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}#impact-flash{display:none}}