/* Presentation only: authentication and game selection retain their handlers. */
#auth{justify-content:space-between;align-items:center;padding:48px max(5vw,24px);gap:6vw;background:radial-gradient(ellipse at 30% 45%,#20383b 0%,#0b151e 48%,#070b11 90%);font-family:Inter,Segoe UI,sans-serif;isolation:isolate}
#auth::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(120deg,transparent 44%,#90ada40a 44.1%,transparent 44.3%),radial-gradient(ellipse at 25% 95%,#ad874221,transparent 65%)}
.auth-story{position:relative;flex:1;max-width:760px;min-height:580px;padding:20px 0;isolation:isolate}.auth-wordmark{font-family:Cinzel,Georgia,serif;letter-spacing:.16em;color:#e7dfc9;font-size:26px;font-weight:900}.story-eyebrow{font-size:10px;letter-spacing:.30em;color:#94a59f;margin-top:12px}.auth-story h2{position:relative;font-family:Cinzel,Georgia,serif;font-size:clamp(32px,4.1vw,60px);line-height:1.15;font-weight:700;color:#f2eee5;margin:66px 0 22px;text-shadow:0 3px 20px #0008}.story-copy{font-size:14px;line-height:1.9;color:#b4c0ba;margin:0}.story-art{position:absolute;right:-10%;bottom:14px;width:70%;max-width:470px;height:560px;z-index:-1;pointer-events:none;opacity:.72;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 76%,transparent)}.story-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 24px 36px #000c)}.story-meta{display:flex;gap:25px;margin-top:90px;font-size:12px;color:#c1c4b7}.story-meta span{border-right:1px solid #63736555;padding-right:25px}.story-meta span:last-child{border:0}.story-meta b{color:#e3ce9a;font-size:17px;margin-right:4px}.auth-story>small{display:block;letter-spacing:.22em;font-size:9px;color:#83958c;margin-top:30px}.auth-wrap{flex-shrink:0;width:min(410px,42vw)}#auth .auth-header{display:none}#auth .auth-box{border-radius:16px;background:linear-gradient(145deg,#18262de8,#0d151cec);border-color:#6d817d44;box-shadow:0 24px 65px #0006;padding:34px 30px 28px}#auth .auth-box::before{background:linear-gradient(90deg,transparent,#cabb9255,transparent)}.auth-eyebrow{font-size:9px;letter-spacing:.22em;color:#c2ad7d;margin:0 0 10px}.auth-title{font-family:Cinzel,Georgia,serif;color:#eee9dd;font-size:27px;margin:0 0 8px}.auth-intro{font-size:12px;line-height:1.6;color:#9eafa9;margin:0 0 25px}#auth .auth-tabs{border-color:#667c7444;border-radius:7px;background:#080e124a}#auth .auth-tab{min-height:42px;border-radius:5px;font-size:12px;letter-spacing:.03em}#auth .auth-tab.on{background:#314b4c;color:#e9ece3;box-shadow:none}#auth label.fld{color:#b9c7c0;font-size:10px;letter-spacing:.1em}#auth input.txt{background:#07111680;border-color:#58706855;border-radius:7px;min-height:48px;font-size:14px;color:#e6ece7}#auth input.txt::placeholder{color:#7c9188}#auth .btn.big{min-height:49px;background:linear-gradient(180deg,#dcc18a,#b89559);border-color:#e0c690;color:#1c221e;border-radius:6px;box-shadow:0 5px 22px #aa80451c;font-size:12px}#auth .auth-skip{min-height:45px;border-radius:6px;border-color:#6b80705c;color:#c4d0c5;font-size:12px;text-decoration:none}#auth .auth-skip:hover{background:#43595033;color:#f1eddf}.auth-footer{color:#8fa297;font-size:10px}#auth :focus-visible,#menu :focus-visible{outline:2px solid #e0c58b;outline-offset:3px}
#menu{background:radial-gradient(ellipse at 20% 0%,#21363b 0%,#101a24 40%,#080e15 100%);font-family:Inter,Segoe UI,sans-serif;padding-bottom:12px}.mwrap{width:min(1280px,100%);padding:28px 30px 28px;gap:20px}#menu .brand{border-bottom:1px solid #758b7940;padding-bottom:18px;align-items:center;justify-content:space-between;gap:12px}#menu .brand h1{font-family:Cinzel,Georgia,serif;font-size:30px;color:#e7dfc9;background:none;filter:none;letter-spacing:.14em}#menu .brand span{color:#a3b4ab;font-size:11px;letter-spacing:.03em}#menu .grid2{grid-template-columns:290px minmax(0,1fr);gap:22px}#menu .card{background:linear-gradient(145deg,#18252bdd,#0f1820e8);border:1px solid #63807242;border-radius:10px;box-shadow:0 14px 36px #0003;padding:20px}#menu .card h3{font-size:10px;letter-spacing:.19em;color:#cabb98;margin-bottom:12px}#menu label.fld{font-size:11px;color:#abbcb1}#menu input.txt{font-size:14px;border-radius:6px;background:#0811179c;border-color:#63756a55;min-height:44px}#menu .seg button{border-radius:6px;min-height:44px;border-color:#61746455;font-size:12px;background:#30423924}#menu .seg button.on{background:#375b59;border-color:#81a899;box-shadow:inset 0 0 0 1px #93b5a022}#menu .stg{border-radius:6px;border-color:#64796945;background:#11211d45;padding:10px;min-height:58px}#menu .stg.on{background:#36514b7a;border-color:#96af93}#menu .stg b{font-size:11px}#menu .stg small{font-size:10px;color:#a9b9b0}#menu .heroes{gap:10px}#menu .hbtn{border-radius:8px;border-color:#64796955;background:#0b151b;box-shadow:none}#menu .hbtn.on{border-color:#d1b875;box-shadow:0 0 0 2px #c5ac6533}#menu .hbtn b{font-size:10px}#menu .hdet{margin-top:20px;gap:20px}#menu .hdet h2{font-family:Cinzel,Georgia,serif;color:#eee9d9;font-size:25px;line-height:1.4}#menu .hdet em{font-size:10px;color:#c8b684;letter-spacing:.14em}#menu .hdet p{font-size:12px;line-height:1.7;color:#b4c4b7}#menu #hero3d-slot{border-color:#7d958255!important;border-radius:8px!important;overflow:hidden}#menu .stat{font-size:10px;margin:6px 0}#menu .stat i b{background:linear-gradient(90deg,#477879,#9ebca7)}#menu .skl{border-radius:6px;background:#182b2880;border-color:#6173654d}#menu .skl b{font-size:11px;color:#e3e5d7}#menu .skl small{color:#9db2a7;font-size:10px}#menu .cta{position:relative;bottom:auto;padding:0;gap:10px;background:none;box-shadow:none;z-index:1}#menu .cta>.btn.big{width:100%;order:-1;margin:0 0 4px;min-height:52px;border-radius:6px;background:linear-gradient(180deg,#dbc18c,#b18d55);border:1px solid #e1c995;box-shadow:0 5px 20px #ac874322;color:#20251d;font-size:14px}#menu .btn{border-radius:6px;min-height:44px;font-size:11px;padding:10px 15px;background:#1b302a73;border-color:#6c87704a}#menu .btn:hover{background:#365349}#menu .foot{font-size:10px;color:#8da396}
@media(max-width:950px){#auth{gap:25px;padding:30px}.auth-story{min-height:520px}.auth-story h2{font-size:38px}.story-art{right:-18%;opacity:.45}.auth-wrap{width:390px;max-width:48vw}.story-meta{gap:12px}.story-meta span{padding-right:12px}#menu .grid2{grid-template-columns:245px minmax(0,1fr)}.mwrap{padding:22px 18px}}
@media(max-width:700px){#auth{display:block;padding:24px 18px;overflow-y:auto;touch-action:pan-y}.auth-story{min-height:0;padding:0 4px;margin:0 auto 22px;max-width:420px}.auth-wordmark{font-size:24px}.story-eyebrow{font-size:8px}.auth-story h2{font-size:28px;margin:25px 0 10px}.story-copy{font-size:11px}.story-art{width:170px;height:240px;right:-8px;bottom:-18px;opacity:.4}.story-meta{display:none}.auth-story>small{display:none}.auth-wrap{width:100%;max-width:420px;margin:auto}#auth .auth-box{padding:24px 22px}#auth .auth-title{font-size:23px}#menu .grid2{grid-template-columns:1fr}.mwrap{padding:20px 14px;gap:16px}#menu .brand h1{font-size:26px}#menu .brand span{font-size:10px}#menu .card{padding:16px}#menu .hdet{grid-template-columns:1fr}#menu .hdet h2{font-size:22px}#menu .cta .btn{flex:1 1 auto}#menu .cta .btn.big{flex-basis:100%}}
@media(max-height:600px) and (min-width:701px){#auth{align-items:flex-start;padding-top:22px;padding-bottom:22px}.auth-story{min-height:470px}.auth-story h2{margin-top:30px;font-size:36px}.story-meta{margin-top:65px}.story-art{height:430px}.auth-wrap{margin-top:0}}
@media(prefers-reduced-motion:reduce){#auth *,#menu *{transition:none!important;animation:none!important}}