@font-face{font-family:Pixel;src:url('/VT323-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{color-scheme:dark;--text:#f5f5f5;--muted:#c9c5bf;--green:#a7e879;--line:#56534e;--yellow:#ffff55}
*{box-sizing:border-box}
html{font-size:100%;min-height:100%;background:#34261c;scroll-behavior:smooth}
body{margin:0;padding:36px 20px;font-family:Pixel,'Courier New',monospace;font-size:1.5rem;line-height:1.2;color:var(--text);text-shadow:2px 2px #202020;background-image:linear-gradient(#0003,#0003),url('/dirt.svg');min-height:100vh}
main{max-width:1040px;margin:auto;background:#111e;border:3px solid #15120f;box-shadow:0 0 0 2px #625444,8px 8px 0 #0005}
.title-screen{text-align:center;padding:28px 28px 26px;border-bottom:2px solid #514333;background:linear-gradient(#161916cc,#161616bb)}
.eyebrow{font-size:1.15rem;letter-spacing:.17em;color:#c9c5bf;margin:0 0 2px}
h1{font-family:Pixel,monospace;font-size:clamp(4.8rem,12vw,7.8rem);font-weight:400;line-height:.94;letter-spacing:-.03em;margin:10px 0 0;color:#d4d4d4;text-shadow:0 3px #858585,0 6px #535353,0 9px #303030,5px 11px #000;transform:scaleX(1.08)}
h1 span{color:#9a9a9a}
.splash{display:inline-block;color:var(--yellow);font-size:1.35rem;margin:18px 0 6px;transform:rotate(-4deg);text-shadow:2px 2px #4c3f00}
.welcome{max-width:680px;margin:12px auto 0;color:#ddd9d3;font-size:1.4rem}
.content{display:grid;grid-template-columns:.94fr 1.06fr;gap:0}
.server-info{padding:28px 28px 26px;text-align:center}
h2{font-size:1.85rem;font-weight:400;line-height:1.1;margin:14px 0 10px}
h3{font-size:1.6rem;font-weight:400;margin:0 0 14px}
p{margin:10px 0 18px}
.server-info>p{color:var(--muted)}
.grass-block{height:48px;width:52px;margin:0 auto;background:#805332;border:3px solid #20160d;box-shadow:4px 4px 0 #000;position:relative;background-image:linear-gradient(90deg,transparent 40%,#684025 40% 60%,transparent 60%),linear-gradient(0deg,transparent 40%,#986a40 40% 60%,transparent 60%);background-size:18px 17px;image-rendering:pixelated}
.grass-block:before{content:'';position:absolute;left:-3px;right:-3px;top:-3px;height:16px;background:#6d9c35;border:3px solid #293a1b;box-shadow:inset 0 4px #90b949}
.grass-block:after{content:'';position:absolute;top:12px;left:8px;width:8px;height:6px;background:#6d9c35;box-shadow:16px 0 #6d9c35}
.server-address{padding:16px 12px 14px;margin:24px 0 14px;background:#080808;box-shadow:inset 2px 2px #000;border:2px solid #706b61}
.label{display:block;font-size:1.05rem;letter-spacing:.04em;color:#bab6af;margin-bottom:8px}
.server-address strong{font-weight:400;color:var(--green);font-size:1.4rem;overflow-wrap:anywhere;display:block;user-select:all}
.mc-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 14px;font:inherit;line-height:1.1;text-align:center;color:#fff;background:#727272;border:2px solid #060606;box-shadow:inset 2px 2px #aaa,inset -2px -2px #404040,0 2px #000;text-shadow:2px 2px #333;text-decoration:none;cursor:pointer;min-height:48px}
.mc-button:hover{background:#8585bb;box-shadow:inset 2px 2px #b6b6e1,inset -2px -2px #494972;color:#ffffb3}
.mc-button:active{top:1px;box-shadow:inset 2px 2px #404040,inset -2px -2px #aaa}
.mc-button:disabled{opacity:.65;cursor:wait}
.mc-button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
.copy-button{font-size:1.2rem;margin-top:15px;min-height:40px;padding:8px}
.discord-button{background:#606598;box-shadow:inset 2px 2px #959bc8,inset -2px -2px #3c405e}
.discord-button svg{width:24px;height:24px;flex:none;filter:drop-shadow(2px 2px #30304f)}
.discord-caption{font-size:1.2rem;margin:12px 0 0;color:var(--muted)}
.how-to-join{border-top:2px solid #42403a;text-align:left;margin-top:26px;padding-top:22px}
.how-to-join ol{padding:0;margin:0;list-style:none;display:grid;gap:16px;font-size:1.3rem;color:#ddd9d3}
.how-to-join li{display:flex;align-items:flex-start;gap:13px}
.how-to-join li>span{border:2px solid #626054;background:#2b2d25;color:var(--green);padding:2px 8px;min-width:32px;text-align:center}
.application-panel{border-left:2px solid #514333;padding:28px;background:#242424bf}
.panel-heading .label{color:var(--green);font-size:1.05rem;margin-bottom:4px}
.panel-heading h2{margin:0}
.form-intro{font-size:1.25rem;color:var(--muted);margin:10px 0 22px}
.name-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{margin-bottom:16px;min-width:0}
.field label{display:block;margin-bottom:6px;font-size:1.3rem}
input:not([type=checkbox]),select{font:inherit;font-size:1.35rem;color:#fff;text-shadow:1px 1px #222;border:2px solid #929292;border-top-color:#555;border-left-color:#555;border-radius:0;background:#080808;width:100%;padding:9px 10px;min-height:44px}
select{cursor:pointer}
input:hover,select:hover{border-color:#aaa}
input:focus,select:focus{border-color:#fff}
.hint{font-size:1.12rem;color:var(--muted);line-height:1.25;margin:6px 0 0}
.consent{display:flex;gap:10px;font-size:1.1rem;line-height:1.25;color:#d3cec7;margin:20px 0;cursor:pointer}
.consent input{accent-color:#76a844;width:20px;height:20px;flex:none;margin:2px 0 0}
.submit-button{background:#568137;box-shadow:inset 2px 2px #88ae65,inset -2px -2px #334d22;min-height:52px}
.submit-button:hover{background:#699e42;box-shadow:inset 2px 2px #a0c37b,inset -2px -2px #3c5e27}
.form-message{font-size:1.2rem;padding:12px;border:2px solid #bdae67;background:#2b2819;line-height:1.25;overflow-wrap:anywhere;margin:16px 0 0}
.form-message.error{color:#ffd1d1;background:#351c1c;border-color:#a16060}
.success-state{border:2px solid #7ba858;background:#1d2d18;padding:24px 18px;margin-top:24px;text-align:center}
.success-icon{color:var(--green);font-size:3rem}
.success-state h3{margin:8px 0;color:var(--green)}
.success-state p{font-size:1.25rem;color:#dfebd6}
footer{text-align:center;border-top:2px solid #514333;padding:16px;font-size:1.1rem;color:#b5afa5}
footer>span{padding:0 4px}.footer-note{color:#aaa399}
.honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);pointer-events:none}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
[hidden]{display:none!important}
@media(max-width:720px){body{padding:16px 10px}.title-screen{padding:24px 18px}.content{grid-template-columns:1fr}.server-info{padding:24px 20px}.application-panel{padding:24px 20px;border-left:0;border-top:2px solid #514333}.server-info>p{max-width:450px;margin-left:auto;margin-right:auto}.server-address,.discord-button,.discord-caption,.how-to-join{max-width:440px;margin-left:auto;margin-right:auto}h1{font-size:clamp(4.2rem,17vw,7rem)}.eyebrow{letter-spacing:.08em}.welcome{font-size:1.25rem}.footer-note{display:block;margin-top:5px}}
@media(max-width:380px){.name-fields{grid-template-columns:1fr;gap:0}.server-info,.application-panel{padding:22px 15px}.eyebrow{font-size:1rem}.server-address strong{font-size:1.2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
