.hero{position:relative;min-height:386px}.hero>h1,.hero>p,.hero>.eyebrow,.hero>.actions{max-width:calc(100% - 370px)}
.hero>.server-card{position:absolute;z-index:2;right:24px;top:24px;box-sizing:border-box;width:336px;padding:20px;border:1px solid #ddc49e;border-radius:12px;background:rgba(255,251,241,.68);box-shadow:0 5px 20px #7854200c;backdrop-filter:blur(2px);font-family:Arial,sans-serif;color:#332d24}
.server-card .server-card-head{display:flex;align-items:center;gap:7px;font-size:11px;letter-spacing:1px;font-weight:700;color:#88785e;text-transform:uppercase}.server-card .server-dot{width:8px;height:8px;border-radius:50%;background:#b59b70;flex-shrink:0}.server-card[data-state=online] .server-dot{background:#269150}.server-card[data-state=online] .server-card-head{color:#32764a}.server-card[data-state=passworded] .server-card-head{color:#9b702d}.server-card[data-state=passworded] .server-dot{background:#bd8b38}
.server-card .server-card-title{font-size:12px;margin:12px 0 0;color:#817360;line-height:1.4}.server-card .server-card-players{display:flex;align-items:baseline;gap:5px;line-height:1.2;margin:3px 0 15px}.server-card .server-card-players strong{font:700 35px/1.1 Arial,sans-serif;color:#302b24}.server-card .server-card-players span{font-size:13px;color:#776b58}
.server-card .server-card-ip{display:flex;gap:6px;align-items:center}.server-card input[data-server-address]{width:100%;min-width:0;height:35px;margin:0;padding:7px 9px;border:1px solid #e7d9c1;background:#fffaf254;color:#493a25;font:12px/1.4 Consolas,monospace;border-radius:6px}.server-card button[data-server-copy]{flex:0 0 35px;min-width:35px;max-width:62px;height:35px;padding:5px;border:1px solid #e2cfac;background:#fffbf1;color:#906b31;font-size:19px;border-radius:6px;overflow:hidden}
.server-card .server-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0}.server-card .server-card-version{color:#8c7d66;font-size:11px}.server-card .server-card-connect{padding:9px 12px;font-size:11px;line-height:1.4;border-radius:6px;background:linear-gradient(110deg,#efd39a,#dcae5e);color:#493219;font-weight:700;white-space:nowrap}.server-card .server-card-updated{display:block;text-align:right;color:#938570;font-size:9px;line-height:1.5;letter-spacing:0}.server-card noscript{display:block;font-size:11px;color:#86735a;margin-top:8px}
@media(max-width:1050px){.hero>h1,.hero>p,.hero>.eyebrow,.hero>.actions{max-width:calc(100% - 325px)}.hero>.server-card{width:300px;right:18px;top:22px;padding:16px}.hero h1{font-size:38px}}
@media(max-width:820px){.hero>h1,.hero>p,.hero>.eyebrow,.hero>.actions{max-width:100%}.hero>.server-card{position:relative;right:auto;top:auto;width:100%;max-width:390px;margin-top:28px}.hero h1{font-size:clamp(30px,6vw,42px)}.server-card .server-card-updated{text-align:left}}