/* Public player banners echo the editable profile's hanging standard. Keep the mount outside the clipped cloth so pattern layers and finials stay intact. */ #modal .player-banner{display:grid;place-items:center;flex:none;transform:none!important} #modal .player-banner-art{position:relative;display:block;width:100%;aspect-ratio:1} #modal .player-banner .kingdom-flag{position:absolute;inset:10% 10% 0;width:80%;height:90%;min-width:0;border-width:1px;border-radius:0;clip-path:polygon(0 0,100% 0,100% 82%,50% 100%,0 82%)} #modal .player-banner .flag-symbol{position:absolute;display:block;width:72%;height:72%;inset:9% auto auto 14%;margin:0;transform:none;color:var(--flag-symbol-color)} #modal .player-banner .flag-symbol svg{width:100%;height:100%} #modal .player-banner .banner-rod{position:absolute;z-index:3;top:7%;left:5%;width:90%;height:4%;border:1px solid #60553f;border-radius:4px;background:linear-gradient(#b0a078,#5d5340 52%,#927c54);box-shadow:0 1px 2px #6f604f55} #modal .player-banner .banner-rod:before,#modal .player-banner .banner-rod:after{content:"";position:absolute;top:50%;width:10%;aspect-ratio:1;transform:translateY(-50%);border:1px solid #62533b;border-radius:50%;background:#a58d61} #modal .player-banner .banner-rod:before{left:-5%} #modal .player-banner .banner-rod:after{right:-5%} /* Public ruler dossier. Isolated from the public clan and own-profile screens. */ #modal.public-player-profile-modal:has(.public-player-profile){width:min(950px,calc(100vw - 28px)) !important;max-height:calc(100dvh - 24px) !important;padding:0 !important;border:3px double #927b51 !important;border-radius:3px !important;background:#eee1bd !important;color:#372e22 !important;box-shadow:0 14px 50px #0009 !important} #modal:has(.public-player-profile) .modal-card{padding:0 !important;background:linear-gradient(120deg,#f6ecd2,#e9dab5) !important;border:0 !important;border-radius:0 !important;color:#372e22 !important;max-height:calc(100dvh - 30px) !important;overflow:auto !important} #modal:has(.public-player-profile) #modalTitle{margin:0 !important;padding:18px 55px 16px 22px !important;border-bottom:3px double #ab9061 !important;font:27px/1.2 Georgia,serif !important;color:#493625 !important;background:#e9d9b3 !important} #modal:has(.public-player-profile) .modal-close{background:#e1d0a7 !important;color:#59442d !important;border:1px solid #b7a078 !important;border-radius:2px !important} #modal:has(.public-player-profile) #modalBody{padding:16px !important;color:#372e22 !important} #modal .public-player-profile{grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr) minmax(0,1fr);gap:14px} #modal .public-player-profile .public-profile-section{padding:14px;border:1px solid #c1ad80 !important;border-radius:1px !important;background:linear-gradient(125deg,#fff6dd70,#ddc99940) !important;box-shadow:inset 0 0 0 3px #fff9e133;min-width:0} #modal .public-player-profile .public-profile-heading{margin:0 0 14px;padding-bottom:9px;border-bottom:1px solid #c6b58c;color:#7a6040 !important;font:11px/1.2 Georgia,serif;letter-spacing:2px} #modal .public-profile-identity{flex-direction:column;gap:12px;text-align:center;margin:0 0 14px;font:22px/1.15 Georgia,serif;overflow-wrap:anywhere} #modal .public-profile-flag{width:100px;height:100px} #modal .public-profile-power{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 4px;border-top:1px solid #c6b58c} #modal .public-profile-power .cl-icon{width:30px;height:30px;color:#8f6b30} #modal .public-profile-power span{display:grid;gap:3px;min-width:0} #modal .public-profile-power strong{font:21px/1.15 Georgia,serif;color:#574321 !important;overflow-wrap:anywhere} #modal .public-profile-power small{font-size:11px;color:#76654c !important} #modal .public-profile-stat{display:flex;align-items:center;gap:12px;padding:8px 0;flex-wrap:nowrap} #modal .public-profile-stat>:is(img,svg){width:35px;height:38px;flex:none;color:#76613d} #modal .public-profile-stat>div{min-width:0;display:grid;gap:3px} #modal .public-profile-stat strong{font:24px/1.12 Georgia,serif;color:#413522 !important} #modal .public-profile-stat span{font-size:12px;color:#75654c !important} #modal .public-profile-troop-estimate{margin-top:4px} #modal .public-profile-strongholds{margin-top:12px;border-top:1px solid #c6b58c;padding-top:12px} #modal .public-profile-strongholds>div{gap:7px;align-items:baseline;color:#76654c !important;font-size:12px} #modal .public-profile-strongholds>div strong{font:22px Georgia,serif;color:#574321 !important} #modal .public-profile-strongholds ul{max-height:90px;overflow:auto;margin:8px 0 0;padding-left:18px;font:14px/1.55 Georgia,serif;color:#584a33 !important;scrollbar-width:thin} #modal .public-profile-strongholds p{font-size:12px;color:#75654c !important} #modal .public-player-profile .public-profile-clan{flex-direction:column;text-align:center;gap:14px;padding:4px 6px 12px;border:0 !important;border-radius:1px !important;background:transparent !important;color:#493625 !important;box-shadow:none !important} #modal .public-profile-clan .clan-shield-size-small{width:98px;height:112px} #modal .public-profile-clan-copy{gap:8px} #modal .public-profile-clan-copy strong{font:19px/1.2 Georgia,serif;color:#493625 !important} #modal .public-profile-clan-copy small{color:#68623c !important;font-size:11px;text-decoration:underline;text-underline-offset:3px} #modal .public-player-profile .public-profile-empty{display:grid;justify-items:center;gap:10px;padding:12px 0;text-align:center;color:#76654c !important;font-size:12px} #modal .public-profile-empty svg{width:65px;height:65px;opacity:.55} #modal .public-profile-empty strong{font:18px Georgia,serif;color:#584a33 !important} #modal .public-profile-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding:12px 14px;border:1px solid #b7a078;background:#d3c79f66} #modal .public-profile-footer>div{display:grid;gap:3px;min-width:0} #modal .public-profile-footer>div span{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#76654c !important} #modal .public-profile-footer>div strong{font:18px Georgia,serif;color:#493625 !important;overflow-wrap:anywhere} #modal .public-profile-footer .public-profile-location{width:auto;flex:none;min-height:42px;gap:9px;padding:9px 17px;border:1px solid #663e37 !important;border-radius:2px !important;background:linear-gradient(#87564b,#6b3e37) !important;color:#fff2d6 !important;font:15px Georgia,serif} #modal .public-profile-location svg{width:23px;height:23px} #modal .public-profile-footer .public-profile-location span{color:#fff2d6 !important} #modal .public-profile-location-status{margin:0;color:#803d34 !important;font-size:12px} #modal .public-profile-location-status:not(:empty){padding:10px 2px 0} #modal:has(.public-player-profile) button:focus-visible{outline:2px solid #755326 !important;outline-offset:3px !important} @media(max-height:600px) and (orientation:landscape){ #modal.public-player-profile-modal:has(.public-player-profile){width:min(920px,calc(100vw - 16px)) !important;max-height:calc(100dvh - 12px) !important} #modal:has(.public-player-profile) .modal-card{max-height:calc(100dvh - 18px) !important} #modal:has(.public-player-profile) #modalTitle{font-size:20px !important;padding:9px 45px 8px 14px !important} #modal:has(.public-player-profile) #modalBody{padding:8px !important} #modal .public-player-profile{gap:8px} #modal .public-player-profile .public-profile-section{padding:8px;max-height:calc(100dvh - 150px);overflow:auto;scrollbar-width:thin} #modal .public-player-profile .public-profile-heading{font-size:9px;letter-spacing:1.3px;margin-bottom:8px;padding-bottom:6px} #modal .public-profile-identity{font-size:17px;gap:6px;margin-bottom:6px} #modal .public-profile-flag{width:60px;height:60px} #modal .public-profile-power{padding:7px 0;gap:6px} #modal .public-profile-power strong{font-size:17px} #modal .public-profile-power small{font-size:10px} #modal .public-profile-stat{gap:7px;padding:4px 0} #modal .public-profile-stat>:is(img,svg){width:25px;height:28px} #modal .public-profile-stat strong{font-size:19px} #modal .public-profile-stat span{font-size:10px} #modal .public-profile-strongholds{margin-top:6px;padding-top:6px} #modal .public-profile-strongholds>div{font-size:10px} #modal .public-profile-strongholds>div strong{font-size:17px} #modal .public-profile-strongholds ul{font-size:11px;max-height:46px;margin-top:5px} #modal .public-player-profile .public-profile-clan{gap:7px;padding:0 0 6px} #modal .public-profile-clan .clan-shield-size-small{width:57px;height:65px} #modal .public-profile-clan-copy{gap:6px} #modal .public-profile-clan-copy strong{font-size:15px} #modal .public-profile-clan-copy small{font-size:10px} #modal .public-profile-footer{margin-top:8px;padding:6px 9px;gap:8px} #modal .public-profile-footer>div strong{font-size:15px} #modal .public-profile-footer .public-profile-location{min-height:38px;font-size:13px;padding:6px 11px} #modal .public-player-profile .public-profile-empty{gap:6px;padding:6px 0} #modal .public-profile-empty svg{width:46px;height:46px} #modal .public-profile-empty strong{font-size:15px} } @media(max-height:360px) and (orientation:landscape){ #modal .public-profile-flag{width:46px;height:46px} #modal .public-profile-identity{font-size:16px;gap:4px;margin-bottom:4px} #modal .public-profile-power{padding:5px 0} } /* Approved Player Profile overview. All overrides below are scoped to this tab. */ .profile-ledger-crown{display:none} #profileScreen.profile-ledger-active :is(h2,h3,p,span,strong,small,dt,dd,button){color:inherit !important;text-shadow:none !important;font-weight:400 !important;text-transform:none !important;letter-spacing:normal !important} #profileScreen.profile-ledger-active :is(.profile-identity,.kingdom-overview,.profile-achievement-summary){margin:0 !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;gap:0 !important;grid-column:auto !important;grid-row:auto !important;align-content:stretch !important} #profileScreen.profile-ledger-active .profile-view{padding:0 !important;margin:0 !important;gap:0 !important;overflow:hidden !important;grid-template-rows:minmax(0,1fr) !important;width:100% !important;min-width:0 !important} #profileScreen.profile-ledger-active .profile-name-block{display:block !important;gap:0 !important;width:100% !important} #profileScreen.profile-ledger-active .profile-tabs{padding:0 !important;background:none !important;border:0 !important;border-radius:0 !important;box-shadow:none !important} #profileScreen.profile-ledger-active .profile-tabs button.active{background:var(--burgundy) !important;color:#fff1d3 !important;border-color:#643938 !important;box-shadow:inset 0 0 0 2px #ab8d6966 !important} #profileScreen.profile-ledger-active .kingdom-stat{grid-column:auto !important;width:auto !important;border-radius:0 !important;justify-self:stretch !important;align-content:center !important;margin:0 !important} #profileScreen.profile-ledger-active .profile-section-heading{padding:0 !important;text-align:left !important;background:none !important;box-shadow:none !important} #profileScreen.profile-ledger-active .honor-totals{display:block !important;padding:0 !important;gap:0 !important;background:none !important} #profileScreen.profile-ledger-active .honor-totals>div{margin:0 !important;border:0 !important;background:transparent !important;box-shadow:none !important;border-radius:0 !important;min-height:0 !important} #profileScreen.profile-ledger-active .profile-view-achievements-btn{width:100% !important;margin:0 !important;justify-self:stretch !important;border-radius:0 !important} #profileScreen.profile-ledger-active .profile-inner-castle-actions{border:0 !important;margin:0 !important;border-radius:0 !important;background:none !important} #profileScreen.profile-ledger-active{--paper:#f2e8cd;--ink:#352f23;--muted:#75674e;--line:#b8a684;--moss:#485839;--burgundy:#703e3d;width:min(1200px,calc(100% - 24px)) !important;height:min(700px,calc(100dvh - 24px)) !important;grid-template-rows:83px minmax(0,1fr) !important;padding:5px !important;border:1px solid #766346 !important;border-radius:2px !important;background:var(--paper) !important;color:var(--ink) !important;box-shadow:inset 0 0 0 3px #d6c49e,inset 0 0 0 4px #a99876,0 0 0 100vmax #20261f99,0 10px 45px #171b1b88 !important;backdrop-filter:none !important;font-family:"Segoe UI",Arial,sans-serif !important} #profileScreen.profile-ledger-active::before,#profileScreen.profile-ledger-active::after{display:none !important} #profileScreen.profile-ledger-active button, #profileScreen.profile-ledger-active input{font:inherit !important;color:inherit !important} #profileScreen.profile-ledger-active button{cursor:pointer !important} #profileScreen.profile-ledger-active button:disabled{cursor:default !important;opacity:.6 !important} #profileScreen.profile-ledger-active button:hover:not(:disabled){filter:brightness(1.05) !important} #profileScreen.profile-ledger-active button:focus-visible, #profileScreen.profile-ledger-active input:focus-visible{outline:2px solid #426f76 !important;outline-offset:2px !important} #profileScreen.profile-ledger-active h1, #profileScreen.profile-ledger-active h2, #profileScreen.profile-ledger-active h3, #profileScreen.profile-ledger-active p, #profileScreen.profile-ledger-active dl, #profileScreen.profile-ledger-active dd{margin:0 !important} #profileScreen.profile-ledger-active [hidden]{display:none !important} #profileScreen.profile-ledger-active .profile-screen-header{display:flex !important;gap:20px !important;align-items:center !important;padding:12px 20px !important;border-bottom:1px solid var(--line) !important;background:#e9dcb483 !important} #profileScreen.profile-ledger-active .profile-screen-heading{display:flex !important;align-items:center !important;gap:12px !important;min-width:0 !important} #profileScreen.profile-ledger-active .profile-screen-heading :is(img,svg){width:43px !important;height:45px !important} #profileScreen.profile-ledger-active .profile-screen-heading > span{font-size:9px !important;letter-spacing:1.9px !important;color:var(--muted) !important;margin-bottom:4px !important} #profileScreen.profile-ledger-active .profile-screen-heading h2{font:30px/1 Georgia,serif !important;white-space:nowrap !important} #profileScreen.profile-ledger-active .profile-tabs{display:flex !important;gap:6px !important;margin-left:auto !important} #profileScreen.profile-ledger-active .profile-tabs button{height:44px !important;min-width:78px !important;padding:0 14px !important;background:#e4d3ae !important;border:1px solid #ad956b !important;box-shadow:inset 0 0 0 2px #f8ecd377 !important;font-size:12px !important} #profileScreen.profile-ledger-active .profile-tabs button[aria-current]{background:var(--burgundy) !important;color:#fff1d3 !important;border-color:#643938 !important;box-shadow:inset 0 0 0 2px #ab8d6966 !important} #profileScreen.profile-ledger-active .icon-button{display:grid !important;place-items:center !important;width:44px !important;height:44px !important;border:0 !important;background:transparent !important;flex:none !important;font:26px Georgia,serif !important} #profileScreen.profile-ledger-active .profile-body{min-height:0 !important;display:grid !important;grid-template-columns:minmax(0,.95fr) minmax(0,1.7fr) minmax(0,1fr) !important} #profileScreen.profile-ledger-active .identity{display:flex !important;flex-direction:column !important;align-items:center !important;min-width:0 !important;min-height:0 !important;padding:29px 23px 24px !important;background:linear-gradient(100deg,#d9c79855,#eee1bb88) !important;border-right:1px solid var(--line) !important;text-align:center !important;overflow:auto !important;scrollbar-width:thin !important} #profileScreen.profile-ledger-active .banner-mount{position:relative !important;width:min(178px,100%) !important;margin:0 auto 24px !important;padding-top:9px !important} #profileScreen.profile-ledger-active .banner-rod{position:absolute !important;top:0 !important;left:-9px !important;right:-9px !important;height:7px !important;background:linear-gradient(#b0a078,#5d5340 52%,#927c54) !important;border:1px solid #60553f !important;border-radius:4px !important;box-shadow:0 2px 2px #6f604f55 !important} #profileScreen.profile-ledger-active .banner-rod:before, #profileScreen.profile-ledger-active .banner-rod:after{content:"" !important;position:absolute !important;top:-3px !important;width:11px !important;height:11px !important;border-radius:50% !important;background:#a58d61 !important;border:2px solid #62533b !important} #profileScreen.profile-ledger-active .banner-rod:before{left:-5px !important} #profileScreen.profile-ledger-active .banner-rod:after{right:-5px !important} #profileScreen.profile-ledger-active .flag-button{display:block !important;width:100% !important;padding:0 !important;border:0 !important;background:transparent !important} #profileScreen.profile-ledger-active .flag-caption{display:block !important;font-size:10px !important;margin-top:7px !important;color:#64563d !important} #profileScreen.profile-ledger-active .flag-caption span{margin-left:5px !important} #profileScreen.profile-ledger-active .ruler-copy{width:100% !important} #profileScreen.profile-ledger-active .eyebrow{font-size:9px !important;letter-spacing:1.45px !important;color:var(--muted) !important;font-weight:500 !important} #profileScreen.profile-ledger-active .name-display{display:flex !important;align-items:center !important;justify-content:center !important;gap:2px !important;margin:3px 0 14px !important} #profileScreen.profile-ledger-active .ruler-name{min-width:0 !important;font:27px/1.15 Georgia,serif !important;overflow-wrap:anywhere !important;padding:4px 0 !important;border:0 !important;background:none !important;text-align:center !important} #profileScreen.profile-ledger-active .edit-name{width:30px !important;min-width:30px !important;font-size:18px !important} #profileScreen.profile-ledger-active .hero-progress{width:100% !important;margin:0 auto 22px !important;max-width:220px !important} #profileScreen.profile-ledger-active .hero-level{display:flex !important;align-items:baseline !important;justify-content:center !important;gap:8px !important} #profileScreen.profile-ledger-active .hero-level strong{font:21px Georgia,serif !important} #profileScreen.profile-ledger-active .hero-level>span{font-size:8px !important;color:var(--muted) !important;letter-spacing:1px !important} #profileScreen.profile-ledger-active .progress-track{height:7px !important;border:1px solid #b3a17b !important;background:#d6c7a6 !important;margin:9px 0 6px !important;overflow:hidden !important} #profileScreen.profile-ledger-active .progress-track>span{display:block !important;height:100% !important;background:linear-gradient(90deg,#66774d,#8b9865) !important} #profileScreen.profile-ledger-active #profileXpLabel{font-size:10px !important;color:#675c44 !important;font-variant-numeric:tabular-nums !important;overflow-wrap:anywhere !important} #profileScreen.profile-ledger-active .clan-affiliation{display:flex !important;gap:9px !important;align-items:center !important;width:100% !important;padding:9px !important;border:1px solid #b5a079 !important;background:#efe2bf66 !important;min-height:64px !important;text-align:left !important} #profileScreen.profile-ledger-active .clan-affiliation>span:nth-child(2){flex:1 !important;min-width:0 !important} #profileScreen.profile-ledger-active .clan-affiliation small{display:block !important;font-size:8px !important;letter-spacing:1.5px !important;color:var(--muted) !important;margin-bottom:4px !important} #profileScreen.profile-ledger-active .clan-affiliation strong{display:block !important;font:15px/1.25 Georgia,serif !important;overflow-wrap:anywhere !important} #profileScreen.profile-ledger-active .identity-flourish{display:flex !important;gap:8px !important;align-items:center !important;justify-content:center !important;width:70% !important;color:#aa9368 !important;margin-top:auto !important;padding-top:16px !important;font-size:10px !important} #profileScreen.profile-ledger-active .identity-flourish span{height:1px !important;background:#bda77b !important;flex:1 !important} #profileScreen.profile-ledger-active .kingdom-ledger, #profileScreen.profile-ledger-active .honors{min-width:0 !important;min-height:0 !important;display:grid !important;grid-template-rows:62px minmax(0,1fr) 102px !important;padding:15px 25px 20px !important} #profileScreen.profile-ledger-active .honors{border-left:1px solid var(--line) !important;grid-template-rows:62px minmax(0,1fr) 64px !important;padding-left:22px !important;padding-right:22px !important;background:#e5d8b82b !important} #profileScreen.profile-ledger-active .section-heading{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:7px !important;border-bottom:1px solid #c5b28c !important;margin-bottom:15px !important} #profileScreen.profile-ledger-active .section-heading h2{font:23px/1.2 Georgia,serif !important;margin-top:5px !important} #profileScreen.profile-ledger-active .folio{font:italic 17px Georgia !important;color:#a8946c !important;padding-left:6px !important} #profileScreen.profile-ledger-active .stat-grid{min-height:0 !important;display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;grid-template-rows:repeat(3,minmax(0,1fr)) !important;gap:11px !important;overflow:auto !important;scrollbar-width:thin !important} #profileScreen.profile-ledger-active .stat{display:flex !important;align-items:center !important;gap:11px !important;min-width:0 !important;min-height:0 !important;text-align:left !important;padding:14px 11px !important;border:1px solid #c0ab83 !important;background:linear-gradient(112deg,#f7ecd3,#eaddbd) !important;box-shadow:inset 0 0 0 3px #fff7df66 !important} #profileScreen.profile-ledger-active .stat>:is(img,svg){width:41px !important;height:46px !important;flex:none !important} #profileScreen.profile-ledger-active .stat>div, #profileScreen.profile-ledger-active .stat>span{min-width:0 !important;flex:1 !important} #profileScreen.profile-ledger-active .stat h3, #profileScreen.profile-ledger-active .stat-label{display:block !important;font-weight:400 !important;font-size:11px !important;line-height:1.3 !important;color:#706148 !important;margin-bottom:7px !important} #profileScreen.profile-ledger-active .stat strong{display:block !important;font:24px/1.12 Georgia,serif !important;letter-spacing:-.3px !important;font-variant-numeric:tabular-nums !important;overflow-wrap:anywhere !important} #profileScreen.profile-ledger-active .stat small{display:block !important;color:var(--moss) !important;font-size:10px !important;margin-top:5px !important;line-height:1.25 !important;font-variant-numeric:tabular-nums !important;overflow-wrap:anywhere !important} #profileScreen.profile-ledger-active .power{background:linear-gradient(112deg,#eee7c8,#ddd8af) !important;border-color:#aba37c !important} #profileScreen.profile-ledger-active .production{position:relative !important} #profileScreen.profile-ledger-active .production strong{font-size:20px !important} #profileScreen.profile-ledger-active .info-mark{font:italic 10px Georgia,serif !important;display:inline-grid !important;place-items:center !important;width:12px !important;height:12px !important;border:1px solid #a89773 !important;border-radius:50% !important;vertical-align:1px !important} #profileScreen.profile-ledger-active .castle-action{display:flex !important;gap:12px !important;align-items:flex-end !important;position:relative !important;padding-top:15px !important} #profileScreen.profile-ledger-active .castle-action>img{height:85px !important;width:94px !important;flex:none !important} #profileScreen.profile-ledger-active .primary{min-height:44px !important;display:flex !important;gap:10px !important;align-items:center !important;justify-content:center !important;padding:10px 14px !important;border:1px solid #643938 !important;box-shadow:inset 0 0 0 2px #af8d6855 !important;background:linear-gradient(#80504a,#693e3a) !important;color:#fff1d6 !important;font:15px/1.15 Georgia,serif !important} #profileScreen.profile-ledger-active .primary>span:last-child:not(:first-child){margin-left:auto !important} #profileScreen.profile-ledger-active .castle-action .primary{flex:1 !important;margin-bottom:7px !important} #profileScreen.profile-ledger-active .honors-scroll{overflow:auto !important;min-height:0 !important;text-align:center !important;scrollbar-width:thin !important;padding:8px 0 !important} #profileScreen.profile-ledger-active .honors-seal{width:115px !important;height:126px !important;display:block !important;margin:0 auto 12px !important} #profileScreen.profile-ledger-active .season-score>strong{display:block !important;font:29px/1.15 Georgia,serif !important} #profileScreen.profile-ledger-active .season-score>span{display:block !important;font-size:10px !important;color:var(--muted) !important;margin:4px 0 12px !important} #profileScreen.profile-ledger-active .honors .progress-track{margin:0 8px 20px !important;height:5px !important} #profileScreen.profile-ledger-active .honor-totals{font-size:12px !important} #profileScreen.profile-ledger-active .honor-totals>div{display:flex !important;justify-content:space-between !important;gap:8px !important;padding:10px 0 !important;border-bottom:1px solid #c8b994 !important;text-align:left !important} #profileScreen.profile-ledger-active .honor-totals dt{color:var(--muted) !important} #profileScreen.profile-ledger-active .honor-totals dd{font-weight:600 !important;white-space:nowrap !important;font-variant-numeric:tabular-nums !important} #profileScreen.profile-ledger-active .season-note{font:italic 12px/1.5 Georgia,serif !important;color:var(--muted) !important;margin-top:16px !important} #profileScreen.profile-ledger-active .achievement-action{align-self:end !important;min-height:51px !important;padding:10px !important;gap:7px !important;font-size:14px !important} #profileScreen.profile-ledger-active .ready-count{font:10px/1 "Segoe UI",sans-serif !important;border:1px solid #cdbb87aa !important;background:#f1e6c7 !important;color:#4d583b !important;padding:5px !important;white-space:nowrap !important} #profileScreen.profile-ledger-active .action-arrow{font:22px Georgia !important} #profileScreen.profile-ledger-active.large-values .stat strong{font-size:19px !important} #profileScreen.profile-ledger-active.large-values .production strong{font-size:15px !important} #profileScreen.profile-ledger-active.large-values .stat{gap:5px !important} #profileScreen.profile-ledger-active.large-values .stat>:is(img,svg){width:28px !important} #profileScreen.profile-ledger-active.large-values .ruler-name{font-size:24px !important} @media(max-height:600px),(max-width:1000px){#profileScreen.profile-ledger-active .profile-screen-header{padding:5px 10px !important;gap:8px !important} #profileScreen.profile-ledger-active .profile-screen-heading{gap:6px !important} #profileScreen.profile-ledger-active .profile-screen-heading :is(img,svg){width:27px !important;height:31px !important} #profileScreen.profile-ledger-active .profile-screen-heading > span{font-size:7px !important;margin-bottom:3px !important;letter-spacing:1.1px !important} #profileScreen.profile-ledger-active .profile-screen-heading h2{font-size:21px !important} #profileScreen.profile-ledger-active .profile-tabs{gap:4px !important} #profileScreen.profile-ledger-active .profile-tabs button{padding:0 11px !important;min-width:59px !important;height:40px !important;font-size:11px !important} #profileScreen.profile-ledger-active .close{width:36px !important} #profileScreen.profile-ledger-active .profile-body{grid-template-columns:minmax(0,.95fr) minmax(0,1.8fr) minmax(0,1.12fr) !important} #profileScreen.profile-ledger-active .identity{padding:12px 11px 10px !important} #profileScreen.profile-ledger-active .banner-mount{width:80px !important;margin-bottom:7px !important;padding-top:5px !important} #profileScreen.profile-ledger-active .banner-rod{height:5px !important} #profileScreen.profile-ledger-active .banner-rod:before, #profileScreen.profile-ledger-active .banner-rod:after{width:9px !important;height:9px !important} #profileScreen.profile-ledger-active .flag-caption{font-size:9px !important;margin-top:3px !important} #profileScreen.profile-ledger-active .ruler-copy>.eyebrow{font-size:7px !important;letter-spacing:1px !important} #profileScreen.profile-ledger-active .name-display{margin:0 0 4px !important} #profileScreen.profile-ledger-active .ruler-name{font-size:19px !important} #profileScreen.profile-ledger-active .edit-name{width:24px !important;min-width:24px !important;height:31px !important;font-size:15px !important} #profileScreen.profile-ledger-active .hero-progress{margin-bottom:9px !important} #profileScreen.profile-ledger-active .hero-level strong{font-size:16px !important} #profileScreen.profile-ledger-active .hero-level>span{font-size:7px !important} #profileScreen.profile-ledger-active .progress-track{height:5px !important;margin:5px 0 !important} #profileScreen.profile-ledger-active #profileXpLabel{font-size:9px !important} #profileScreen.profile-ledger-active .clan-affiliation{min-height:43px !important;padding:5px !important;gap:5px !important} #profileScreen.profile-ledger-active .clan-affiliation strong{font-size:11px !important} #profileScreen.profile-ledger-active .clan-affiliation small{font-size:7px !important;margin-bottom:2px !important;letter-spacing:.8px !important} #profileScreen.profile-ledger-active .identity-flourish{display:none !important} #profileScreen.profile-ledger-active .kingdom-ledger, #profileScreen.profile-ledger-active .honors{padding:8px 11px 10px !important;grid-template-rows:39px minmax(0,1fr) 49px !important} #profileScreen.profile-ledger-active .section-heading{margin-bottom:7px !important} #profileScreen.profile-ledger-active .section-heading h2{font-size:17px !important;margin-top:3px !important} #profileScreen.profile-ledger-active .section-heading .eyebrow{font-size:7px !important;letter-spacing:.8px !important} #profileScreen.profile-ledger-active .folio{font-size:12px !important} #profileScreen.profile-ledger-active .stat-grid{gap:6px !important} #profileScreen.profile-ledger-active .stat{gap:5px !important;padding:5px 6px !important;box-shadow:inset 0 0 0 2px #fff7df66 !important} #profileScreen.profile-ledger-active .stat>:is(img,svg){width:27px !important;height:32px !important} #profileScreen.profile-ledger-active .stat h3, #profileScreen.profile-ledger-active .stat-label{font-size:9px !important;margin-bottom:3px !important} #profileScreen.profile-ledger-active .stat strong{font-size:18px !important} #profileScreen.profile-ledger-active .production strong{font-size:15px !important} #profileScreen.profile-ledger-active .stat small{font-size:9px !important;margin-top:3px !important} #profileScreen.profile-ledger-active .info-mark{width:10px !important;height:10px !important;font-size:8px !important} #profileScreen.profile-ledger-active .castle-action{padding-top:5px !important;gap:8px !important;align-items:center !important} #profileScreen.profile-ledger-active .castle-action>img{height:43px !important;width:47px !important} #profileScreen.profile-ledger-active .castle-action .primary{margin:0 !important;min-height:44px !important;padding:7px 11px !important;font-size:13px !important} #profileScreen.profile-ledger-active .honors-scroll{padding:1px 0 0 !important} #profileScreen.profile-ledger-active .honors-seal{width:48px !important;height:50px !important;margin:0 auto 3px !important} #profileScreen.profile-ledger-active .season-score{display:flex !important;gap:5px !important;align-items:baseline !important;justify-content:center !important} #profileScreen.profile-ledger-active .season-score>strong{font-size:21px !important} #profileScreen.profile-ledger-active .season-score>span{font-size:8px !important;max-width:69px !important;text-align:left !important;line-height:1.25 !important;margin:0 !important} #profileScreen.profile-ledger-active .honors .progress-track{margin:6px 0 5px !important;height:4px !important} #profileScreen.profile-ledger-active .honor-totals{font-size:10px !important} #profileScreen.profile-ledger-active .honor-totals>div{padding:6px 0 !important} #profileScreen.profile-ledger-active .season-note{font-size:10px !important;line-height:1.3 !important;margin-top:7px !important} #profileScreen.profile-ledger-active .achievement-action{min-height:44px !important;font-size:12px !important;padding:6px !important;gap:5px !important} #profileScreen.profile-ledger-active .ready-count{font-size:9px !important;padding:4px !important} #profileScreen.profile-ledger-active .action-arrow{display:none !important} #profileScreen.profile-ledger-active.large-values .stat strong{font-size:15px !important} #profileScreen.profile-ledger-active.large-values .production strong{font-size:12px !important} #profileScreen.profile-ledger-active.large-values .stat>:is(img,svg){width:22px !important} #profileScreen.profile-ledger-active.large-values .ruler-name{font-size:16px !important} } @media(max-height:600px),(max-width:1000px){#profileScreen.profile-ledger-active .honors-seal{float:left !important;width:40px !important;height:42px !important;margin:0 8px 3px 0 !important} #profileScreen.profile-ledger-active .season-score{min-height:35px !important;justify-content:flex-start !important;align-items:center !important} #profileScreen.profile-ledger-active .season-score>span{max-width:72px !important} #profileScreen.profile-ledger-active .honors .progress-track{clear:both !important;margin:5px 0 4px !important} #profileScreen.profile-ledger-active .honor-totals>div{padding:4px 0 !important} #profileScreen.profile-ledger-active .season-note{margin-top:6px !important} } @media(max-width:650px){#profileScreen.profile-ledger-active .profile-screen-header{padding:1px 5px !important;gap:3px !important} #profileScreen.profile-ledger-active .profile-screen-heading :is(img,svg), #profileScreen.profile-ledger-active .profile-screen-heading > span{display:none !important} #profileScreen.profile-ledger-active .profile-screen-heading h2{font-size:17px !important} #profileScreen.profile-ledger-active .profile-tabs{gap:2px !important} #profileScreen.profile-ledger-active .profile-tabs button{min-width:0 !important;height:38px !important;padding:0 8px !important;font-size:10px !important} #profileScreen.profile-ledger-active .close{width:30px !important;height:38px !important;font-size:23px !important} #profileScreen.profile-ledger-active .profile-body{grid-template-columns:minmax(0,.85fr) minmax(0,1.7fr) minmax(0,1.08fr) !important} #profileScreen.profile-ledger-active .identity{padding:8px 7px !important} #profileScreen.profile-ledger-active .banner-mount{width:64px !important;margin-bottom:6px !important} #profileScreen.profile-ledger-active .ruler-copy>.eyebrow{display:none !important} #profileScreen.profile-ledger-active .ruler-name{font-size:16px !important} #profileScreen.profile-ledger-active .edit-name{width:21px !important;min-width:21px !important;height:30px !important} #profileScreen.profile-ledger-active .hero-level strong{font-size:14px !important} #profileScreen.profile-ledger-active .hero-level>span{display:none !important} #profileScreen.profile-ledger-active .hero-progress{margin-bottom:7px !important} #profileScreen.profile-ledger-active #profileXpLabel{font-size:8px !important} #profileScreen.profile-ledger-active .clan-affiliation{min-height:39px !important} #profileScreen.profile-ledger-active .clan-affiliation strong{font-size:10px !important} #profileScreen.profile-ledger-active .kingdom-ledger, #profileScreen.profile-ledger-active .honors{padding:6px 7px 7px !important;grid-template-rows:31px minmax(0,1fr) 48px !important} #profileScreen.profile-ledger-active .section-heading .eyebrow{display:none !important} #profileScreen.profile-ledger-active .section-heading h2{font-size:15px !important;margin:0 !important} #profileScreen.profile-ledger-active .folio{display:none !important} #profileScreen.profile-ledger-active .stat-grid{gap:4px !important} #profileScreen.profile-ledger-active .stat{padding:5px !important;gap:3px !important;display:block !important;position:relative !important} #profileScreen.profile-ledger-active .stat>:is(img,svg){position:absolute !important;right:4px !important;top:4px !important;width:19px !important;height:20px !important;opacity:.85 !important} #profileScreen.profile-ledger-active .stat h3{padding-right:16px !important;font-size:9px !important} #profileScreen.profile-ledger-active .stat-label{font-size:9px !important;white-space:normal !important;max-width:88% !important} #profileScreen.profile-ledger-active .production>img{display:none !important} #profileScreen.profile-ledger-active .stat strong{font-size:15px !important;letter-spacing:-.3px !important} #profileScreen.profile-ledger-active .production strong{font-size:12px !important} #profileScreen.profile-ledger-active .stat small{font-size:8px !important;margin-top:2px !important} #profileScreen.profile-ledger-active .info-mark{display:none !important} #profileScreen.profile-ledger-active .castle-action>img{display:none !important} #profileScreen.profile-ledger-active .castle-action .primary{font-size:12px !important} #profileScreen.profile-ledger-active .honors-seal{height:35px !important;width:35px !important;margin-bottom:2px !important} #profileScreen.profile-ledger-active .season-score>strong{font-size:17px !important} #profileScreen.profile-ledger-active .season-score>span{font-size:8px !important;max-width:65px !important} #profileScreen.profile-ledger-active .honor-totals{font-size:9px !important} #profileScreen.profile-ledger-active .honor-totals>div{padding:5px 0 !important;gap:4px !important} #profileScreen.profile-ledger-active .season-note{font-size:9px !important;margin-top:6px !important} #profileScreen.profile-ledger-active .achievement-action{flex-wrap:wrap !important;gap:3px !important;font-size:11px !important;justify-content:center !important} #profileScreen.profile-ledger-active .primary>span:last-child:not(:first-child){margin-left:0 !important} #profileScreen.profile-ledger-active .ready-count{padding:2px 5px !important;font-size:8px !important} #profileScreen.profile-ledger-active.large-values .stat strong{font-size:12px !important;letter-spacing:-.45px !important} #profileScreen.profile-ledger-active.large-values .production strong{font-size:10px !important} #profileScreen.profile-ledger-active.large-values .stat small{font-size:8px !important} #profileScreen.profile-ledger-active.large-values .ruler-name{font-size:14px !important} #profileScreen.profile-ledger-active.large-values .stat>:is(img,svg){width:16px !important} } #profileScreen.profile-ledger-active .profile-screen-header{min-height:0 !important;box-shadow:none !important} #profileScreen.profile-ledger-active .profile-screen-heading{display:grid !important;grid-template-columns:43px auto !important;gap:0 12px !important;grid-template-rows:auto auto !important;flex:none !important} #profileScreen.profile-ledger-active .profile-ledger-crown{display:block;grid-row:1/3;grid-column:1} #profileScreen.profile-ledger-active .profile-screen-heading>span{grid-row:1;grid-column:2} #profileScreen.profile-ledger-active .profile-screen-heading>h2{grid-row:2;grid-column:2;overflow:visible !important} #profileScreen.profile-ledger-active :is(button,.profile-xp-track){border-radius:0 !important;min-height:0} #profileScreen.profile-ledger-active .flag-button{box-shadow:none !important;gap:0 !important} #profileScreen.profile-ledger-active .ruler-flag{width:100% !important;height:198px !important;clip-path:polygon(0 0,100% 0,100% 82%,50% 100%,0 82%) !important;border-radius:0 !important;flex:none !important;min-width:0 !important} #profileScreen.profile-ledger-active .ruler-flag .flag-symbol{position:absolute !important;width:72% !important;height:72% !important;min-height:0 !important;min-width:0 !important;inset:9% auto auto 14% !important;transform:none !important;margin:0 !important;display:block !important} #profileScreen.profile-ledger-active .ruler-flag .flag-symbol svg{width:100% !important;height:100% !important} #profileScreen.profile-ledger-active .ruler-name{overflow:visible !important;text-overflow:clip !important;white-space:normal !important;cursor:pointer} #profileScreen.profile-ledger-active .profile-name-editor{display:grid !important;grid-template-columns:minmax(0,1fr) 38px 38px !important;gap:4px !important;margin:8px 0 12px !important} #profileScreen.profile-ledger-active .profile-name-editor input{width:100% !important;min-width:0 !important;min-height:38px !important;border:1px solid #9f8760 !important;border-radius:0 !important;background:#fff5dc !important;padding:5px 7px !important;font-size:14px !important;color:var(--ink) !important} #profileScreen.profile-ledger-active .profile-name-editor button{width:38px !important;min-width:0 !important;min-height:38px !important;padding:5px !important;background:#e0cfaa !important;color:var(--ink) !important;border:1px solid #ab9670 !important;box-shadow:none !important} #profileScreen.profile-ledger-active .profile-name-editor[hidden]{display:none !important} #profileScreen.profile-ledger-active .profile-level-row{margin:0 !important} #profileScreen.profile-ledger-active .profile-clan-shield{width:35px !important;height:40px !important;flex:none !important;display:grid !important;place-items:center !important} #profileScreen.profile-ledger-active .profile-clan-shield>span{width:100% !important;height:100% !important} #profileScreen.profile-ledger-active .profile-clan-affiliation strong{overflow:visible !important;text-overflow:clip !important;white-space:normal !important} #profileScreen.profile-ledger-active .kingdom-stat .profile-production-total{display:block !important;font:inherit !important;letter-spacing:inherit !important;color:var(--ink) !important} #profileScreen.profile-ledger-active .kingdom-stat .profile-production-bonus{display:block !important;font:10px/1.25 "Segoe UI",Arial,sans-serif !important;color:var(--moss) !important;margin-top:5px !important;letter-spacing:0 !important} #profileScreen.profile-ledger-active .kingdom-stat strong:has(.profile-production-bonus){display:block !important} #profileScreen.profile-ledger-active .hero-progress .progress-track{border-radius:0 !important} #profileScreen.profile-ledger-active:has(>#onboardingProfileTip:not([hidden])){grid-template-rows:83px auto minmax(0,1fr) !important} #profileProductionDialog{width:min(440px,calc(100vw - 40px)) !important;max-height:calc(100dvh - 24px) !important;padding:20px !important;border:2px solid #9c8359 !important;border-radius:2px !important;background:#f1e5c6 !important;color:#352f23 !important;box-shadow:0 10px 50px #171b1b88 !important;font:13px/1.6 "Segoe UI",Arial,sans-serif !important} #profileProductionDialog::backdrop{background:#23281e88} #profileProductionDialog header{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #b8a684;margin-bottom:12px} #profileProductionDialog h2{font:23px Georgia,serif !important;color:#352f23 !important;margin:0 !important;text-shadow:none !important} #profileProductionDialog button{width:44px;height:44px;min-width:44px;background:transparent !important;border:0 !important;color:#352f23 !important;font:26px Georgia,serif !important;box-shadow:none !important;padding:0 !important} #profileProductionDialog dl{margin:0}#profileProductionDialog dl>div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #c8b994}#profileProductionDialog dd{margin:0;font-variant-numeric:tabular-nums}#profileProductionDialog p{margin:10px 0 0;color:#5b513c} @media(max-height:600px),(max-width:1000px){ #profileScreen.profile-ledger-active{grid-template-rows:54px minmax(0,1fr) !important} #profileScreen.profile-ledger-active:has(>#onboardingProfileTip:not([hidden])){grid-template-rows:54px auto minmax(0,1fr) !important} #profileScreen.profile-ledger-active .profile-screen-heading{grid-template-columns:27px auto !important;gap:0 6px !important} #profileScreen.profile-ledger-active .ruler-flag{height:82px !important} #profileScreen.profile-ledger-active .profile-clan-shield{width:26px !important;height:30px !important} #profileScreen.profile-ledger-active .kingdom-stat .profile-production-bonus{font-size:9px !important;margin-top:3px !important} #profileScreen.profile-ledger-active .profile-name-editor{grid-template-columns:1fr 30px 30px !important;margin:4px 0 7px !important} #profileScreen.profile-ledger-active .profile-name-editor input{min-height:31px !important;font-size:12px !important} #profileScreen.profile-ledger-active .profile-name-editor button{width:30px !important;min-height:31px !important} } @media(max-width:650px){ #profileScreen.profile-ledger-active{width:calc(100% - 12px) !important;height:calc(100dvh - 12px) !important;padding:4px !important;grid-template-rows:45px minmax(0,1fr) !important} #profileScreen.profile-ledger-active:has(>#onboardingProfileTip:not([hidden])){grid-template-rows:45px auto minmax(0,1fr) !important} #profileScreen.profile-ledger-active .profile-screen-heading{display:block !important} #profileScreen.profile-ledger-active .profile-ledger-crown,#profileScreen.profile-ledger-active .profile-screen-heading>span{display:none !important} #profileScreen.profile-ledger-active .ruler-flag{height:65px !important} #profileScreen.profile-ledger-active .profile-clan-shield{display:none !important} #profileScreen.profile-ledger-active .kingdom-stat .profile-production-bonus{font-size:8px !important;margin-top:2px !important} } /* Clear inherited profile grid columns and header colors. */ #profileScreen.profile-ledger-active .profile-screen-header{color:var(--ink) !important} #profileScreen.profile-ledger-active .honors,#profileScreen.profile-ledger-active .kingdom-ledger{grid-template-columns:minmax(0,1fr) !important;align-items:stretch !important} #profileScreen.profile-ledger-active .honors-scroll{align-self:stretch !important;min-width:0 !important} #profileScreen.profile-ledger-active .section-heading::before,#profileScreen.profile-ledger-active .section-heading::after{display:none !important} #profileScreen.profile-ledger-active .stat h3{font-family:"Segoe UI",Arial,sans-serif !important} #profileScreen.profile-ledger-active .profile-clan-affiliation,#profileScreen.profile-ledger-active .profile-icon-btn{box-shadow:none !important} #profileScreen.profile-ledger-active .ruler-name{text-decoration:none !important} #profileScreen.profile-ledger-active .flag-symbol{color:var(--flag-symbol-color) !important} #profileScreen.profile-ledger-active .honors .progress-track{width:auto !important} #profileScreen.profile-ledger-active .kingdom-stat-grid{margin:0 !important;border:0 !important;background:transparent !important} #profileScreen.profile-ledger-active [hidden]{display:none !important}