:root{--ink:#f1ead6;--muted:#b9a98d;--black:#0b0d0a;--panel:rgba(12,14,10,.91);--panel2:rgba(42,31,20,.88);--line:#765139;--green:#78a947;--lime:#9dcc5a;--brown:#795235;--dirt:#5a3b27;--red:#df5d4b}*{box-sizing:border-box;margin:0}body{min-height:100vh;color:var(--ink);font-family:"Trebuchet MS",Arial,sans-serif;background:var(--black);letter-spacing:.025em}.terrain{position:fixed;inset:0;z-index:-2;overflow:hidden;background-color:#67452e;background-image:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.68)),linear-gradient(90deg,transparent 0 7%,#4d3222 7% 10%,transparent 10% 22%,#8e6240 22% 26%,transparent 26% 38%,#3c291d 38% 43%,transparent 43% 57%,#916544 57% 62%,transparent 62% 74%,#402b1e 74% 78%,transparent 78%),linear-gradient(90deg,#7d5438 0 11%,#583b29 11% 17%,#9b6b48 17% 25%,#6c482f 25% 36%,#8e5f3d 36% 45%,#4b3325 45% 51%,#9b6b48 51% 61%,#714b32 61% 72%,#9c6e48 72% 80%,#533726 80% 88%,#865a3c 88%);background-size:100% 100%,250px 48px,250px 48px}.terrain:before{content:"";position:absolute;inset:0 0 auto;height:122px;background:linear-gradient(180deg,rgba(0,0,0,.14),transparent),linear-gradient(90deg,#639242 0 8%,#80ae50 8% 15%,#4e7935 15% 25%,#88b958 25% 35%,#578539 35% 43%,#739e48 43% 55%,#4e7935 55% 64%,#86b558 64% 76%,#5b873a 76% 86%,#7aa84a 86%);background-size:100% 100%,240px 72px;border-bottom:16px solid #4b3322;box-shadow:0 16px 0 rgba(44,29,19,.5)}.terrain:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.16) 1px,transparent 1px);background-size:24px 24px;opacity:.68}.shell{max-width:1380px;margin:auto;padding:28px clamp(18px,4vw,56px) 26px}.topbar{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:38px}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}.brand-mark{display:grid;place-items:center;width:44px;height:44px;color:#12170d;background:var(--green);font:900 28px/1 Impact,"Arial Black",sans-serif;box-shadow:4px 4px 0 #3f2b1d}.brand strong,.brand small{display:block;font-family:Impact,"Arial Black",sans-serif;letter-spacing:.08em}.brand strong{font-size:22px}.brand small{color:var(--muted);font-size:9px;margin-top:2px}.header-actions,.server-status{display:flex;align-items:center;gap:12px}.server-status{padding:10px 14px;border:2px solid #443020;background:rgba(8,9,7,.84);color:var(--lime);font-size:11px;font-weight:800}.dot{width:8px;height:8px;background:var(--green);box-shadow:0 0 0 3px rgba(121,169,71,.18);animation:pulse 2s infinite}.power-button{appearance:none;border:2px solid #2e2118;padding:13px 17px;cursor:pointer;display:flex;align-items:center;gap:9px;color:#13170d;background:var(--green);box-shadow:4px 4px 0 #241912;font:800 11px/1 "Trebuchet MS",sans-serif;letter-spacing:.08em;transition:.15s}.power-button:hover{filter:brightness(1.13);transform:translate(-1px,-1px);box-shadow:5px 5px #241912}.power-button:active{transform:translate(3px,3px);box-shadow:1px 1px #241912}.power-button:disabled{cursor:wait;opacity:.75}.power-icon{font-size:18px;line-height:.6}main{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.card{position:relative;overflow:hidden;padding:28px;background:linear-gradient(145deg,var(--panel2),var(--panel));border:3px solid #160f0b;outline:1px solid var(--line);box-shadow:inset 0 0 0 2px rgba(135,91,55,.22),0 12px 0 rgba(15,10,7,.6),0 23px 45px rgba(0,0,0,.34)}.card:after{content:"";position:absolute;width:80px;height:80px;right:-1px;top:-1px;border-right:3px solid rgba(157,204,90,.38);border-top:3px solid rgba(157,204,90,.38);opacity:.35;pointer-events:none}.hero{grid-column:span 2;min-height:250px;display:flex;justify-content:space-between;align-items:center;padding:38px clamp(28px,5vw,70px);background:linear-gradient(100deg,rgba(12,15,10,.96),rgba(40,28,18,.91))}.hero:before{content:"";position:absolute;inset:auto 0 0;height:34%;opacity:.9;background:linear-gradient(90deg,#69452e 0 10%,#513622 10% 20%,#7e5537 20% 30%,#4d3422 30% 40%,#825838 40% 50%,#4c3321 50% 60%,#744c31 60% 70%,#442e20 70% 80%,#795036 80%);background-size:160px 100%}.hero>*{position:relative;z-index:1}.eyebrow{color:var(--lime);font-size:10px;font-weight:800;letter-spacing:.15em;margin-bottom:8px}.hero h1{max-width:650px;font:900 clamp(34px,5vw,64px)/.96 Impact,"Arial Black",sans-serif;letter-spacing:.025em;text-transform:uppercase}.hero h1 em{color:var(--lime);font-style:normal}.hero-copy{color:#d8cfbb;margin-top:16px;font-size:14px}.status-orb{flex:none;display:grid;place-items:center;align-content:center;width:156px;height:156px;border:7px solid var(--green);background:rgba(7,9,6,.84);box-shadow:0 0 0 8px rgba(121,169,71,.13),inset 0 0 35px rgba(121,169,71,.14)}.status-orb strong{margin-top:8px;color:var(--lime);font:900 25px Impact,"Arial Black",sans-serif;letter-spacing:.08em}.status-orb small{margin-top:5px;color:var(--muted);font-size:8px;font-weight:bold}.orb-dot{width:10px;height:10px;background:var(--green);box-shadow:0 0 14px var(--green)}.section-heading{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:26px}.section-heading h2{font:900 28px/1 Impact,"Arial Black",sans-serif;letter-spacing:.055em;text-transform:uppercase}.chip,.player-count{padding:6px 8px;border:1px solid rgba(157,204,90,.3);color:var(--lime);background:rgba(121,169,71,.1);font-size:8px;font-weight:bold;letter-spacing:.09em;white-space:nowrap}.metric-list{display:grid;gap:22px}.metric-label{display:flex;align-items:center;gap:10px;color:#e3d6bd;font-size:11px;font-weight:800}.metric-label strong{margin-left:auto;color:var(--ink);font-size:16px}.metric-icon{display:grid;place-items:center;width:26px;height:26px;color:#16130d;background:var(--lime);font-size:16px}.ram{background:#bd8b5c}.tps{background:#80a95a}.meter{height:10px;margin-top:9px;padding:2px;background:#090a07;border:1px solid #503726}.meter-fill{display:block;height:100%;width:var(--value);max-width:100%;background:var(--green);box-shadow:0 0 8px rgba(121,169,71,.45);transition:width .5s ease}.ram-fill{background:#bd8457;box-shadow:0 0 8px rgba(189,132,87,.38)}.tps-fill{background:#9dcc5a;box-shadow:0 0 8px rgba(157,204,90,.4)}.clock{padding:16px 0 24px;border-bottom:1px solid var(--line)}.clock span{display:block;font:900 clamp(34px,4vw,52px)/1 Impact,"Arial Black",sans-serif;letter-spacing:.07em}.clock small,.uptime-box small{color:var(--muted);display:block;margin-top:8px;font-size:9px;font-weight:bold;letter-spacing:.12em}.uptime-box{display:flex;gap:13px;align-items:center;padding-top:22px}.uptime-icon{display:grid;place-items:center;width:38px;height:38px;color:#171109;background:#a9764c;font-size:20px}.uptime-box strong{display:block;margin-top:5px;font:900 19px/1 Impact,"Arial Black",sans-serif;letter-spacing:.06em}.players-card{grid-column:span 2}.player-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.player{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #443020;background:rgba(4,5,4,.48)}.player-avatar{display:grid;place-items:center;width:31px;height:31px;flex:none;color:#18150c;background:var(--green);font:900 14px Impact,"Arial Black",sans-serif}.player-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:bold}.player-state{color:var(--green);margin-left:auto;font-size:8px;font-weight:bold}.empty-state{grid-column:1/-1;padding:20px;color:var(--muted);text-align:center;font-size:12px;background:rgba(5,6,4,.42);border:1px dashed #60422c}footer{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:25px;color:#b29c79;font-size:9px;font-weight:bold;letter-spacing:.1em;text-align:center}.footer-block{width:8px;height:8px;background:var(--brown)}.toast{position:fixed;left:50%;bottom:24px;z-index:5;transform:translate(-50%,140px);padding:12px 18px;background:#1c160f;border:2px solid var(--green);box-shadow:4px 4px #090705;color:var(--ink);font-size:12px;font-weight:bold;transition:transform .25s ease}.toast.visible{transform:translate(-50%,0)}.offline .dot,.offline .orb-dot{background:var(--red);box-shadow:0 0 14px var(--red)}.offline .status-orb{border-color:var(--red);box-shadow:0 0 0 8px rgba(223,93,75,.1),inset 0 0 35px rgba(223,93,75,.1)}.offline .status-orb strong,.offline #statusLabel{color:#ff9f93}@keyframes pulse{50%{transform:scale(1.3);opacity:.65}}@media(max-width:700px){.shell{padding-top:18px}.topbar{align-items:flex-start;margin-bottom:24px}.header-actions{align-items:flex-end;flex-direction:column;gap:8px}.server-status{padding:7px 9px}.power-button{padding:10px 12px}.brand strong{font-size:18px}main{grid-template-columns:1fr}.hero,.players-card{grid-column:auto}.hero{align-items:flex-start;flex-direction:column;gap:25px;padding:30px}.status-orb{width:124px;height:124px}.card{padding:22px}.clock span{font-size:39px}}