body{color:#fff;background:linear-gradient(70deg,#010811,#0000 64%),radial-gradient(circle,#1d0d38 0%,#19152e 65%,#332a55 100%);min-height:100vh;margin:0;font-family:Arial,sans-serif}#root{min-height:100vh}main{box-sizing:border-box;place-items:center;min-height:100vh;padding:16px;display:grid}.chess-board{border:4px solid #444;grid-template-rows:repeat(8,100px);grid-template-columns:repeat(8,100px);display:grid}.square{justify-content:center;align-items:center;font-size:12px;display:flex}.light{color:#000;background:#f0d9b5}.dark{color:#fff;background:#b58863}.piece{-webkit-user-select:none;user-select:none;cursor:grab;font-size:52px;line-height:1}.piece.white{color:#fff;text-shadow:0 0 2px #000}.piece.black{color:#000;text-shadow:0 0 2px #fff}.piece:active{cursor:grabbing}.selected{outline-offset:-4px}.room-dialog{box-sizing:border-box;background:#2b2b2b;border-radius:12px;gap:14px;width:320px;padding:24px;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.room-dialog input,.room-dialog button{padding:12px;font-size:16px}.separator{text-align:center;opacity:.7}.game-toolbar{z-index:20;gap:8px;position:fixed;top:16px;left:16px}.game-toolbar h3{margin:0 12px 0 0}.menu-button{color:#fff;cursor:pointer;background:#000;border:0;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:0;display:inline-flex}.menu-button span{background:currentColor;border-radius:2px;width:22px;height:2px}.menu-button:hover,.menu-button:focus{opacity:.75}.game-menu{background:#2b2b2b;border-radius:6px;gap:8px;width:150px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 10px 24px #00000059}.game-menu .button-31{width:100%}.button-31{box-sizing:border-box;color:#fff;cursor:pointer;text-align:center;text-transform:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;background-color:#000;border-style:none;border-radius:4px;outline:none;width:126px;min-width:10px;max-width:none;min-height:44px;margin:0;padding:9px 10px 8px;font-family:Farfetch Basis,Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:700;line-height:1.5;display:inline-block;position:relative;overflow:hidden}button:disabled{color:#fff;cursor:default;opacity:1;background-color:#6b7280}.button-31:hover,.button-31:focus{opacity:.75}.square.last-move{box-shadow:inset 0 0 0 4px #22c55e}.streets-track path,.streets-track line,.streets-track rect{fill:none;stroke:#111;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.streets-wrapper{-webkit-user-select:none;user-select:none;width:min(94vw,620px,90.9091vh - 29.0909px);margin:0 auto}.streets-wrapper-double{width:min(98vw,1220px,181.818vh - 58.1818px)}.streets-status{text-align:center;margin-bottom:10px;font-size:18px}.streets-board{touch-action:none;border-radius:8px;width:100%;height:auto;display:block;box-shadow:inset 0 1px #ffffffb8,inset 0 -10px 22px #5a5a541a,0 8px 28px #0000001f}.board-background{fill:url(#streets-board-asphalt-gradient)}.streets-track path,.streets-track line,.streets-track rect,.streets-track circle{fill:none;stroke:#6f6f69;stroke-width:2.8px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px #ffffff80)drop-shadow(0 2px 2px #46464029)}.streets-bridge line{stroke:#6f6f69;stroke-width:2.8px;stroke-linecap:round;filter:drop-shadow(0 1px #ffffff80)drop-shadow(0 2px 2px #46464029)}.node-container{cursor:pointer}.node-hit-area{fill:#0000;stroke:#0000;stroke-width:2px}.node-hit-area.selected.selected-white{stroke:#fff}.node-hit-area.selected.selected-black{stroke:#000}.node-hit-area.last-move{stroke:#18df50}.node-hit-area.capture-target{stroke-width:2px}.streets-piece{cursor:grab;filter:drop-shadow(0 2px 1px #ffffff38)drop-shadow(0 5px 5px #00000059)}.streets-piece.blue{fill:url(#streets-piece-blue-gradient)}.streets-piece.orange{fill:url(#streets-piece-orange-gradient)}.streets-piece:active{cursor:grabbing}