:root{color-scheme:light;--sand-deep: #E2C68C;--sand: #FCF6D8;--sand-input: #F6EAC0;--ink: #2E2A18;--ink-dim: #6E6446;--teal: #00A8B4;--orange: #FC5A00;--gold: #FCC600;--olive: #9CB418;--font-display: "Archivo", "Arial Black", system-ui, sans-serif;--font-body: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;font-family:var(--font-body);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}button,input{font:inherit}.gate{position:relative;min-height:100vh;color:var(--ink);background:var(--sand-deep)}.arena{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.arena-splat{position:absolute;fill:currentColor;animation:splat-settle .76s cubic-bezier(.22,1,.36,1) backwards}.arena-splat--a{top:-4%;left:-3%;width:clamp(130px,15vw,210px);color:var(--teal);opacity:.9;rotate:-14deg;animation-delay:40ms}.arena-splat--b{right:-4%;bottom:-5%;width:clamp(150px,18vw,250px);color:var(--orange);opacity:.85;rotate:26deg;animation-delay:.1s}.arena-splat--c{bottom:12%;left:7%;width:clamp(72px,9vw,120px);color:var(--olive);opacity:.9;rotate:142deg;animation-delay:.16s}.arena-splat--d{top:13%;right:11%;width:clamp(54px,6.5vw,88px);color:var(--gold);opacity:1;rotate:58deg;animation-delay:.22s}.arena-splat--e{top:46%;left:-2%;width:clamp(46px,5.5vw,74px);color:var(--orange);opacity:.8;rotate:-70deg;animation-delay:.28s}.arena-splat--f{bottom:-9%;left:17%;width:clamp(96px,12vw,165px);color:var(--gold);opacity:.75;rotate:6deg;animation-delay:.34s}.arena-splat--g{top:6%;left:34%;width:clamp(40px,5vw,64px);color:var(--teal);opacity:.7;rotate:96deg;animation-delay:.4s}@keyframes splat-settle{0%{opacity:0;scale:.86}}.gate-main{position:relative;z-index:1;display:grid;place-items:center;align-content:center;gap:20px;min-height:100vh;padding:40px 20px}.server-state{display:inline-flex;align-items:center;gap:9px;margin:0;color:var(--ink);font-family:var(--font-display);font-size:11px;font-weight:700;font-variation-settings:"wdth" 112;letter-spacing:.18em;text-transform:uppercase}.server-dot{width:9px;height:9px;border:2px solid var(--ink);border-radius:50%;background:var(--sand);transition:background .2s ease}.server-state[data-state=up] .server-dot{background:var(--olive)}.server-state[data-state=down] .server-dot{background:var(--orange)}.panel{width:min(486px,100%);padding:clamp(26px,3.8vw,38px);border:2px solid var(--ink);border-radius:18px;overflow:hidden;background:var(--sand);box-shadow:6px 6px 0 var(--ink);animation:panel-rise .62s cubic-bezier(.22,1,.36,1) backwards}@keyframes panel-rise{0%{opacity:0;translate:0 12px}}.tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px;padding:6px 0}.tabs-splat{position:absolute;top:50%;left:0;width:50%;color:var(--gold);pointer-events:none;translate:0 -50%;transition:transform .42s cubic-bezier(.34,1.5,.64,1)}.tabs[data-active=register] .tabs-splat{transform:translate(100%)}.tabs-splat svg{display:block;width:110%;height:auto;margin-left:-5%;fill:currentColor}.tab{position:relative;z-index:1;padding:6px 2px;border:0;background:transparent;color:var(--ink-dim);font-family:var(--font-display);font-size:clamp(21px,3.2vw,27px);font-weight:800;font-variation-settings:"wdth" 115;letter-spacing:.005em;line-height:1.1;text-transform:uppercase;cursor:pointer;transition:color .2s ease}.tab:hover:not([aria-selected=true]){color:var(--ink)}.tab[aria-selected=true]{color:var(--ink)}.tab:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:6px}.panel-lead{margin:0 0 26px;max-width:36ch;color:var(--ink-dim);font-size:15px;line-height:1.55}.field{display:block;margin-bottom:16px}.field-label{display:block;margin:0 0 7px 2px;color:var(--ink);font-family:var(--font-display);font-size:11px;font-weight:700;font-variation-settings:"wdth" 112;letter-spacing:.16em;text-transform:uppercase}.input-shell{display:flex;align-items:center;min-height:50px;border:2px solid var(--ink);border-radius:11px;background:var(--sand-input);transition:box-shadow .14s ease}.input-shell:focus-within{box-shadow:0 0 0 3px var(--teal)}.input-shell input{flex:1;min-width:0;height:46px;padding:0 14px;border:0;outline:0;background:transparent;color:var(--ink);font-size:15px}.input-shell input::placeholder{color:#a69868}.pw-toggle{display:grid;place-items:center;width:40px;height:40px;margin-right:4px;border:0;border-radius:8px;background:transparent;color:var(--ink-dim);cursor:pointer;transition:color .14s ease,background .14s ease}.pw-toggle:hover{color:var(--ink);background:rgba(46,42,24,.08)}.pw-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.pw-toggle svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.9}.input-hint{display:block;margin:6px 0 0 2px;color:var(--ink-dim);font-size:12px}.form-message{max-height:0;margin:0;overflow:hidden;color:#c43a00;font-size:13px;font-weight:500;line-height:1.45;opacity:0;transition:max-height .18s ease,margin .18s ease,opacity .18s ease}.form-message.is-visible{max-height:72px;margin:2px 2px 14px;opacity:1}.action{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:54px;margin-top:8px;border:2px solid var(--ink);border-radius:12px;background:var(--teal);color:var(--ink);font-family:var(--font-display);font-size:13px;font-weight:800;font-variation-settings:"wdth" 112;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;box-shadow:4px 4px 0 var(--ink);transition:translate .13s ease,box-shadow .13s ease}.action:hover:not(:disabled){translate:-2px -2px;box-shadow:6px 6px 0 var(--ink)}.action:active:not(:disabled){translate:2px 2px;box-shadow:1px 1px 0 var(--ink)}.action:disabled{cursor:wait;opacity:.65;box-shadow:4px 4px 0 var(--ink);translate:0}.action:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.action>svg{width:19px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.action-spinner{display:none;width:18px;height:18px;border:2px solid rgba(46,42,24,.28);border-top-color:var(--ink);border-radius:50%;animation:spin .7s linear infinite}.action.is-loading .action-spinner{display:block}.action.is-loading .action-label,.action.is-loading>svg{display:none}@keyframes spin{to{rotate:360deg}}.play-page{margin:0;height:100vh;overflow:hidden;background:#000}.game-shell{height:100%;display:flex;align-items:center;justify-content:center}#openfl-content{height:100%;aspect-ratio:4 / 3;background:#000}#openfl-content canvas{display:block;width:100%!important;height:100%!important}.game-loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:var(--sand-deep);color:var(--ink);transition:opacity .26s ease,visibility .26s ease}.game-loader.is-hidden{visibility:hidden;opacity:0;pointer-events:none}.game-loader p{margin:0;color:var(--ink-dim);font-size:14px}.game-loader a{color:var(--ink);font-weight:600}.game-loader.has-error .loader-ring{border-top-color:var(--orange);animation:none}.loader-ring{width:30px;height:30px;border:3px solid rgba(46,42,24,.2);border-top-color:var(--teal);border-radius:50%;animation:spin .7s linear infinite}@media (max-width: 560px){.gate-main{padding:26px 16px;gap:16px}.panel{padding:22px 18px;border-radius:15px;box-shadow:5px 5px 0 var(--ink)}.tabs{margin-bottom:18px}.arena-splat--d,.arena-splat--e,.arena-splat--g{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}