/* ============================================================
   CASA ESCOBAR : casa.css
   Palette de l'île (bordeaux, crépi, ocre, bande de losanges) posée par-dessus les feuilles du site.
   Chargé en DERNIER sur toutes les pages (site, espace partenaire, administration) ; titres en Inter (police claire).
   Règles NUI : pas de backdrop-filter, pas de background-attachment:fixed.
   ============================================================ */

:root{
  --casa-bordeaux:#8f1f2a;
  --casa-bordeaux-2:#c8323c;
  --casa-bordeaux-3:#c8323c;
  --casa-brique:#e0525c;
  --casa-terre:#d6404a;
  --casa-ocre:#d9ccb0;
  --casa-crepi:#efe2c8;
  --casa-nuit:#0d0c0b;
  --casa-diamonds:none;
  --casa-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .94 0 0 0 0 .88 0 0 0 0 .78 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");

  --gold:#d9ccb0;--gold-300:#efe2c8;--gold-600:#8f8466;--gold-glow:rgba(217,204,176,.3);
  --r-xs:3px;--r-sm:4px;--r:6px;--r-lg:8px;--r-xl:10px;
  --font-display:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --da-display:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --font-body:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;

  --da-bg:#0d0c0b;--da-panel:#141312;--da-panel-2:#1c1a18;
  --da-line:rgba(239,226,200,.13);--da-line-2:rgba(239,226,200,.28);
  --da-gold:#d9ccb0;--da-gold-2:#efe2c8;
  --da-pink:#e0525c;--da-pink-2:#f4adb2;--da-ink:#efe2c8;
  --da-muted:#b3a08a;
  --da-serif:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}
html{font-synthesis:none}

/* ---------- Fond : crépi chaud ---------- */
.da-ambient,body.public{background:var(--da-bg)}
.da-ambient{background:
  radial-gradient(900px 520px at 88% -4%,rgba(214,64,74,.14),transparent 64%),
  radial-gradient(800px 640px at -6% 82%,rgba(143,31,42,.22),transparent 64%),
  var(--da-bg)}
.da-ambient::after{content:"";position:absolute;inset:0;background-image:var(--casa-grain);opacity:.55}
body.public{font-family:var(--font-body);font-size:15.5px;line-height:1.6;--font-body:'Inter',system-ui,sans-serif}
body.public h1,body.public h2,body.public h3{font-family:var(--da-display);font-weight:800}
.da-petals,.da-bl,.blossom-corner,.petal,.da-petal{display:none !important}
body.public .eyebrow,body.public .section-head .eyebrow,.sh-eyebrow{font:600 11px var(--font-body);letter-spacing:.26em;text-transform:uppercase;color:var(--casa-ocre)}

/* ---------- Titres : lettres d'enseigne ---------- */
.sh-title,.auth-headline,body.public .section-head h2,.sh-feat h2,.auth-box h1,.pg-h h2,.sh-sec-h h3,.mf-body h2,.pv-body h3,.tm-card h3,.about-grid h2{
  font-family:var(--da-display);font-weight:800;letter-spacing:-.015em;line-height:1.1}
.sh-title{font-size:clamp(38px,6vw,70px)}
.auth-headline{font-size:clamp(32px,4.2vw,56px)}
.sh-title .pink,.auth-headline em{color:var(--casa-brique);font-style:normal}
body.public .section-head h2{font-size:clamp(32px,4.6vw,52px)}
.sh-lead,body.public .section-head p,.auth-art-lead{font-size:16.5px;line-height:1.55;color:var(--da-muted)}

/* ---------- Boutons : plaques bordeaux à filet crème ---------- */
.btn,body.public .btn,.sh-btn,.sh-more,.nav-out{border-radius:3px;font-family:var(--font-body);font-size:12.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;padding:11px 20px}
.btn--sm,body.public .btn--sm{font-size:11.5px;padding:8px 14px}
.btn--primary,body.public .btn--primary,.sh-btn,body.public .site-nav .nav-right a.nav-login{
  background:var(--casa-bordeaux-2);color:var(--da-ink);border:0;box-shadow:none;outline:1px solid rgba(239,226,200,.38);outline-offset:-4px}
.btn--primary:hover,body.public .btn--primary:hover,.sh-btn:hover,body.public .site-nav .nav-right a.nav-login:hover{background:var(--casa-bordeaux-3);box-shadow:none;transform:none}
.sh-btn::after,.mf-tag::after{display:none}
.btn--gold,body.public .btn--gold{background:var(--casa-ocre);color:#1b1917;box-shadow:none}
.btn--gold:hover{background:#d9ccb0;transform:none}
.btn--ghost,body.public .btn--ghost,.sh-btn.ghost,.sh-more{background:transparent;border:1px solid var(--da-line-2);color:var(--casa-crepi);box-shadow:none}
.btn--ghost:hover,body.public .btn--ghost:hover,.sh-more:hover{background:rgba(239,226,200,.07);border-color:var(--casa-ocre)}
.btn--danger{border-color:var(--danger);color:var(--danger)}
.btn:active{transform:translateY(1px)}
.sh-card:hover .sh-more{border-color:var(--casa-ocre);color:var(--da-gold-2)}

/* ---------- Surfaces ---------- */
body.public .card,body.public .dish-card,body.public .feature-card,body.public .cat-tile,.sh-card,.sh-feat,.pv-card,.pv-feats,.pv-note,.tm-card,.lg-card,.lg-toc,.sh-drawer,.sh-modal,.account-card,.card-pad{
  background:var(--da-panel);border-color:var(--da-line);border-radius:6px;box-shadow:none}
.sh-card:hover,.pv-card:hover,.tm-card:hover,body.public .feature-card:hover{border-color:var(--da-line-2);box-shadow:0 14px 34px rgba(0,0,0,.45);transform:translateY(-3px)}
.sh-feat .pic::after{background:linear-gradient(90deg,transparent 55%,rgba(20,19,18,.94))}
.sh-tag,.mf-tag{background:var(--casa-ocre);color:#1b1917;box-shadow:none;border-radius:3px}
.sh-ph::after{background:linear-gradient(transparent,rgba(13,12,11,.8))}
.sh-badge{background:rgba(13,12,11,.88);border-radius:3px}
.sh-fab .n{color:var(--da-ink);background:var(--casa-bordeaux-2)}
.sh-fab{border-radius:4px}
.tm-av{background:linear-gradient(135deg,var(--casa-ocre),var(--casa-bordeaux-2) 75%);box-shadow:none}
.tm-av>*{background:radial-gradient(circle at 35% 30%,#37332f,#151412);color:var(--da-gold-2);font-family:var(--da-display)}

/* ---------- En-tête et pied de page : bande de losanges ---------- */
body.public .site-header{background:#0b0b0a;border-bottom:0;box-shadow:none}
body.public .site-header.is-scrolled{box-shadow:0 10px 26px rgba(0,0,0,.5)}
body.public .site-header::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:8px;background:var(--casa-diamonds) repeat-x;pointer-events:none}
body.public .brand img{border-radius:50%}
body.public .brand .txt b,body.public .brand .txt span,body.public .site-header .brand .txt b,body.public .site-header .brand .txt span,.auth-brand b{
  font-family:var(--da-display);font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--casa-crepi)}
body.public .brand .txt span,body.public .site-header .brand .txt span{color:var(--casa-ocre)}
body.public .site-nav a:not(.btn),body.public .nav-dropdown-trigger{font-family:var(--font-body);font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(239,226,200,.82)}
body.public .site-nav .nav-main a:not(.btn){border-radius:3px}
body.public .site-nav .nav-main a.is-active{color:var(--casa-ocre)}
.nav-ind{border-radius:3px;background:rgba(200,50,60,.28);border:1px solid rgba(224,82,92,.45);box-shadow:none}
body.public .site-nav .nav-right a.nav-admin{border-radius:3px;color:var(--da-gold-2);background:transparent;font-size:11.5px}
body.public .site-nav .nav-right a.nav-admin:hover{background:rgba(217,204,176,.1);border-color:var(--casa-ocre);box-shadow:none;color:var(--da-gold-2)}
body.public .site-nav .nav-right a.nav-login{padding:9px 16px}
.nav-me::before{background:var(--casa-ocre);box-shadow:none}
body.public .site-footer.tf,body.public .site-footer{background:#090807;border-top:0}
.tf::before{left:0;right:0;top:0;width:auto;height:8px;transform:none;background:var(--casa-diamonds) repeat-x}
.tf-col h5{color:var(--casa-ocre);font-family:var(--font-body)}
.tf-col h5::after{background:var(--casa-brique)}
.tf-info dt{color:var(--da-pink-2)}
.tf-tagline,body.public .footer-tagline{color:var(--casa-ocre);letter-spacing:.34em}
.tf-bottom a{border-radius:3px}
body.public .footer-links a,body.public .tf-col a{font-family:var(--font-body);font-size:14.5px}

/* ---------- Catégories, onglets, recherche ---------- */
.sh-catbar{background:#0b0b0a;border-bottom:1px solid var(--da-line)}
.sh-pill{font:600 12.5px var(--font-body);letter-spacing:.1em;text-transform:uppercase;border-radius:3px}
.sh-pill.on{color:var(--da-ink)}
.sh-ind{background:var(--casa-bordeaux-2);border-radius:3px;box-shadow:none}
.sh-search,.sh-q,.sh-seg button,.sh-form input[type=text],.sh-form textarea{border-radius:4px}
.sh-seg button{font:600 12.5px var(--font-body);letter-spacing:.08em;text-transform:uppercase}
.sh-seg button.on{background:var(--casa-bordeaux-2);color:var(--da-ink)}
.sh-sec-h h3{font-size:24px}
.sh-sec-h::after{height:1px;background:linear-gradient(90deg,var(--da-line-2),transparent)}
body.public .tab-btn{font-family:var(--font-body);font-size:13px;letter-spacing:.1em;text-transform:uppercase}
body.public .tab-btn.is-active{color:var(--da-pink-2);border-bottom-color:var(--casa-brique)}
body.public input:focus,body.public textarea:focus,body.public select:focus{border-color:var(--casa-brique);box-shadow:0 0 0 3px rgba(224,82,92,.16)}

/* ---------- Menu du mois ---------- */
.mf-wrap{padding:0;border-radius:6px;background:var(--da-panel);border:1px solid var(--da-line-2);animation:none;box-shadow:none}
.mf-wrap::before,.mf-spark{display:none}
.mf{border-radius:5px;background:var(--da-panel)}
.mf-pic::before{border-radius:3px;border-color:rgba(239,226,200,.4)}
.mf-pic::after{background:linear-gradient(90deg,transparent 55%,rgba(20,19,18,.94)),linear-gradient(0deg,rgba(10,9,8,.5),transparent 35%)}
.mf-body h2{text-shadow:none;font-size:clamp(28px,3.2vw,42px)}
.mf-price,.sh-price,.pv-rows .pr{font-family:var(--da-display);letter-spacing:.02em;color:var(--da-gold-2)}
.mf-price{border-radius:3px;border-color:var(--casa-ocre);background:rgba(217,204,176,.08);box-shadow:none}
.mf-step,.sh-step{border-radius:3px}
.mf-step:hover{border-color:var(--casa-brique);box-shadow:none}
.mf-step i,.sh-step i{background:rgba(200,50,60,.3);border-radius:3px}

/* ---------- Connexion plein écran ---------- */
.auth-bg{background:linear-gradient(160deg,#141312,#090908)}
.auth-bg::after{background:linear-gradient(90deg,rgba(10,10,9,.88) 0%,rgba(10,10,9,.5) 42%,rgba(10,10,9,.9) 100%),linear-gradient(0deg,rgba(10,10,9,.85),transparent 42%)}
.auth-brand img,.auth-box-top img{border-radius:50%;box-shadow:none;border-color:var(--da-line-2)}
.auth-badge{border-radius:3px;background:rgba(10,10,9,.6);color:var(--da-gold-2)}
.auth-chips li{border-radius:3px;background:rgba(10,10,9,.62);border-color:rgba(239,226,200,.16);font-size:14.5px;color:var(--casa-crepi)}
.auth-chips li svg{color:var(--casa-ocre)}
.auth-dots i{border-radius:0;height:4px;background:rgba(239,226,200,.25)}
.auth-dots i.on{background:var(--casa-brique)}
.auth-box{border-radius:6px;background:rgba(18,16,15,.97);border-color:var(--da-line-2);box-shadow:0 34px 90px rgba(0,0,0,.65);padding-top:42px}
.auth-box::before{left:0;right:0;top:0;height:8px;border-radius:6px 6px 0 0;background:var(--casa-diamonds) repeat-x}
.auth-box h1{font-size:34px}
.auth-lead{font-size:15.5px}
.auth-tabs{border-radius:4px;background:#0b0b0a;border-color:var(--da-line)}
.auth-tab-ind{border-radius:3px;background:var(--casa-bordeaux-2);box-shadow:none}
.auth-tab{border-radius:3px;font:600 12px var(--font-body);letter-spacing:.1em;text-transform:uppercase}
.auth-tab.on{color:var(--da-ink)}
.auth-input input{border-radius:4px;background:#0e0e0d;font-size:14.5px}
.auth-input input:focus{border-color:var(--casa-brique);box-shadow:0 0 0 3px rgba(224,82,92,.16)}
.auth-input:focus-within>svg,.auth-eye:hover,.auth-eye.on{color:var(--da-pink-2)}
.auth-note{border-radius:4px;background:rgba(217,204,176,.07);font-size:14.5px}
.auth-links{font-size:14px}
.auth-eyebrow{color:var(--casa-ocre)}

/* ---------- Administration ---------- */
body.app{--bg:#0f0e0d;--panel:#161514;--panel-2:#1d1b19;--line:rgba(239,226,200,.11);--line-2:rgba(239,226,200,.2);--wood-900:#0d0d0c;--wood-850:#11100f;--wood-800:#161514;--wood-700:#201e1b;background:#0f0e0d}
.app .sidebar{background:#0f0e0d;border-right:0;box-shadow:inset -1px 0 0 var(--line)}
.sidebar .brand img{border-radius:50%}
.sidebar .brand b{font-family:var(--da-display);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:14px;color:var(--casa-crepi)}
.sidebar .brand span{color:var(--casa-ocre);letter-spacing:.2em}
.app .brand{position:relative;margin-bottom:6px}
.app .brand::after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:8px;background:var(--casa-diamonds) repeat-x}
.side-nav a{border-radius:4px;font-size:13px;letter-spacing:.01em}
.side-nav a.is-active{background:rgba(200,50,60,.3);color:var(--da-pink-2);box-shadow:inset 0 0 0 1px rgba(224,82,92,.32)}
.app .app-topbar{background:#100f0d;border-bottom:0;position:sticky}
.app .app-topbar::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:8px;background:var(--casa-diamonds) repeat-x;pointer-events:none}
.app-topbar h1,.page-title h2,.section-title,.card h3,.modal h3,.modal h2{font-family:var(--da-display);font-weight:800;letter-spacing:-.005em}
.page-title h2{font-size:26px}
.app .section-title{font-size:17px}
.app .btn{font-size:12px;padding:10px 18px}
.app .btn--sm{font-size:11px;padding:7px 13px}
.app .btn--primary{background:var(--casa-bordeaux-2);outline:1px solid rgba(239,226,200,.34);outline-offset:-4px}
.app .btn--primary:hover{background:var(--casa-bordeaux-3)}
.app .btn--gold{background:rgba(217,204,176,.12);border:1px solid rgba(217,204,176,.4);color:var(--da-gold-2);outline:0}
.app .card,.app .kpi,.app .admin-dish,.app .modal{border-radius:6px}
.app .badge,.app .status-pill{border-radius:3px}
.bar-chart .bar{border-radius:2px 2px 0 0;background:linear-gradient(180deg,var(--casa-brique),var(--casa-bordeaux))}
.login-wrap{background:radial-gradient(60% 60% at 50% 0%,rgba(143,31,42,.3),transparent),var(--wood-900)}
.login-card{border-radius:6px}

/* ---------- Mobile ---------- */
@media(max-width:860px){
  body.public .site-nav .nav-main a:not(.btn){font-size:15px}
  body.public .site-header::after,.app .app-topbar::after{height:6px;bottom:-6px}
}
@media(prefers-reduced-motion:reduce){.sh-card,.tm-card{transition:none}}

/* ---------- Navigation compacte ---------- */
body.public .site-nav .nav-main a:not(.btn){padding:8px 11px;font-size:11.5px;letter-spacing:.1em}
body.public .site-nav .nav-main{gap:2px}
body.public .site-nav .nav-main a.btn{margin-left:8px;padding:9px 14px;font-size:11px}
body.public .site-nav .nav-right a.nav-admin,body.public .site-nav .nav-right a.nav-login,.nav-out{padding:8px 12px;font-size:11px;letter-spacing:.1em}
body.public .site-header .brand .txt b,body.public .site-header .brand .txt span{font-size:15px}
@media(min-width:1241px){
  body.public .site-header .wrap{gap:20px}
  body.public .site-nav .nav-main a:not(.btn){padding:8px 12px}
}
@media(max-width:1480px){.nav-me{display:none}}

/* ---------- Bandeau photo de l'île sous l'en-tête de la carte ---------- */
.sh-hero{max-width:1116px;margin:30px auto 0;padding:58px 40px 34px;border-radius:6px;overflow:hidden;
  background:linear-gradient(90deg,rgba(10,10,9,.93) 0%,rgba(10,10,9,.6) 55%,rgba(10,10,9,.3) 100%),url(../img/casa/toits.jpg) center 35%/cover}
.sh-hero{min-height:150px;display:flex;flex-direction:column;justify-content:flex-end}
.sh-lead{color:#d9c9b0}
@media(max-width:900px){.sh-hero{max-width:none;margin:20px 16px 0;padding:36px 22px 24px}}

/* ---------- Espace partenaire : onglets et segments pleins ---------- */
.ps-tab,.ps-seg button{border-radius:3px;font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.ps-tab.on,.ps-seg button.on{background:var(--casa-bordeaux-2);border-color:transparent;color:var(--da-ink)}
.ps-steps i.on{background:linear-gradient(90deg,var(--casa-brique),var(--casa-ocre))}
.sh-burst{display:none}

/* ---------- Cartes de l'accueil : losange à la place des emoji ---------- */
body.public .feature-card .ic{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:3px;font-size:14px;color:var(--casa-ocre);background:rgba(200,50,60,.28);border:1px solid rgba(224,82,92,.4)}

/* ---------- Privatisations : page floutée et fenêtre ---------- */
.pvp{position:relative;min-height:calc(100vh - 90px);display:grid;place-items:center;padding:60px 20px 90px;overflow:hidden;background:#131210 url(../img/casa/flou.jpg) center/cover no-repeat}
.pvp::after{content:"";position:absolute;inset:0;background:rgba(10,10,9,.55)}
.pvp-card{position:relative;z-index:2;width:min(470px,100%);padding:44px 38px 36px;text-align:center;background:rgba(18,16,15,.97);border:1px solid var(--da-line-2);border-radius:6px;box-shadow:0 34px 90px rgba(0,0,0,.65);animation:pvpIn .45s var(--da-ease) both}
.pvp-card::before{content:"";position:absolute;left:0;right:0;top:0;height:8px;border-radius:6px 6px 0 0;background:var(--casa-diamonds) repeat-x}
@keyframes pvpIn{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
.pvp-x{position:absolute;right:12px;top:20px;width:36px;height:36px;border-radius:3px;border:1px solid var(--da-line-2);color:var(--casa-crepi);font-size:15px;display:grid;place-items:center;text-decoration:none}
.pvp-x:hover{background:rgba(239,226,200,.08);border-color:var(--casa-ocre)}
.pvp-ic{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 18px;border-radius:50%;border:1px solid var(--casa-ocre);background:rgba(217,204,176,.1)}
.pvp-ic svg{width:26px;height:26px;stroke:var(--da-gold-2);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pvp-card .eyebrow-l{display:block;font:600 11px var(--font-body);letter-spacing:.26em;text-transform:uppercase;color:var(--casa-ocre)}
.pvp-card h1{margin:12px 0 0;font-size:clamp(30px,5vw,40px);color:#efe2c8}
.pvp-card p{margin:16px auto 0;max-width:34ch;font-size:16px;line-height:1.55;color:#d9c9b0}
.pvp-card .btn{margin-top:26px}

/* ---------- Téléphone : en-tête resserré (titres en Inter) ---------- */
@media(max-width:600px){
  body.public .site-header .brand .txt span{display:none}
  body.public .site-header .brand .txt b{font-size:14px;letter-spacing:.05em}
  body.public .site-header .wrap{padding-left:14px;padding-right:14px;gap:8px}
}

/* ---------- Fenêtres du site public (confirmation, détails) : fond nuit, filet crème ---------- */
body.public .modal-backdrop{background:rgba(17,16,15,.78)}
body.public .modal{border:1px solid rgba(239,226,200,.34);border-radius:2px;background:linear-gradient(170deg,#262421,#1c1a18);color:#efe2c8;box-shadow:0 40px 100px rgba(0,0,0,.6)}
body.public .modal-head h3,body.public .modal h3{font-family:var(--da-display);font-weight:800;letter-spacing:-.005em;color:#efe2c8}
body.public .modal .modal-x{border:1px solid rgba(239,226,200,.4);border-radius:2px;background:transparent;color:#efe2c8}
body.public .modal .modal-x:hover{background:#c8323c;border-color:#c8323c;color:#fff}
body.public .modal-body,body.public .modal-body p{color:#cdd3e0}
body.public .modal-actions .btn--ghost{background:transparent;border:1px solid rgba(239,226,200,.4);color:#efe2c8}
body.public .modal-actions .btn--ghost:hover{background:rgba(239,226,200,.1)}
body.public .modal-actions .btn--danger{background:#c8323c;border:0;color:#fff;outline:1px solid rgba(255,255,255,.4);outline-offset:-4px}

/* ---------- Photos de plats : toute l'image reste visible (portrait compris) ---------- */
.sh-ph{background:#141211}
.sh-ph img{object-fit:contain}
.sh-modal .pic{background:#141211}
.sh-modal .pic img{object-fit:contain}
.dish-card .ph,.special-card .ph{object-fit:contain;object-position:center;background:#141211}
.mf-pic img,.sh-feat .pic img{object-fit:contain;background:#141211}
.sh-ph img.fit-cover{object-fit:cover}

/* ---------- Accueil réservé à l'équipe, page de maintenance, bandeau d'administration ---------- */
html:not(.tbg-staff) .staff-only{display:none !important}
html.tbg-staff .non-staff{display:none !important}
.staff-note{max-width:1116px;margin:14px auto 0;padding:10px 16px;border:1px solid rgba(239,226,200,.28);border-left:4px solid #efe2c8;border-radius:2px;background:rgba(239,226,200,.06);font-size:13.5px;color:#d9ccb0}
body.maint-page .site-nav,body.maint-page #navToggle{display:none}
.maint-bar{display:block;padding:11px 24px;background:#a82430;color:#fff;text-align:center;text-decoration:none;font:800 12px var(--font-body);letter-spacing:.12em;text-transform:uppercase}
.maint-bar:hover{background:#c8323c}
body.maint-page .pvp-card h1{font-size:clamp(28px,5vw,34px)}
body.maint-page .pvp-card .btn--ghost{background:transparent;border:1px solid rgba(239,226,200,.45);color:#efe2c8}
body.maint-page .pvp-card .btn--ghost:hover{background:rgba(239,226,200,.1)}