/* Royal Treasury (Human): deep purple damask, gold filigree, jewelled crown. */
:root[data-style="royal"]{--tab-band:linear-gradient(180deg,#1A0C28,#24123A calc(100% - 2px),#D9B25C calc(100% - 2px));color-scheme:dark;
  --bg:#1E0F2E; --surface:#2C1744; --surface-2:#23123A; --ink:#F2EAF8; --muted:#CDB8E6; --line:#5A3E7A;
  --accent:#E8C46A; --accent-ink:#24123A; --accent-soft:rgba(232,196,106,.14); --brass:#F0D48A; --danger:#FF8FA8; --focus:#F0D48A;
  --r-common:#E3DCEB; --r-uncommon:#8FE6AE; --r-rare:#8CC4FF; --r-very-rare:#E2B6FF; --r-legendary:#FFC870; --r-mundane:#B9A9CC;
  --shadow:0 10px 30px rgba(0,0,0,.45);
  --display:'Cinzel Decorative','Cinzel',Georgia,serif; --body:'Cormorant Garamond',Georgia,serif;}
html[data-style="royal"]{background:linear-gradient(rgba(20,8,32,.35),rgba(20,8,32,.62)),url(damask.svg) top center/120px 160px}
[data-style="royal"] body{font-size:18px}
[data-style="royal"] header.top{background:linear-gradient(180deg,#2A1640,#1A0C28);border-bottom:0;box-shadow:0 2px 0 #D9B25C,0 6px 0 -3px #1A0C28,0 7px 0 -3px #D9B25C}
[data-style="royal"] .brand h1{font-family:'Cinzel Decorative',serif;color:#F6E2A6}
[data-style="royal"] .navlink{font-family:'Cinzel',serif;letter-spacing:.08em;color:#EADCF6}
[data-style="royal"] .titlehero{padding-top:92px}
[data-style="royal"] .titlehero::before{left:50%;top:14px;width:130px;height:72px;transform:translateX(-50%);background:url(crown.svg) center/contain no-repeat;filter:drop-shadow(0 4px 10px rgba(240,200,110,.4))}
[data-style="royal"] .titlehero h2{font-weight:900;background:linear-gradient(180deg,#FFF6D6 10%,#E8C46A 55%,#A87A26);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #120820)}
[data-style="royal"] .titlehero::after{position:static;order:5;width:280px;height:10px;background:linear-gradient(#D9B25C,#D9B25C) center/100% 1px no-repeat,radial-gradient(circle,#8E3FBF 0 4px,#F0D48A 4.5px 5.5px,transparent 6px) center/12px 12px no-repeat}
[data-style="royal"] .card,[data-style="royal"] aside.panel,[data-style="royal"] .lootchar,[data-style="royal"] dialog{position:relative;background:url(corner-tl.svg) 6px 6px/56px no-repeat,url(corner-tr.svg) calc(100% - 6px) 6px/56px no-repeat,url(corner-bl.svg) 6px calc(100% - 6px)/56px no-repeat,url(corner-br.svg) calc(100% - 6px) calc(100% - 6px)/56px no-repeat,linear-gradient(180deg,rgba(58,28,88,.95),rgba(34,16,54,.97));border:2px solid #D9B25C;border-radius:4px;box-shadow:inset 0 0 0 5px rgba(34,16,54,.95),inset 0 0 0 6px rgba(217,178,92,.55),0 18px 44px rgba(0,0,0,.5)}
[data-style="royal"] .card,[data-style="royal"] aside.panel{padding:28px}
[data-style="royal"] .lootchar{background-size:34px,34px,34px,34px,auto}
[data-style="royal"] .lootchar>.lc-head{padding:14px 40px}
[data-style="royal"] .lc-body{padding:0 40px 30px}
[data-style="royal"] .lc-slot,[data-style="royal"] .opt,[data-style="royal"] .fs,[data-style="royal"] details:not(.lootchar){background:linear-gradient(180deg,rgba(70,36,104,.7),rgba(40,20,62,.85));border:1px solid #B8862F;border-radius:2px;box-shadow:inset 0 0 0 3px rgba(40,20,62,.9),inset 0 0 0 4px rgba(217,178,92,.3)}
[data-style="royal"] h3,[data-style="royal"] .lc-name,[data-style="royal"] .fs>legend{color:#F6E2A6}
[data-style="royal"] .btn{font-family:'Cinzel',serif;letter-spacing:.1em;background:linear-gradient(180deg,#FFF0C2,#E8C46A 55%,#B8862F);color:#24123A;border-radius:2px;box-shadow:0 0 0 2px #24123A,0 0 0 3px #D9B25C}
[data-style="royal"] .btn.ghost{background:transparent;color:#F0D48A;border:1px solid #D9B25C;box-shadow:none}
[data-style="royal"] input,[data-style="royal"] select{background:rgba(18,8,30,.75)!important;border-color:#B8862F!important;font-weight:600}
[data-style="royal"] .spell{background:rgba(232,196,106,.12);color:#F0D48A}
[data-style="royal"] .lc-status.ok{color:#8FE6AE}
/* tab bar under the header: a band, with complete tab shapes that work on one line or two */
[data-style="royal"] nav.tabs a{font-family:'Cinzel',serif;letter-spacing:.12em;color:#EADCF6;border:1px solid #D9B25C;margin:0;background:linear-gradient(180deg,#3A2058,#24123A);box-shadow:inset 0 0 0 3px #24123A,inset 0 0 0 4px rgba(217,178,92,.4)}
[data-style="royal"] nav.tabs a[aria-current="page"]{color:#24123A;background:linear-gradient(180deg,#FFF0C2,#E8C46A 55%,#B8862F);border-color:#F0D48A;box-shadow:0 0 18px rgba(240,200,110,.4)}