/* Companion surfaces for the approved home menu. No gameplay or modal geometry. */
.section-menu{--section-edge:#344c60}
.section-menu>.lobby-eyebrow{font:700 11px/1.4 'DM Sans',sans-serif;letter-spacing:.15em}
.section-menu>h2{font-size:48px;line-height:1;margin:8px 0 10px;color:#f6edd5}
.section-menu>.lobby-lead{font:400 15px/1.5 'DM Sans',sans-serif;margin:0 0 22px;color:#b8cbd8}
.section-menu .lobby-entry-grid{gap:16px;margin:0}
html .game-page .lobby .lobby-entry-grid>.section-entry{margin:0;box-sizing:border-box}
html .game-page .lobby .lobby-entry-grid>.section-entry{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:stretch;justify-content:flex-end;min-width:0;min-height:282px;padding:22px;border:1px solid #344c60;border-radius:20px;background:#0b1e32!important;box-shadow:inset 0 1px #d1eaff14,0 7px 20px #020c151e;color:#edf3f7;white-space:normal;letter-spacing:0;transition:border-color .18s,filter .18s!important}
.section-entry-art{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;border-radius:inherit}
.section-entry-art img{width:100%;height:100%;object-fit:cover;object-position:70% center;display:block;pointer-events:none}
.section-entry-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#081a30 0%,#081a30e6 24%,#081a3020 68%);pointer-events:none}
.section-entry-copy{display:flex;flex-direction:column;gap:8px;min-width:0;width:100%}
html .game-page .lobby .section-entry-copy strong{font:700 22px/1.2 'DM Sans',sans-serif;letter-spacing:-.3px;color:#f4f6f7;text-shadow:none}
.lobby .section-entry-copy small{font:400 14px/1.45 'DM Sans',sans-serif;color:#c1d2df;max-width:26ch}
.section-entry-action{display:flex;align-items:center;justify-content:space-between;gap:12px;align-self:flex-start;margin-top:5px;padding:9px 12px;border:1px solid #ecd58b3d;border-radius:10px;background:#edd17812;color:#f5d779;font:700 13px/1.3 'DM Sans',sans-serif}
.section-entry-action>span{font-size:22px;line-height:16px}
.section-entry[data-scene=league] .section-entry-action{background:linear-gradient(120deg,#ffe392,#e8be56);color:#142333;border-color:#f4d98a}
html .game-page .lobby .lobby-entry-grid>.section-entry:hover{border-color:#b8a26a;filter:brightness(1.07)}
html .game-page .lobby .lobby-entry-grid>.section-entry:active{filter:brightness(.9)}
html .game-page .lobby .lobby-entry-grid>.section-entry:focus-visible{outline:3px solid #fff0b4;outline-offset:3px}
.section-entry[data-scene=wardrobe] img{object-position:center 24%;object-fit:cover}
html .game-page .lobby .lobby-entry-grid>#costumes,html .game-page .lobby .lobby-entry-grid>#open-album{background:#0b1e32!important}
.section-entry[data-scene=wardrobe] .section-entry-art{background:radial-gradient(ellipse at 70% 50%,#e8be5626,transparent 65%)}
.section-entry-art canvas{display:block;position:absolute;right:12px;top:0;height:77%;width:auto;pointer-events:none}
.section-entry[data-scene=records] img{object-position:70% 20%}
/* Profile uses its existing selected character and real statistics. */
.home-design .own-profile-identity{padding:20px;gap:20px;border:1px solid #344c60;border-radius:20px;background:linear-gradient(90deg,#10273aea,#10273af5 65%,#10273a80),url('/home-harbor.png') right center/cover;box-shadow:inset 0 1px #d1eaff12}
.home-design .own-profile-avatar{background:radial-gradient(ellipse at bottom,#f0c55d40,transparent 75%);border-radius:16px}
.home-design .own-profile-info h2{color:#fff1c9;line-height:1.15}
.home-design .own-profile-tabs{padding:5px;margin:16px 0 20px;gap:4px;background:#07182a;border:1px solid #2b4054;border-radius:14px}
.home-design .own-profile-tabs button{border:0;border-radius:10px;min-height:46px;padding:11px 6px;color:#c0d0dd;font:700 14px/1.3 'DM Sans',sans-serif}
.home-design .own-profile-tabs [aria-selected=true]{background:#f0cf7020;color:#ffe293;box-shadow:inset 0 0 0 1px #f0cf7040}
.home-design .own-profile-overview{gap:0;border:1px solid #344c60;border-radius:16px;background:linear-gradient(130deg,#193348,#112539);overflow:hidden;margin-bottom:18px}
.home-design .own-profile-overview>div{background:none;border:0;border-radius:0;padding:16px 8px;position:relative}
.home-design .own-profile-overview>div+div:before{content:'';position:absolute;top:25%;bottom:25%;left:0;width:1px;background:#486074}
.home-design .own-profile-overview strong{font-size:32px;color:#f4d47e}
.home-design .own-profile-overview span{font-size:12px;color:#c4d3dc}
.home-design .own-profile-box{padding:20px;border-radius:18px;border-color:#31485a;background:#10263a;box-shadow:inset 0 1px #d1eaff0c}
.home-design .own-profile-section-heading h3{font:700 19px/1.3 'DM Sans',sans-serif;letter-spacing:-.25px}
.home-design .own-profile-records{gap:8px 12px}
.home-design .own-profile-records>div{position:relative;border:1px solid #2b4257;border-radius:12px;background:#0b1e31;padding:12px;gap:9px}
.home-design .own-profile-records>div:before{content:'';width:38px;height:38px;flex:none;background:url('/menu-scenes-v2/emblem-traditional.webp') center/contain no-repeat}
.home-design .own-profile-records>div:nth-child(n+3):before{background-image:url('/menu-scenes-v2/emblem-fantastic.webp')}
.home-design .own-profile-records span{flex:1;font-size:14px;line-height:1.4}
.home-design .own-profile-records strong{font-size:28px}
.home-design .own-profile-goal{padding-top:14px;border-top:1px solid #344c604d}
.home-design .own-profile-goal b{font-size:14px;font-weight:600;color:#e7eff5}
.home-design .own-profile-goal span{font-size:14px}.home-design .own-profile-goal small{font-size:12px}
.home-design .own-profile-goal progress{appearance:none;border:0;border-radius:9px;overflow:hidden;height:7px;background:#06182a;margin:10px 0 6px}
.home-design .own-profile-goal progress::-webkit-progress-bar{background:#06182a;border-radius:9px}
.home-design .own-profile-goal progress::-webkit-progress-value{background:linear-gradient(90deg,#c89438,#f9db85);border-radius:9px}
.home-design .own-profile-goal progress::-moz-progress-bar{background:#efcb70;border-radius:9px}
.home-design .own-profile .own-profile-button{font-size:14px;border-radius:11px;background:#1c394e;border-color:#405b70;padding:11px 15px}
.home-design .own-profile .own-profile-button.is-primary{background:linear-gradient(120deg,#ffe392,#e8be56);color:#142333;border-color:#f4d98a}
.home-design .own-profile-details{border-radius:16px;border-color:#31485a;background:#10263a}
.home-design .own-profile-details summary{font-size:14px}.home-design .own-profile-details dl{font-size:14px}
.home-design .own-profile-friend-form{padding:18px;background:#10263a;border:1px solid #344c60;border-radius:18px}
.home-design .own-profile-friend-form label{font-size:14px;color:#c2d3df}
.home-design .own-profile-friend-form input{border-radius:11px;background:#071b2e;border-color:#405b70}
.home-design .own-profile-friends-list h4{font:700 18px/1.4 'DM Sans',sans-serif}
.home-design .own-profile-friend{padding:15px;border-radius:16px;border-color:#31485a;background:#10263a}
.home-design .own-profile :focus-visible{outline:3px solid #fff0b4;outline-offset:3px}
@media(max-width:800px){
 .section-menu>h2{font-size:42px}.section-menu>.lobby-lead{margin-bottom:18px}
 .section-menu .lobby-entry-grid{gap:12px}
 html .game-page .lobby .lobby-entry-grid>.section-entry{min-height:154px;padding:18px;justify-content:center}
 .section-entry-copy{width:57%;gap:7px}.section-entry-copy strong{overflow-wrap:normal}
 .section-entry-art{left:20%}.section-entry-art img{object-fit:cover;object-position:80% center}
 .section-entry-art:after{background:linear-gradient(90deg,#0b1e32 0%,#0b1e32c9 20%,#0b1e3210 65%),linear-gradient(0deg,#0b1e3280,transparent 40%)}
 html .game-page .lobby .section-entry-copy strong{font-size:20px}
 .section-entry[data-scene=wardrobe] .section-entry-art{left:42%}.section-entry[data-scene=wardrobe] img{object-position:center 23%}
 .section-entry-art canvas{height:100%;right:5px}.section-entry[data-scene=wardrobe] .section-entry-art:after{background:linear-gradient(90deg,#0b1e32,transparent 40%)}
 .section-entry[data-scene=album] .section-entry-art{left:35%}
 .home-design .own-profile-identity{padding:16px;gap:12px}.home-design .own-profile-avatar{width:83px;height:114px}
 .home-design .own-profile-box{padding:16px}
}
@media(max-width:350px){
 html .game-page .lobby .lobby-entry-grid>.section-entry{padding:16px;min-height:156px}
 .section-entry-copy{width:61%}.section-entry-art{left:25%}
 .home-design .own-profile-tabs button{font-size:12px}
 .home-design .own-profile-identity{padding:14px;gap:9px}.home-design .own-profile-avatar{width:65px;height:100px}
 .home-design .own-profile-info h2{font-size:25px}.home-design .own-profile-costume{font-size:13px}
 .home-design .own-profile-section-heading h3{font-size:18px}
}
@media(prefers-reduced-motion:reduce){.section-menu *,.home-design .own-profile *{transition:none!important;animation:none!important}}