*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #080808;--bg2: #131313;--bg3: #1f1f1f;--border: #4d4d4d;--fg: #f5f5f5;--fg2: #d2d2d2;--fg3: #9d9d9d;--green: #4ade80;--red: #f87171;--yellow: #fbbf24;--blue: #7ab8ff;--orange: #fb923c}html,body,#root{height:100%;overflow:hidden}body{font-family:ui-monospace,Cascadia Code,SF Mono,Fira Mono,monospace;font-size:14px;line-height:1.55;background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100%}.body{display:flex;flex:1;overflow:hidden}.topbar{display:flex;align-items:center;gap:12px;padding:0 10px;height:30px;background:var(--bg2);border-bottom:1px solid var(--border);font-size:13px;white-space:nowrap;overflow:hidden;flex-shrink:0}.topbar-brand{font-weight:700;letter-spacing:.06em;color:var(--fg)}.sep{color:var(--fg3)}.topbar-right{margin-left:auto;display:flex;gap:10px;align-items:center}.tag{color:var(--fg2)}.tag b{color:var(--fg);font-weight:400}.ws-live{color:var(--green)}.ws-wait{color:var(--fg3)}.sidebar{border-right:none;overflow-y:auto;display:flex;flex-direction:column;flex-shrink:0}.tb-btn{background:none;border:1px solid transparent;color:var(--fg2);font-family:inherit;font-size:12px;padding:1px 7px;cursor:pointer;line-height:1.6;border-radius:0;white-space:nowrap}.tb-btn:hover{border-color:var(--border);color:var(--fg);background:var(--bg3)}.tb-btn-pri{color:var(--blue)}.tb-btn-pri:hover{border-color:var(--blue);background:#7ab8ff1f}.round-create-bar{display:flex;align-items:center;gap:6px;padding:6px 10px;border-bottom:1px solid var(--border);flex-wrap:wrap}.round-card{border:1px solid var(--border);background:var(--bg2)}.round-card-head{display:flex;align-items:center;gap:8px;padding:5px 10px;border-bottom:1px solid var(--border);background:var(--bg3)}.round-card-meta{display:grid;grid-template-columns:max-content 1fr max-content 1fr;gap:2px 10px;padding:5px 10px;font-size:12px;border-bottom:1px solid var(--border);color:var(--fg2)}.round-card-meta .dim{font-size:11px;color:var(--fg3)}.round-card-actions{display:flex;gap:5px;padding:5px 10px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:100;display:flex;align-items:flex-start;justify-content:flex-end}.modal-overlay.modal-overlay-center{align-items:center;justify-content:center}.modal-box{width:260px;max-height:calc(100vh - 30px);margin-top:30px;overflow-y:auto;background:var(--bg2);border-left:1px solid var(--border);border-bottom:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}.modal-box.modal-box-center{width:min(680px,calc(100vw - 24px));max-height:calc(100vh - 24px);margin-top:0;border:1px solid var(--border)}.modal-box.modal-box-center.modal-box-large{width:min(860px,calc(100vw - 24px))}.modal-head{display:flex;align-items:center;padding:4px 10px;background:var(--bg3);border-bottom:1px solid var(--border);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--fg3);flex-shrink:0}.modal-head .x{margin-left:auto;background:none;border:none;color:var(--fg3);font-size:14px;cursor:pointer;padding:0 2px;line-height:1}.modal-head .x:hover{color:var(--fg);background:none;border:none}.panel{padding:8px 10px;border-bottom:1px solid var(--border)}.map-edit-grid{display:grid;grid-template-columns:repeat(25,12px);gap:1px;margin-top:8px;padding:6px;background:var(--bg3);border:1px solid var(--border);width:fit-content}.map-edit-cell{width:12px;height:12px;border:none;padding:0;cursor:pointer;font-size:8px;line-height:12px;text-align:center;color:transparent}.map-edit-cell:hover{outline:1px solid var(--yellow)}.cell-empty{background:#111}.cell-wall{background:#3d2810}.cell-a,.cell-b{background:#2a2500;color:#c8a800}.cell-t{background:#5c0d0d;color:#fecaca}.cell-c{background:#0d2a5c;color:#dbeafe}.replay-shell{display:flex;flex-direction:column;gap:6px}.replay-meta,.replay-controls,.replay-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.replay-meta,.replay-controls{font-size:11px;color:var(--fg2);padding:0 10px}.replay-actions{padding:0 10px}.replay-range{width:calc(100% - 20px);margin:0 10px}.demo-viewer-shell{display:flex;flex-direction:column;gap:10px}.demo-viewer-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.demo-chip{font-size:11px;color:var(--fg2);background:var(--bg3);border:1px solid var(--border);padding:1px 6px}.demo-viewer-body{display:grid;grid-template-columns:max-content 220px;justify-content:center;align-items:start;gap:14px}.demo-viewer-canvas{width:max-content;min-width:0}.demo-viewer-side{display:flex;flex-direction:column;gap:8px}.demo-viewer-card{background:var(--bg3);border:1px solid var(--border);padding:6px 8px;display:flex;flex-direction:column;gap:4px}.demo-viewer-line{font-size:12px;color:var(--fg2);line-height:1.5}@media (max-width: 900px){.modal-box.modal-box-center.modal-box-large{width:min(700px,calc(100vw - 16px))}.demo-viewer-body{grid-template-columns:1fr}.demo-viewer-canvas{width:100%;display:flex;flex-direction:column;align-items:center}.demo-viewer-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}@media (max-width: 640px){.demo-viewer-side{grid-template-columns:1fr}}.sh{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--fg3);padding:4px 10px;background:var(--bg2);border-bottom:1px solid var(--border)}.fr{display:flex;align-items:center;gap:4px;margin-bottom:3px}.fr label{color:var(--fg2);min-width:34px;font-size:12px;flex-shrink:0}input[type=text],input[type=password],input[type=number]{background:var(--bg3);border:1px solid var(--border);color:var(--fg);font-family:inherit;font-size:13px;padding:2px 5px;outline:none;width:100%;min-width:0;border-radius:0}input[type=number]{width:44px}input:focus{border-color:var(--blue)}.btns{display:flex;gap:4px;margin-top:4px}button{background:var(--bg3);border:1px solid var(--border);color:var(--fg);font-family:inherit;font-size:13px;padding:2px 8px;cursor:pointer;border-radius:0;line-height:1.6}button:hover{border-color:#6a6a6a;background:#2a2a2a}button.pri{border-color:var(--blue);color:var(--blue)}button.pri:hover{background:#7ab8ff2e}button.sm{padding:0 5px;font-size:10px}.msg{font-size:12px;margin-top:4px;line-height:1.4;word-break:break-word}.ok{color:var(--green)}.err{color:var(--red)}hr{border:none;border-top:1px solid var(--border);margin:8px 0}.content{flex:1;overflow-y:auto;display:flex;flex-direction:column;min-height:0}.tbl-wrap{overflow-x:auto;overflow-y:auto;min-height:0}.admin-scroll-stack{max-height:min(32vh,320px);overflow-y:auto;padding-right:2px}table{width:100%;border-collapse:collapse;font-size:13px}thead{position:sticky;top:0;z-index:1;background:var(--bg2)}th{text-align:left;padding:3px 8px;font-size:12px;font-weight:400;text-transform:uppercase;letter-spacing:.05em;color:var(--fg3);border-bottom:1px solid var(--border)}td{padding:2px 8px;border-bottom:1px solid var(--border);color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}tr:hover td{background:var(--bg2)}.r{text-align:right}.dim{color:var(--fg2)}tr:nth-child(1) td:first-child{color:var(--yellow)}tr:nth-child(2) td:first-child{color:silver}tr:nth-child(3) td:first-child{color:var(--orange)}tr:nth-child(1) .uname,tr:nth-child(2) .uname,tr:nth-child(3) .uname{font-weight:700}.s-queued{color:var(--fg2)}.s-running{color:var(--yellow)}.s-completed{color:var(--green)}.s-failed{color:var(--red)}.pos{color:var(--green)}.neg{color:var(--red)}.resize-handle{width:4px;background:var(--border);cursor:col-resize;flex-shrink:0;transition:background .12s;-webkit-user-select:none;user-select:none}.resize-handle:hover{background:var(--blue)}.detail{border-left:none;overflow-y:auto;display:flex;flex-direction:column;flex-shrink:0}.detail-head{display:flex;align-items:center;gap:6px;flex-shrink:0;padding:4px 10px;background:var(--bg2);border-bottom:1px solid var(--border)}.detail-head span{font-size:12px;color:var(--fg2)}.detail-head b{color:var(--fg);font-weight:400}.detail-head .x{margin-left:auto;background:none;border:none;color:var(--fg3);font-size:14px;cursor:pointer;padding:0 2px;line-height:1}.detail-head .x:hover{color:var(--fg);background:none;border:none}.kv{width:100%;border-collapse:collapse;font-size:13px}.kv td{padding:2px 8px;border-bottom:1px solid var(--border)}.kv td:first-child{color:var(--fg3);white-space:nowrap;width:1%;padding-right:12px}.kv td:last-child{color:var(--fg);word-break:break-all}.grid-pre{font-family:ui-monospace,monospace;font-size:10px;line-height:1.35;margin:4px 8px 8px;padding:6px 8px;background:var(--bg3);border:1px solid var(--border);overflow-x:auto;white-space:pre;color:var(--fg3);flex-shrink:0}tr.click{cursor:pointer}tr.click:hover td{background:var(--bg3)!important}tr.sel td{background:#24324a!important}.elo-up{color:var(--green)}.elo-down{color:var(--red)}.elo-flat{color:var(--fg3)}.statusbar{display:flex;align-items:center;justify-content:space-between;padding:0 10px;height:22px;background:var(--bg2);border-top:1px solid var(--border);font-size:12px;white-space:nowrap;overflow:hidden;flex-shrink:0;gap:8px}.statusbar-left{display:flex;align-items:center;gap:8px;overflow:hidden;min-width:0}.statusbar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}