.avatar svg{width:100%;height:100%;display:block}.avatar{overflow:hidden;padding:0}.avatar-field{border:0;padding:0;margin:6px 0 14px;min-width:0}.avatar-field legend{font-size:14px;font-weight:700;margin-bottom:14px}.avatar-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.fields .avatar-option{position:relative;display:flex;align-items:center;flex-direction:column;gap:5px;border:2px solid #e6ddcf;border-radius:15px;padding:10px;background:#f8f2e8;cursor:pointer;font-size:12px}.avatar-option svg{width:72px;height:72px}.avatar-option input{position:absolute;left:8px;top:8px;width:15px;height:15px;accent-color:#a32e30}.avatar-option:has(input:checked){border-color:#b13534;background:#f3e5d5}.avatar-option:has(input:focus-visible){outline:3px solid #bd8c30;outline-offset:2px}.player-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.player-card{border:1px solid #dfd5c6;background:#faf4e9;border-radius:20px;padding:20px 10px;display:flex;align-items:center;flex-direction:column;gap:9px;min-height:185px}.player-card:hover{border-color:#a93230;background:#f0e4d0}.player-card svg{width:82px;height:82px}.player-card strong{max-width:100%;overflow-wrap:anywhere}.player-card span{font-size:11px;color:#786956}.player-card small{font-size:8px;letter-spacing:1px;color:#a12f2d}.player-card .plus{font-size:58px;line-height:82px;color:#ad3432}.login-intro{color:#766854}.is-landing .sidebar nav,.is-landing .topbar,.is-landing .sidebar-bottom{display:none}.is-landing .sidebar{justify-content:center}.is-landing main{padding-top:0}.promo-nav{display:flex;align-items:center;justify-content:space-between;padding:21px 4px}.promo-nav>span{font-size:10px;letter-spacing:2px;color:#8c7962}.promo-hero{display:grid;grid-template-columns:1fr 1.05fr;min-height:610px;position:relative;border-radius:28px;overflow:hidden;background:#e9e1d3}.promo-copy{padding:55px 45px}.promo-copy>.eyebrow{font-size:9px;letter-spacing:1.8px;color:#963332}.promo-copy h1{font-size:clamp(43px,5.2vw,72px);line-height:1.02;letter-spacing:-3.5px;margin:27px 0}.promo-copy h1 em{font-style:normal;color:#a73132}.promo-copy>p{max-width:340px;font-size:16px;color:#726350}.promo-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:25px 0 33px}.promo-actions a{font-size:12px;text-decoration:none}.promo-facts{display:flex;gap:30px}.promo-facts span{font-size:11px;color:#726450}.promo-facts b{display:block;font-size:25px;color:#322a22}.promo-image{position:relative;min-height:420px}.promo-image img{width:100%;height:100%;object-fit:cover;object-position:57% center;position:absolute}.promo-image:after{content:'';position:absolute;inset:0 auto 0 0;width:15px;background-image:var(--sam-pattern);background-size:60px 32px}.promo-image-tag{position:absolute;bottom:25px;left:35px;right:25px;padding:16px;color:#fff5df;background:#292319bd;border:1px solid #fff4;border-radius:15px;font-size:13px;backdrop-filter:blur(12px)}.promo-section{padding:75px 0 65px;text-align:center}.promo-section>.eyebrow,.promo-profiles .eyebrow{font-size:10px;letter-spacing:2px;color:#a02f30}.promo-section h2,.promo-profiles h2,.promo-end h2{font-size:40px;line-height:1.15;letter-spacing:-1.7px;margin:19px 0 35px}.promo-features{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;text-align:left}.promo-features article{padding:30px;border:1px solid #e3d9cb;background:#fffcf6;border-radius:22px}.promo-features article>span{font-size:10px;letter-spacing:2px;color:#b08848}.promo-features h3{font-size:21px;letter-spacing:-.6px;margin:23px 0 12px}.promo-features p{font-size:14px;color:#796b5a;margin:0}.promo-profiles{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:48px;background:#e9e1d4;border-radius:28px}.promo-profiles h2{margin-bottom:19px}.promo-profiles p{font-size:14px;color:#736453;max-width:340px}.avatar-parade{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.avatar-parade>div{text-align:center}.avatar-parade svg{max-width:115px;width:100%;filter:drop-shadow(0 8px 5px #78604220)}.avatar-parade span{display:block;font-size:12px;margin-top:7px;color:#766049}.promo-end{text-align:center;padding:70px 20px 60px}.promo-end h2{margin-bottom:15px}.promo-end p{color:#7b6b58;font-size:14px}.promo-end small{display:block;margin-top:24px;color:#807361;font-size:11px}.is-landing footer{border-top:1px solid #dfd5c8}.is-landing .app-shell{padding-bottom:0}#profile-form~.text-link{display:block;margin:20px 0}.is-landing .brand{display:flex}
@media(max-width:760px){.promo-nav>span{font-size:8px;letter-spacing:1px}.promo-nav button{font-size:12px}.promo-hero{grid-template-columns:1fr}.promo-copy{padding:32px 25px}.promo-copy h1{font-size:49px;letter-spacing:-2.4px}.promo-copy>p{font-size:14px}.promo-image{min-height:285px}.promo-image:after{inset:0 0 auto;width:100%;height:12px}.promo-image img{object-position:center 35%}.promo-actions{gap:18px}.promo-actions .btn{font-size:13px}.promo-section{padding:48px 0}.promo-section h2,.promo-profiles h2,.promo-end h2{font-size:31px}.promo-features{grid-template-columns:1fr;gap:14px}.promo-features article{padding:25px}.promo-profiles{grid-template-columns:1fr;padding:28px;gap:30px}.avatar-parade{gap:15px}.promo-end{padding:48px 10px}.player-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.avatar-option svg{width:60px;height:60px}.avatar-options{gap:8px}.is-landing .sidebar{height:78px}}
.dialog-top .icon-button{background:transparent;color:#fff7e7;border:1px solid #ffffff45}
dialog::backdrop{background:#211b168c;backdrop-filter:blur(7px)}