/* Independent scenery and portraits restore the original selection choreography. */
#menuCast{pointer-events:none}
#menuCast image{image-rendering:auto;filter:drop-shadow(0px 9px 5px #211b3855)}
#menuCast g{transform-box:view-box;transform-origin:0 0}

/* The same lacquer, brass and parchment treatment across the menu and dialogs. */
.nativeHomePanel{border:3px solid #f3ce88;border-radius:19px;background:radial-gradient(ellipse at 20% 0,#fff8dd99,transparent 65%),linear-gradient(135deg,#f9e5b8,#e8c68c 65%,#fae8be);box-shadow:0 0 0 2px #74432d,0 6px 16px #160e2690,inset 0 0 0 2px #fff3d1;color:#603b29}
.nativeHomePanel .chooseTitle{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:24px;padding:3px 7px;border:1px solid #efc16e;border-radius:7px;background:linear-gradient(#c75737,#9a3633);color:#fff0c2;box-shadow:0 2px #86432b,inset 0 0 0 1px #e79553;font-weight:900}
.nativeHomePanel .chooseTitle span{color:#ffe2b4;white-space:nowrap}
.nativeHomePanel .characterPick{padding:2px 0}
.nativeHomePanel .characterCard{border:2px solid #a57540;border-radius:10px;background:radial-gradient(circle at 50% 35%,#fff7da 0 25%,transparent 27%),linear-gradient(#f9e8c5,#dfb274);box-shadow:0 2px #8e5b35,inset 0 0 0 1px #fff6d7;color:#5d3728}
.nativeHomePanel .characterCard.selected{border-color:#ffdf91;background:radial-gradient(circle at 50% 35%,#f8bb6d66 0 30%,transparent 32%),linear-gradient(#c76642,#953631);box-shadow:0 0 0 1px #99462c,0 2px #74432d,inset 0 0 0 1px #edab62;color:#fff0c6}
.nativeHomePanel .characterCard img{filter:drop-shadow(0 2px 1px #84512c44)}
.nativeHomePanel .picked,.nativeHomePanel .bestline{color:#7a4e31}.nativeHomePanel .picked b,.nativeHomePanel .bestline b{color:#9f382d}
.nativeHomePanel #assetStatus{color:#96382e}

#rank,#rankEntry{padding:22px 17px;background:linear-gradient(#201426bc,#15152cda),url('assets/ui/menu-background-clean.webp') center/cover no-repeat}
#rank .panel,#rankEntry .panel{position:relative;width:min(100%,380px);padding:19px 15px 17px;gap:11px;border:3px solid #f3cc81;border-radius:23px;background:radial-gradient(ellipse at 10% 0,#fff9dd99,transparent 65%),linear-gradient(135deg,#fff0cc,#ecd09c 60%,#f8e5ba);box-shadow:0 0 0 3px #79442f,0 0 0 6px #251b2c,0 18px 50px #100b2699,inset 0 0 0 3px #fff4d370;color:#603d29}
#rank .rankPanel{display:flex;flex-direction:column;max-height:calc(100dvh - 62px);overflow:visible}
#rank .eyebrow,#rankEntry .eyebrow{color:#8d542d;text-align:center;font-weight:900;font-size:9px;letter-spacing:.1em}
#rank h2,#rankEntry h2{display:flex;align-items:center;justify-content:center;gap:8px;flex:none;margin:0;padding:12px 5px 14px;border:2px solid #edc175;border-radius:12px;background:linear-gradient(#d65d3b,#9c3331);box-shadow:0 3px #743d2c,inset 0 1px #ffdfad;color:#ffedba;text-shadow:0 2px #713326;font-size:23px;letter-spacing:-.045em}
#rank .panel p,#rankEntry .panel p{color:#805736!important;text-align:center;font-size:10px!important;line-height:1.55;margin:0}
#rank .rankingList{flex:1 1 auto;min-height:70px;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;gap:6px;margin:0;padding:2px 1px 4px;scrollbar-width:thin;scrollbar-color:#b77c42 #eed39e}
#rank .rankItem{grid-template-columns:23px 36px minmax(0,1fr) auto;gap:7px;flex:none;min-height:54px;padding:7px 8px;border:1px solid #bd8f55;border-radius:10px;background:linear-gradient(#fff6dc,#efd39f);box-shadow:0 2px #b4834240,inset 0 0 0 1px #fff9e4;color:#74482d}
#rank .rankItem .place{width:23px;height:26px;display:grid;place-items:center;color:#9a6838;font-size:15px;font-weight:950;background:#e8c58c;border:1px solid #bc8e51;border-radius:8px}
#rank .rankItem .rankHeroWrap{width:36px;height:36px;background:radial-gradient(circle,#fff9df,#e5ba78);border:1px solid #c18d4e;border-radius:9px;box-shadow:inset 0 0 0 1px #fff4ca}
#rank .rankItem .rankHero{width:33px;height:33px;filter:drop-shadow(0 1px 1px #86502b55)}
#rank .rankItem strong{color:#633c2a;font-size:12px;line-height:1.3;overflow-wrap:anywhere}
#rank .rankItem small{display:block;color:#987049;font-size:8px;line-height:1.5;overflow-wrap:anywhere}
#rank .rankItem .points{color:#a13c2d;font-size:13px;white-space:nowrap;letter-spacing:-.045em}
#rank .rankItem:first-child{border:2px solid #dbad5b;background:linear-gradient(115deg,#b44931,#9c3434);box-shadow:0 2px #6b382a,inset 0 0 0 1px #e49955}
#rank .rankItem:first-child strong,#rank .rankItem:first-child .points{color:#fff0bc}#rank .rankItem:first-child small{color:#f3cb9b}
#rank .rankItem:first-child .place{color:#8a3929;background:linear-gradient(#ffe6a0,#e9b85e);border-color:#ffde8c}
#rank .rankItem:nth-child(2) .place{background:linear-gradient(#f4ede1,#cebf9e);border-color:#bb9e6e;color:#776047}
#rank .rankItem:nth-child(3) .place{background:linear-gradient(#efd0a0,#c79158);border-color:#ad753f;color:#774026}
#rank .rankEmpty{align-content:center;min-height:160px;margin:5px;padding:17px 12px;border:1px dashed #bd9057;border-radius:11px;background:#fff5d9a0;color:#95643c;font-size:12px;line-height:1.6}
#rank .rankEmpty:before{content:'';display:block;width:125px;height:55px;margin:0 auto 12px;background:url('assets/environment/roof.png') center/contain no-repeat}
#rank .glassBtn,#rankEntry .glassBtn{flex:none;min-height:44px;border:2px solid #99673d;border-radius:12px;background:linear-gradient(#fff0c7,#e1b77b);box-shadow:0 2px #70452d;color:#5b3827;font-size:13px}
#rankEntry .goldBtn{border-color:#f8da95;background:linear-gradient(#e66b42,#b63b34);color:#fff0c8;box-shadow:0 3px #83402b,0 0 0 1px #a96c38}
#rankEntry .rankPreview{border:1px solid #c5914d;background:linear-gradient(#fff9e3,#f0d29a);color:#956335;box-shadow:inset 0 0 0 1px #fff6d2}
#rankEntry .rankPreview b{color:#ad3c2c}#rankEntry .rankNameLabel{color:#82502f}#rankEntry .rankNameInput{border-color:#bb8a4e;background:#fff9e8;color:#633d2a}#rankEntry .rankNameInput:focus{border-color:#b34c30;box-shadow:0 0 0 3px #ce9a4844}#rankEntry .rankNameError{color:#aa342e}
#over .resultHero{position:relative;margin:2px auto 0;width:100px;min-height:77px;border:1px solid #cba05e;border-radius:50%;background:radial-gradient(circle,#fff8dd 30%,#f5d592 65%,#e4b46c);box-shadow:0 0 0 3px #fff4cb80,0 2px 8px #9f683c33}
#over .resultHero:before,#over .resultHero:after{position:absolute;content:'✦';font-size:21px;color:#c18437;top:24px;left:-28px;text-shadow:0 1px #fff9dc}#over .resultHero:after{left:auto;right:-28px;font-size:14px;top:36px}
#over .results>div{position:relative;box-shadow:inset 0 0 0 1px #fff9e3,0 2px #a7743c44}
.uiTrophy{width:23px;height:23px;flex:none;vertical-align:-5px;object-fit:contain;filter:drop-shadow(0 1px #762e28)}
button .uiTrophy{width:17px;height:17px;margin-right:4px;vertical-align:-3px}
@media(max-height:680px){.nativeHomePanel .chooseTitle{min-height:20px;padding:2px 5px}#rank,#rankEntry{padding:17px 13px}#rank .panel,#rankEntry .panel{padding:13px 11px;gap:8px}#rank .rankPanel{max-height:calc(100dvh - 48px)}#rank h2,#rankEntry h2{font-size:21px;padding:9px 5px 11px}#rank .rankItem{min-height:49px;padding:5px 6px;gap:5px}#rank .rankItem .points{font-size:12px}#over .resultHero{width:78px;min-height:58px}#over .resultHero:before{top:14px}#over .resultHero:after{top:26px}}
@media(max-width:340px){#rank .rankItem{grid-template-columns:20px 30px minmax(0,1fr) auto;gap:4px;padding:5px}#rank .rankItem .rankHeroWrap{width:30px;height:32px}#rank .rankItem .rankHero{width:29px;height:29px}#rank .rankItem .points{font-size:11px}#rank .rankItem strong{font-size:11px}#rank .rankItem .place{width:20px}#rank h2{font-size:20px}}

/* Separate BGM and effects switches, with the same original compact styling. */
#sfxBtn{left:12px;right:auto}#soundBtn,#sfxBtn{font-size:10px;min-height:32px;padding:5px 11px}#shell[data-screen="menu"] #sfxBtn{display:none}