@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap";:root{color:var(--text);background:var(--page);font-synthesis:none;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #d49445}header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;max-width:1280px;margin:auto;padding:28px 48px;display:flex}.brand{color:var(--text);background:0 0;border:0;padding:0;font-size:25px;font-weight:700}.brand>span:first-child{margin-right:9px;font-size:36px}.brand-dot{color:#bf713f}.header-note{color:var(--muted);font-size:13px}.badge{border:1px solid var(--border);border-radius:30px;padding:9px 14px;font-size:11px}.home{grid-template-columns:1fr 1fr;gap:90px;max-width:1184px;margin:65px auto 60px;padding:0 24px;display:grid}.eyebrow{letter-spacing:2.5px;color:var(--muted);font-size:11px;font-weight:700}h1{margin:20px 0;font-family:Libre Caslon Display,Georgia,serif;font-size:86px;font-weight:400;line-height:.98}h1 em{color:var(--accent);font-weight:400}.lead{color:var(--muted);font-size:16px;line-height:1.7}.nickname{margin:28px 0 21px}.nickname label{letter-spacing:1.6px;margin-bottom:10px;font-size:10px;font-weight:700;display:block}input{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);border-radius:7px;padding:13px 15px}small{color:var(--muted);margin-top:8px;font-size:11px;display:block}.modes{gap:10px;display:grid}.mode{text-align:left;border:1px solid var(--border);color:var(--text);background:0 0;border-radius:8px;align-items:center;gap:16px;padding:16px 20px;display:flex}.mode>span:nth-child(2){flex:1}.mode strong{font-size:15px}.mode small{margin-top:4px}.mode-icon{font-size:25px}.primary{color:#fff;background:#213c32;border-color:#213c32;box-shadow:0 6px 15px #213c3215}.primary small{color:#bdc8b7}.primary:hover{background:#304d3e}.mode:disabled{cursor:not-allowed}.soon{background:var(--panel);white-space:nowrap;border-radius:20px;padding:6px 8px;font-size:9px}.time-select{color:var(--muted);justify-content:space-between;align-items:center;margin-top:18px;font-size:11px;display:flex}select{color:#213c32;background:0 0;border:0;padding:6px}.visual{padding-top:27px}.board-caption{letter-spacing:1.7px;align-items:center;gap:9px;margin-bottom:20px;font-size:9px;display:flex}.live-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.board{aspect-ratio:1;border:10px solid #253e33;border-radius:5px;grid-template-columns:repeat(8,1fr);width:100%;display:grid;overflow:hidden;box-shadow:0 20px 45px #21362f20}.square{aspect-ratio:1;border:0;border-radius:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.light{background:#ebe6d5}.dark{background:#879779}.piece{z-index:1;font-family:DejaVu Sans,Segoe UI Symbol,serif;font-size:clamp(24px,4vw,54px);line-height:1}.piece.w{color:#fffef4;text-shadow:0 1px 1px #28362a,1px 0 #28362a,-1px 0 #28362a,0 -1px #28362a}.piece.b{color:#23382e;text-shadow:0 1px #ffffff50}.rank,.file{opacity:.7;font-size:9px;font-weight:700;position:absolute}.rank{top:3px;left:4px}.file{bottom:2px;right:4px}.last{background:#c2be79}.selected{background:#dfb875}.dot{background:#213c3245;border-radius:50%;width:22%;height:22%;position:absolute}.capture{z-index:2;border:5px solid #213c3250;border-radius:50%;position:absolute;inset:3px}.visual-footer{color:var(--muted);justify-content:space-between;align-items:center;padding-top:25px;font-size:14px;line-height:1.6;display:flex}.visual-footer b{color:var(--text);font-weight:500}.seal{border:1px solid var(--border);text-align:center;letter-spacing:2px;border-radius:50%;flex-direction:column;justify-content:center;width:84px;height:84px;font-size:10px;line-height:1.25;display:flex;transform:rotate(-12deg)}footer{border-top:1px solid var(--border);max-width:1184px;color:var(--muted);justify-content:space-between;margin:auto;padding:25px 24px;font-size:11px;display:flex}.game-layout{grid-template-columns:minmax(0,600px) 1fr;gap:45px;max-width:1080px;margin:35px auto 50px;padding:0 24px;display:grid}.game-heading{letter-spacing:1px;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:10px;display:flex}.text-button{color:var(--accent);background:0 0;border:0;padding:0}.player{background:var(--panel);border-radius:5px;justify-content:space-between;align-items:center;margin:10px 0;padding:12px 16px;display:flex}.player span{font-size:14px}.player small{margin-left:8px;display:inline}.player b{font-variant-numeric:tabular-nums;font-size:27px;font-weight:500}.player.active{color:#fff;background:#213c32}.player.active small{color:#bfcbb4}aside{padding-top:55px}h2{margin:14px 0 22px;font-family:Libre Caslon Display,Georgia,serif;font-size:40px;font-weight:400}.status{background:var(--panel);border-left:3px solid #81996f;padding:15px;font-size:14px}aside p{color:var(--muted);font-size:13px;line-height:1.7}.actions{gap:10px;margin:22px 0;display:flex}.actions button{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:5px;padding:10px 12px;font-size:12px}h3{letter-spacing:1px;margin-top:32px;font-size:12px}.moves{background:var(--surface);border-radius:5px;max-height:270px;overflow:auto}.moves>div{grid-template-columns:40px 1fr 1fr;padding:10px 16px;font-size:13px;display:grid}.moves>div:nth-child(2n){background:var(--panel)}.moves span{color:var(--muted)}.empty{padding:15px}.rule-note{color:var(--muted);margin-top:24px;font-size:10px;line-height:1.7}.overlay{z-index:5;background:#17261f99;place-items:center;display:grid;position:fixed;inset:0}.dialog{background:var(--page);border-radius:12px;max-width:90vw;padding:30px;box-shadow:0 20px 70px #0004}.dialog p{color:var(--muted)}.promotion{gap:8px;display:flex}.promotion button{background:var(--panel);border:1px solid var(--border);border-radius:5px;padding:8px;font-size:45px}@media (width<=900px){.home{gap:35px}h1{font-size:65px}.header-note{display:none}.game-layout{grid-template-columns:1.5fr 1fr;gap:24px}.piece{font-size:5vw}}@media (width<=650px){header{padding:20px 22px}.brand{font-size:21px}.badge{padding:7px;font-size:9px}.home{flex-direction:column;gap:20px;margin-top:35px;display:flex}.visual{align-self:center;width:100%;max-width:480px}h1{font-size:72px}.game-layout{margin-top:20px;padding:0 14px;display:block}aside{padding-top:25px}.piece,.preview .piece{font-size:8vw}footer{gap:20px;font-size:10px}.player small{font-size:10px}.board{border-width:7px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f5f3eb;--text:#21362f;--muted:#687560;--border:#d2d6cb;--surface:#fffef9;--panel:#e5e9db;--accent:#647b53}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#17221e;--text:#e7ecdf;--muted:#aab7a2;--border:#405247;--surface:#202f28;--panel:#2b3c31;--accent:#b3c99c}.header-actions{align-items:center;gap:12px;display:flex}.theme-toggle{border:1px solid var(--border);background:var(--surface);color:var(--text);white-space:nowrap;border-radius:30px;align-items:center;gap:8px;padding:9px 13px;font-size:11px;display:flex}.theme-toggle>span:first-child{font-size:17px;line-height:1}.theme-toggle:hover{background:var(--panel)}select{color:var(--text)}select option{background:var(--surface);color:var(--text)}input::placeholder{color:var(--muted)}[data-theme=dark] .primary,[data-theme=dark] .player.active{background:#426448;border-color:#6c8a57}[data-theme=dark] .primary:hover{background:#527652}[data-theme=dark] .primary small,[data-theme=dark] .player.active small{color:#e0ead5}[data-theme=dark] .board{border-color:#405947;box-shadow:0 20px 45px #0004}@media (width<=650px){.header-actions{gap:8px}.header-actions .badge{display:none}.theme-toggle{padding:9px 11px}}.actions{flex-wrap:wrap}.actions .resign-button{color:#a64636}.actions button:disabled{opacity:.45;cursor:not-allowed}.resign-player{justify-content:space-between;align-items:center;gap:24px;font-size:14px;display:flex}.resign-player select{border:1px solid var(--border);background:var(--surface);border-radius:5px;padding:9px 14px}[data-theme=dark] .actions .resign-button{color:#edac9d}.local-player-info{flex:1;min-width:0;margin-right:16px}.local-name-label{align-items:center;gap:12px;display:flex}.local-name-label>span{min-width:40px;font-size:12px}.local-name-input{background:var(--surface);width:180px;max-width:100%;color:var(--text);border:1px solid var(--border);padding:6px 9px;font-size:14px}.player.active .local-name-input{color:#fff;background:#ffffff12;border-color:#ffffff40}.player.active .local-name-input::placeholder{color:#d1dcc8}.local-player-info small{margin:5px 0 0;font-size:10px;display:block}.player b{flex-shrink:0}@media (width<=650px){.local-name-label{gap:8px}.local-name-input{width:150px}.local-player-info{margin-right:10px}}.online-lobby{max-width:1000px;margin:40px auto 70px;padding:0 24px}.online-lobby>.eyebrow{margin-top:36px}.online-lobby>p,.lobby-panels p{color:var(--muted);font-size:14px;line-height:1.7}.lobby-panels{grid-template-columns:1fr 1fr;gap:25px;margin:30px 0;display:grid}.lobby-panels section{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:25px}.lobby-panels h3{letter-spacing:0;margin:0 0 22px;font-size:17px}.lobby-panels label{margin-bottom:12px;font-size:13px;display:block}.lobby-panels select{border:1px solid var(--border);border-radius:5px;width:100%;margin-top:10px;padding:12px;display:block}.lobby-panels .checkbox-label{align-items:center;gap:10px;margin-top:20px;display:flex}.checkbox-label input{accent-color:#637f51;width:18px;height:18px}.lobby-primary,.room-invitation button,.resume-room button,.queued-notice{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:5px;padding:12px 16px}.lobby-primary:disabled{opacity:.5}.online-error{background:var(--surface);color:var(--text);border:1px solid #bd785f;border-radius:5px;margin:18px 0;padding:13px;font-size:13px;line-height:1.6}.room-invitation{margin-top:22px}.room-invitation label{margin-bottom:16px;font-size:11px;display:block}.room-invitation input{margin-top:8px;font-size:13px}.room-invitation label:first-child input{letter-spacing:3px;font-size:24px;font-weight:700}.queued-notice{font-size:12px}.square.queued{background:#bba6d5}.resume-room{border:1px solid var(--border);border-radius:8px;padding:16px}.resume-room button{margin-right:10px}.invite-note{color:var(--accent);font-size:13px;line-height:1.6}@media (width<=650px){.lobby-panels{grid-template-columns:1fr}.online-lobby{margin-top:25px}.lobby-panels section{padding:20px}}.invitation-join{max-width:600px}.invitation-join form{border:1px solid var(--border);background:var(--surface);border-radius:12px;margin:25px 0;padding:25px}.invitation-join form label{margin-bottom:12px;font-size:13px;display:block}.invitation-join form p{color:var(--muted);font-size:13px;line-height:1.6}