*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #05060d;--bg2: #0a0c18;--txt: #e8eaf2;--muted: #8b90a8;--benny: #4a7dff;--keld: #2fd07a;--egon: #ff7a3c;--core: #6b8cff}html,body,#root{height:100%}body{background:radial-gradient(1200px 800px at 50% 40%,#0d1024 0%,var(--bg) 70%);color:var(--txt);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;overflow:hidden}.stars{position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 20% 30%,#fff6,transparent),radial-gradient(1px 1px at 70% 60%,#fff4,transparent),radial-gradient(1px 1px at 40% 80%,#fff5,transparent),radial-gradient(1px 1px at 85% 20%,#fff3,transparent),radial-gradient(1px 1px at 10% 70%,#fff4,transparent),radial-gradient(1px 1px at 55% 15%,#fff3,transparent);pointer-events:none}.topbar{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;z-index:10}.brand{display:flex;align-items:center;gap:12px}.logo{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#7644d6,#5030b0);display:grid;place-items:center;font-weight:800}.brand h1{font-size:16px;font-weight:700}.brand p{font-size:12px;color:var(--muted)}.tabs{display:flex;gap:10px}.tab{background:#11142a;border:1px solid #20264a;color:var(--txt);padding:8px 14px;border-radius:10px;font-size:13px;cursor:pointer;display:flex;gap:6px;align-items:center}.tab.active{border-color:#4a7dff;box-shadow:0 0 0 1px #4a7dff44}.stage{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.orbit{position:absolute;border:1px dashed #ffffff12;border-radius:50%}.spin{animation:spin 80s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.core{width:130px;height:130px;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle,#6b8cff66,#6b8cff10 70%);box-shadow:0 0 60px #6b8cff55}.core b{font-size:15px;letter-spacing:1px}.core span{font-size:11px;color:var(--muted)}.node{position:absolute;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transform:translate(-50%,-50%);transition:transform .15s}.node:hover{transform:translate(-50%,-50%) scale(1.06)}.dot{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:22px;background:#11142a;border:2px solid #333}.node.benny .dot{border-color:var(--benny);box-shadow:0 0 26px #4a7dff55}.node.keld .dot{border-color:var(--keld);box-shadow:0 0 26px #2fd07a55}.node.egon .dot{border-color:var(--egon);box-shadow:0 0 26px #ff7a3c55}.node .label{font-size:13px;font-weight:700}.node .role{font-size:11px;color:var(--muted)}.node .status{font-size:10px;color:var(--keld)}.exnode{position:absolute;transform:translate(-50%,-50%);cursor:pointer}.exdot{width:34px;height:34px;border-radius:50%;background:#0e1228;border:1px solid #2a335f;display:grid;place-items:center;font-size:11px;font-weight:700;color:#b9c0e0}.exnode:hover .exdot{border-color:#6b8cff;box-shadow:0 0 16px #6b8cff55}.exnode .extip{position:absolute;top:38px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:10px;color:var(--muted);opacity:0;transition:.15s}.exnode:hover .extip{opacity:1}.panel{position:fixed;top:0;right:0;bottom:0;width:440px;max-width:92vw;background:#080a16ee;border-left:1px solid #1b2142;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;display:flex;flex-direction:column}.panel-head{padding:18px;border-bottom:1px solid #1b2142;display:flex;justify-content:space-between;align-items:center}.panel-body{padding:16px;overflow:auto;flex:1}.close{background:none;border:none;color:var(--muted);font-size:20px;cursor:pointer}.row{background:#0d1024;border:1px solid #1b2142;border-radius:12px;padding:12px;margin-bottom:10px}.row .who{font-weight:700;font-size:13px}.row .who.judge{color:var(--keld)}.row .who.router{color:var(--benny)}.row .txt{font-size:13px;color:#c7cce4;margin-top:4px;white-space:pre-wrap}.verdict{background:#2fd07a14;border:1px solid #2fd07a44;border-radius:12px;padding:12px;font-size:13px}.composer{display:flex;gap:8px;padding:14px;border-top:1px solid #1b2142}textarea{flex:1;background:#0d1024;border:1px solid #20264a;border-radius:10px;color:var(--txt);padding:10px;font-family:inherit;font-size:13px;resize:none}button.primary{background:#4a7dff;border:none;color:#fff;border-radius:10px;padding:0 16px;font-weight:700;cursor:pointer}button.primary:disabled{opacity:.5;cursor:default}.footer-hint{position:fixed;bottom:16px;left:0;right:0;text-align:center;font-size:12px;color:var(--muted)}.badge{font-size:10px;color:var(--muted);border:1px solid #2a335f;border-radius:6px;padding:1px 6px;margin-left:6px}.statuspill{font-size:10px;padding:2px 7px;border-radius:6px}.s-open{background:#ff7a3c22;color:#ff9d6e}.s-done{background:#2fd07a22;color:#6fe3a6}.s-inprogress{background:#e8c24622;color:#f0d27a}@media (max-width: 720px){.topbar{flex-direction:column;gap:10px;align-items:flex-start;padding:12px 14px}.brand h1{font-size:15px}.brand p{font-size:11px}.tabs{width:100%}.tab{flex:1;justify-content:center;padding:9px 8px;font-size:12px}.core{width:92px;height:92px}.core b{font-size:12px}.orbit{display:none}.node .dot{width:52px;height:52px;font-size:18px}.node .role,.exnode{display:none}.panel{width:100%;max-width:100%}.composer{left:8px!important;right:8px!important;width:auto!important;transform:none!important;bottom:10px!important}.stage>div[style]{width:94vw!important}}@media (max-width: 720px) and (orientation: portrait){.node.benny{left:24%!important;top:30%!important}.node.keld{left:76%!important;top:30%!important}.node.egon{left:50%!important;top:58%!important}}