@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap";:root{color:#f3f0e9;background:#090b12;font-family:DM Sans,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0}body{background:#090b12}#game{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}#clerk-user-button{position:fixed;top:1rem;right:1rem;z-index:20}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.login-shell{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 16% 83%,rgba(181,82,37,.19),transparent 25rem),radial-gradient(circle at 81% 37%,rgba(52,66,122,.18),transparent 29rem),#090b12}.login-shell:before,.login-shell:after{position:absolute;content:"";pointer-events:none}.login-shell:before{inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:4rem 4rem;mask-image:radial-gradient(circle at center,black,transparent 75%)}.login-shell:after{width:28rem;height:28rem;right:-9rem;bottom:-13rem;border:1px solid rgba(213,106,52,.22);border-radius:50%;box-shadow:0 0 0 3rem #d56a340a,0 0 0 6rem #d56a3406}.topbar,.login-layout,.footer{position:relative;z-index:1}.topbar{display:flex;justify-content:space-between;align-items:center;padding:2rem 5vw}.brand{display:inline-flex;gap:.75rem;align-items:center;text-decoration:none}.brand-mark{display:grid;place-items:center;width:2rem;height:2rem;transform:rotate(45deg);border:1px solid #d56a34}.brand-eye{width:.68rem;height:.68rem;background:#d56a34;border-radius:50% 0;box-shadow:0 0 1rem #d56a34}.brand-name{font:700 .8rem/1 Barlow Condensed,sans-serif;letter-spacing:.16em}.brand-name strong{color:#d56a34}.server-status{margin:0;color:#8c909b;font-size:.73rem;letter-spacing:.09em;text-transform:uppercase}.status-dot{display:inline-block;width:.42rem;height:.42rem;margin-right:.4rem;background:#78ba76;border-radius:50%;box-shadow:0 0 .65rem #78ba76}.login-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(21rem,27rem);gap:clamp(4rem,12vw,13rem);align-items:center;max-width:78rem;min-height:calc(100vh - 9rem);margin:0 auto;padding:3rem 5vw 6rem}.intro{animation:reveal .8s cubic-bezier(.16,1,.3,1) both}.eyebrow,.panel-kicker{margin:0 0 1.4rem;color:#d56a34;font-size:.7rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase}h1,h2{font-family:Barlow Condensed,sans-serif}h1{max-width:8ch;margin:0;color:#eee9df;font-size:clamp(4.4rem,9.5vw,8.6rem);font-weight:600;letter-spacing:-.08em;line-height:.8}h1 em{color:#d56a34;font-style:normal}.intro-copy{max-width:25rem;margin:2rem 0 0;color:#a7a5a1;font-size:1.05rem;line-height:1.6}.round-note{display:inline-flex;align-items:center;gap:.7rem;margin-top:2.4rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.12);color:#b6b3ad;font-size:.82rem}.round-note strong{color:#eee9df}.round-note-icon{color:#d56a34;font-size:1.15rem}.login-panel{animation:reveal .8s .12s cubic-bezier(.16,1,.3,1) both;padding:clamp(1.7rem,4vw,2.5rem);background:#12151fe0;border:1px solid rgba(255,255,255,.12);box-shadow:1.3rem 1.6rem 4rem #00000054}.panel-heading{padding-bottom:1.7rem;border-bottom:1px solid rgba(255,255,255,.1)}.panel-kicker{margin-bottom:.8rem;color:#8d929e;letter-spacing:.16em}h2{margin:0;color:#f3f0e9;font-size:1.9rem;letter-spacing:-.045em}.panel-heading p:last-child{margin:.55rem 0 0;color:#8d929e;font-size:.9rem}.auth-note{margin:1rem 0 0;color:#737681;font-size:.72rem;line-height:1.5;text-align:center}#clerk-sign-in{padding-top:1.4rem}#clerk-sign-in .cl-card{width:100%;background:transparent;border:0;box-shadow:none}#clerk-sign-in .cl-headerTitle,#clerk-sign-in .cl-headerSubtitle{display:none}#clerk-sign-in button{border-radius:0}.login-form{display:grid;gap:1.15rem;padding-top:1.65rem}.field{display:grid;gap:.5rem;color:#bbb9b3;font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.field input{width:100%;padding:.92rem 0;color:#f3f0e9;background:transparent;border:0;border-bottom:1px solid #41434e;border-radius:0;outline:0}.field input::placeholder{color:#686b77}.field input:focus{border-bottom-color:#d56a34;box-shadow:0 1px #d56a34}.password-wrap{position:relative}.password-wrap input{padding-right:3.8rem}.password-toggle{position:absolute;right:0;bottom:.7rem;padding:.25rem 0;color:#9396a1;background:none;border:0;cursor:pointer;font-size:.72rem}.password-toggle:hover,.password-toggle:focus-visible{color:#d56a34}.form-meta{display:flex;justify-content:space-between;align-items:center;gap:1rem;color:#858894;font-size:.72rem}.form-meta a,.signup-copy a{color:#d88a5e;text-underline-offset:.2em}.check-label{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer}.check-label input{position:absolute;opacity:0}.fake-check{width:.88rem;height:.88rem;border:1px solid #565865}.check-label input:checked+.fake-check{background:#d56a34;border-color:#d56a34;box-shadow:inset 0 0 0 3px #12151f}.submit-button,.guest-button{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;cursor:pointer}.submit-button{padding:1rem 1.1rem;color:#171116;background:#d56a34;font-weight:700}.submit-button:hover,.submit-button:focus-visible{background:#e27f46;box-shadow:0 .65rem 1.4rem #d56a3433}.button-arrow{font-size:1.25rem}.submit-button:focus-visible,.guest-button:focus-visible,.password-toggle:focus-visible,.form-meta a:focus-visible,.signup-copy a:focus-visible{outline:2px solid #f0b18a;outline-offset:3px}.form-message{min-height:1.1rem;margin:-.35rem 0 0;color:#8d929e;font-size:.76rem;line-height:1.45}.form-message.error{color:#f19b84}.form-message.success{color:#98cf9d}.divider{display:flex;align-items:center;gap:.8rem;margin:1.3rem 0 .8rem;color:#686b77;font-size:.7rem;text-transform:uppercase}.divider:before,.divider:after{flex:1;height:1px;content:"";background:#ffffff1a}.guest-button{padding:.82rem 0;color:#d6d3cc;background:none;border-bottom:1px solid rgba(255,255,255,.1);font-size:.8rem}.guest-button:hover{color:#d56a34}.guest-button span{font-size:1rem}.signup-copy{margin:1.4rem 0 0;color:#737681;text-align:center;font-size:.74rem}.footer{display:flex;align-items:center;gap:.8rem;padding:0 5vw 1.5rem;color:#555966;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase}.footer-rule{width:2.5rem;height:1px;background:#363943}.dungeon-map{position:absolute;inset:0;opacity:.3;pointer-events:none}.map-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(111,121,164,.45),transparent);transform-origin:left center}.line-one{top:31%;left:3%;width:38%;transform:rotate(23deg)}.line-two{top:70%;left:9%;width:48%;transform:rotate(-17deg)}.line-three{top:18%;left:45%;width:38%;transform:rotate(72deg)}.map-node{position:absolute;width:.4rem;height:.4rem;border:1px solid #737da4;border-radius:50%}.node-one{top:40%;left:28%}.node-two{top:64%;left:43%}.node-three{top:29%;left:69%}.torch{position:absolute;width:1rem;height:1rem;background:#d56a34;border-radius:50%;filter:blur(7px);opacity:.4}.torch-one{top:23%;left:39%}.torch-two{right:14%;bottom:22%}@keyframes reveal{0%{opacity:0;transform:translateY(1.5rem);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@media(max-width:760px){.topbar{padding:1.5rem 1.4rem}.server-status{display:none}.login-layout{display:block;min-height:auto;padding:4rem 1.4rem}h1{font-size:clamp(4rem,21vw,6.5rem)}.intro-copy{max-width:20rem;margin-top:1.5rem}.round-note{margin-top:1.6rem}.login-panel{margin-top:3.5rem}.footer{padding:0 1.4rem 1.3rem;font-size:.56rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}