/* Approved 2026-10-18 image. All overrides are limited to the authenticated
   homepage. Category/detail pages, login and permission behavior remain native. */
@font-face{font-family:RoyalThai;src:url('/assets/ui/lobby-v3/fonts/NotoSerifThai.ttf') format('truetype');font-weight:100 900;font-display:swap}
.world-brand .royal-home-brand{display:none}
html.admin-royal-home{
  --royal-gold:#d6ad70;--royal-ivory:#fff1da;--royal-muted:#dcc8d4;
  --home-ink:#fff1da;--home-muted:#dcc8d4;--home-line:#bd965e;--home-paper:#211529;
  --header:9.2vw;background:#170f20;color-scheme:dark;
  scrollbar-color:#aa7855 #1d1425;
}
.admin-royal-home body{min-height:max(100svh,50vw);color:var(--royal-ivory);background:transparent}
.admin-royal-home .world-backdrop{background:#170f20 url('/admin/assets/royal-home-v1/castle-courtyard.png') center top/100% 100% no-repeat}
.admin-royal-home .world-header{height:var(--header);min-height:138px;max-height:230px}
.admin-royal-home .world-header::before,.admin-royal-home .world-motto,.admin-royal-home .world-quote,.admin-royal-home .world-clock{display:none}
.admin-royal-home .world-brand{left:2.7%;top:.4vw;width:12%;height:10vw;max-width:260px;max-height:215px;min-width:140px;min-height:115px;filter:drop-shadow(0 5px 12px #10071bcc)}
.admin-royal-home .world-brand img:not(.royal-home-brand){display:none}
.admin-royal-home .world-brand .royal-home-brand{display:block;width:100%;height:100%;object-fit:contain}
.admin-royal-home .account-area{right:4.6%;top:2vw;width:auto;min-width:235px;max-width:35%;border:1px solid #a88250;border-radius:6px;background:#1e1423ec;box-shadow:0 6px 18px #09051066;overflow:visible}
.admin-royal-home #session{padding:7px 13px;gap:14px;min-height:58px;color:var(--royal-ivory)}
.admin-royal-home .admin-avatar{display:block;width:56px;height:56px;flex:none;border:2px solid #c9a36b;background:url('/admin/assets/royal-home-v1/approved-atlas.png') 84.6% 2.3%/2534.3% 1267.1% no-repeat}
.admin-royal-home .account-name{min-width:0}
.admin-royal-home .account-name strong{color:var(--royal-ivory);font-size:17px;overflow-wrap:anywhere}
.admin-royal-home .account-name small{color:var(--royal-muted);font-size:11px}
.admin-royal-home .account-role{color:#ffe0b5;background:#4c273d;border-color:#b78d63;font-size:10px}
.admin-royal-home .notification-button,.admin-royal-home #logout{color:#ffebc9;background:transparent}
.admin-royal-home .notification-button,.admin-royal-home #logout{min-width:36px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.admin-royal-home .notification-button>span{top:0;right:-3px;background:#ae153b;border-color:#f6a5b8}
.admin-royal-home #admin-home-dashboard{top:calc(2vw + 82px);right:4.6%;background:#251627e8;color:#f5d5a7;border-color:#957147;font-size:12px;min-height:34px;padding:4px 10px}
html.admin-home-enabled.admin-royal-home[data-admin-view=home] main.admin-main{width:82.6%;max-width:2000px;margin:0 auto;padding:0 0 12px}
.admin-royal-home #admin-home{color:var(--royal-ivory);margin-bottom:0}
.admin-royal-home #dashboard{margin-bottom:0}
.admin-royal-home .admin-home-intro{display:flex;flex-direction:column;align-items:center;gap:0;margin:0 0 1vw;text-align:center}
.admin-royal-home .admin-home-copy{position:relative;flex:auto;width:100%;padding:0 8px;text-shadow:0 3px 7px #100714}
.admin-royal-home .admin-home-copy::before{content:'';position:absolute;z-index:-1;inset:-10px 11%;background:radial-gradient(ellipse at center,#180e23e8 25%,#180e2390 55%,transparent 75%)}
.admin-royal-home .admin-home-copy h2{font:500 clamp(30px,2.72vw,62px)/1.25 RoyalThai,'Noto Sans Thai',serif;color:#ffdfb3;margin:0;text-wrap:balance}
.admin-royal-home .admin-home-copy p{font:400 clamp(14px,1.18vw,25px)/1.7 RoyalThai,'Noto Sans Thai',serif;color:var(--royal-ivory);margin:0}
.admin-royal-home .admin-home-search-label{display:flex;flex:none;position:relative;align-items:center;width:38%;max-width:760px;min-width:350px;height:44px;margin:8px 0 0;padding:0 16px;gap:11px;border:1px solid #c9a369;border-radius:6px;background:linear-gradient(#231b2bef,#14101cec);box-shadow:inset 0 0 0 3px #16101d,0 4px 14px #0c07155c;color:#f5d8af}
.admin-royal-home .admin-home-search-label::before,.admin-royal-home .admin-home-search-label::after{content:'';position:absolute;width:11px;height:11px;top:calc(50% - 6px);transform:rotate(45deg);border:1px solid #f5cc87;background:linear-gradient(135deg,#fcbedb,#a12169 50%,#521b41);pointer-events:none}
.admin-royal-home .admin-home-search-label::before{left:-7px}.admin-royal-home .admin-home-search-label::after{right:-7px}
.admin-royal-home .admin-home-search-label .icon{position:static;width:20px;height:20px;color:#f5d8af;flex:none}
html.admin-royal-home .admin-home-search-label input.admin-home-search{flex:1;min-width:0;width:100%;height:40px;padding:0;background:transparent!important;color:#fff0db;border:0;box-shadow:none;font-size:15px;caret-color:#e1b2ff}
.admin-royal-home .admin-home-search::placeholder{color:#dbc4d4;opacity:1}
.admin-royal-home .admin-home-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.05vw}
.admin-royal-home .admin-home-card{position:relative;display:block;isolation:isolate;aspect-ratio:356/222;min-width:0;min-height:0;padding:0;overflow:visible;border:0;border-radius:0;background:none;text-align:left;color:var(--royal-ivory);box-shadow:none;transition:transform .2s ease-out,filter .2s ease-out}
.admin-royal-home .admin-home-card::before,.admin-royal-home .admin-home-card::after{display:none}
.admin-royal-home .admin-home-art{position:absolute;inset:0;z-index:-1;width:100%;height:100%;max-width:none;aspect-ratio:auto;margin:0;background-image:url('/admin/assets/royal-home-v1/approved-atlas.png');background-size:498.314607% 399.54955%;background-position:var(--royal-art-x) var(--royal-art-y);background-repeat:no-repeat}
.admin-royal-home .admin-home-card h3{position:absolute;left:3%;right:3%;bottom:4.2%;height:18%;display:flex;align-items:center;margin:0;padding:0 45px 0 4%;font-family:RoyalThai,'Noto Sans Thai',serif;font-size:clamp(13px,1.22vw,27px);font-weight:600;line-height:1.45;color:#fff2e3;background:linear-gradient(100deg,#211726,#1b1124 82%,#291526);text-shadow:0 2px 3px #100917;white-space:nowrap}
.admin-royal-home .admin-home-card p{display:none}
.admin-royal-home .admin-home-card-arrow{position:absolute;right:5%;bottom:7%;display:grid;place-items:center;width:25px;height:25px;border:1px solid #efc482;border-radius:2px;background:linear-gradient(135deg,#e25976,#9e123d 50%,#3e102b);transform:rotate(45deg);box-shadow:inset 0 0 0 2px #b85668;color:#fff1de}
.admin-royal-home .admin-home-card-arrow svg{width:18px;height:18px;transform:rotate(-45deg);fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.admin-royal-home .royal-home-action{position:absolute;right:17%;bottom:9%;font-size:12px;color:#fbe8ff;opacity:0;transform:translateX(-5px);transition:opacity .2s,transform .2s;pointer-events:none}
.admin-royal-home .admin-home-card:hover,.admin-royal-home .admin-home-card:focus-visible{background:none;color:#fff1da;transform:translateY(-4px);filter:drop-shadow(0 4px 9px #bf6dff85)}
.admin-royal-home .admin-home-card:hover .admin-home-card-arrow,.admin-royal-home .admin-home-card:focus-visible .admin-home-card-arrow{background:linear-gradient(135deg,#f4b5ff,#8540b6 55%,#3d165d);border-color:#f2c9ff}
.admin-royal-home .admin-home-card:active{transform:translateY(-1px)}
.admin-royal-home .admin-home-results{grid-template-columns:repeat(3,minmax(0,1fr));min-height:220px}
.admin-royal-home .admin-category-link{background:#24192df5;border-color:#98744d;color:#fff0dc;box-shadow:0 6px 16px #0b071433}
.admin-royal-home .admin-category-link>.icon,.admin-royal-home .admin-category-arrow{color:#ebc994}
.admin-royal-home .admin-category-link:hover{background:#3d214a;color:#fff4e3}
.admin-royal-home .admin-category-state{color:#ffdfb6;background:#49304b;border-color:#98744d}
.admin-royal-home .admin-home-empty{color:#ffe5d3;background:#24192de8;border:1px solid #98744d;border-radius:8px}
.admin-royal-home a:focus-visible,.admin-royal-home button:focus-visible,.admin-royal-home input:focus-visible{outline:2px solid #efc5ff;outline-offset:5px}
.admin-royal-home .admin-home-search-label:focus-within{outline:2px solid #efc5ff;outline-offset:4px}
.admin-royal-home .admin-home-search:focus-visible{outline:none}
.admin-royal-home ::selection{background:#8537a3;color:#fff4e4}
.admin-royal-home .world-footer{display:none}
.royal-home-footer{display:none}
.admin-royal-home .royal-home-footer{display:flex;flex-direction:column;align-items:center;gap:6px;margin:1.5vw auto 0;color:#e3bd87;font:500 14px/1.5 RoyalThai,serif;text-shadow:0 2px 4px #120914}
.royal-home-ornament{position:relative;width:240px;height:12px;border-bottom:1px solid #b38a53}
.royal-home-ornament::after{content:'';position:absolute;left:calc(50% - 6px);bottom:-6px;width:10px;height:10px;border:1px solid #f6ca83;background:#aa204a;transform:rotate(45deg);box-shadow:0 0 0 3px #23172d}
@media(min-width:2100px){.admin-royal-home .admin-home-card-arrow{width:32px;height:32px}.admin-royal-home .admin-home-search-label{height:52px}.admin-royal-home .admin-home-search-label input.admin-home-search{font-size:18px}}
@media(max-width:1150px){
  html.admin-royal-home{--header:150px}
  .admin-royal-home .world-backdrop{background-size:auto 100%;background-position:center top}
  html.admin-home-enabled.admin-royal-home[data-admin-view=home] main.admin-main{width:90%;padding:0 0 30px}
  .admin-royal-home .admin-home-intro{gap:0;margin-bottom:24px;flex-wrap:nowrap}
  .admin-royal-home .admin-home-copy{flex-basis:auto}
  .admin-royal-home .admin-home-search-label{flex-basis:auto;width:65%;max-width:600px;margin-top:16px}
  .admin-royal-home .admin-home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .admin-royal-home .admin-home-card h3{font-size:clamp(17px,2.1vw,23px)}
  .admin-royal-home .admin-home-card-arrow{width:27px;height:27px}
  .admin-royal-home .royal-home-footer{margin-top:24px}
}
@media(max-width:600px){
  html.admin-royal-home{--header:142px}
  .admin-royal-home .world-header{height:142px;min-height:142px}
  .admin-royal-home .world-brand{left:12px;top:7px;width:126px;min-width:126px;height:108px;min-height:108px}
  .admin-royal-home .account-area{right:12px;top:19px;min-width:0;max-width:calc(100% - 154px)}
  .admin-royal-home #session{padding:5px 7px;gap:6px;min-height:48px}
  .admin-royal-home .admin-avatar,.admin-royal-home .account-name small,.admin-royal-home .account-role{display:none}
  .admin-royal-home .account-name strong{font-size:13px;gap:4px}
  .admin-royal-home .notification-button,.admin-royal-home #logout{min-width:28px}
  .admin-royal-home .notification-button .icon,.admin-royal-home #logout .icon{width:19px;height:19px}
  .admin-royal-home #admin-home-dashboard{right:12px;top:85px;font-size:11px;min-height:34px}
  html.admin-home-enabled.admin-royal-home[data-admin-view=home] main.admin-main{width:calc(100% - 24px);padding:0 0 28px}
  .admin-royal-home .admin-home-copy h2{font-size:clamp(23px,6vw,34px);line-height:1.55}
  .admin-royal-home .admin-home-copy p{font-size:13px}
  .admin-royal-home .admin-home-search-label{width:94%;min-width:0;height:44px;margin-top:15px}
  .admin-royal-home .admin-home-search-label input.admin-home-search{font-size:16px}
  .admin-royal-home .admin-home-grid{grid-template-columns:1fr;gap:14px;max-width:430px;margin:auto}
  .admin-royal-home .admin-home-card h3{font-size:clamp(18px,5.3vw,23px)}
  .admin-royal-home .admin-home-card-arrow{width:28px;height:28px}
  .admin-royal-home .admin-home-results{grid-template-columns:1fr}
  .admin-royal-home .admin-category-link{min-height:74px;font-size:17px}
}
@media(prefers-reduced-motion:reduce){.admin-royal-home .admin-home-card,.admin-royal-home .royal-home-action{transition:none}.admin-royal-home .admin-home-card:hover,.admin-royal-home .admin-home-card:focus-visible{transform:none}}