:root{color-scheme:light}body{margin:0;overflow:hidden;background:#2a241c}.page-shell{height:100vh;min-height:100vh;padding:0;display:flex;align-items:center;justify-content:center}.site-wrap{position:relative;width:min(100vw,calc(100vh * 760 / 440));max-width:none}.hero-shell{position:relative;width:100%;height:auto;aspect-ratio:760/440}.home-canvas{position:absolute;inset:0;width:100%;height:100%;background:#b69877}.account-bar{position:absolute;left:0;right:0;bottom:0;display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:6px 12px;font:12px Arial,sans-serif;color:#e4d3bb;background:rgba(20,12,6,.78)}.account-bar a,.account-bar button{color:#fff1cc;font:inherit}.account-bar button{border:0;background:none;padding:0;text-decoration:underline;cursor:pointer}#welcome{margin-right:auto}.register-hotspot{position:absolute;left:2.6%;top:34%;width:18%;height:12%}.register-hotspot:focus-visible{outline:3px solid #fff700}#loading-home{position:absolute;inset:40% 0 auto;text-align:center;color:#301c0d;background:#dac5a4;padding:12px}dialog{width:400px;max-width:calc(100vw - 28px);max-height:90vh;overflow:auto;padding:28px;border:4px ridge #907557;border-radius:3px;color:#2a1c10;background:#c7ad88;box-shadow:4px 5px 0 #17100b}dialog::backdrop{background:#21170dc9}dialog h1{font:bold 25px Impact,'Arial Narrow',Arial,sans-serif;text-transform:uppercase;color:#960900;margin:0 25px 18px 0}dialog p{font:14px/1.5 Arial,sans-serif}dialog label{display:block;font:bold 12px Arial;margin-top:14px}dialog input{display:block;width:100%;font:16px Arial;padding:8px;border:1px solid #67513d;background:#fff8e9;color:#21160c;margin-top:5px}dialog button[type=submit],.dialog-link{display:block;text-align:center;padding:10px;margin-top:18px;background:#a41106;border:1px solid #651d0e;color:#fff;text-decoration:none;font:bold 14px Arial;cursor:pointer}dialog button:disabled{opacity:.6}dialog a{color:#6b1707}dialog .discord{background:#414b9b;color:white}.close-dialog{position:absolute;right:8px;top:6px;font-size:24px;border:0;background:none;color:#4f190e;cursor:pointer}#form-status{font-weight:bold;min-height:20px;color:#8a1000}.keyboard-nav{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.keyboard-nav:focus-within{position:relative;clip-path:none;width:auto;height:auto;display:flex;gap:12px;flex-wrap:wrap}.keyboard-nav a{color:#fff}[hidden]{display:none!important}@media(max-width:540px){.page-shell{padding:10px 6px;min-height:100svh}.account-bar{gap:12px;font-size:13px}#welcome{width:100%}}
.hero-shell .home-canvas{position:absolute;inset:0}
.hero-shell{container-type:inline-size}
.panel-login,.panel-member{position:absolute;left:8.6%;top:48%;width:11%;z-index:2;display:flex;flex-direction:column;gap:.45cqw;font:bold 1cqw/1.15 Arial,sans-serif;color:#fff1cc;text-shadow:0 1px 3px rgba(0,0,0,.85)}
#inline-login{display:flex;flex-direction:column;gap:.45cqw;margin:0}
.panel-login input{width:100%;box-sizing:border-box;padding:.4cqw .55cqw;font:1.05cqw Arial,sans-serif;border:1px solid #5a0a04;background:#fff8e9;color:#21160c}
.panel-login button,.panel-discord,.panel-member a,.panel-member button{display:block;width:100%;box-sizing:border-box;text-align:center;padding:.45cqw .3cqw;font:bold .95cqw/1.1 Arial,sans-serif;text-transform:uppercase;color:#fff;background:#6e0b03;border:1px solid #3e0602;cursor:pointer;text-decoration:none;white-space:normal}
.panel-discord{background:#414b9b;border-color:#2b3370}
.panel-register{text-align:center;font:bold 1.05cqw Arial,sans-serif;color:#ffe08a;text-decoration:underline}
#inline-status{margin:0;min-height:1.1em;text-align:center;font:bold 1cqw Arial,sans-serif;color:#ffe08a}
#panel-name{margin:0 0 .2cqw;text-align:center;font:bold 1.5cqw Impact,'Arial Narrow',Arial,sans-serif;text-transform:uppercase;color:#fff}