:root{
  --ink:#241a10;         
  --ink2:#3d2c18;        
  --bg:#241a10;          
  --paper:#d8c4a0;       
  --paper2:#c9b187;
  --cream:#ecdcbb;       
  --gold:#ecd6a3;        
  --brass:#9a6b2f;
  --brass-lt:#c8923f;
  --panel-edge:#6b4a22;  
  --green:#5fd36a;
  --red:#e0524b;
  --blue:#5aa9e6;
  --yellow:#e6c34a;
}

*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;-webkit-text-size-adjust:100%;overscroll-behavior:none}

body:not(.has-staff-shell){min-height:calc(100dvh + 1px)}

body{
  background:var(--bg);
  color:var(--cream);
  font-family:'IM Fell DW Pica',Georgia,serif;
}
body:not(.has-staff-shell)::before{
  content:"";position:fixed;inset:0;z-index:-1;
  background:var(--bg) url('bg_raw.png?v=2') center/cover no-repeat;
}

.title,h1.title,.topbar h2{font-family:'IM Fell Great Primer SC',Georgia,serif}
.btn,.lbl,.chip,.subtitle,.sub,.field label{font-family:'Cinzel',Georgia,serif;letter-spacing:.3px}

.head{text-align:center;margin-bottom:6px}
.head h1{font-family:'IM Fell Great Primer SC',Georgia,serif;font-weight:400;font-size:32px;margin:0;
  color:#f3e4c2;text-shadow:0 2px 6px #000}
.head .sub{font-family:'Cinzel',Georgia,serif;font-size:10.5px;letter-spacing:2px;text-transform:uppercase;
  color:var(--gold);margin-top:2px;text-shadow:0 1px 4px rgba(0,0,0,.85)}

.btn{
  font-family:'Cinzel',Georgia,serif;font-size:15px;font-weight:bold;letter-spacing:.3px;
  color:#f5ead2;text-shadow:0 1px 1px rgba(0,0,0,.5);
  background:linear-gradient(180deg,var(--brass-lt),var(--brass));
  border:2px solid #5e3f17;border-radius:10px;padding:9px 14px;cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 2px 4px rgba(0,0,0,.3);
}
.btn:active{transform:translateY(1px)}
.btn.ghost{background:rgba(255,250,235,.15);color:var(--ink);text-shadow:none}
.btn.sm{padding:6px 10px;font-size:13px}

.panel{
  background:radial-gradient(130% 100% at 50% -8%,#3b2a17,#1a1108 74%);
  border:1px solid var(--panel-edge);border-radius:14px;padding:14px;
  box-shadow:0 6px 20px rgba(0,0,0,.45);
}

.chip{font-family:'Cinzel',Georgia,serif;font-size:12px;color:var(--cream);
  background:rgba(20,14,8,.66);border:1px solid rgba(200,160,90,.6);border-radius:9px;padding:5px 9px}

.backbtn{position:fixed;top:max(14px,env(safe-area-inset-top));left:16px;z-index:40;
  height:44px;width:auto;cursor:pointer;
  filter:drop-shadow(0 0 6px rgba(255,186,86,.65)) drop-shadow(0 2px 3px rgba(0,0,0,.55))}
.backbtn:active{transform:scale(.92)}

.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:50;
  background:rgba(20,12,6,.94);color:#f3e3c2;border:2px solid var(--brass-lt);border-radius:12px;
  padding:12px 18px;font-weight:bold;text-align:center;display:none;box-shadow:0 6px 24px rgba(0,0,0,.5)}
.toast.show{display:block}

.tls-plate{border:none;text-align:center;color:#241a10;
  padding:34px 42px 30px;
  background:url("plate-dialog.webp") center/100% 100% no-repeat;
  filter:drop-shadow(0 16px 26px rgba(0,0,0,.65));
  transform:rotate(-.4deg)}
.tls-plate .ast{color:#6a2c14}