@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&family=VT323&display=swap";:root{color:#eaf0df;font-synthesis:none;background:#101a16;font-family:Space Grotesk,sans-serif}*{box-sizing:border-box}body{background:#101a16;min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}.page-shell{background:#f0eee4;min-height:100vh;overflow:hidden}.topbar{z-index:4;background:#14231b;align-items:center;gap:25px;height:76px;padding:0 clamp(22px,6vw,94px);display:flex;position:relative}.brand{color:#f7f6ec;letter-spacing:1px;align-items:center;gap:11px;font-family:VT323,monospace;font-size:30px;text-decoration:none;display:flex}.brand>span:last-child span{color:#93c764}.brand-mark{grid-template-columns:repeat(3,1fr);align-items:end;gap:2px;width:28px;height:28px;display:grid;transform:skewY(-8deg)}.brand-mark i{background:#84b857;border:2px solid #b2dc77;border-bottom:4px solid #37562d;height:70%;display:block}.brand-mark i:nth-child(2){height:100%}.brand-mark i:nth-child(3){height:50%}.server-status{color:#c4d4c1;margin-left:auto;font-family:DM Mono,monospace;font-size:11px}.server-status b{color:#5b715e;margin:0 6px}.status-dot,.online-light{background:#91dd68;width:7px;height:7px;margin-right:8px;display:inline-block;box-shadow:0 0 0 3px #315333}.profile{color:#fff;background:0 0;border:0;border-left:1px solid #324538;align-items:center;gap:9px;padding:7px 0 7px 24px;font-size:12px;display:flex}.profile span{color:#44351d;background:#dbad5a;place-items:center;width:29px;height:29px;font:17px VT323;display:grid}.profile i{color:#89a087;font-style:normal}.hero{background:#c4e6e9;min-height:354px;padding:56px clamp(22px,10.3vw,160px) 0;display:flex;position:relative;overflow:hidden}.hero-copy{z-index:2;width:435px;position:relative}.eyebrow{color:#5d8761;letter-spacing:1.5px;margin:0 0 13px;font:500 11px DM Mono,monospace}.hero h1{color:#213a2a;letter-spacing:-3px;margin:0;font-size:clamp(44px,5vw,68px);line-height:.91}.hero h1 em{color:#4b863d;font-style:normal}.intro{color:#4d6551;max-width:385px;margin:18px 0 19px;font-size:14px;line-height:1.5}.server-address{color:#32523a;background:#eff3e6;width:max-content;max-width:100%;padding:9px 9px 9px 12px;font:12px DM Mono,monospace;box-shadow:4px 4px #94b8b1}.server-address button{color:#548546;letter-spacing:1px;background:0 0;border:0;border-left:1px solid #c6d8c9;margin-left:14px;padding-left:13px;font:500 10px DM Mono}.terrain{position:absolute;inset:0 0 0 42%}.cloud{opacity:.7;background:#e7f2eb;width:115px;height:17px;position:absolute;top:64px;left:14%;box-shadow:20px -16px #e7f2eb,52px -5px #e7f2eb}.cloud-two{top:129px;left:61%;transform:scale(.6)}.mountain{position:absolute;bottom:41px;transform:rotate(45deg)}.mountain.far{background:#83a984;width:230px;height:230px;right:29%;box-shadow:-22px -22px #a7c59b}.mountain.near{background:#59865f;width:325px;height:325px;bottom:-81px;right:-25px;box-shadow:-25px -25px #83ab78}.grass-line{background:#496f3a;height:45px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -7px #7aaa51}.tree{z-index:1;position:absolute;bottom:42px}.tree span{background:#674929;width:22px;height:79px;margin:auto;display:block}.tree i{background:#315f3d;width:91px;height:89px;display:block;position:absolute;bottom:45px;left:-35px;box-shadow:18px -17px #467c43,-18px 4px #40713e}.tree-one{right:20%}.tree-two{transform-origin:bottom;right:6%;transform:scale(.68)}.workspace{color:#24352a;max-width:1080px;margin:0 auto;padding:52px 26px 65px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:20px;display:flex}.section-heading .eyebrow{margin-bottom:7px}.section-heading h2{letter-spacing:-1px;margin:0;font-size:30px}.member-count{color:#6a796a;letter-spacing:1px;padding-bottom:4px;font:10px DM Mono}.management-grid{grid-template-columns:340px 1fr;align-items:start;gap:19px;display:grid}.add-card,.list-card{background:#fffefa;border:1px solid #e2e1d7;box-shadow:5px 5px #d5d3c5}.add-card{padding:29px}.card-icon{color:#fff;background:#86b964;place-items:center;width:33px;height:33px;margin-bottom:20px;font-size:25px;font-weight:300;display:grid}.add-card h3,.list-card h3{letter-spacing:-.4px;margin:0;font-size:19px}.add-card p,.list-card p{color:#79857b;margin:6px 0 23px;font-size:12px;line-height:1.5}.add-card label{color:#637364;letter-spacing:1px;margin:15px 0 7px;font:10px DM Mono;display:block}.add-card input{color:#334536;background:#fbfcf8;border:1px solid #d6dbd0;outline:none;width:100%;padding:11px;font-size:13px}.add-card input:focus{border-color:#76a860;box-shadow:0 0 0 2px #dfedd5}.primary-button{color:#fff;letter-spacing:.4px;background:#4e843d;border:0;justify-content:space-between;align-items:center;width:100%;margin-top:23px;padding:13px 15px;font:500 11px DM Mono;display:flex;box-shadow:inset 0 -3px #37642e}.primary-button:hover{background:#5c944a}.primary-button:disabled,.remove:disabled{opacity:.6;cursor:wait}.primary-button span{font-size:17px}.add-card small{color:#8b968c;text-align:center;margin-top:15px;font-size:10px;display:block}.add-card small b{color:#6da858}.list-card{min-height:410px;padding:28px 29px 12px}.list-header{border-bottom:1px solid #ecece5;justify-content:space-between;align-items:flex-start;display:flex}.list-header p{margin-bottom:20px}.refresh{color:#658b55;letter-spacing:.4px;background:0 0;border:0;font:500 10px DM Mono}.refresh:first-letter{font-size:17px}.notice{margin:16px 0 3px;padding:10px 11px;font-size:12px}.notice.success{color:#44733e;background:#e5f1df}.notice.error{color:#a14b39;background:#f8e1d9}.player-row{border-bottom:1px solid #edede7;align-items:center;min-height:74px;display:flex}.avatar{background:var(--avatar);color:#fff;border:2px solid #fff;outline:1px solid #d5dbd2;place-items:center;width:35px;height:35px;font:21px VT323;display:grid}.player-data{gap:3px;margin-left:13px;display:grid}.player-data strong{font-size:13px}.player-data span{color:#8a938b;font-size:10px}.remove{color:#b5beb2;background:0 0;border:1px solid #0000;width:27px;height:27px;margin-left:auto;font-size:22px;line-height:1}.remove:hover{color:#ba5948;background:#fff3f0;border-color:#edc9c1}.empty{color:#8a938b;padding:25px 0;font-size:13px}.page-shell footer{color:#b6c5b2;letter-spacing:.2px;background:#17271d;justify-content:center;align-items:center;gap:9px;min-height:52px;font:10px DM Mono;display:flex}.page-shell footer span{color:#9dcc64;font-size:15px}.page-shell footer i{background:#4c6151;width:1px;height:10px;margin:0 3px}@media (width<=700px){.topbar{height:64px;padding:0 20px}.server-status,.profile b,.profile i{display:none}.profile{margin-left:auto;padding-left:15px}.hero{min-height:360px;padding:47px 25px 0}.terrain{opacity:.55;left:25%}.hero-copy{width:100%}.management-grid{grid-template-columns:1fr}.workspace{padding:38px 18px 48px}.list-card,.add-card{padding:23px 20px}.refresh span{display:none}.member-count{font-size:9px}.server-address{font-size:10px}.server-address button{margin-left:7px;padding-left:7px}.page-shell footer{text-align:center;padding:10px 20px;line-height:1.6}.page-shell footer i{display:none}}