/* Imperial arcane theme: marble, violet glass and gold, after a mage-guild university. */
@font-face{font-family:GroveCinzel;src:url('./assets/fonts/Cinzel-600.woff2') format('woff2');font-weight:600;font-display:swap}
:root{--bg:#1b1030;--panel:#2a1d40;--line:#7d6c9e;--gold:#d8b768;--text:#f1ecf7;--muted:#c9bfd9}
body{background:radial-gradient(1px 1px at 12% 18%,#fff9 50%,transparent 51%),radial-gradient(1px 1px at 68% 9%,#fff8 50%,transparent 51%),radial-gradient(1.5px 1.5px at 84% 32%,#fffa 50%,transparent 51%),radial-gradient(1px 1px at 38% 42%,#fff6 50%,transparent 51%),radial-gradient(ellipse at 20% 0,#5a3a8c66,transparent 55%),radial-gradient(ellipse at 100% 100%,#d8b76814,transparent 50%),linear-gradient(160deg,#241540,#1b1030 55%,#140b24) fixed}
header{background:#1d1233eb;border-bottom-color:#d8b76866}.brand{font-family:GroveCinzel,Georgia,serif;color:#e9d39a}h1{font-family:GroveCinzel,Georgia,serif;font-size:clamp(30px,4.6vw,56px);line-height:1.2;color:#f6efdc;letter-spacing:.02em}h2,h3{color:#e9d39a;font-family:GroveCinzel,Georgia,serif;letter-spacing:.02em}.panel,.card{background:linear-gradient(160deg,#33244ef2,#24183af7);border:1px solid #d8b76855;border-radius:26px 26px 6px 6px;box-shadow:inset 0 0 0 1px #f3eee20d,inset 0 0 0 6px #d8b7680a,0 14px 34px #0a051a66}.panel{border-top:2px solid #d8b768aa}.button,button{border-radius:14px 14px 4px 4px}main:before{content:'';display:block;width:210px;height:54px;background:url('./assets/grove-ornament.svg') center/contain no-repeat;margin:0 0 28px}footer{border-top:1px solid #d8b76866;background:#170d29}.table-wrap{background:#22163a}.board .card{border-radius:12px}input,textarea,select{background:#170e2a;color:#f4effa}dialog{border-color:#d8b768;background:#2a1d40;color:#f1ecf7}.metric strong{font-variant-numeric:tabular-nums}a{color:#e9d39a}
@media(max-width:650px){main{padding-top:30px}.panel,.card{border-radius:20px 20px 5px 5px}main:before{width:170px;height:43px}}
@media print{body,.panel,.card{background:white!important;color:black!important;box-shadow:none}main:before{display:none}}

/* Outlined brand lockup: identical lettering without waiting for a web font. */
footer .builder-credit{display:inline-flex;align-items:center;min-height:44px;font-size:14px;text-underline-offset:3px}
header .brand{display:block;flex:0 0 auto}.brand img{display:block;width:200px;max-width:100%;height:auto}@media(max-width:400px){.brand img{width:180px}}