:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#edf4f6;background:#0c1319;font-synthesis:none;font-size:15px;--muted:#91a3af;--line:#28343e;--mint:#87e8b7;--panel:#141f28;--danger:#ffa8a8}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}a{color:var(--mint);text-decoration:none}button{cursor:pointer;border:1px solid var(--line);border-radius:9px;background:#202e39;color:#f1f7fa;padding:10px 15px;font-weight:600;transition:background .15s,transform .15s}button:hover{background:#2a3c49}button:disabled{opacity:.5;cursor:wait}button.primary{background:var(--mint);color:#102b20;border-color:var(--mint)}button.primary:hover{background:#a2f1cb}button.danger{color:var(--danger)}button.small{font-size:12px;padding:7px 10px}button.quiet{background:transparent}input,select,textarea{width:100%;border:1px solid #344652;background:#0e1820;color:#edf4f6;border-radius:8px;padding:11px 12px}input:focus,select:focus,textarea:focus{border-color:var(--mint)}textarea{min-height:80px;resize:vertical}label{display:grid;gap:7px;font-size:13px;color:#c8d5dc}label.check{display:flex;align-items:center;gap:9px}label.check input{width:auto;accent-color:var(--mint)}h1,h2,h3,p{margin-top:0}h1{font-size:34px;letter-spacing:-1.2px;font-weight:650;line-height:1.15}h2{font-size:20px;letter-spacing:-.4px}h3{font-size:16px}p{line-height:1.6}.muted{color:var(--muted)}.eyebrow{color:var(--mint);font-size:11px;letter-spacing:2px;font-weight:700;text-transform:uppercase}.brand{display:flex;gap:12px;align-items:center;color:#f0f8f7;font-weight:750;letter-spacing:1px;font-size:16px}.brand small{font-size:10px;letter-spacing:2px;color:var(--muted);display:block;margin-top:3px}.cube{display:inline-block;width:32px;height:34px;background:linear-gradient(150deg,#a6f6ce 0 35%,#6bc89c 35% 65%,#397e62 65%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);flex-shrink:0}.shell{max-width:1250px;margin:0 auto;padding:0 36px 50px}.topbar{height:94px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px}.top-actions,.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.top-actions .username{color:var(--muted);font-size:13px}.avatar{width:34px;height:34px;border-radius:9px;background:#284639;color:var(--mint);display:grid;place-items:center;font-weight:700}.nav{display:flex;gap:5px;padding:22px 0 8px;flex-wrap:wrap}.nav button{background:transparent;border-color:transparent;color:var(--muted);padding:10px 13px}.nav button.active{background:#22362f;color:var(--mint)}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:34px 0 26px}.page-heading p{margin:8px 0 0;color:var(--muted);font-size:14px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px}.panel+.panel{margin-top:18px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px}.stat{padding:22px}.stat strong{display:block;font-size:32px;font-weight:600;letter-spacing:-1px;margin:12px 0 0}.stat .label{color:var(--muted);font-size:13px}.stat .dot{float:right;background:var(--mint);box-shadow:0 0 12px #87e8b730}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#7f909b;margin-right:6px;vertical-align:middle}.badge{display:inline-flex;align-items:center;border:1px solid #35434d;border-radius:30px;padding:4px 9px;color:#bbc9d0;font-size:11px;white-space:nowrap;gap:5px}.badge.active,.badge.ready,.badge.playing{color:var(--mint);background:#1c362a;border-color:#315d46}.badge.pending,.badge.staged,.badge.launching,.badge.connecting{color:#f3d293;background:#382f21;border-color:#65522f}.badge.blocked,.badge.error,.badge.reconnect{color:#ffa8a8;background:#36232b;border-color:#663542}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.server-card{min-height:230px;display:flex;flex-direction:column;position:relative;overflow:hidden}.server-card:before{content:"";position:absolute;right:-18px;top:-35px;width:130px;height:130px;background:linear-gradient(145deg,#87e8b710,transparent);transform:rotate(35deg);border:1px solid #87e8b712}.server-icon{height:43px;width:43px;display:grid;place-items:center;border:1px solid #415448;background:#243a30;color:var(--mint);border-radius:10px;font-size:22px;margin-bottom:25px}.server-card h2{margin-bottom:8px}.server-card p{color:var(--muted);font-size:13px;flex:1}.server-card footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px}.account-strip{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 24px;margin-bottom:26px}.account-strip p{margin:5px 0 0;color:var(--muted);font-size:13px}.account-strip h3{margin:0}.table-wrap{overflow-x:auto}.panel.table-wrap{padding:0}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);font-weight:500;padding:15px 20px;border-bottom:1px solid var(--line)}td{padding:17px 20px;border-bottom:1px solid var(--line);vertical-align:middle}tr:last-child td{border-bottom:0}td small{display:block;color:var(--muted);margin-top:4px}td .actions{flex-wrap:nowrap}.empty{padding:45px 20px;text-align:center;color:var(--muted)}.notice{border:1px solid #5a4e2f;background:#302b20;border-radius:10px;color:#e4cd9c;padding:14px 18px;margin-bottom:22px;font-size:13px;line-height:1.6}.notice.info{border-color:#2f5146;background:#142b25;color:#b4dec8}.notice.error{border-color:#68404a;background:#30202a;color:#ffb6b6}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid .wide{grid-column:1/-1}.form-stack{display:grid;gap:18px}.form-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.form-error{color:#ffb6b6;font-size:13px;line-height:1.5;white-space:pre-wrap}.form-help{font-size:12px;color:var(--muted);line-height:1.5;margin:0}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}.auth-aside{padding:50px 65px;background:radial-gradient(ellipse at 20% 75%,#214235 0,transparent 60%),#121f25;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;border-right:1px solid var(--line)}.auth-aside:after{content:"";position:absolute;width:340px;height:340px;border:1px solid #87e8b71c;right:-120px;bottom:30%;transform:rotate(30deg);box-shadow:0 0 0 60px #87e8b706,0 0 0 120px #87e8b704}.auth-story{max-width:440px;position:relative;z-index:1;margin:60px 0}.auth-story h1{font-size:52px;line-height:1.05;margin:22px 0}.auth-story p{color:#a1b8af;font-size:16px;line-height:1.8}.auth-aside footer{color:#789389;font-size:12px}.auth-main{display:flex;justify-content:center;align-items:center;padding:45px 25px}.auth-box{width:100%;max-width:390px}.auth-box h1{font-size:28px;margin-bottom:10px}.auth-box>p{color:var(--muted);font-size:14px;margin-bottom:28px}.auth-box button.primary{width:100%;margin-top:4px}.auth-links{display:flex;justify-content:space-between;gap:10px;margin-top:23px;font-size:12px}.auth-links button{border:0;padding:0;color:var(--mint);font-weight:400;background:transparent}.loading{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:var(--muted)}dialog{background:var(--panel);color:#edf4f6;border:1px solid #3c505c;border-radius:15px;padding:28px;width:min(590px,calc(100% - 30px));max-height:90vh}dialog::backdrop{background:#03070bd0;backdrop-filter:blur(5px)}dialog h2{margin-bottom:22px}.device-code{font-family:ui-monospace,monospace;font-size:30px;letter-spacing:4px;background:#0b161c;text-align:center;padding:22px;border-radius:10px;color:var(--mint);margin:20px 0;user-select:all}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:13px 22px;border:1px solid #426d57;border-radius:10px;background:#213b2d;z-index:100;color:#d8f6e4;box-shadow:0 8px 40px #0008;max-width:90vw;font-size:14px}.toast.error{background:#3b2530;border-color:#7b4255;color:#ffd7e0}.play-shell{position:fixed;inset:0;background:#070c10;display:flex;flex-direction:column}.play-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;background:#111d25;border-bottom:1px solid var(--line);gap:16px}.play-bar p{font-size:12px;margin:0;color:var(--muted)}.game-frame{border:0;width:100%;flex:1;min-height:0}.game-mode{max-width:300px}.version-list{max-width:500px}.build-card{margin-bottom:15px}.build-card .title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;gap:12px}.build-card code{word-break:break-all;font-size:10px;color:var(--muted)}.build-card p{font-size:13px;color:var(--muted)}.build-card .actions{margin-top:18px}.section-title{margin:28px 0 17px}.list-checks{display:grid;gap:12px;padding:12px;background:#0e1820;border-radius:8px}.user-count{font-size:12px;color:var(--muted)}.account-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
@media(max-width:900px){.auth-layout{grid-template-columns:1fr}.auth-aside{padding:25px;border-right:0;border-bottom:1px solid var(--line)}.auth-story{margin:35px 0 0}.auth-story h1{font-size:34px;margin:14px 0}.auth-story p{font-size:14px;margin:0}.auth-aside footer{display:none}.auth-main{padding:40px 24px}.grid{grid-template-columns:1fr 1fr}.shell{padding:0 22px 35px}.stats{grid-template-columns:1fr 1fr}.account-strip{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.topbar{height:80px}.username{display:none}.page-heading{align-items:flex-start;flex-direction:column;margin-top:25px}h1{font-size:28px}.grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.stats{gap:10px}.stat{padding:17px}.nav{gap:0}.nav button{padding:9px;font-size:12px}.top-actions button{font-size:11px;padding:8px}.panel{padding:20px}.play-bar .brand{display:none}.play-bar{padding:8px}.auth-story h1{font-size:30px}.account-actions{width:100%}.game-mode{max-width:none;flex:1}}