/* Painted rosewood, embroidered clouds, gold knots and inked paper from the supplied references. */
.nativeHomePanel,#over .panel,#rank .panel,#rankEntry .panel{border-style:solid;border-width:43px 20px 23px;border-image-source:url('assets/ui/ornate/panel.png');border-image-slice:120 58 65 fill;border-image-repeat:stretch;background:none;border-radius:0;box-shadow:0 12px 28px #150a2470;padding:5px 9px 10px;color:#593822;isolation:isolate}
.nativeHomePanel{width:min(calc(100% - 10px),400px);border-width:30px 14px 17px;padding:1px 5px 5px;gap:5px;box-shadow:0 5px 25px #0e0b2080}
.nativeHomePanel .chooseTitle{min-height:26px;gap:4px;font-size:11px;padding:2px 7px;border:7px solid transparent;border-image:url('assets/ui/ornate/red-button.png') 45 75 60 fill stretch;border-radius:0;background:none;box-shadow:none;color:#fff0bf}
.nativeHomePanel .chooseTitle span{font-size:8px;color:#f9d894}
.nativeHomePanel .characterPick{padding:0;gap:3px}
.nativeHomePanel .characterCard{border:9px solid transparent;border-image:url('assets/ui/ornate/card.png') 65 fill stretch;border-radius:0;min-height:76px;padding:0;gap:1px;background:none;box-shadow:none;color:#593721}
.nativeHomePanel .characterCard img{width:48px;height:43px;filter:drop-shadow(0 2px 2px #57312355)}
.nativeHomePanel .characterCard strong{font-size:10px!important;text-shadow:0 1px #fff1c6}
.nativeHomePanel .characterCard.selected{border:9px solid transparent;border-image:url('assets/ui/ornate/red-button.png') 48 70 65 fill stretch;background:none;box-shadow:0 0 8px #ffc35c99;color:#fff1c5}
.nativeHomePanel .characterCard.selected strong{text-shadow:0 1px 2px #63261d}
.nativeHomePanel .characterCard.secret{min-height:34px;padding:0;border-width:7px;gap:7px}
.nativeHomePanel .characterCard.secret img{height:24px;width:29px}
.nativeHomePanel .picked{border:7px solid transparent;border-image:url('assets/ui/ornate/paper-button.png') 40 65 58 fill stretch;padding:2px 3px 0;font-size:8px;line-height:1.35}
.nativeHomePanel .bestline{font-size:8px;color:#694122;padding:0 2px}
.nativeHomePanel .goldBtn,#over .goldBtn,#rank .glassBtn,#rankEntry .goldBtn{border:12px solid transparent;border-image:url('assets/ui/ornate/red-button.png') 45 70 63 fill stretch;background:none;border-radius:0;box-shadow:none;color:#fff0ba;text-shadow:0 2px 2px #672c20;min-height:52px;padding:1px 8px 5px;font-size:18px}
.homeActions{gap:3px}
.homeActions .glassBtn,#over .glassBtn,#rankEntry .glassBtn{border:10px solid transparent;border-image:url('assets/ui/ornate/paper-button.png') 42 65 58 fill stretch;border-radius:0;background:none;box-shadow:none;color:#5d3722;text-shadow:0 1px #fff3d1;min-height:42px;padding:0 3px 3px;font-size:12px}
.nativeHomePanel .homeActions .glassBtn{min-height:38px;font-size:11px}
#over .panel{width:min(100%,390px);max-width:390px;max-height:calc(100dvh - 64px);gap:8px}
#over .eyebrow,#rank .eyebrow,#rankEntry .eyebrow{font-family:WallRushKR,serif;color:#85482a;text-shadow:0 1px #fff3cd;font-size:10px;letter-spacing:.1em;font-weight:900}
#over h2,#rank h2,#rankEntry h2{border:14px solid transparent;border-image:url('assets/ui/ornate/red-button.png') 42 70 65 fill stretch;background:none;border-radius:0;box-shadow:none;padding:4px 5px 8px;color:#fff0b6;text-shadow:0 2px 2px #6e2a1e;font-size:23px;min-height:70px;line-height:1.3;margin:0 -4px}
#over .resultHero{width:104px;height:85px;min-height:0;margin:0 auto;background:url('assets/ui/ornate/medallion.png') center/100% 100% no-repeat;border:0;box-shadow:none;border-radius:0}
#over .resultHero img{width:82px;height:82px;filter:drop-shadow(0 2px 2px #5e382666)}
#over .resultHero:before,#over .resultHero:after{content:none}
#over .results{gap:4px}
#over .results>div{padding:7px 0 5px;border:10px solid transparent;border-image:url('assets/ui/ornate/card.png') 65 fill stretch;background:none;border-radius:0;box-shadow:none;gap:3px}
#over .results small{font-size:9px;color:#643b24;line-height:1.35}#over .results strong{font-family:WallRushKR,serif;color:#a13928;font-size:24px;line-height:1.2}
#over .record{color:#7d4228;font-size:10px;line-height:1.45}
#over .personalRecord{border:9px solid transparent;border-image:url('assets/ui/ornate/paper-button.png') 40 65 58 fill stretch;background:none;padding:0 3px 3px;color:#73462b;border-radius:0;font-size:9px}
#rank .rankPanel{max-height:calc(100dvh - 64px);gap:8px;overflow:visible}
#rank h2{font-size:23px}#rank .panel p{font-size:9px!important;color:#805332!important}
#rank .rankingList{gap:4px;padding:2px 0 5px}
#rank .rankItem{border:10px solid transparent;border-image:url('assets/ui/ornate/paper-button.png') 42 67 58 fill stretch;min-height:58px;padding:0 3px 2px;border-radius:0;background:none;box-shadow:none;grid-template-columns:24px 34px minmax(0,1fr) auto;gap:6px}
#rank .rankItem:first-child{border:10px solid transparent;border-image:url('assets/ui/ornate/red-button.png') 42 67 58 fill stretch;background:none;box-shadow:none}
#rank .rankItem .rankHeroWrap{width:34px;height:34px;border:4px solid transparent;border-image:url('assets/ui/ornate/card.png') 65 stretch;border-radius:0;background:#3d2c22;box-shadow:none}
#rank .rankItem .rankHero{width:30px;height:30px}
#rank .rankItem .place{height:29px;width:24px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);border:0;border-radius:0;background:linear-gradient(135deg,#dcac67,#7d4d2b 48%,#cc9854);color:#fff1c5;box-shadow:none;text-shadow:0 1px 2px #6c3c20;font-size:13px}
#rank .rankItem:first-child .place{color:#8f3b25;background:linear-gradient(135deg,#fff1b5,#e5b358);text-shadow:0 1px #fff6cf}
#rank .rankItem strong{font-size:12px;color:#5c3421}#rank .rankItem small{font-size:8px;color:#916649}#rank .rankItem .points{font-size:13px;color:#a03a27}
#rank .rankItem:first-child strong,#rank .rankItem:first-child .points{color:#fff0b4}#rank .rankItem:first-child small{color:#f1d0a0}
#rank .rankEmpty{border:0;background:#fff2cc80;color:#784d2b}
#rank .glassBtn{font-size:17px;min-height:53px}
#rankEntry .panel{gap:10px}
@media(max-height:700px){
 .nativeHomePanel{border-width:24px 12px 14px;gap:3px;padding:0 4px 4px}.nativeHomePanel .chooseTitle{min-height:20px;font-size:9px;border-width:5px;padding:0 5px}.nativeHomePanel .chooseTitle span{font-size:7px}.nativeHomePanel .characterCard{min-height:61px;border-width:7px}.nativeHomePanel .characterCard img{width:37px;height:33px}.nativeHomePanel .characterCard strong{font-size:9px!important}.nativeHomePanel .characterCard.secret{min-height:28px;border-width:5px}.nativeHomePanel .characterCard.secret img{height:20px}.nativeHomePanel .picked{border-width:5px;font-size:7px;padding:0 2px 1px}.nativeHomePanel .bestline{font-size:7px}.nativeHomePanel .goldBtn{min-height:43px;border-width:9px;font-size:16px}.nativeHomePanel .homeActions .glassBtn{min-height:33px;border-width:8px;font-size:10px}
 #over .panel,#rank .panel,#rankEntry .panel{border-width:34px 15px 18px;padding:2px 5px 5px;gap:5px;max-height:calc(100dvh - 58px)}#over h2,#rank h2,#rankEntry h2{border-width:11px;min-height:55px;font-size:20px;padding:2px 1px 6px}#over .resultHero{height:61px;width:78px}#over .resultHero img{height:60px;width:60px}#over .results>div{border-width:7px;padding:5px 0 3px;gap:2px}#over .results small{font-size:8px}#over .results strong{font-size:21px}#over .record{font-size:9px}#over .personalRecord{font-size:8px;border-width:7px}#over .goldBtn,#over .glassBtn,#rank .glassBtn{min-height:43px;border-width:10px;font-size:14px;padding:0 3px 4px}#rank .rankItem{min-height:51px;border-width:8px;gap:4px;grid-template-columns:22px 30px minmax(0,1fr) auto}#rank .rankItem .rankHeroWrap{width:30px;height:30px}#rank .rankItem .rankHero{width:27px;height:27px}#rank .rankItem .points{font-size:11px}#rank .rankItem strong{font-size:11px}#rank .rankItem .place{width:22px}
}