/* Approved mobile skin: preserve overview/top-five/More flow and the shared Nobility controller. */
.mobile-ui .nobility-panel{--nobility-mobile-width:calc(100vw - 24px);--nobility-mobile-height:calc(100dvh - 24px);width:min(700px,var(--nobility-mobile-width));height:auto;max-height:var(--nobility-mobile-height);overflow:auto;overscroll-behavior:contain;transform:translate(-50%,-50%);color:#efe6cf;font:12px/1.45 Arial,sans-serif;text-shadow:none;scrollbar-width:thin;}
.mobile-ui .nobility-panel,.mobile-ui .nobility-panel *{font-family:Arial,sans-serif!important;box-sizing:border-box;}
.mobile-ui .nobility-panel .nobility-overview{position:static;width:100%;height:auto;display:grid;grid-template-columns:minmax(0,1.75fr) minmax(190px,1fr);gap:8px;align-items:center;}
.mobile-ui .nobility-panel :is(.nobility-overview-frame,.nobility-preview,.nobility-ranking){position:relative;inset:auto;width:auto;height:auto;min-width:0;padding:16px;background:#1b2227 url('/ui/mobile/card.png?v=ea1529f9c8e23a06') center/100% 100% no-repeat;}
.mobile-ui .nobility-panel[data-view='rankings']{width:min(500px,var(--nobility-mobile-width));}
.mobile-ui .nobility-panel .nobility-ranking{width:100%;}
.mobile-ui .nobility-panel :is(.nobility-overview-frame,.nobility-ranking){display:flex;flex-direction:column;}
.mobile-ui .nobility-panel .mobile-nobility-body{min-height:0;flex:1;}
.mobile-ui .nobility-panel[data-view='overview']>.nobility-ranking,.mobile-ui .nobility-panel[data-view='rankings']>.nobility-overview{display:none;}
.mobile-ui .nobility-panel .mobile-nobility-heading{position:relative;flex:none;z-index:2;display:flex;align-items:center;gap:7px;min-height:30px;margin:0 0 12px;background:#1b2227;}
.mobile-ui .nobility-panel h2{flex:1;margin:0;color:#e2c47c;font:600 19px/1.2 Palatino,'Book Antiqua',Georgia,serif!important;}
.mobile-ui .nobility-panel h3{margin:4px 0 7px;color:#e2c47c;font:600 14px/1.3 Palatino,'Book Antiqua',Georgia,serif!important;}
.mobile-ui .nobility-panel button{position:static;inset:auto;width:auto;height:auto;min-width:0;padding:0;border:0;background:none;color:inherit;}
.mobile-ui .nobility-panel :is(.nobility-close,.nobility-more,.nobility-help,.nobility-prev,.nobility-next){min-height:32px;padding:5px 16px;background:url('/ui/mobile/btnB.png?v=6985addbe008ac4c') center/100% 100% no-repeat;color:#edf0e7;font:12px/1.4 Palatino,'Book Antiqua',Georgia,serif!important;}
.mobile-ui .nobility-panel .nobility-help{flex:none;width:30px;height:30px;min-height:30px;padding:0 7px;}
.mobile-ui .nobility-panel .nobility-x{flex:none;width:30px;height:30px;background:url('/ui/mobile/close.png?v=857481304f77e458') center/24px 24px no-repeat;}
.mobile-ui .nobility-panel .nobility-instructions{position:static;width:auto;margin:0 0 12px;line-height:1.5;}
.mobile-ui .nobility-panel .mobile-nobility-donation label{display:block;margin:0 0 4px;font-size:11px;color:#aaa99b;}
.mobile-ui .nobility-panel .mobile-nobility-donation>div{display:flex;gap:8px;align-items:center;}
.mobile-ui .nobility-panel .nobility-amount{position:static;inset:auto;flex:1;min-width:0;width:100%;height:36px;padding:0 10px;border:0;background:#10181d url('/ui/mobile/input.png?v=12bd0780715989da') center/100% 100% no-repeat;color:#efe6cf;font-size:16px;line-height:36px;}
.mobile-ui .nobility-panel .nobility-amount::placeholder{font-size:12px;color:#8e928b;}
.mobile-ui .nobility-panel .nobility-donate{min-width:100px;min-height:36px;padding:5px 16px;background:url('/ui/mobile/btnY.png?v=be065432cc957cb3') center/100% 100% no-repeat;color:#3a2604;font:700 14px Palatino,'Book Antiqua',Georgia,serif!important;}
.mobile-ui .nobility-panel .nobility-minimum-label{position:static;display:block;margin:10px 0 5px;color:#e2c47c;font-size:11px;}
.mobile-ui .nobility-panel .nobility-targets{position:static;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;}
.mobile-ui .nobility-panel .nobility-targets button{width:auto;height:auto;min-height:32px;padding:4px 2px;overflow-wrap:anywhere;background:url('/ui/mobile/tab.png?v=3b5f3f0e7e8c4f3a') center/100% 100% no-repeat;color:#e9e6d9;font:11px/1.15 Palatino,'Book Antiqua',Georgia,serif!important;}
.mobile-ui .nobility-panel .nobility-targets button[aria-pressed='true']{background-image:url('/ui/mobile/tabon.png?v=4532b1ded01984c6');color:#35270f;}
.mobile-ui .nobility-panel .nobility-requirement{position:static;width:auto;min-height:46px;margin:8px 0 12px;color:#cec7b4;font-size:11px;line-height:1.45;visibility:visible;}
.mobile-ui .nobility-panel .nobility-hp-values{position:static;width:auto;text-align:left;line-height:normal;}
.mobile-ui .nobility-panel .mobile-nobility-details-row{display:grid;grid-template-columns:1.18fr .75fr 1.08fr .9fr;align-items:center;min-height:30px;height:auto;border-bottom:1px solid #c9b47720;font-size:11px;line-height:1.3;}
.mobile-ui .nobility-panel .mobile-nobility-details-row>span{min-width:0;padding:5px 3px;}
.mobile-ui .nobility-panel .mobile-nobility-details-row>span:first-child{display:flex;align-items:center;gap:5px;}
.mobile-ui .nobility-panel .mobile-nobility-details-row>span:last-child{text-align:right;}
.mobile-ui .nobility-panel .mobile-nobility-details-row img{flex:none;width:14px;height:20px;object-fit:contain;}
.mobile-ui .nobility-panel .mobile-nobility-table-heading{color:#e2c47c;border-bottom:1px solid #c9b47740;font-size:11px;white-space:nowrap;}
.mobile-ui .nobility-panel .nobility-notice{position:static;width:auto;margin:8px 0 0;color:#f2d189;font-size:11px;line-height:1.45;}
.mobile-ui .nobility-panel .mobile-nobility-footer{position:relative;flex:none;z-index:1;display:flex;justify-content:center;margin-top:13px;padding-top:3px;background:#1b2227;}
.mobile-ui .nobility-panel .nobility-preview{padding:16px 12px;}
.mobile-ui .nobility-panel .nobility-preview>h3{text-align:center;font-size:16px;margin:0 0 12px;}
.mobile-ui .nobility-panel .nobility-leaders{position:static;width:auto;color:#efe6cf;text-shadow:none;}
.mobile-ui .nobility-panel .nobility-leader{display:grid;grid-template-columns:16px 17px minmax(0,1fr);gap:5px;align-items:center;height:auto;min-height:44px;padding:7px 2px;border-bottom:1px solid #c9b47724;line-height:1.45;}
.mobile-ui .nobility-panel .nobility-leader>span:first-child{color:#e2c47c;font-size:11px;}
.mobile-ui .nobility-panel .nobility-leader>img{width:16px;height:23px;}
.mobile-ui .nobility-panel .nobility-leader>span:last-child span{overflow:visible;white-space:normal;text-overflow:clip;}
.mobile-ui .nobility-panel .nobility-leader .mobile-nobility-leader-detail{display:flex;justify-content:space-between;gap:4px;color:#aaa99b;font-size:11px;}
.mobile-ui .nobility-panel .nobility-own{position:static;width:auto;padding:7px 0 10px;border-bottom:1px solid #c9b47740;color:#e4d29f;font-size:11px;line-height:1.5;white-space:normal;overflow:visible;}
.mobile-ui .nobility-panel .nobility-rows{position:static;width:auto;height:auto;overflow:visible;}
.mobile-ui .nobility-panel .nobility-row{display:grid;grid-template-columns:32px 82px minmax(0,1fr) 90px;align-items:center;height:auto;min-height:32px;line-height:1.3;font-size:11px;border-bottom:1px solid #c9b47720;}
.mobile-ui .nobility-panel .nobility-row>span{min-width:0;padding:7px 3px;overflow:visible;white-space:normal;text-overflow:clip;}
.mobile-ui .nobility-panel .nobility-row>span:nth-child(2){display:flex;align-items:center;gap:4px;}
.mobile-ui .nobility-panel .nobility-row>span:last-child{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;}
.mobile-ui .nobility-panel .nobility-row img{width:13px;height:18px;object-fit:contain;margin:0;}
.mobile-ui .nobility-panel .nobility-row.is-own{outline:0;background:#e2c47c16;color:#ffe3a0;}
.mobile-ui .nobility-panel :is(.nobility-row,.nobility-leader) .backer-name-row{display:inline-flex;align-items:center;gap:3px;min-width:0;max-width:100%;width:auto;overflow:visible;}
.mobile-ui .nobility-panel :is(.nobility-row,.nobility-leader) .backer-display-name{display:block;flex:0 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.mobile-ui .nobility-panel .backer-badge{width:18px;height:20px;margin:0 1px;padding:1px!important;flex:none;}
.mobile-ui .nobility-panel .mobile-nobility-pages{display:flex;justify-content:center;align-items:center;gap:9px;flex-wrap:wrap;margin:10px 0 12px;color:#aaa99b;font-size:11px;}
.mobile-ui .nobility-panel .nobility-page{position:static;width:auto;text-align:center;}
.mobile-ui .nobility-panel :is(.nobility-prev,.nobility-next){min-width:32px;min-height:30px;padding:0 10px;}
.mobile-ui .nobility-panel .mobile-nobility-pages>span:last-child{margin-left:auto;white-space:nowrap;}
.mobile-ui .nobility-panel .nobility-help-tooltip{position:absolute;left:16px;right:16px;top:64px;bottom:auto;z-index:4;width:auto;max-height:calc(var(--nobility-mobile-height) - 80px);overflow:auto;padding:10px;color:#efe6cf;background:#10181d;border:1px solid #a8894a;line-height:1.5;}
.mobile-ui .nobility-panel button:focus-visible,.mobile-ui .nobility-panel input:focus-visible{outline:2px solid #f4dc9a;outline-offset:2px;}
@media(max-height:430px) and (min-width:581px){.mobile-ui .nobility-panel{overflow:hidden}.mobile-ui .nobility-panel :is(.nobility-overview-frame,.nobility-preview,.nobility-ranking){max-height:var(--nobility-mobile-height);overflow:hidden}.mobile-ui .nobility-panel .mobile-nobility-body{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}}
@media(max-width:580px){.mobile-ui .nobility-panel .nobility-overview{grid-template-columns:1fr}.mobile-ui .nobility-panel :is(.nobility-overview-frame,.nobility-preview,.nobility-ranking){padding:14px}.mobile-ui .nobility-panel .nobility-preview{align-self:start}.mobile-ui .nobility-panel .nobility-row{grid-template-columns:28px 64px minmax(0,1fr) 78px}.mobile-ui .nobility-panel .mobile-nobility-pages>span:last-child{margin-left:0}}
@media(pointer:coarse){.mobile-ui .nobility-panel :is(.nobility-close,.nobility-more,.nobility-help,.nobility-x,.nobility-donate,.nobility-prev,.nobility-next),.mobile-ui .nobility-panel .nobility-targets button{min-height:40px}.mobile-ui .nobility-panel :is(.nobility-help,.nobility-x){width:40px;height:40px}.mobile-ui .nobility-panel .nobility-help{padding:0 7px}}
.mobile-ui .nobility-panel .nobility-preview{display:flex;flex-direction:column;}
.mobile-ui .nobility-panel .nobility-preview>h3{flex:none;}
.mobile-ui .nobility-panel .nobility-leaders{flex:1;min-height:0;}
.mobile-ui .nobility-panel.has-notice .nobility-overview-frame .nobility-requirement{visibility:visible;}
@media(max-height:430px) and (min-width:581px){.mobile-ui .nobility-panel .nobility-leaders{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;}}