/* Crownfall's dimensional game entrance. Presentation only; player state is untouched. */
.game-lobby{height:100svh;min-height:850px;max-height:1180px;perspective:1200px;background:#173b42;isolation:isolate;overflow:hidden}
.game-lobby .lobby-environment{position:absolute;inset:-3%;z-index:-5;transform:translate3d(calc(var(--px,0)*-12px),calc(var(--py,0)*-9px),0);will-change:transform}
.game-lobby .hero-image{inset:0;background-image:url('/assets/crownfall-lobby-v2.png');background-position:center;background-size:cover;animation:lobbyCamera 26s ease-in-out infinite alternate;filter:saturate(1.03)}
.game-lobby .hero-image::after{display:none}.lobby-vignette{position:absolute;inset:0;pointer-events:none;z-index:-3;background:linear-gradient(180deg,#091d3670 0%,#061c2420 19%,#061c2410 55%,#061c24b0 100%),radial-gradient(ellipse at 50% 49%,#07273040 0%,transparent 55%,#06161d55 100%)}
.lobby-mist{position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:.5;background:radial-gradient(ellipse at 10% 95%,#bddece44 0%,transparent 35%),radial-gradient(ellipse at 90% 100%,#7bc8c938 0%,transparent 38%);animation:mistDrift 20s ease-in-out infinite alternate}
#lobby-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
.site-header{height:86px;border-bottom:1px solid #eee2b429;margin:0 4.5%;text-shadow:0 2px 8px #000c}.site-header .brand>span{font-size:18px}.site-header .brand>img{width:37px;height:37px}.site-header nav a,.site-header nav button{color:#fff2d5;font-size:12px;font-weight:650}.header-cta{border:1px solid #d3ac6877;padding:10px 17px;background:linear-gradient(#153738bb,#112b32ee);box-shadow:inset 0 0 0 3px #06212866,0 4px 15px #0004;border-radius:4px;color:#ffe4a8;gap:20px}
.lobby-content{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:105px 24px 95px;position:relative;z-index:3;transform-style:preserve-3d;pointer-events:none}.lobby-brand{text-align:center;transform:translate3d(calc(var(--px,0)*4px),calc(var(--py,0)*3px),40px);filter:drop-shadow(0 10px 22px #0b1c2a66)}.lobby-crown{width:50px;height:50px;filter:drop-shadow(0 3px 0 #563a16) drop-shadow(0 0 18px #e5b86640);margin-bottom:0}
.lobby-title{font:700 clamp(62px,8vw,112px)/1.05 Cinzel,Georgia,serif;letter-spacing:-4px;margin:0;white-space:nowrap;color:#f1cf87;background:linear-gradient(180deg,#fff8d2 7%,#f5d491 32%,#c79542 62%,#ffe6a5 83%,#c49b52 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 0 #774c19) drop-shadow(0 4px 0 #473019) drop-shadow(0 7px 0 #2d261d) drop-shadow(0 11px 7px #071e2a99);transform:perspective(800px) rotateX(9deg)}
.lobby-ribbon{display:flex;align-items:center;justify-content:center;gap:20px;margin:19px auto 0;font:650 10px Manrope,sans-serif;letter-spacing:5px;color:#ffe6a5;text-shadow:0 2px 7px #04111c}.lobby-ribbon:before,.lobby-ribbon:after{content:'';width:54px;height:1px;background:linear-gradient(90deg,transparent,#e6c483)}.lobby-ribbon:after{transform:rotate(180deg)}.lobby-ribbon span{font-size:8px;letter-spacing:0}.lobby-tagline{font:500 14px Manrope,sans-serif;margin:17px 0 28px;color:#fff3d8;text-shadow:0 2px 8px #052632}
.lobby-menu{pointer-events:auto;position:relative;width:362px;padding:26px 29px 19px;background:linear-gradient(145deg,#153837f5,#08232af7 80%);border:1px solid #c6a36c;border-radius:10px;box-shadow:inset 0 0 0 4px #071c25b0,inset 0 0 0 5px #ddbe8024,0 5px 0 #081a1e,0 12px 45px #03151c9c,0 0 45px #22545325;transform:translate3d(calc(var(--px,0)*-2px),calc(var(--py,0)*-2px),25px);text-align:center;backdrop-filter:blur(12px)}
.menu-gem{position:absolute;top:-9px;left:calc(50% - 10px);width:20px;height:18px;color:#ecc988;background:#173431;font-size:14px;line-height:18px;text-shadow:0 0 10px #f2b34d}.lobby-online{display:flex;align-items:center;justify-content:center;gap:7px;color:#b8d9bb;font:700 7px Manrope,sans-serif;letter-spacing:1.7px}.lobby-online i{width:5px;height:5px;border-radius:50%;background:#a5db7a;box-shadow:0 0 7px #a5db7a66}.lobby-menu h2{font:600 24px/1.2 Cinzel,Georgia,serif;color:#f5e6c7;margin:14px 0 10px}.lobby-menu>p:not(.lobby-online){font:400 11px/1.85 Manrope,sans-serif;color:#c0cfc4;margin-bottom:19px}
.lobby-play{position:relative;display:flex;align-items:center;justify-content:center;width:100%;gap:13px;min-height:57px;border:1px solid #ffdfa1;border-radius:5px;background:linear-gradient(180deg,#f7d68f 0%,#e8bb64 50%,#c78d35 100%);box-shadow:inset 0 2px 0 #fff4cb,inset 0 -3px 0 #b0772c,0 4px 0 #523b1c,0 9px 25px #d39c3333;color:#39280f;font:800 19px/1 Manrope,sans-serif;letter-spacing:1.7px;transition:filter .2s,transform .2s,box-shadow .2s}.lobby-play img{width:26px;height:26px;filter:brightness(.28)}.lobby-arrow{position:absolute;right:19px;font-size:19px;font-weight:400}.lobby-play:hover{box-shadow:inset 0 2px 0 #fff4cb,inset 0 -3px 0 #b0772c,0 4px 0 #523b1c,0 10px 32px #e0ae4266;transform:translateY(-2px)}
.lobby-secondary{display:flex;gap:8px;margin-top:17px}.lobby-secondary button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #78928045;border-radius:4px;background:linear-gradient(#244641bb,#16332ecc);padding:10px 4px;font:600 9px Manrope,sans-serif;color:#e1d8be}.lobby-secondary img{width:15px;height:15px}.lobby-save{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:17px;font:600 6px Manrope,sans-serif;letter-spacing:1.1px;color:#a2b4a5}.lobby-save img{width:10px;height:10px;opacity:.7}.previous-save-link{display:block;font:11px/1.6 Manrope,sans-serif;color:#e5c38a;margin-top:12px}
.lobby-mode{position:absolute;z-index:4;bottom:146px;display:flex;gap:14px;align-items:center;color:#f7e5c0;text-shadow:0 2px 8px #000b}.lobby-mode.left{left:5%}.lobby-mode.right{right:5%}.lobby-mode>span{font:600 39px/1 Cinzel,serif;color:#efd08d}.lobby-mode>img{width:36px;height:36px;filter:drop-shadow(0 2px 5px #0009)}.lobby-mode>div{font:700 8px Manrope,sans-serif;letter-spacing:1.6px}.lobby-mode small{display:block;font:400 10px Manrope,sans-serif;letter-spacing:0;margin-top:5px;color:#d5dac5}
.game-lobby .hero-bottom{z-index:4;bottom:30px;left:5%;right:5%;color:#ece5cf;border-top:1px solid #edd3a13a;padding-top:19px;text-shadow:0 2px 5px #0009;font-size:7px}.lobby-motion{display:flex;align-items:center;gap:9px;border:0;background:none;font:600 7px Manrope,sans-serif;letter-spacing:1.5px;color:#dddac2;padding:6px}.lobby-motion span{font-size:14px;color:#eacb8b}.game-lobby .scroll-cue{font-size:7px;letter-spacing:1.5px}.game-lobby .scroll-cue>span{font-size:25px}
.realm-section{background:radial-gradient(ellipse at 50% 10%,#284a3b66,transparent 65%),#0b2226;position:relative;border-top:1px solid #c5ad6d66;max-width:none;padding-top:85px;padding-bottom:85px}.realm-section:before{content:'◆';position:absolute;top:-13px;left:calc(50% - 12px);background:#102a2b;color:#dbbe80;padding:0 7px;font-size:20px}.section-intro{max-width:1230px;margin-left:auto;margin-right:auto}.section-intro h2{color:#efe3c6}.strategy-grid{max-width:1230px;margin:0 auto;gap:22px;background:none;border:0;perspective:1100px}.strategy-grid article{border:1px solid #9a885a55!important;border-radius:9px;background:linear-gradient(145deg,#29423b99,#0b2228);box-shadow:inset 0 0 0 4px #071c2233,0 18px 40px #0003;transform-style:preserve-3d;will-change:transform;transition:box-shadow .2s}.strategy-grid article:hover{border-color:#cbaa6b!important;box-shadow:0 20px 45px #0005,0 0 22px #b38c3d17}.strategy-art{transform:translateZ(35px);filter:drop-shadow(0 15px 12px #0006)}.strategy-art img{filter:none!important;animation:gameObjectFloat 6s ease-in-out infinite}.strategy-grid article:nth-child(2) .strategy-art img{animation-delay:-2s}.strategy-grid article:nth-child(3) .strategy-art img{animation-delay:-4s}.strategy-grid article>button{color:#e3c58b}.chapter-no{color:#d6b572}
.army-section{background:radial-gradient(ellipse at 50% 70%,#2c433d88,transparent 70%),#0b1c23}.warrior-grid{gap:20px;perspective:1100px}.warrior{border:1px solid #9a885a55;border-radius:9px;background:linear-gradient(150deg,#34534855,#0a2027);box-shadow:inset 0 0 0 4px #071c2233,0 14px 30px #0003;transform-style:preserve-3d;transition:box-shadow .2s}.warrior:before{content:'';position:absolute;left:15%;right:15%;bottom:78px;height:25px;background:radial-gradient(ellipse,#080f12b0,transparent 70%);transform:rotateX(25deg)}.warrior>img{transform:translateZ(38px);filter:drop-shadow(0 12px 9px #0006)}.warrior:hover>img{transform:translateZ(52px) translateY(-7px)}.warrior>div{transform:translateZ(18px)}.warrior h3{color:#f5dfb0}.warrior-num{color:#d7bc85}.final-section{background:linear-gradient(#0b1c23f5,#10282aca,#0b1c23f0),url('/assets/crownfall-lobby-v2.png') center 58%/cover;position:relative}.final-section .cf-button{background:linear-gradient(#f7d68f,#c78d35);box-shadow:inset 0 2px #fff3bd,0 4px 0 #5c3d1d,0 12px 25px #0005;border-radius:5px}.final-mark img{filter:drop-shadow(0 6px 0 #54371d) drop-shadow(0 12px 15px #d2b47133)}
.lobby-paused .hero-image,.lobby-paused .lobby-mist,.lobby-paused .strategy-art img{animation-play-state:paused}.lobby-paused .lobby-environment,.lobby-paused .lobby-brand,.lobby-paused .lobby-menu{transform:none!important}
@keyframes lobbyCamera{from{transform:scale(1.02)}to{transform:scale(1.07)}}@keyframes mistDrift{from{transform:translateX(-2%)}to{transform:translateX(2%)}}@keyframes gameObjectFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(min-width:1600px){.lobby-title{font-size:120px}.lobby-menu{width:380px;padding:29px 30px 22px}.lobby-brand .lobby-tagline{font-size:15px}}
@media(max-width:1000px){.lobby-mode{bottom:120px}.lobby-mode.left{left:4%}.lobby-mode.right{right:4%}.lobby-mode small{display:none}.lobby-mode>div{font-size:6px}.lobby-mode>span{font-size:30px}.strategy-grid{gap:14px}.warrior-grid{gap:12px}}
@media(max-width:700px){.game-lobby{min-height:780px;max-height:1000px}.site-header{height:70px;margin:0 6%}.site-header .brand>span{font-size:14px}.site-header .brand>img{width:29px;height:29px}.site-header .header-cta{font-size:7px;padding:9px 10px;gap:10px}.site-header nav{display:none}.lobby-content{padding:96px 18px 91px}.lobby-title{font-size:clamp(42px,10.6vw,72px);letter-spacing:-1.9px}.lobby-crown{width:42px;height:42px}.lobby-ribbon{font-size:7px;letter-spacing:3px;gap:12px;margin-top:16px}.lobby-ribbon:before,.lobby-ribbon:after{width:25px}.lobby-ribbon span{font-size:6px}.lobby-tagline{font-size:11px;margin:17px 0 26px}.lobby-menu{width:330px;max-width:100%;padding:24px 24px 19px}.lobby-menu h2{font-size:24px}.lobby-menu>p:not(.lobby-online){font-size:11px}.lobby-play{min-height:56px;font-size:18px}.game-lobby .hero-image{background-position:54% center}.lobby-vignette{background:linear-gradient(#09242e70,transparent 35%,#081e27b0),radial-gradient(ellipse,#07252c50,transparent 80%)}.lobby-mode{display:none}.game-lobby .hero-bottom{bottom:23px;left:6%;right:6%;padding-top:15px}.game-lobby .hero-version{display:none}.game-lobby .scroll-cue,.lobby-motion{font-size:6px;letter-spacing:.8px}.lobby-motion span{font-size:12px}.strategy-grid{gap:16px}.strategy-grid article{padding:23px}.strategy-art{transform:none}.warrior-grid{gap:15px}.warrior>div p{font-size:6.5px}.warrior>img{height:138px}.realm-section{padding-top:60px;padding-bottom:60px}.army-section{padding-top:60px}.previous-save-link{font-size:10px}}
@media(max-width:370px){.lobby-title{font-size:40px}.lobby-menu{width:300px;padding-left:19px;padding-right:19px}.lobby-tagline{font-size:10px}.lobby-menu h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.game-lobby .hero-image,.lobby-mist,.strategy-art img{animation:none}.lobby-environment,.lobby-brand,.lobby-menu,[data-depth]{transform:none!important;will-change:auto!important}#lobby-particles{display:none}.game-lobby .lobby-play{transition:none}}

.modal:has(.entry-gate){width:min(780px,calc(100% - 32px));border:1px solid #c6a36c;background:radial-gradient(ellipse at 50% 0,#21473c,#10282c 68%);box-shadow:inset 0 0 0 5px #071a223d,0 24px 100px #0009;padding:39px 36px 26px}.entry-gate>h2{font:600 32px/1.18 Cinzel,serif;margin:14px 0;color:#f4dfae}.entry-gate>.entry-intro{margin:0 0 23px;color:#c2d0c9}.entry-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}.entry-option{display:flex;flex-direction:column;border:1px solid #708a6955;border-radius:8px;padding:20px;background:#0b202999;box-shadow:inset 0 0 0 3px #e9d4a006}.entry-option.wallet-option{border-color:#d9b58188;background:linear-gradient(145deg,#4f4e2b33,#15352f)}.entry-icon{font:28px Georgia,serif;color:#e8c67d;margin-bottom:12px}.entry-option-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.entry-option h3{font:600 20px Cinzel,serif;color:#f4e3be;margin:0}.entry-badge{border:1px solid #abc19b55;padding:3px 5px;font:700 6px Manrope,sans-serif;letter-spacing:1px;color:#bdcfae;border-radius:3px}.entry-option p{font:400 11px/1.8 Manrope,sans-serif;color:#c2cec6;margin:12px 0 20px;flex:1}.entry-option .button{min-height:43px;font:750 11px Manrope,sans-serif;letter-spacing:.3px;border-radius:4px}.entry-option .gold-button{background:linear-gradient(#f6d594,#c49147);color:#302516;border-color:#e4c78b}.entry-option:not(.wallet-option) .button{background:#24443b;color:#e5ead4;border-color:#80997977}.entry-reward{border-top:1px solid #d9b58133;margin-top:17px;padding-top:17px}.entry-reward>span{font:700 8px Manrope,sans-serif;letter-spacing:1.4px;color:#d9b581}.entry-reward p{font:400 10px/1.75 Manrope,sans-serif;color:#b6c5bb;margin:8px 0}.entry-gate .entry-account{font:400 9px/1.6 Manrope,sans-serif;color:#91a99f;margin:13px 0 0}.wallet-feedback{font:500 11px/1.8 Manrope,sans-serif;color:#c7ddb6;margin:14px 0 0}.wallet-feedback:empty{display:none}.wallet-feedback.is-error{color:#f2c5a5}.wallet-picker{display:grid;gap:7px;margin-top:12px}.wallet-picker:empty{display:none}.wallet-address{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-top:18px;padding:13px;background:#244638;border:1px solid #7c9d6c55;border-radius:5px}.wallet-address>span{font:700 7px Manrope,sans-serif;letter-spacing:1px;color:#b5caa8}.wallet-address code{font:600 12px monospace;color:#f2e1ba}#wallet-state>p{font:500 11px Manrope,sans-serif;color:#c1d4af}.wallet-text-button{font:500 10px Manrope,sans-serif;color:#b2c3b9;background:none;border:0;text-decoration:underline;margin-top:12px;padding:3px}.entry-gate button:disabled{opacity:.6;cursor:wait}
@media(max-width:560px){.modal:has(.entry-gate){padding:30px 20px 22px;max-height:90svh}.entry-gate>h2{font-size:26px}.entry-options{grid-template-columns:1fr;gap:12px}.entry-option{padding:16px}.entry-icon{display:none}.entry-option h3{font-size:19px}.entry-option p{margin:9px 0 13px;font-size:10px}.entry-reward{margin-top:16px}.entry-gate>.entry-intro{margin-bottom:17px;font-size:11px}}

.account-hint{font:400 11px/1.7 Manrope,sans-serif;color:#acbfb5;margin:10px 0 16px}#register-feedback,#restore-feedback{font:500 11px/1.7 Manrope,sans-serif;color:#f2c5a5}#register-feedback:empty,#restore-feedback:empty{display:none}#register-form input,#restore-form input{margin-top:8px}#register-submit:disabled,#restore-submit:disabled{opacity:.6;cursor:wait}

.lobby-token{border-top:1px solid #d9b58144;margin-top:16px;padding-top:13px;text-align:left}.token-ca{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid #baa37244;background:#071c2499;padding:10px 12px;border-radius:4px}.token-ca>span{font:700 7px Manrope,sans-serif;letter-spacing:1px;color:#b6c9bd}.token-ca strong{font:600 11px Manrope,sans-serif;color:#f0d7a1}.token-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.token-actions>a,.token-actions>button{min-height:44px;display:flex;justify-content:center;align-items:center;gap:6px;padding:8px;border-radius:4px;font:700 11px Manrope,sans-serif;text-decoration:none;border:1px solid #d9b58155;background:#1c3b36;color:#f0ddac}.token-actions>button{flex-direction:column;gap:2px;background:#b79a6630;cursor:not-allowed}.token-actions small{font-size:7px;font-weight:500;color:#c4c9b1}.token-actions>a:hover{background:#315046}.token-actions>a span{font-size:9px}.lobby-token>p{font:400 8px/1.5 Manrope,sans-serif;color:#a5bdb0;margin:8px 0 0}.site-footer>a:not(.brand){font:600 10px Manrope,sans-serif;color:#d9bb86;text-decoration:none}
@media(max-width:760px){.game-lobby{min-height:940px}.lobby-content{padding-top:90px}.lobby-token{margin-top:13px}.token-ca>span{font-size:6px;letter-spacing:.7px}}

.token-ca{display:grid;grid-template-columns:1fr auto;gap:8px}.token-ca code{grid-column:1/-1;display:block;font:500 10px/1.6 monospace;color:#f1dcaf;overflow-wrap:anywhere;user-select:all}.token-ca>button{min-height:30px;padding:5px 9px;border:1px solid #d9b58155;border-radius:3px;background:#2a4539;color:#ecd6a7;font:600 9px Manrope,sans-serif;cursor:pointer}.token-actions>a.token-buy{background:linear-gradient(#edce92,#b18a51);border-color:#e5c993;color:#1c2e29}.token-actions>a.token-buy:hover{filter:brightness(1.08)}