:root{font-family:Leelawadee UI,Segoe UI,Tahoma,system-ui,sans-serif;color:#e7ebe7;background:#090c0a;font-synthesis:none;--bg: #090c0a;--panel: #111612;--panel-2: #171d18;--line: #283028;--muted: #879287;--green: #92c83e;--green-bright: #b7ed63;--amber: #e0a33a;--red: #df5b4f;--blue: #65a7be}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit;text-decoration:none}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.site-shell{min-height:100vh;position:relative;overflow:hidden}.site-shell:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 80%);mask-image:linear-gradient(to bottom,#000,transparent 80%)}.topbar{min-height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,76px);border-bottom:1px solid rgba(255,255,255,.08);position:relative;z-index:2;background:#090c0ab8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:inline-flex;gap:12px;align-items:center}.brand-mark{width:42px;height:42px;display:grid;place-items:center;color:#10140f;background:var(--green);transform:rotate(-3deg);box-shadow:5px 5px #344122}.brand-mark svg{transform:rotate(3deg)}.brand strong{display:block;font:600 15px/1.1 Cascadia Mono,Consolas,monospace;letter-spacing:.09em}.brand small{display:block;margin-top:5px;color:#778178;font:500 9px/1 Cascadia Mono,Consolas,monospace;letter-spacing:.15em}.admin-link{display:inline-flex;align-items:center;gap:8px;color:#9ca69d;font-size:13px;transition:color .2s}.admin-link:hover{color:var(--green-bright)}.public-shell{background:radial-gradient(900px 550px at 72% 42%,rgba(111,145,65,.13),transparent 66%),linear-gradient(145deg,#0b0e0c,#080b09 70%)}.public-main{width:min(1160px,calc(100% - 44px));margin:0 auto;min-height:calc(100vh - 150px);display:grid;grid-template-columns:1fr minmax(390px,480px);align-items:center;gap:clamp(50px,9vw,130px);padding:70px 0 80px;position:relative;z-index:1}.hero-copy{max-width:600px}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--green);font:600 11px/1 Cascadia Mono,Consolas,monospace;letter-spacing:.16em}.eyebrow>span{width:26px;height:2px;background:currentColor;box-shadow:8px 0 #92c83e59}.hero-copy h1{margin:30px 0 24px;font-size:clamp(48px,6.3vw,83px);line-height:1.02;letter-spacing:-.055em;color:#f0f2ed}.hero-copy h1:after{content:"";display:block;width:92px;height:5px;margin-top:30px;background:repeating-linear-gradient(90deg,var(--green) 0 12px,transparent 12px 17px);transform:skew(-25deg)}.hero-copy p{max-width:470px;margin:0;color:#8e988f;font-size:16px;line-height:1.9}.status-panel{position:relative;border:1px solid #303830;background:linear-gradient(160deg,#191f1afa,#0d120efc);box-shadow:0 30px 80px #0000007a,inset 0 0 0 5px #ffffff04;padding:33px;transform:rotate(.25deg)}.status-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--red);box-shadow:0 0 20px #df5b4f4d}.status-panel.is-online:before{background:var(--green);box-shadow:0 0 25px #92c83e6b}.panel-rivet{position:absolute;width:5px;height:5px;border-radius:50%;background:#556057;top:12px}.panel-rivet.top-left{left:12px}.panel-rivet.top-right{right:12px}.status-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:23px;border-bottom:1px solid var(--line)}.micro-label{color:#667066;font:600 9px/1 Cascadia Mono,Consolas,monospace;letter-spacing:.17em;text-transform:uppercase}.status-head h2{margin:9px 0 0;font-size:21px;line-height:1.3}.signal-bars{height:28px;display:flex;align-items:flex-end;gap:3px;opacity:.25}.signal-bars i{width:4px;background:var(--green)}.signal-bars i:nth-child(1){height:8px}.signal-bars i:nth-child(2){height:14px}.signal-bars i:nth-child(3){height:20px}.signal-bars i:nth-child(4){height:27px}.is-online .signal-bars{opacity:1}.primary-status{display:flex;gap:18px;align-items:center;padding:28px 0 25px}.status-orb{width:74px;height:74px;display:grid;place-items:center;border:1px solid rgba(223,91,79,.42);color:var(--red);background:#df5b4f12;box-shadow:inset 0 0 35px #df5b4f0a}.is-online .status-orb{border-color:#92c83e73;color:var(--green-bright);background:#92c83e12;box-shadow:0 0 40px #92c83e14,inset 0 0 35px #92c83e0d}.status-word{color:var(--red);font:600 31px/1 IBM Plex Mono,monospace;letter-spacing:.06em}.is-online .status-word{color:var(--green-bright);text-shadow:0 0 20px rgba(146,200,62,.2)}.primary-status p{margin:9px 0 0;color:#79837a;font-size:12px}.survivor-row{display:flex;align-items:center;justify-content:space-between;color:#727d73;font-size:12px}.survivor-count{display:flex;align-items:center;gap:9px;color:#bdc5bc}.survivor-count svg{color:var(--green)}.survivor-count strong{font:600 22px IBM Plex Mono,monospace;color:#ecf0e9}.capacity-track{height:5px;margin:13px 0 26px;background:#242a25;overflow:hidden}.capacity-track span{display:block;height:100%;background:repeating-linear-gradient(90deg,var(--green) 0 7px,#668d2c 7px 10px);transition:width .4s ease}.status-meta{display:grid;grid-template-columns:1fr 1.6fr;gap:9px}.status-meta>div{display:grid;grid-template-columns:26px 1fr;align-items:center;padding:13px;background:#0d110e;border:1px solid #222922}.status-meta svg{grid-row:1/3;width:16px;color:#647064}.status-meta span{color:#5f695f;font:500 8px IBM Plex Mono,monospace;letter-spacing:.1em}.status-meta strong{margin-top:4px;color:#bfc7be;font:500 10px IBM Plex Mono,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.refresh-button{width:100%;margin-top:16px;padding:12px 18px;display:inline-flex;justify-content:center;align-items:center;gap:9px;border:1px solid #394339;color:#aab4aa;background:transparent;font-size:12px;transition:.2s}.refresh-button:hover{border-color:var(--green);color:var(--green-bright);background:#92c83e0d}.refresh-button svg{width:15px}.inline-warning{display:flex;gap:8px;align-items:center;padding:10px;margin-top:14px;color:#e6a69f;background:#df5b4f12;font-size:11px}.inline-warning svg{width:15px}.public-footer{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(22px,5vw,76px);color:#596259;font:500 10px IBM Plex Mono,monospace;border-top:1px solid rgba(255,255,255,.06);position:relative;z-index:1}.public-footer span{display:flex;align-items:center;gap:8px}.dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--red);box-shadow:0 0 9px #df5b4f99}.dot.online{background:var(--green);box-shadow:0 0 9px #92c83eb3}.login-shell{min-height:100vh;display:grid;place-items:center;padding:26px;background:#080b09;position:relative;overflow:hidden}.login-backdrop{position:absolute;inset:-20%;background:radial-gradient(circle at 50% 44%,rgba(107,143,58,.16),transparent 27%),repeating-linear-gradient(90deg,rgba(255,255,255,.015) 0 1px,transparent 1px 52px),repeating-linear-gradient(0deg,rgba(255,255,255,.015) 0 1px,transparent 1px 52px);transform:perspective(500px) rotateX(28deg) scale(1.3)}.login-card{width:min(100%,440px);padding:38px;position:relative;z-index:1;background:#111612fa;border:1px solid #343c34;box-shadow:0 35px 100px #000000a6}.login-card .brand{margin-bottom:38px}.login-icon{width:55px;height:55px;display:grid;place-items:center;margin-bottom:22px;color:var(--green-bright);border:1px solid #445b2d;background:#182014}.login-icon svg{width:26px}.login-card h1{margin:10px 0 8px;font-size:29px}.login-card>p{margin:0 0 27px;color:#7f8a80;font-size:13px;line-height:1.75}.login-card form{display:grid;gap:17px}.login-card label{color:#899389;font-size:11px;font-weight:600}.login-card input,.command-block input,.command-block select,.command-block textarea{width:100%;margin-top:7px;padding:12px 13px;color:#e6ebe4;background:#0b0f0c;border:1px solid #2d352e;outline:none;transition:.2s}.login-card input:focus,.command-block input:focus,.command-block select:focus,.command-block textarea:focus{border-color:#759e39;box-shadow:0 0 0 3px #92c83e12}.primary-button,.danger-button,.warning-button,.outline-button,.ghost-button,.field-foot button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;font-weight:700;font-size:12px}.primary-button{margin-top:4px;color:#10150e;background:var(--green)}.primary-button:hover{background:var(--green-bright)}.primary-button svg,.danger-button svg,.warning-button svg,.outline-button svg{width:16px}.form-error{display:flex;gap:8px;align-items:center;padding:10px;color:#eca29a;font-size:11px;background:#df5b4f14;border:1px solid rgba(223,91,79,.25)}.form-error svg{width:15px}.back-link{display:block;margin-top:24px;color:#707a70;font-size:11px;text-align:center}.back-link:hover{color:#b8c1b7}.loading-screen{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:18px;color:#748074;background:var(--bg)}.radar{width:64px;height:64px;display:grid;place-items:center;color:var(--green);border:1px solid #35452a;animation:pulse 1.5s ease infinite}.loading-screen p{font-size:12px}.admin-shell{background:#0a0d0b;overflow:visible}.admin-topbar{min-height:68px;position:sticky;top:0;z-index:20;padding-inline:clamp(18px,3vw,46px)}.admin-topbar .brand-mark{width:34px;height:34px;box-shadow:3px 3px #344122}.admin-status{display:flex;align-items:center;gap:8px;color:#788379;font:500 9px IBM Plex Mono,monospace;letter-spacing:.1em}.admin-profile{display:flex;align-items:center;gap:10px}.admin-profile>span{width:32px;height:32px;display:grid;place-items:center;color:#11160f;font-weight:800;background:#8bbd3c}.admin-profile strong,.admin-profile small{display:block}.admin-profile strong{font-size:11px}.admin-profile small{color:#687268;font-size:9px}.icon-button{width:34px;height:34px;display:inline-grid;place-items:center;color:#758075;background:transparent;border:1px solid #303830;transition:.2s}.icon-button:hover,.icon-button.active{color:var(--green-bright);border-color:#607e38}.icon-button svg{width:15px}.admin-main{width:min(1480px,calc(100% - 42px));margin:0 auto;padding:42px 0 70px;position:relative;z-index:1}.admin-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}.admin-title h1{margin:12px 0 2px;font-size:32px;letter-spacing:-.03em}.admin-title p{margin:0;color:#747e75;font-size:12px}.refresh-button.compact{width:auto;margin:0;min-width:110px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.metric-grid article{min-height:105px;display:flex;align-items:center;gap:16px;padding:19px;border:1px solid #293029;background:linear-gradient(145deg,#141914,#101411)}.metric-icon{width:49px;height:49px;display:grid;place-items:center;background:#ffffff09;border:1px solid currentColor}.metric-icon svg{width:21px}.metric-icon.green{color:var(--green)}.metric-icon.red{color:var(--red)}.metric-icon.amber{color:var(--amber)}.metric-icon.blue{color:var(--blue)}.metric-grid small,.metric-grid strong,.metric-grid p{display:block}.metric-grid small{color:#656f66;font:500 8px IBM Plex Mono,monospace;letter-spacing:.13em;text-transform:uppercase}.metric-grid strong{margin-top:4px;font-size:19px}.metric-grid p{max-width:280px;margin:2px 0 0;color:#687269;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.power-panel{display:grid;grid-template-columns:minmax(260px,1fr) auto;align-items:center;gap:18px;margin-bottom:16px;padding:17px 19px}.power-copy{display:flex;align-items:center;gap:14px}.power-icon{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;color:var(--green);border:1px solid rgba(146,200,62,.35);background:#92c83e0f}.power-icon svg{width:18px}.power-copy h2{margin:4px 0 1px;font-size:15px}.power-copy p{margin:0;color:#687269;font-size:9px}.power-actions{display:flex;gap:8px}.power-actions button{min-width:104px;min-height:39px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;font:600 10px IBM Plex Mono,monospace}.power-actions button svg{width:14px}.power-start{color:#b7e778;border:1px solid rgba(146,200,62,.45);background:#92c83e14}.power-start:hover{background:#92c83e29}.power-stop{color:#efaaa3;border:1px solid rgba(223,91,79,.42);background:#df5b4f12}.power-stop:hover{background:#df5b4f26}.power-restart{color:#e8bc70;border:1px solid rgba(224,163,58,.42);background:#e0a33a12}.power-restart:hover{background:#e0a33a24}.power-result{grid-column:1/-1;display:flex;align-items:center;gap:8px;padding-top:12px;border-top:1px solid #293029;color:#a8d56a;font-size:10px}.power-result.error{color:#eca49d}.power-result svg{width:14px}.admin-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}.admin-primary,.admin-layout aside{display:grid;gap:16px}.admin-card{background:#111512;border:1px solid #293029;box-shadow:0 15px 45px #00000026}.card-heading{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 19px;border-bottom:1px solid #272e28}.card-heading h2{margin:5px 0 0;font-size:16px}.card-heading>svg{color:#4f5a50;width:18px}.console-tools{display:flex;align-items:center;gap:7px}.stream-state{display:inline-flex;align-items:center;gap:6px;margin-right:4px;color:#966d68;font:600 8px IBM Plex Mono,monospace;letter-spacing:.08em}.stream-state i{width:6px;height:6px;border-radius:50%;background:var(--red)}.stream-state.connected{color:#82ac46}.stream-state.connected i{background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse 1.8s infinite}.terminal-window{height:385px;overflow:auto;padding:13px 0;background:#080b09;scrollbar-color:#354034 #080b09}.log-line{display:grid;grid-template-columns:47px 1fr;min-height:22px;padding:2px 15px;color:#a7b2a5;font:400 10px/1.65 IBM Plex Mono,monospace}.log-line:hover{background:#92c83e09}.log-line>span{color:#3f4a40;-webkit-user-select:none;user-select:none}.log-line code{white-space:pre-wrap;word-break:break-all}.terminal-empty{height:100%;display:grid;place-content:center;justify-items:center;gap:10px;color:#465047;font-size:11px}.terminal-empty svg{width:26px}.safe-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;color:#739b3c;background:#92c83e0d;border:1px solid rgba(146,200,62,.2);font:500 8px IBM Plex Mono,monospace}.safe-badge svg{width:12px}.command-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:10px;padding:14px}.command-block{min-width:0;padding:16px;display:grid;grid-template-columns:38px 1fr;align-content:start;column-gap:12px;border:1px solid #272e28;background:#0d110e}.command-icon{grid-row:1;width:36px;height:36px;display:grid;place-items:center;color:#8ebd48;background:#182016}.command-icon svg{width:17px}.command-copy h3{margin:0;font-size:13px}.command-copy p{margin:2px 0 0;color:#626c63;font-size:9px}.command-block textarea,.command-block>input,.command-block>select,.command-block>.outline-button,.command-block>.split-actions{grid-column:1/-1}.command-block textarea{min-height:70px;resize:vertical}.field-foot{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;margin-top:8px}.field-foot span{color:#566057;font:9px IBM Plex Mono,monospace}.field-foot button{min-height:34px;padding:0 15px;color:#11160e;background:var(--green)}.outline-button{margin-top:16px;color:#9daa9d;border:1px solid #384139;background:transparent}.outline-button:hover{color:var(--green-bright);border-color:#6d8f3e}.player-action select{margin-top:15px}.split-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.warning-button{color:#e1b15e;border:1px solid rgba(224,163,58,.4);background:#e0a33a0f}.danger-button{color:#f0aaa4;border:1px solid rgba(223,91,79,.4);background:#df5b4f14}.danger-button:hover{background:#df5b4f29}.command-result{margin:12px 14px 0;padding:10px 12px;display:flex;gap:9px;align-items:flex-start;font-size:10px;border:1px solid}.command-result svg{width:15px;flex:0 0 auto}.command-result.success{color:#a8d56a;border-color:#92c83e40;background:#92c83e0d}.command-result.error{color:#eca49d;border-color:#df5b4f40;background:#df5b4f0d}.history-card{max-height:500px;overflow:hidden}.history-list{max-height:430px;overflow:auto}.history-list article{display:grid;grid-template-columns:26px 1fr;gap:9px;padding:13px 16px;border-bottom:1px solid #242a25}.history-state{width:23px;height:23px;display:grid;place-items:center;color:#a5d363;background:#92c83e12}.history-state.error{color:#eb8980;background:#df5b4f14}.history-state svg{width:12px}.history-list strong{font-size:11px}.history-list p{margin:3px 0;color:#7b867c;font-size:9px;line-height:1.5;word-break:break-word}.history-list small{color:#4e594f;font:8px IBM Plex Mono,monospace}.empty-state{min-height:180px;display:grid;place-content:center;justify-items:center;gap:10px;color:#515c52;font-size:10px}.security-note{padding:17px;display:flex;gap:12px;color:#91bd51}.security-note>svg{flex:0 0 auto;width:20px}.security-note strong{font-size:11px}.security-note p{margin:4px 0 0;color:#69746a;font-size:9px;line-height:1.6}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:#030504cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.confirm-modal{width:min(100%,410px);position:relative;padding:31px;text-align:center;background:#151a16;border:1px solid #465047;box-shadow:0 35px 100px #000}.icon-button.close{position:absolute;right:12px;top:12px}.confirm-icon{width:50px;height:50px;display:grid;place-items:center;margin:0 auto 18px;color:var(--amber);border:1px solid rgba(224,163,58,.45);background:#e0a33a0f}.confirm-modal h2{margin:10px 0 7px;font-size:20px}.confirm-modal p{margin:0;color:#7e897f;font-size:12px;line-height:1.7}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:25px}.ghost-button{color:#8d978e;background:transparent;border:1px solid #384039}.spin{animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.55}}@media(max-width:1050px){.public-main{grid-template-columns:1fr 420px;gap:50px}.hero-copy h1{font-size:58px}.admin-layout{grid-template-columns:1fr}.admin-layout aside{grid-template-columns:1.5fr 1fr}}@media(max-width:800px){.public-main{grid-template-columns:1fr;padding-top:55px}.hero-copy{text-align:center;margin:0 auto}.hero-copy .eyebrow{justify-content:center}.hero-copy h1{font-size:clamp(44px,12vw,66px)}.hero-copy h1:after{margin-inline:auto}.hero-copy p{margin-inline:auto}.status-panel{width:min(100%,500px);margin:0 auto}.metric-grid{grid-template-columns:1fr}.metric-grid article{min-height:90px}.power-panel{grid-template-columns:1fr}.power-actions{width:100%}.power-actions button{flex:1}.command-grid{grid-template-columns:1fr}.admin-layout aside{grid-template-columns:1fr}}@media(max-width:560px){.topbar{min-height:64px;padding-inline:17px}.public-topbar .brand small{display:none}.admin-link{font-size:0}.admin-link svg{width:18px}.public-main{width:min(100% - 28px,500px);padding:42px 0 54px}.hero-copy h1{margin-top:23px}.status-panel{padding:25px 19px}.status-meta{grid-template-columns:1fr}.public-footer{justify-content:center;text-align:center}.public-footer span:last-child{display:none}.login-card{padding:28px 22px}.power-actions{display:grid;grid-template-columns:1fr}.power-actions button{width:100%}.admin-main{width:min(100% - 24px,1480px);padding-top:27px}.admin-status{display:none}.admin-profile>div{display:none}.admin-title{align-items:flex-start}.admin-title h1{font-size:26px}.admin-title .refresh-button{min-width:40px;width:40px;padding:0;font-size:0}.admin-title .refresh-button svg{margin:0}.card-heading{padding-inline:14px}.safe-badge{display:none}.terminal-window{height:350px}.log-line{grid-template-columns:37px 1fr;padding-inline:9px;font-size:9px}.command-grid{padding:9px}.command-block{padding:13px}.modal-actions{grid-template-columns:1fr}}
