:root{--gold:#f5c542;--panel-bg:#101218b8;--panel-border:#f5c5422e;--text:#e8e6e1;--text-dim:#9a9790;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text);background:#0a0b0e;overflow:hidden}#app,#scene-container{position:fixed;inset:0}#scene-container canvas{display:block}#topbar{z-index:10;background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);pointer-events:none;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex;position:fixed;top:14px;left:14px;right:14px}#topbar h1{letter-spacing:.4px;color:var(--gold);font-size:17px;font-weight:700}#topbar .brand{align-items:center;gap:10px;display:flex}#app-icon{border-radius:7px;width:28px;height:28px;display:block;box-shadow:0 2px 8px #00000073}#topbar .controls{align-items:center;gap:8px;display:flex}#topbar button,#topbar select,#game-over button{pointer-events:auto;font:inherit;color:var(--text);cursor:pointer;background:#ffffff12;border:1px solid #ffffff24;border-radius:9px;padding:7px 12px;font-size:13px;transition:background .15s,border-color .15s}#topbar button:hover,#topbar select:hover,#game-over button:hover{border-color:var(--gold);background:#f5c54229}#topbar button:disabled{opacity:.4;cursor:default;background:#ffffff0d;border-color:#ffffff1a}#topbar select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text) 50%), linear-gradient(135deg, var(--text) 50%, transparent 50%);background-position:calc(100% - 14px) 55%,calc(100% - 10px) 55%;background-repeat:no-repeat;background-size:4px 4px;padding-right:24px}#topbar select option{background:#14161c}#topbar #time-select{min-width:110px}#topbar #resign-btn{color:#ffb3b3;border-color:#e0525259}#topbar #resign-btn:not(:disabled):hover{background:#e0525238;border-color:#e05252a6}#topbar #draw-btn,#topbar #pause-btn{color:#e8e6e1}#topbar #pause-btn.start{color:#0a0b0e;background:var(--gold);border-color:var(--gold);font-weight:700}#topbar #pause-btn.start:hover{background:#ffe07a;border-color:#ffe07a}#panel{z-index:10;background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);border-radius:14px;flex-direction:column;gap:10px;width:216px;max-height:calc(100vh - 96px);padding:14px;display:flex;position:fixed;top:76px;right:14px}#status{text-align:center;background:#ffffff0f;border-radius:9px;padding:8px;font-size:14px;font-weight:600}#players{border-bottom:1px solid #ffffff12;flex-direction:column;gap:6px;padding-bottom:4px;display:flex}.prow{align-items:center;gap:8px;font-size:13px;display:flex}.prow .side{width:40px;color:var(--text-dim);flex-shrink:0}.prow .pname{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.prow .pname.engine{color:var(--gold)}.prow input{min-width:0;font:inherit;color:var(--text);background:#ffffff12;border:1px solid #ffffff24;border-radius:8px;flex:1;padding:5px 8px;font-size:13px}.prow input:focus{border-color:var(--gold);outline:none}.prow .pname-wrap{flex:1;justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.prow .pname-wrap input,.prow .pname-wrap .pname{flex:1;min-width:0}.prow .pclock{color:var(--text-dim);white-space:nowrap;background:#ffffff0f;border-radius:6px;padding:3px 7px;font-family:SF Mono,Courier New,monospace;font-size:13px;font-weight:600}.prow .pclock.low{color:#ffb3b3;background:#e0525233}.rating-bar{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:8px;padding:4px 0 8px;font-size:12px;display:flex}.rating-badge{color:var(--gold);font-weight:600}.rating-chart-btn{font:inherit;color:var(--text);cursor:pointer;background:#ffffff12;border:1px solid #ffffff24;border-radius:6px;padding:3px 8px;font-size:11px;transition:background .15s,border-color .15s}.rating-chart-btn:hover{border-color:var(--gold);background:#f5c54229}.pinput-wrap{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.pinput-wrap input{flex:1;min-width:0}.pelo{color:var(--text-dim);white-space:nowrap;font-size:11px}.prow .pname-wrap .pname{flex:0 auto}.rating-chart-backdrop{-webkit-backdrop-filter:blur(3px);z-index:25;background:#06070a8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.rating-chart-dialog{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(14px);text-align:center;border-radius:16px;width:min(90vw,360px);padding:20px}.rating-chart-title{color:var(--gold);margin-bottom:4px;font-size:16px;font-weight:700}.rating-chart-current{color:var(--text-dim);margin-bottom:14px;font-size:13px}.rating-chart-wrap{background:#00000040;border-radius:10px;justify-content:center;align-items:center;height:170px;margin-bottom:14px;display:flex;overflow:hidden}.rating-chart-empty{color:var(--text-dim);padding:0 20px;font-size:13px}.rating-chart-svg{width:100%;height:100%}.rating-chart-svg .axis{stroke:#ffffff26;stroke-width:1px}.rating-chart-svg .line{fill:none;stroke:var(--gold);stroke-width:2px}.rating-chart-svg circle{fill:var(--gold)}.rating-chart-svg .label{fill:var(--text-dim);font-size:9px}.rating-chart-close{font:inherit;color:var(--text);cursor:pointer;background:#ffffff12;border:1px solid #ffffff24;border-radius:9px;padding:7px 16px;font-size:13px;transition:background .15s,border-color .15s}.rating-chart-close:hover{border-color:var(--gold);background:#f5c54229}#pause-overlay{-webkit-backdrop-filter:blur(4px);z-index:18;background:#06070aa6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pause-box{background:var(--panel-bg);border:1px solid var(--panel-border);text-align:center;-webkit-backdrop-filter:blur(14px);border-radius:18px;padding:32px 42px}.pause-title{color:var(--gold);text-shadow:0 2px 24px #000000b3;margin-bottom:18px;font-size:38px;font-weight:800}.pause-resume-btn{font:inherit;color:var(--text);cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:10px;padding:10px 28px;font-size:16px;font-weight:600;transition:background .15s,border-color .15s}.pause-resume-btn:hover{border-color:var(--gold);background:#f5c5422e}#status.alert{color:#ffb3b3;background:#e052522e}.captured{letter-spacing:1px;border-bottom:1px solid #ffffff12;min-height:24px;padding:2px 4px;font-family:Segoe UI Symbol,"Noto Sans Symbols 2",serif;font-size:20px;line-height:1.2}.cap.light{color:#e8e0cf}.cap.dark{color:#5a5f6e}#history{flex:1;min-height:80px;padding-right:4px;font-size:13px;overflow-y:auto}#history::-webkit-scrollbar{width:6px}#history::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.mv{border-radius:6px;grid-template-columns:30px 1fr 1fr;padding:3px 4px;display:grid}.mv:nth-child(odd){background:#ffffff0a}.mv-num{color:#9a9790}#board2d{z-index:5;background:#0a0b0e;justify-content:center;align-items:center;display:flex;position:fixed;inset:76px 0 44px}.board2d-grid{aspect-ratio:1;border:8px solid #2e2013;border-radius:8px;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);width:min(72vh,56vw);font-size:min(7.6vh,5.9vw);display:grid;overflow:hidden;box-shadow:0 24px 70px #0009}.sq{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-family:Segoe UI Symbol,"Noto Sans Symbols 2",serif;line-height:1;display:flex;position:relative}.sq.light{background:#f0d9b5}.sq.dark{background:#b58863}.sq.white-piece{color:#fafaf5;text-shadow:0 0 3px #000,0 2px 4px #0000008c}.sq.black-piece{color:#191919;text-shadow:0 0 3px #ffffff40,0 2px 4px #00000080}.sq.last{box-shadow:inset 0 0 0 100vmax #f5c54247}.sq.sel{box-shadow:inset 0 0 0 4px var(--gold), inset 0 0 0 100vmax #f5c54238}.sq.check{box-shadow:inset 0 0 0 100vmax #e0525273}.sq.legal:after{content:"";background:#141e144d;border-radius:50%;width:26%;height:26%;position:absolute}.sq.capture:after{content:"";border:min(.7vh,.55vw) solid #e05252d9;border-radius:50%;position:absolute;inset:5%}#footer{z-index:10;color:var(--text-dim);background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);white-space:nowrap;border-radius:999px;align-items:center;gap:14px;padding:7px 16px;font-size:12px;display:flex;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}#footer .credit strong{color:var(--text);font-weight:600}#footer a{color:var(--text-dim);text-decoration:none;transition:color .15s}#footer a:hover{color:var(--gold)}#game-over{-webkit-backdrop-filter:blur(3px);z-index:20;background:#06070a8c;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:fixed;inset:0}#game-over-text{color:var(--gold);text-shadow:0 2px 24px #000000b3;font-size:34px;font-weight:800}#game-over button{padding:10px 22px;font-size:15px}.game-over-actions{gap:12px;display:flex}.promo-backdrop{z-index:30;background:#06070a80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.promo-dialog{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(14px);text-align:center;border-radius:16px;padding:18px 20px}.promo-title{color:var(--text);margin-bottom:12px;font-size:14px;font-weight:600}.promo-row{gap:10px;display:flex}.promo-btn{cursor:pointer;background:#ffffff12;border:1px solid #ffffff24;border-radius:12px;width:58px;height:58px;font-family:Segoe UI Symbol,"Noto Sans Symbols 2",serif;font-size:38px;line-height:1;transition:background .15s,border-color .15s,transform .1s}.promo-btn:hover{border-color:var(--gold);background:#f5c54233;transform:translateY(-2px)}.promo-btn.white{color:#f1e8d6}.promo-btn.black{color:#2a2d38;background:#ffffff8c}.hidden{display:none!important}#panel-btn{display:none}@media (width<=900px){#topbar{flex-wrap:wrap;gap:8px;padding:8px 12px}#topbar .controls{flex-wrap:wrap;gap:6px;width:100%}#topbar button,#topbar select{flex-shrink:0;padding:7px 10px;font-size:16px}#topbar #status{flex-basis:100%}#panel-btn{display:inline-block}#panel{z-index:15;width:auto;max-height:48vh;display:none;inset:auto 8px 8px}#panel.open{display:flex}.prow input{font-size:16px}#board2d{inset:200px 0 48px}.board2d-grid{width:min(94vw,60vh);font-size:min(9.9vw,6.2vh)}#game-over-text{text-align:center;padding:0 16px;font-size:clamp(22px,7vw,34px)}#footer{gap:8px;max-width:94vw;padding:6px 12px;font-size:11px;overflow:hidden}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}