:root{--bg-0:#fffaf0;--bg-1:#f4ead6;--ink:#1f1f1f;--muted:#5d574f;--accent:#0e7a64;--card:#fff;--line:#dfd4c1}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{color:var(--ink);background:radial-gradient(circle at 12% 10%,#0e7a6424 0,transparent 28%),radial-gradient(circle at 88% 0,#d98b3829 0,transparent 30%),linear-gradient(160deg,var(--bg-0),var(--bg-1));font-family:IBM Plex Sans,Segoe UI,sans-serif}main{width:min(1320px,95vw);margin:0 auto;padding:2rem 0 3rem}.monitor-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:1rem;display:grid}.monitor-content{min-width:0}.process-sidebar{position:sticky;top:1rem}.process-sidebar h2{border-bottom:1px solid var(--line);margin:0;padding:.95rem 1rem;font-size:1.02rem}.process-menu{flex-direction:column;gap:.45rem;padding:.8rem;display:flex}.process-menu a{color:var(--ink);border:1px solid var(--line);background:#ffffffeb;border-radius:10px;padding:.45rem .65rem;font-size:.92rem;text-decoration:none}.process-menu a.active{color:#065543;background:#0e7a6424;border-color:#0e7a6459}h1{margin:0;font-size:clamp(1.7rem,2.8vw,2.4rem)}p{margin:0}.monitor-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.2rem;display:flex}.monitor-note{color:var(--muted);font-size:.95rem}.monitor-live{flex-direction:column;align-items:flex-end;gap:.3rem;display:flex}.live-indicator{color:#065543;letter-spacing:.02em;background:#0e7a641a;border:1px solid #0e7a6459;border-radius:999px;align-items:center;gap:.4rem;padding:.2rem .56rem;font-size:.78rem;display:inline-flex}.live-dot{background:#0e7a64;border-radius:50%;width:8px;height:8px;animation:1.2s infinite live-pulse;box-shadow:0 0 #0e7a6480}.panel{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 16px 40px #251e1414}.panel+.panel{margin-top:1rem}.panel-block h2{border-bottom:1px solid var(--line);margin:0;padding:1rem;font-size:1.05rem}.panel-links{padding:.85rem 1rem}.filter-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;display:flex}.game-filter-form{align-items:center;gap:.55rem;display:inline-flex}.game-filter-form label{color:var(--muted);font-size:.9rem}.game-filter-form select,.game-filter-form button{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:10px;padding:.34rem .6rem;font-size:.9rem}.game-filter-form button{cursor:pointer}.link-row{flex-wrap:wrap;gap:.55rem;display:flex}.link-row a{color:#065543;background:#0e7a6414;border:1px solid #0e7a6447;border-radius:999px;align-items:center;padding:.28rem .68rem;font-size:.88rem;text-decoration:none;display:inline-flex}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);padding:.9rem 1rem;font-size:.95rem}th{color:#3e3932;background:#dfd4c14d;font-weight:600}tr:last-child td{border-bottom:none}.badge{color:#065543;background:#0e7a641f;border:1px solid #0e7a6459;border-radius:999px;align-items:center;padding:.18rem .56rem;font-size:.82rem;display:inline-flex}.badge-failed{color:#7b1313;background:#aa1e1e1f;border-color:#96191959}.badge-stopped{color:#6a4f18;background:#b5852524;border-color:#664b1659}.badge-sleep{color:#5a5a5a;background:#7878781a;border-color:#5a5a5a42}.bee-processes{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;padding:1rem;display:grid}.bee-card{border:1px solid var(--line);background:#ffffffd6;border-radius:12px;padding:.75rem}.bee-card-head{flex-direction:column;gap:.22rem;margin-bottom:.5rem;display:flex}.bee-game-list{flex-direction:column;gap:.34rem;margin:0;padding:0;list-style:none;display:flex}.bee-game-list li{border-bottom:1px dashed #dfd4c1cc;justify-content:space-between;align-items:center;padding-bottom:.24rem;font-size:.9rem;display:flex}.bee-game-list li:last-child{border-bottom:none}.bee-game-state{align-items:center;gap:.45rem;display:inline-flex}.bee-mini-track{background:linear-gradient(90deg,#ffe27a38,#0e7a6414);border:1px solid #0e7a6433;border-radius:999px;width:96px;height:18px;position:relative;overflow:hidden}.bee-mini-track.state-failed{background:linear-gradient(90deg,#aa1e1e2e,#ffffff70);border-color:#aa1e1e40}.bee-mini-track.state-sleep{background:linear-gradient(90deg,#b4b4b42e,#ffffff73);border-color:#78787840}.bee-mini-runner{font-size:.84rem;line-height:1;position:absolute;top:50%;left:3px;transform:translateY(-50%)}.bee-mini-runner.is-moving{animation:3s ease-in-out infinite bee-flight-mini}.bee-mini-track.state-failed .bee-mini-runner{left:50%;transform:translate(-50%,-50%)}.bee-mini-track.state-sleep .bee-mini-runner{opacity:.72;left:6px}.bee-expanded-panel{padding:.9rem 1rem 1rem}.bee-expanded-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-bottom:.85rem;display:grid}.bee-expanded-grid strong{font-size:.98rem}.bee-expanded-games{flex-direction:column;gap:.6rem;display:flex}.bee-expanded-row{background:#fffc;border:1px solid #dfd4c1f2;border-radius:12px;padding:.5rem .65rem}.bee-expanded-row-head{justify-content:space-between;align-items:center;gap:.55rem;margin-bottom:.4rem;display:flex}.bee-expanded-track{border:1px dashed var(--line);background:linear-gradient(90deg,#ffe27a33,#0e7a6414);border-radius:999px;height:34px;position:relative;overflow:hidden}.bee-expanded-track:before{content:"";opacity:.45;background:repeating-linear-gradient(-45deg,#ffc73821,#ffc73821 10px,#0e7a6417 10px 20px);position:absolute;inset:0}.bee-expanded-track.state-failed{background:linear-gradient(90deg,#aa1e1e29,#fff6)}.bee-expanded-track.state-sleep{background:linear-gradient(90deg,#b4b4b429,#ffffff73)}.bee-expanded-track.state-failed .bee-runner{left:50%;transform:translate(-50%,-50%)}.bee-expanded-track.state-sleep .bee-runner{opacity:.75;left:18px;transform:translateY(-50%)}.bee-progress-track{border:1px dashed var(--line);background:linear-gradient(90deg,#ffe27a33,#0e7a6414);border-radius:999px;height:42px;position:relative;overflow:hidden}.bee-progress-track:before{content:"";opacity:.45;background:repeating-linear-gradient(-45deg,#ffc73821,#ffc73821 10px,#0e7a6417 10px 20px);position:absolute;inset:0}.bee-progress-track.state-failed{background:linear-gradient(90deg,#aa1e1e29,#fff6)}.bee-progress-track.state-sleep{background:linear-gradient(90deg,#b4b4b429,#ffffff73)}.bee-runner{z-index:2;font-size:1.4rem;line-height:1;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.bee-runner.is-moving{animation:4.2s ease-in-out infinite bee-flight}.state-starting .bee-runner.is-moving{animation-duration:5.8s}.state-failed .bee-runner{left:50%;transform:translate(-50%,-50%)}.state-sleep .bee-runner{opacity:.75;left:18px;transform:translateY(-50%)}.bee-progress-note{margin-top:.55rem}@keyframes bee-flight{0%{left:8px;transform:translateY(-50%)rotate(2deg)}50%{transform:translateY(calc(-50% - 2px))rotate(-2deg)}to{left:calc(100% - 34px);transform:translateY(-50%)rotate(2deg)}}@keyframes live-pulse{0%{box-shadow:0 0 #0e7a6473}70%{box-shadow:0 0 0 8px #0e7a6400}to{box-shadow:0 0 #0e7a6400}}@keyframes bee-flight-mini{0%{left:4px;transform:translateY(-50%)}to{left:calc(100% - 17px);transform:translateY(-50%)}}.empty{color:var(--muted);text-align:center;padding:2rem 1rem}@media (max-width:820px){.monitor-head{flex-direction:column;align-items:flex-start}.monitor-live{align-items:flex-start}th:nth-child(5),td:nth-child(5){display:none}.bee-processes,.bee-expanded-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor-layout{grid-template-columns:1fr}.process-sidebar{position:static}.process-menu{flex-flow:wrap}}@media (max-width:580px){main{width:94vw;padding-top:1.2rem}th,td{padding:.72rem .6rem;font-size:.88rem}th:nth-child(4),td:nth-child(4){display:none}.game-filter-form{flex-wrap:wrap}.bee-processes,.bee-expanded-grid{grid-template-columns:1fr}}