#auth-screen.v21-landing{overflow-y:auto;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,420px);align-items:center;gap:48px;padding:50px max(24px,calc((100vw - 1320px)/2));background:linear-gradient(100deg,#060a0af0,#121309bf),url('../img/aden/castle-board.png') center/cover fixed}.v21-landing.hidden{display:none!important}.v21-landing .auth-panel{max-height:none;overflow:visible;border-radius:5px;border-color:#97763e;box-sizing:border-box}.v21-hero{position:relative;min-width:0;color:#e4d7b9}.v21-brand{font:20px Georgia;letter-spacing:3px;color:#d7b76e}.v21-brand span{color:#a49c87;font-size:13px}.v21-eyebrow{font:11px Arial;letter-spacing:3px;margin:50px 0 20px;color:#c4a469}.v21-hero h1{font:clamp(34px,4vw,62px)/1.1 Georgia;margin:0;color:#fff2d5}.v21-hero h1 em{color:#d7b56c;font-style:normal}.v21-intro{max-width:480px;line-height:1.65;color:#baae94}.v21-hero-cards{height:290px;display:flex;align-items:center;justify-content:center;margin:30px 0;isolation:isolate}.v21-hero-cards .royal-card{width:170px!important;height:255px!important;flex:0 0 170px;filter:drop-shadow(0 14px 20px #000);transform:rotate(-12deg) translateX(22px)}.v21-hero-cards .royal-card:nth-child(2){transform:translateY(-8px);z-index:2;width:190px!important;height:285px!important;flex-basis:190px}.v21-hero-cards .royal-card:nth-child(3){transform:rotate(12deg) translateX(-22px)}.v21-cta{display:flex;gap:12px;flex-wrap:wrap}.v21-cta .btn{min-height:48px;border-radius:3px}.v21-platform{font-size:12px;color:#aa9e82;margin-top:16px}.v21-features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid #6b5836;margin-top:30px;padding-top:22px}.v21-features b{font:12px Georgia;color:#d9bd7e}.v21-features p{font:12px/1.6 Arial;color:#a79e89}.v21-enemy-skills{left:auto;right:calc(100% + 18px)}
#v21-replay{position:fixed;inset:0;z-index:600;background:radial-gradient(ellipse at center,#3c3421,#090e0c 70%);overflow:auto;padding:20px;color:#e4d4af;box-sizing:border-box}#v21-replay header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #816633;padding-bottom:15px;font:16px Georgia;letter-spacing:2px}#v21-replay button{background:#2b281b;border:1px solid #aa884b;color:#efdab2;padding:12px 18px;border-radius:3px;cursor:pointer;min-height:44px}.v21-replay-names{text-align:center}.v21-replay-fields{display:grid;grid-template-columns:repeat(2,minmax(0,260px));gap:90px;justify-content:center;margin:24px auto}.v21-replay-fields>div{min-width:0;text-align:center}.v21-replay-fields small{display:block;margin-bottom:8px;font-size:11px;letter-spacing:2px}.v21-replay-fields .royal-card{width:100%!important;aspect-ratio:2/3;height:auto!important}.v21-hp{height:8px;background:#331717;margin:10px 0 5px;border-radius:5px;overflow:hidden}.v21-hp i{display:block;height:100%;background:#60b357;transition:width .3s}.v21-replay-skills{display:flex;justify-content:center;gap:8px;margin-top:12px}.v21-event{text-align:center;min-height:42px;color:#f1cc7f}.v21-replay-controls{display:flex;justify-content:center;gap:10px}.v21-replay-note{text-align:center;font-size:12px;color:#b1a48d}
@media(max-width:900px){#auth-screen.v21-landing{grid-template-columns:1fr;gap:30px;padding:30px 22px;align-items:start}.v21-landing .auth-panel{justify-self:center;margin-bottom:24px}.v21-hero{max-width:650px;margin:auto}.v21-eyebrow{margin-top:30px}.v21-hero-cards{height:245px}.v21-hero-cards .royal-card{width:130px!important;height:195px!important;flex-basis:130px}.v21-hero-cards .royal-card:nth-child(2){width:150px!important;height:225px!important;flex-basis:150px}}
@media(max-width:500px){.v21-hero-cards .royal-card{width:100px!important;height:150px!important;flex-basis:100px}.v21-hero-cards .royal-card:nth-child(2){width:130px!important;height:195px!important;flex-basis:130px}.v21-hero-cards{height:215px;margin:15px 0}.v21-features{gap:10px}.v21-brand{font-size:16px}.v21-replay-fields{gap:18px;margin:20px 0;grid-template-columns:repeat(2,minmax(0,1fr))}.v21-replay-fields .royal-effects{right:0;max-width:100%;font-size:9px}.v21-replay-skills .v20-skill{width:42px;height:42px}#v21-replay{padding:12px}.v21-replay-controls{gap:5px}#v21-replay button{padding:10px;font-size:12px}}