:root{color-scheme:dark;--bg:#17191b;--panel:#202326;--line:#3d4641;--text:#eceeed;--muted:#acb9b0;--accent:#c4d3c2;--focus:#c8dfca;font:14px/1.6 Arial,Malgun Gothic,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;padding:24px 32px 40px;background:var(--bg);color:var(--text)}[hidden]{display:none!important}a{color:var(--accent);text-underline-offset:4px}button,input,select{font:inherit;color:inherit;min-height:40px;border:1px solid #737d77;border-radius:5px;background:#252c28;padding:8px 12px}button{cursor:pointer;transition:background-color .14s,transform .14s}button:hover:not(:disabled){background:#39463b}button:active:not(:disabled){transform:translateY(1px)}button:disabled{color:#919e95;border-color:#414a44;background:#222724;cursor:not-allowed}input{min-width:0;background:#191c1e}input::placeholder{color:#aebbb1;opacity:1}input,textarea{caret-color:var(--accent)}::selection{color:#19221a;background:var(--accent)}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.skip{position:absolute;left:-9999px}.skip:focus{left:24px;top:12px;z-index:20;background:var(--bg);padding:12px}header,main,footer{max-width:1320px;margin-inline:auto}header{display:flex;align-items:center;gap:24px;padding-bottom:20px;margin-bottom:24px;border-bottom:1px solid var(--line)}.brand{margin-right:auto;font-weight:650;letter-spacing:1px;font-size:18px;text-decoration:none;color:var(--text)}nav{display:flex;gap:4px;align-items:center;flex-wrap:wrap}nav a,nav button{font-size:13px;min-height:40px;padding:8px 12px;text-decoration:none;background:transparent;border:0;color:#b7c2bb}nav button[aria-current=true],.session-switch button[aria-pressed=true]{background:#303e33;color:#e2eddf}.quiet{background:transparent}main{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}.play{min-width:0}.players{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.players.four{grid-template-columns:repeat(4,minmax(0,1fr))}.player{padding:12px;border:1px solid #48524b;border-radius:6px;background:#202623;min-width:0}.player.active{background:#d3dfce;color:#1d271e;border-color:#b3c7ae}.player.eliminated{background:#24282a;border-style:dashed;color:#aab8ae}.player-heading{display:flex;align-items:center;gap:6px;font-size:12px;white-space:nowrap}.seat-dot{width:10px;height:10px;flex:0 0 10px;border-radius:50%;background:var(--seat);border:1px solid #ddd8}.player strong{display:block;font:600 25px/1.4 ui-monospace,Consolas,monospace;font-variant-numeric:tabular-nums;margin-top:3px}.player small{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage{position:relative;width:100%;aspect-ratio:1.13;isolation:isolate}.stage canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;border-radius:4px}#variant-board{display:grid;grid-template-columns:repeat(var(--size,8),minmax(0,1fr));width:100%;height:100%;aspect-ratio:1}#variant-board button{position:relative;min-width:0;min-height:0;padding:0;border:1px solid #0001;border-radius:0;background:#c4ced6;color:#1c2633;font-size:clamp(16px,3.5vw,40px);aspect-ratio:1}#variant-board button.dark{background:#52677e;color:#f1f0df}#variant-board button[data-color=r]{color:#8f202e}#variant-board button[data-color=g]{color:#084d36}#variant-board button[data-color=b]{color:#142c63}#variant-board button[data-color=w]{color:#fff4db;text-shadow:0 1px 2px #000}#variant-board .void{pointer-events:none}#variant-board button.selected{outline:3px solid #f3de83;outline-offset:-3px;z-index:1}#variant-board button.target:after{content:"";position:absolute;width:22%;height:22%;border-radius:50%;background:#091e18aa;inset:39%}#variant-board button.target:has(.piece-glyph):after{inset:5%;width:90%;height:90%;background:none;border:3px solid #74352e}#variant-board .piece-buff{position:absolute;right:3px;top:0;font:600 11px system-ui}.webgl #variant-board{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.impact{position:absolute;left:50%;top:12%;transform:translate(-50%);padding:8px 16px;color:#f1e1b4;background:#17191be8;border:1px solid #a89c72;border-radius:4px;font-size:16px;white-space:nowrap;pointer-events:none;z-index:3}.board-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px}.board-footer p{margin:0;font-size:13px}.view-buttons{display:flex;gap:6px;flex-wrap:wrap}.view-buttons button{font-size:12px;min-height:36px;padding:6px 10px;background:transparent}.view-buttons button[aria-pressed=true]{background:#354639;border-color:#aac2a5}.keyboard-hint{font-size:12px;color:var(--muted);margin:12px 0}.muted{font-size:12px;line-height:1.8;color:var(--muted)}aside{border:1px solid var(--line);border-radius:8px;overflow:clip;background:#1d2022;min-width:0}.panel{padding:18px;border-bottom:1px solid var(--line)}.panel:last-child{border-bottom:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}h1,h2{margin:0;font-size:14px;font-weight:600}h1{font-size:16px}.panel-heading>button{font-size:12px;padding:6px 10px;min-height:36px}.panel p{margin:10px 0}.session-switch{display:flex;gap:6px;margin-top:14px}.session-switch button{flex:1;font-size:12px;border-color:#4f5c52;background:transparent}#variant-network{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}#variant-network label{display:block;font-size:12px;color:var(--muted);margin:10px 0 6px}#variant-name{width:100%}.room-actions{display:grid;grid-template-columns:1fr 72px auto;gap:6px;margin-top:12px}.room-actions button{padding-inline:8px;font-size:12px}#variant-code{text-transform:uppercase;padding-inline:6px;letter-spacing:1px;text-align:center;font-size:14px}#variant-create{background:var(--accent);color:#19221a}.invite-row{display:flex;gap:6px}.invite-row input{width:0;flex:1;font-size:12px}.invite-row button{font-size:12px}#variant-leave{margin-top:10px;min-height:36px;font-size:12px}.resources{font-variant-numeric:tabular-nums;color:#e0d2a8;font-size:13px}.augment-choices{display:grid;gap:8px}.augment-card{text-align:left;display:block;width:100%;background:#29372d;border-color:#7d927c;padding:12px}.augment-card strong{display:block;font-size:13px}.augment-card span{display:block;margin-top:4px;font-size:12px;line-height:1.7;color:#bdcec0}.owned{display:flex;gap:6px;flex-wrap:wrap}.owned span{padding:4px 7px;border:1px solid #536859;border-radius:4px;color:#c5d8c7;font-size:11px}.shop-heading{display:flex;justify-content:space-between;align-items:center;margin:20px 0 10px}.shop{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.shop button{padding:8px 2px;min-height:58px;font-size:12px}.shop button span{display:block;font-size:11px;color:#b9b698}.shop button[aria-pressed=true]{border-color:#d6d2a3;background:#3b4431}.move-log{max-height:190px;overflow:auto;margin:12px 0 0;padding:0;list-style:none;scrollbar-color:#68736d #202326}.move-log:empty:before{content:"\c544\c9c1  \b454  \c218\ac00  \c5c6\c2b5\b2c8\b2e4.";display:block;padding:14px 0;color:var(--muted);font-size:12px}html[lang=en] .move-log:empty:before{content:"No moves yet."}.move-log li{display:flex;gap:8px;padding:7px 0;border-bottom:1px solid #ffffff08;font-size:12px}.move-log li span:first-child{color:#9aab9e;min-width:23px}.rules summary{min-height:32px;cursor:pointer;font-size:13px}.rules p{font-size:12px;line-height:1.9;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:16px;margin-top:32px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}@media(min-width:761px){.stage{max-height:calc(100svh - 235px);min-height:360px}}@media(max-width:1000px)and (min-width:761px){body{padding:20px}main{grid-template-columns:minmax(0,1fr) 280px;gap:20px}.players.four{grid-template-columns:repeat(2,minmax(0,1fr))}.player strong{font-size:22px}header{gap:12px}nav a,nav button{padding-inline:8px}}@media(max-width:760px){body{padding:16px 16px 32px}header{flex-wrap:wrap;gap:12px;padding-bottom:12px;margin-bottom:16px}.brand{order:0}#variant-language{order:1}nav{order:2;flex-basis:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px}nav a,nav button{padding:10px 2px;min-height:44px;text-align:center;font-size:12px}main{display:flex;flex-direction:column;gap:20px}.play,aside{width:100%}.players.four{grid-template-columns:repeat(2,minmax(0,1fr))}.player{padding:10px 12px}.player strong{font-size:23px}.stage{aspect-ratio:1.02}.board-footer{gap:12px}.view-buttons{width:100%}.view-buttons button{min-height:44px;flex:1}.panel{padding:16px}.panel button,.rules summary{min-height:44px}.room-actions input,#variant-name{min-height:44px;font-size:16px}.shop button{min-height:60px}.keyboard-hint{font-size:11px}footer{flex-direction:column;gap:8px}#variant-board button{font-size:25px}#variant-board.four button{font-size:18px}}@media(prefers-reduced-motion:reduce){button{transition:none;transform:none!important}.impact{display:none!important}}.muted:empty{display:none}.mode-art{display:block;width:100%;height:112px;object-fit:cover;object-position:50% 57%;border-radius:5px;margin:14px 0;border:1px solid var(--line)}.augment-draft{position:absolute;z-index:8;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 24px);max-width:760px;padding:18px;border:1px solid #80967f;border-radius:8px;background:#1d2722f7;box-shadow:0 20px 64px #0008}.draft-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.draft-heading h2{font-size:18px}.draft-heading span{font:600 23px/1.2 ui-monospace,Consolas,monospace;color:#e1d4ad}.augment-draft .muted{margin:10px 0 14px;font-size:12px}.augment-draft .augment-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.augment-draft .augment-card{padding:10px;min-width:0;text-align:center;border-color:#667c69;background:#26362d}.augment-card img{display:block;width:100%;height:clamp(64px,9vw,128px);object-fit:contain;margin:0 auto 8px;filter:drop-shadow(0 5px 8px #0004)}.augment-draft .augment-card strong{font-size:14px}.augment-draft .augment-card span{font-size:12px;line-height:1.6;color:#c5d3c7}.draft-note{font-size:11px;margin:14px 0 0;color:#b9c8bb}@media(max-width:760px){nav{grid-template-columns:repeat(5,minmax(0,1fr))}.augment-draft{width:calc(100% - 8px);padding:12px}.draft-heading h2{font-size:16px}.augment-draft .augment-choices{gap:6px}.augment-draft .augment-card{padding:8px 5px;min-height:180px}.augment-draft .augment-card strong{font-size:12px}.augment-draft .augment-card span{font-size:11px;line-height:1.5}.augment-card img{height:72px}.augment-draft .muted{font-size:11px;margin:8px 0 10px}.draft-note{font-size:10px;margin-top:10px}.mode-art{height:132px}}.augment-card .card-compact{display:none}.owned .owned-augment{display:inline-flex;align-items:center;gap:5px}.owned-augment img{width:28px;height:28px;object-fit:contain}.augment-draft{max-height:calc(100% - 16px);overflow:auto;overscroll-behavior:contain;scrollbar-color:#80967f #1d2722}@media(max-width:380px){.augment-draft .muted,.augment-card .card-detail{display:none}.augment-card .card-compact{display:block}.augment-draft .augment-choices{margin-top:10px}.augment-draft .augment-card{min-height:156px}.augment-card img{height:60px}.draft-heading span{font-size:20px}.draft-note{line-height:1.5}}