*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{font-family:sans-serif;display:flex;flex-direction:column;align-items:center;padding:0;gap:12px;background:#f5f0e8}#app{display:contents}h1{font-size:1.6rem;letter-spacing:.05em}#nav{width:100vw;background:#3a1a00;padding:0 24px;display:flex;align-items:center;height:48px}#nav-logo{font-size:1.1rem;font-weight:bold;color:#f5d08a;text-decoration:none;letter-spacing:.04em}#nav-logo:hover{color:#fff}button{padding:8px 20px;font-size:.95rem;cursor:pointer;border-radius:4px;border:1px solid #888}button:disabled{opacity:.4;cursor:default}#lobby{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:40px}#lobby-status{color:#555}#game{display:flex;flex-direction:column;align-items:center;gap:8px}#status-row{display:flex;align-items:center;width:min(500px,90vw);gap:12px}#status-bar{flex:1;font-size:1rem;font-weight:bold;color:#333;min-height:1.4rem}#board-container{position:relative;width:min(500px,90vw);aspect-ratio:10/11;background-image:url("/board-simple.svg");background-size:cover;cursor:default;flex-shrink:0}.sq{position:absolute;top:0;left:0;width:10%;height:9.0909090909%}.sq-0-0{transform:translate(50%, 50%)}.sq-0-1{transform:translate(150%, 50%)}.sq-0-2{transform:translate(250%, 50%)}.sq-0-3{transform:translate(350%, 50%)}.sq-0-4{transform:translate(450%, 50%)}.sq-0-5{transform:translate(550%, 50%)}.sq-0-6{transform:translate(650%, 50%)}.sq-0-7{transform:translate(750%, 50%)}.sq-0-8{transform:translate(850%, 50%)}.sq-1-0{transform:translate(50%, 150%)}.sq-1-1{transform:translate(150%, 150%)}.sq-1-2{transform:translate(250%, 150%)}.sq-1-3{transform:translate(350%, 150%)}.sq-1-4{transform:translate(450%, 150%)}.sq-1-5{transform:translate(550%, 150%)}.sq-1-6{transform:translate(650%, 150%)}.sq-1-7{transform:translate(750%, 150%)}.sq-1-8{transform:translate(850%, 150%)}.sq-2-0{transform:translate(50%, 250%)}.sq-2-1{transform:translate(150%, 250%)}.sq-2-2{transform:translate(250%, 250%)}.sq-2-3{transform:translate(350%, 250%)}.sq-2-4{transform:translate(450%, 250%)}.sq-2-5{transform:translate(550%, 250%)}.sq-2-6{transform:translate(650%, 250%)}.sq-2-7{transform:translate(750%, 250%)}.sq-2-8{transform:translate(850%, 250%)}.sq-3-0{transform:translate(50%, 350%)}.sq-3-1{transform:translate(150%, 350%)}.sq-3-2{transform:translate(250%, 350%)}.sq-3-3{transform:translate(350%, 350%)}.sq-3-4{transform:translate(450%, 350%)}.sq-3-5{transform:translate(550%, 350%)}.sq-3-6{transform:translate(650%, 350%)}.sq-3-7{transform:translate(750%, 350%)}.sq-3-8{transform:translate(850%, 350%)}.sq-4-0{transform:translate(50%, 450%)}.sq-4-1{transform:translate(150%, 450%)}.sq-4-2{transform:translate(250%, 450%)}.sq-4-3{transform:translate(350%, 450%)}.sq-4-4{transform:translate(450%, 450%)}.sq-4-5{transform:translate(550%, 450%)}.sq-4-6{transform:translate(650%, 450%)}.sq-4-7{transform:translate(750%, 450%)}.sq-4-8{transform:translate(850%, 450%)}.sq-5-0{transform:translate(50%, 550%)}.sq-5-1{transform:translate(150%, 550%)}.sq-5-2{transform:translate(250%, 550%)}.sq-5-3{transform:translate(350%, 550%)}.sq-5-4{transform:translate(450%, 550%)}.sq-5-5{transform:translate(550%, 550%)}.sq-5-6{transform:translate(650%, 550%)}.sq-5-7{transform:translate(750%, 550%)}.sq-5-8{transform:translate(850%, 550%)}.sq-6-0{transform:translate(50%, 650%)}.sq-6-1{transform:translate(150%, 650%)}.sq-6-2{transform:translate(250%, 650%)}.sq-6-3{transform:translate(350%, 650%)}.sq-6-4{transform:translate(450%, 650%)}.sq-6-5{transform:translate(550%, 650%)}.sq-6-6{transform:translate(650%, 650%)}.sq-6-7{transform:translate(750%, 650%)}.sq-6-8{transform:translate(850%, 650%)}.sq-7-0{transform:translate(50%, 750%)}.sq-7-1{transform:translate(150%, 750%)}.sq-7-2{transform:translate(250%, 750%)}.sq-7-3{transform:translate(350%, 750%)}.sq-7-4{transform:translate(450%, 750%)}.sq-7-5{transform:translate(550%, 750%)}.sq-7-6{transform:translate(650%, 750%)}.sq-7-7{transform:translate(750%, 750%)}.sq-7-8{transform:translate(850%, 750%)}.sq-8-0{transform:translate(50%, 850%)}.sq-8-1{transform:translate(150%, 850%)}.sq-8-2{transform:translate(250%, 850%)}.sq-8-3{transform:translate(350%, 850%)}.sq-8-4{transform:translate(450%, 850%)}.sq-8-5{transform:translate(550%, 850%)}.sq-8-6{transform:translate(650%, 850%)}.sq-8-7{transform:translate(750%, 850%)}.sq-8-8{transform:translate(850%, 850%)}.sq-9-0{transform:translate(50%, 950%)}.sq-9-1{transform:translate(150%, 950%)}.sq-9-2{transform:translate(250%, 950%)}.sq-9-3{transform:translate(350%, 950%)}.sq-9-4{transform:translate(450%, 950%)}.sq-9-5{transform:translate(550%, 950%)}.sq-9-6{transform:translate(650%, 950%)}.sq-9-7{transform:translate(750%, 950%)}.sq-9-8{transform:translate(850%, 950%)}.rg-traditional{background-image:url("/pieces/traditional/rg.svg");background-size:88% 88%;background-position:center;background-repeat:no-repeat;pointer-events:none;user-select:none;z-index:5}.ra-traditional{background-image:url("/pieces/traditional/ra.svg");background-size:88% 88%;background-position:center;background-repeat:no-repeat;pointer-events:none;user-select:none;z-index:5}.re-traditional{background-image:url("/pieces/traditional/re.svg");background-size:88% 88%;background-position:center;background-repeat:no-repeat;pointer-events:none;user-select:none;z-index:5}.rh-traditional{background-image:url("/pieces/traditional/rh.svg");background-size:88% 88%;background-position:center;background-repeat:no-repeat;pointer-events:none;user-select:none;z-index:5}.rr-traditional{background-image:url("/pieces/traditional/rr.svg");background-size:88% 88%;background-position:center;background-repeat:no-repeat;pointer-events:none;user-select:none;z-index:5}.rc-traditional{background-image:url("/pieces/traditional/rc.svg");background-size:88% 88%;background-position:center;background-repeat:no-repeat;pointer-events:none;user-select:none;z-index:5}.rs-traditional{background-image:url("/pieces/traditional/rs.svg");background-size:88% 88%;background-position:center;background-repeat:no-repeat;pointer-events:none;user-select:none;z-index:5}.bg-traditional{background-image:url("/pieces/traditional/bg.svg");background-size:88% 88%;background-position:center;background-repeat:no-repeat;pointer-events:none;user-select:none;z-index:5}.ba-traditional{background-image:url("/pieces/traditional/ba.svg");background-size:88% 88%;background-position:center;background-repeat:no-repeat;pointer-events:none;user-select:none;z-index:5}.be-traditional{background-image:url("/pieces/traditional/be.svg");background-size:88% 88%;background-position:center;background-repeat:no-repeat;pointer-events:none;user-select:none;z-index:5}.bh-traditional{background-image:url("/pieces/traditional/bh.svg");background-size:88% 88%;background-position:center;background-repeat:no-repeat;pointer-events:none;user-select:none;z-index:5}.br-traditional{background-image:url("/pieces/traditional/br.svg");background-size:88% 88%;background-position:center;background-repeat:no-repeat;pointer-events:none;user-select:none;z-index:5}.bc-traditional{background-image:url("/pieces/traditional/bc.svg");background-size:88% 88%;background-position:center;background-repeat:no-repeat;pointer-events:none;user-select:none;z-index:5}.bs-traditional{background-image:url("/pieces/traditional/bs.svg");background-size:88% 88%;background-position:center;background-repeat:no-repeat;pointer-events:none;user-select:none;z-index:5}.rg-visual{background-image:url("/pieces/visual/rg.png");background-size:88% 88%;background-position:center;background-repeat:no-repeat;pointer-events:none;user-select:none;z-index:5}.ra-visual{background-image:url("/pieces/visual/ra.png");background-size:88% 88%;background-position:center;background-repeat:no-repeat;pointer-events:none;user-select:none;z-index:5}.re-visual{background-image:url("/pieces/visual/re.png");background-size:88% 88%;background-position:center;background-repeat:no-repeat;pointer-events:none;user-select:none;z-index:5}.rh-visual{background-image:url("/pieces/visual/rh.png");background-size:88% 88%;background-position:center;background-repeat:no-repeat;pointer-events:none;user-select:none;z-index:5}.rr-visual{background-image:url("/pieces/visual/rr.png");background-size:88% 88%;background-position:center;background-repeat:no-repeat;pointer-events:none;user-select:none;z-index:5}.rc-visual{background-image:url("/pieces/visual/rc.png");background-size:88% 88%;background-position:center;background-repeat:no-repeat;pointer-events:none;user-select:none;z-index:5}.rs-visual{background-image:url("/pieces/visual/rs.png");background-size:88% 88%;background-position:center;background-repeat:no-repeat;pointer-events:none;user-select:none;z-index:5}.bg-visual{background-image:url("/pieces/visual/bg.png");background-size:88% 88%;background-position:center;background-repeat:no-repeat;pointer-events:none;user-select:none;z-index:5}.ba-visual{background-image:url("/pieces/visual/ba.png");background-size:88% 88%;background-position:center;background-repeat:no-repeat;pointer-events:none;user-select:none;z-index:5}.be-visual{background-image:url("/pieces/visual/be.png");background-size:88% 88%;background-position:center;background-repeat:no-repeat;pointer-events:none;user-select:none;z-index:5}.bh-visual{background-image:url("/pieces/visual/bh.png");background-size:88% 88%;background-position:center;background-repeat:no-repeat;pointer-events:none;user-select:none;z-index:5}.br-visual{background-image:url("/pieces/visual/br.png");background-size:88% 88%;background-position:center;background-repeat:no-repeat;pointer-events:none;user-select:none;z-index:5}.bc-visual{background-image:url("/pieces/visual/bc.png");background-size:88% 88%;background-position:center;background-repeat:no-repeat;pointer-events:none;user-select:none;z-index:5}.bs-visual{background-image:url("/pieces/visual/bs.png");background-size:88% 88%;background-position:center;background-repeat:no-repeat;pointer-events:none;user-select:none;z-index:5}.sq-last{background:rgba(210,175,40,.45);border-radius:6px;z-index:1}.sq-check{border:3px solid #c00;background:rgba(200,0,0,.22);border-radius:50%;z-index:2}.sq-selected{border:3px solid #c8a800;background:rgba(200,170,0,.22);z-index:10}.sq-dot{background:radial-gradient(rgba(10, 110, 10, 0.55) 25%, transparent 26%);z-index:10}.sq-capture{background:radial-gradient(transparent 78%, rgba(10, 110, 10, 0.75) 79%);z-index:10}.sq-cell{cursor:pointer;z-index:15}.player-row{display:flex;align-items:center;gap:8px;width:min(500px,90vw);padding:2px 0}.player-name{font-size:.9rem;color:#444}.conn-dot{width:10px;height:10px;border-radius:50%;border:2px solid #bbb;background:rgba(0,0,0,0);flex-shrink:0}.conn-dot.conn-dot--on{background:#3a9e3a;border-color:#3a9e3a}#notice{font-size:.95rem;color:#c00;font-weight:bold;min-height:1.4rem}/*# sourceMappingURL=styles.css.map */