/* Atherea additions on top of the shared style.css (gold + steel, dark) */
.at-brand{display:flex;align-items:center;gap:.6rem;text-decoration:none}
.at-brand img{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 0 8px #a45cff66)}  /* the small mark (logo_mark): transparent, no round crop */
.at-brand span{font-family:'Cormorant Garamond',serif;font-weight:600;letter-spacing:.28em;color:#e6c47a;font-size:1.25rem}
.at-me{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:#e9e3d6}
.at-me img{width:34px;height:34px;border-radius:50%}
.at-me small{display:block;color:#9a917e;font-size:.72rem}
.at-flash{position:fixed;left:50%;top:84px;z-index:500;width:min(560px,calc(100vw - 32px));display:flex;gap:14px;align-items:center;padding:16px 18px 18px;border:1px solid #6b5a33;background:#1a1610f7;color:#f2dca2;border-radius:16px;box-shadow:0 18px 50px #000c,0 0 0 1px #ffffff0d inset;font-size:1.05rem;line-height:1.45;transform:translate(-50%,0);animation:atfl-in .35s ease-out;transition:opacity .5s,transform .5s;overflow:hidden;cursor:pointer}.at-flash .ic{font-size:1.7rem;flex:none}.at-flash .tx{flex:1}.at-flash .x{flex:none;background:none;border:0;color:inherit;opacity:.7;font-size:1.1rem;cursor:pointer}.at-flash .bar{position:absolute;left:0;bottom:0;height:3px;background:currentColor;opacity:.55;animation:atfl-bar 8s linear forwards}.at-flash.ok{border-color:#3f8a5c;background:#11201af7;color:#bff0cf}.at-flash.bad{border-color:#a3404f;background:#2a1216f7;color:#ffc9d1}.at-flash.gone{opacity:0;transform:translate(-50%,-16px);pointer-events:none}@keyframes atfl-in{from{opacity:0;transform:translate(-50%,-18px) scale(.97)}to{opacity:1;transform:translate(-50%,0) scale(1)}}@keyframes atfl-bar{from{width:100%}to{width:0}}@media (max-width:600px){.at-flash{top:70px;font-size:1rem}}
.at-hero{min-height:78vh;display:flex;align-items:center;background:linear-gradient(90deg,rgba(8,7,10,.92) 0%,rgba(8,7,10,.55) 45%,rgba(8,7,10,0) 75%),var(--hero) center/cover no-repeat;padding:6rem 6vw 4rem}
.at-hero-text{max-width:560px}
.at-title{font-family:'Cormorant Garamond',serif;font-size:clamp(3.2rem,8vw,6.2rem);letter-spacing:.18em;color:#f2dca2;margin:.2rem 0 1rem;text-shadow:0 0 30px rgba(255,170,60,.35)}
.at-hero .lead{font-size:1.25rem;color:#efe6d1}.at-hero .body{color:#bdb4a2}
.at-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.at-features div{border:1px solid #2c2820;background:#121014;border-radius:10px;padding:1.1rem}
.at-features b{color:#e6c47a;display:block;margin-bottom:.4rem}
.at-features p{color:#b3ab9a;margin:0;font-size:.95rem}
.at-class-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:.8rem}
@media(max-width:900px){.at-class-strip{grid-template-columns:repeat(3,1fr)}}
.at-class-mini{text-decoration:none;color:#efe6d1;text-align:center}
.at-class-mini img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top;border-radius:10px;border:1px solid #2c2820}
.at-class-mini b{display:block;margin-top:.4rem;font-family:'Cormorant Garamond',serif;font-size:1.2rem}
.at-two{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.at-three{grid-template-columns:repeat(3,1fr)}@media(max-width:1100px){.at-three{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.at-two{grid-template-columns:1fr}}
.at-rank{list-style:none;padding:0;margin:0;counter-reset:r}
.at-rank li{display:flex;justify-content:space-between;padding:.55rem .2rem;border-bottom:1px solid #24201a;counter-increment:r}
.at-rank li::before{content:counter(r);color:#e6c47a;width:2rem}
.at-rank li b{flex:1}.at-rank li span{color:#9a917e}
.at-rank.small li{font-size:.9rem;padding:.3rem .2rem}
.muted{color:#7d7566}
.at-events{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem}
.at-event{border:1px solid #2c2820;border-radius:8px;padding:.8rem;background:#121014}
.at-event b{display:block;color:#efe6d1}.at-event time{color:#9a917e;font-size:.85rem}
.at-guide section{margin:2.4rem 0}
.at-guide h2,.at-h2{font-family:'Cormorant Garamond',serif;color:#f2dca2;font-size:2rem;margin:2.2rem 0 .8rem}
.at-h2 small{font-size:.9rem;color:#9a917e}
.at-toc{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 2rem}
.at-toc a{border:1px solid #3a3326;border-radius:999px;padding:.3rem .8rem;color:#e6c47a;text-decoration:none;font-size:.9rem}
.at-table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.95rem}
.at-table th{text-align:left;color:#e6c47a;font-weight:600;border-bottom:1px solid #3a3326;padding:.55rem .5rem}
.at-table td{border-bottom:1px solid #221e18;padding:.5rem;vertical-align:middle;color:#ddd5c4}
.at-table.small td{padding:.35rem .4rem}
.at-table small{color:#9a917e}
.at-lb tr.top td{background:#17140f}
.at-tag{font-size:.7rem;border:1px solid #c0503f;color:#ff9a86;border-radius:4px;padding:.05rem .35rem;margin-left:.3rem}
.at-tabs{display:flex;gap:.5rem;margin:1rem 0;flex-wrap:wrap}
.at-tabs a{border:1px solid #3a3326;border-radius:6px;padding:.45rem .9rem;color:#ddd5c4;text-decoration:none}
.at-tabs a.on{background:#e6c47a;color:#16120c;border-color:#e6c47a}
.at-class{display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:2rem;margin:2.5rem 0;padding-bottom:2rem;border-bottom:1px solid #221e18}
@media(max-width:800px){.at-class{grid-template-columns:1fr}}
.at-class-art{display:flex;gap:.5rem}
.at-class-art img{width:33%;flex:1;aspect-ratio:2/3;object-fit:cover;object-position:top;border-radius:8px;border:1px solid #2c2820}
.at-class h2{font-family:'Cormorant Garamond',serif;font-size:2.2rem;color:#f2dca2;margin:0}
.at-class .role{color:#e6c47a}
.at-region{display:grid;grid-template-columns:minmax(260px,460px) 1fr;gap:1.6rem;margin:2rem 0;padding:1rem;border-left:3px solid var(--c);background:#100e11;border-radius:8px}
@media(max-width:800px){.at-region{grid-template-columns:1fr}}
.at-region-art{width:100%;border-radius:8px;aspect-ratio:16/10;object-fit:cover}
.at-region h2{font-family:'Cormorant Garamond',serif;font-size:2rem;margin:.1rem 0;color:#f2dca2}
.at-mobs{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:.8rem}
.at-mobs figure{margin:0;width:120px;text-align:center}
.at-mobs.big figure{width:200px}
.at-mobs img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;border:1px solid #2c2820}
.at-mobs figure.boss img{border-color:#e6c47a}
.at-mobs figcaption{font-size:.8rem;color:#c9c0ad;margin-top:.25rem}
.at-icon{width:64px;height:64px;object-fit:cover;border-radius:8px;border:1px solid #2c2820;vertical-align:middle}
.at-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.8rem;margin:1rem 0}
.at-tile{border:1px solid #2c2820;border-radius:8px;padding:.7rem;text-align:center;background:#121014}
.at-tile .at-icon{width:96px;height:96px;display:block;margin:0 auto .4rem}
.at-tile b{display:block}.at-tile small{color:#9a917e}
.at-player-top{display:grid;grid-template-columns:300px 1fr;gap:2rem;align-items:start;margin-top:1rem}
@media(max-width:760px){.at-player-top{grid-template-columns:1fr}}
.at-card{width:100%;border-radius:14px;box-shadow:0 10px 40px rgba(0,0,0,.6)}
.at-player h1{font-family:'Cormorant Garamond',serif;font-size:3rem;color:#f2dca2;margin:.2rem 0}
.at-bar{position:relative;height:22px;background:#1b1813;border:1px solid #3a3326;border-radius:999px;overflow:hidden;margin:.6rem 0;max-width:520px}
.at-bar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#8a6a2a,#e6c47a)}
.at-bar.red i{background:linear-gradient(90deg,#7a1f1a,#d0453c)}
.at-bar span{position:relative;display:block;text-align:center;font-size:.78rem;line-height:22px;color:#fff;text-shadow:0 1px 2px #000}
.at-titles span{display:inline-block;border:1px solid #6b5a33;border-radius:999px;padding:.15rem .6rem;margin:.15rem;font-size:.85rem;color:#e6c47a}
.at-wallet{font-size:1.05rem}
.at-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin:1.2rem 0}
.at-box{border:1px solid #2c2820;background:#121014;border-radius:10px;padding:1rem 1.1rem}
.at-box h2{font-family:'Cormorant Garamond',serif;color:#f2dca2;font-size:1.5rem;margin:.1rem 0 .7rem}
.at-line{display:flex;align-items:center;gap:.6rem;margin:.4rem 0}
.at-line img{width:44px;height:44px;border-radius:6px;object-fit:cover;border:1px solid #2c2820}
.at-line small{color:#9a917e}
.at-mini-grid{display:flex;flex-wrap:wrap;gap:.35rem}
.at-mini-grid span{border:1px solid;border-radius:6px;padding:.15rem .45rem;font-size:.82rem}
.at-list{list-style:none;padding:0;margin:.4rem 0}
.at-list li{padding:.25rem 0;border-bottom:1px solid #1e1a15;font-size:.92rem}
.at-form{display:flex;flex-wrap:wrap;gap:.4rem;margin:.5rem 0;align-items:center}
.at-form select,.at-form input{background:#0d0b0e;color:#e9e3d6;border:1px solid #3a3326;border-radius:6px;padding:.4rem .5rem;font:inherit;font-size:.88rem;max-width:100%}
.at-form input[type=number]{width:6.5rem}
.at-checks{max-height:220px;overflow:auto;display:flex;flex-direction:column;gap:.2rem;margin:.4rem 0}
.at-x{background:none;border:none;color:#c0503f;cursor:pointer;font-size:.8rem}
.at-cal{list-style:none;padding:0}
.at-cal li{display:flex;gap:1rem;padding:.5rem 0;border-bottom:1px solid #1e1a15}
.at-cal time{color:#e6c47a;min-width:10.5rem;font-size:.9rem}
.at-raid-img{width:100%;max-height:220px;object-fit:cover;border-radius:8px}
.at-foot-brand{font-family:'Cormorant Garamond',serif;letter-spacing:.3em;color:#e6c47a;font-size:1.4rem}
code{background:#1b1813;border:1px solid #3a3326;border-radius:4px;padding:.05rem .35rem;color:#e6c47a}
/* top bar: the logo never overlaps the menu (the menu grew with Play/Craft/Compendium) */
.topbar{grid-template-columns:auto minmax(0,1fr) auto}
.mainnav{justify-content:center;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.mainnav::-webkit-scrollbar{display:none}
@media (max-width:1500px){.at-brand span{display:none}}
@media (max-width:1280px){.at-me small{display:none}.mainnav a{padding:8px 6px;letter-spacing:.05em}}
.mk-card input,.at-form input,.at-form select{background:#0b0809;color:#eee;border:1px solid #4a3c30;border-radius:6px;padding:4px 6px}

/* grouped dropdown nav (qwythos) */
.mainnav { overflow: visible !important; }
  .nav-g { position: relative; }
  .nav-gl {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--mute);
    padding: 8px 9px;
    white-space: nowrap;
    cursor: pointer;
  }
  .nav-gl:hover,
  .nav-g.on .nav-gl {
    color: var(--gold-hi);
  }
  .nav-dd {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 6px;
    min-width: 170px;
    display: none;
    flex-direction: column;
    background: #0d0a0cf5;
    border: 1px solid #c9a45c44;
    border-radius: 10px;
    padding: 6px;
    z-index: 60;
    box-shadow: 0 4px 12px rgba(0,0,0,0.4);
  }
  .nav-dd::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -10px;
    height: 10px;
  }
  .nav-g:hover .nav-dd,
  .nav-g:focus-within .nav-dd { display: flex; }
  .nav-dd a {
    width: 100%;
    text-align: left;
    padding: 10px 12px;
    border-radius: 6px;
    margin: 0;
  }
  .nav-dd a:hover { background: #ffffff0d; }
  .nav-dd a::before { display: none; }
  @media (max-width: 1080px) {
    .nav-gl {
      font-size: 10px;
      opacity: 0.6;
      padding: 12px 0 4px;
      pointer-events: none;
    }
    .nav-dd {
      position: static;
      transform: none;
      margin-top: 0;
      display: flex;
      background: transparent;
      border: none;
      box-shadow: none;
      padding: 0;
    }
    .nav-dd::after { display: none; }
    .nav-dd a {
      padding: 10px 0;
      text-align: left;
      width: 100%;
    }
  }

/* nav alignment: groups and plain links on one baseline */
.mainnav{align-items:center}
.mainnav>a,.mainnav>.nav-g>.nav-gl{display:inline-flex;align-items:center;line-height:1;padding-top:8px;padding-bottom:8px}
.mainnav>a.on::before{bottom:-6px}

/* quick fixes 2026-10-24: XP bar, titles, image popup, errand tag */
.at-bar{position:relative;height:16px;border-radius:999px;background:#ffffff12;overflow:hidden;box-shadow:inset 0 1px 3px #0008}
.at-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#7b5cd6,#e0809a 55%,#f2d28e);box-shadow:0 0 12px #f2d28e66;transition:width .8s}
.at-bar span{position:absolute;inset:0;text-align:center;font-size:.72rem;line-height:16px;color:#fff;text-shadow:0 1px 3px #000;letter-spacing:.04em}
.at-titles span{position:relative;cursor:default;transition:transform .2s,box-shadow .2s,color .2s;background:linear-gradient(110deg,#00000000 30%,#f2d28e33 50%,#00000000 70%) -200% 0/250% 100% no-repeat}
.at-titles span:hover{transform:translateY(-2px) scale(1.05);color:#fff3dc;box-shadow:0 0 16px #f2d28e66;animation:titshine 1.1s ease}
@keyframes titshine{to{background-position:200% 0}}
.pop-shade{position:fixed;inset:0;z-index:900;background:#000c;display:flex;align-items:center;justify-content:center;padding:20px;animation:popin .2s ease-out;cursor:zoom-out}
.pop-shade img{max-width:min(92vw,720px);max-height:88vh;border-radius:16px;box-shadow:0 20px 60px #000}
@keyframes popin{from{opacity:0}to{opacity:1}}
.pt-away{left:8px;right:auto;background:#3a2a10!important;color:#f2d28e!important}
.pp-points{margin-top:10px}.pp-alloc{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:6px;margin:6px 0}
.pp-alloc form{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 10px;border-radius:10px;background:#ffffff08}.pp-alloc span{flex:1}
/* header XP bar under your name (visible on phones too) */
.at-xp{display:block;width:100%;min-width:64px;height:4px;margin-top:3px;border-radius:99px;background:#ffffff14;overflow:hidden}
.at-xp b{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#c9a45c,#f2dca2);box-shadow:0 0 6px #f2dca288}

/* main menu 2026-10-24: direct links for the everyday pages + an "All" panel (the burger opens it on phones) */
.mainnav .nav-more{font:600 12px/1 inherit;font-family:inherit;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-hi);background:#c9a45c14;
  border:1px solid #c9a45c55;border-radius:999px;padding:8px 14px;cursor:pointer;margin-left:6px;white-space:nowrap}
.mainnav .nav-more:hover,.mega-open .mainnav .nav-more{background:#c9a45c2e}
.mega{position:fixed;left:50%;top:74px;transform:translateX(-50%);z-index:5000;width:min(1120px,calc(100vw - 32px));max-height:calc(100vh - 92px);overflow:auto;
  display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:20px;border-radius:18px;background:#0d0a0cf7;border:1px solid #c9a45c44;
  box-shadow:0 24px 60px #000d;backdrop-filter:blur(8px)}
.mega[hidden]{display:none}
.mega h4{margin:0 0 8px;font:600 .72rem/1 inherit;font-family:inherit;letter-spacing:.14em;text-transform:uppercase;color:#c9a45c}
.mega a{display:grid;grid-template-columns:30px 1fr;column-gap:10px;align-items:center;padding:9px 10px;border-radius:12px;color:#e9e3d6;text-decoration:none}
.mega a span{grid-row:span 2;font-size:1.25rem;text-align:center}
.mega a b{font-size:.92rem;font-weight:600}.mega a small{color:#9a917e;font-size:.74rem}
.mega a:hover{background:#ffffff0c}.mega a.on{background:#c9a45c1f;box-shadow:inset 0 0 0 1px #c9a45c55}
@media (max-width:1080px){
  .mainnav{display:none !important}
  .mega{top:58px;left:0;transform:none;width:100vw;max-height:calc(100vh - 58px);border-radius:0 0 18px 18px;grid-template-columns:1fr 1fr;gap:14px 10px;padding:14px 12px 22px}
  .mega section{display:contents}
  .mega h4{grid-column:1/-1;margin:8px 4px 0}
  .mega a{padding:10px 8px;background:#ffffff07;border:1px solid #ffffff0d}
}

/* loot card (lootcard.js): errands / expedition / collect results */
.lc-shade{position:fixed;inset:0;z-index:9999;background:#050304cc;display:flex;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(3px)}
.lc-card{max-width:560px;width:100%;max-height:88vh;overflow:auto;text-align:center;padding:22px 20px;border-radius:18px;border:1px solid #c9a24d88;background:linear-gradient(#1b1410,#0d0909);box-shadow:0 0 40px #c9a24d33}
.lc-card h2{margin:0 0 12px;font-size:1.3rem;color:#e6bf70}
.lc-h{margin:14px 0 8px;font-size:1rem;color:#d9cbb4}
.lc-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.lc-c{width:92px;display:flex;flex-direction:column;align-items:center;gap:2px}
.lc-i{width:72px;height:72px;border-radius:12px;border:1px solid #c9a24d66;background:#0b0809;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:1.6rem;color:#c9a24d}
.lc-i img{width:100%;height:100%;object-fit:cover}
.lc-c b{color:#f1e3c2}.lc-c small{color:#a89a85;font-size:.72rem;line-height:1.15;word-break:break-word}
.lc-xp{margin-top:8px;color:#9fd5ff}.lc-note{margin:8px 0 0;color:#a89a85;font-size:.85rem}
.lc-card .btn-gold{margin-top:16px}
@media(max-width:480px){.lc-c{width:80px}.lc-i{width:60px;height:60px}}

/* main menu 2026-10-31: five groups by way of playing, each with its dropdown; "All" shows every group at once (the burger on phones) */
.mainnav .nav-g{position:relative}
.mainnav .nav-gl{font:600 12px/1 inherit;font-family:inherit;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);background:none;border:0;padding:8px 10px;cursor:pointer;white-space:nowrap}
.mainnav .nav-gl i{font-style:normal;font-size:9px;opacity:.7;margin-left:2px}
.mainnav .nav-g:hover .nav-gl,.mainnav .nav-g.open .nav-gl,.mainnav .nav-g.on .nav-gl{color:var(--gold-hi)}
.mainnav .nav-g.on .nav-gl{box-shadow:inset 0 -2px 0 #c9a45c99}
.mainnav .nav-dd{display:none;position:absolute;left:50%;top:100%;transform:translateX(-50%);z-index:5100;min-width:280px;padding:10px;margin-top:6px;border-radius:14px;
  background:#0d0a0cf7;border:1px solid #c9a45c44;box-shadow:0 18px 44px #000d;backdrop-filter:blur(8px)}
.mainnav .nav-dd::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
.mainnav .nav-g:hover .nav-dd,.mainnav .nav-g.open .nav-dd{display:block}
.mainnav .nav-dd p{margin:2px 6px 8px;font-size:.74rem;color:#b9ae98;line-height:1.35;white-space:normal}
.mainnav .nav-dd a{display:grid;grid-template-columns:28px 1fr;column-gap:8px;align-items:center;padding:8px;border-radius:10px;color:#e9e3d6;text-transform:none;letter-spacing:0;font-size:.9rem;font-weight:600;white-space:normal}
.mainnav .nav-dd a::before{display:none}
.mainnav .nav-dd a span{grid-row:span 2;font-size:1.15rem;text-align:center}
.mainnav .nav-dd a small{color:#9a917e;font-size:.72rem;font-weight:400}
.mainnav .nav-dd a:hover,.mainnav .nav-dd a.on{background:#c9a45c1f}
@media (min-width:1081px){.mega{grid-template-columns:repeat(3,1fr)}}
.mega a b,.mega a small{line-height:1.3}
.mega .mega-tag{margin:-2px 0 8px;font-size:.74rem;color:#9a917e;line-height:1.35}
@media (max-width:1280px){.mainnav .nav-gl{padding:8px 6px;letter-spacing:.05em}}
@media (max-width:1080px){.mega .mega-tag{grid-column:1/-1;margin:-4px 4px 2px}}
/* 31/10: the five groups must never spill over the logo or the clock on laptop widths */
.mainnav{justify-content:safe center;min-width:0}
@media (max-width:1440px){.mainnav .nav-gl{padding:8px 7px;letter-spacing:.05em;font-size:11.5px}.mainnav .nav-gl i{display:none}.mainnav .nav-more{padding:8px 11px;margin-left:2px}}
@media (max-width:1280px){.mainnav .nav-gl{padding:8px 5px;letter-spacing:.03em;font-size:11px}.topbar .at-clock small,.topbar .at-gold-w{display:none}}

/* ---------------------------------------------------------------- wide screens (owner 11-04: "wide screen layout" kept coming back)
   At 1920px every page ran edge to edge (content ~1650px) and descriptive paragraphs reached 200+ characters per line. The page is now a centred column
   of at most 1600px, and descriptive text keeps a readable line length. Narrower screens are untouched (max-width only bites above 1600px). */
.page { max-width: 1600px; margin-left: auto; margin-right: auto; }
/* 07/11 (owner: "visuale stretta su PC"): above ~1700px the side gutter (--gut, which grows with the screen) was added on top of the centred 1600px column,
   so the content got NARROWER the wider the screen was (1360px at 1920, 720px at 2560, 280px at 3000). The column is already centred: no extra gutter there. */
@media (min-width: 1700px) { .page { padding-left: 32px !important; padding-right: 32px !important; } }
.page-head .sub, .page .sub, .page .fineprint, .page .intro, .page p.muted, .page .cr-odds, .page .small.muted { max-width: 92ch; }
.page .at-hero-text, .page .center, .page [style*="text-align:center"] { max-width: none; }
.page .cl-sub, .page .gd-hero p, .page .gd-row p, .page .gd-side p, .page .gd-faq p, .page .gd-step p { max-width: 92ch; }
/* home page sections (.block): the same readable line length for running text */
.block p, .block .pw-mix, .block li { max-width: 92ch; }
.block .center p, .block [style*="text-align:center"] p, .block .hs-band__text { margin-left: auto; margin-right: auto; }

/* ---- 08/11: engraved metal nameplates (titles, pet name tags) and pet auras (owner: "targhette metalliche incise") ---- */
.plq{--m1:#6b717a;--m2:#595e66;--hi:#d7dce2;--edge:#2b2f35;--ink:#14171b;--eg:#ffffff55;position:relative;display:inline-block;max-width:100%;box-sizing:border-box;padding:.42em 1.7em .46em;border-radius:.4em;
  font:700 1rem/1.15 'Cormorant Garamond',serif;letter-spacing:.14em;text-transform:uppercase;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  color:var(--ink);text-shadow:0 1px 0 var(--eg),0 -1px 0 #0000004d;
  background:linear-gradient(180deg,#ffffff4d 0,#ffffff00 38%,#00000047 100%),repeating-linear-gradient(90deg,var(--m1) 0 1px,var(--m2) 1px 3px,var(--m1) 3px 4px);
  border:1px solid var(--edge);box-shadow:inset 0 1px 0 #ffffff99,inset 0 -2px 3px #00000066,inset 0 0 0 2px #0000001f,0 2px 6px #000000b3,0 0 0 2px #00000055}
.plq::before,.plq::after{content:"";position:absolute;top:50%;width:.46em;height:.46em;margin-top:-.23em;border-radius:50%;
  background:radial-gradient(circle at 34% 30%,#fff 0,var(--hi) 28%,var(--m2) 62%,#000000b3 100%);box-shadow:0 1px 1px #000000aa,inset 0 0 0 1px #00000040}
.plq::before{left:.5em}.plq::after{right:.5em}
.plq-iron{--m1:#6d737c;--m2:#5a6068;--hi:#dfe3e8;--edge:#23272c;--ink:#101316;--eg:#ffffff5a}
.plq-bronze{--m1:#b57f3e;--m2:#99652c;--hi:#ffe2b0;--edge:#4a2c10;--ink:#2e1805;--eg:#ffd9a066}
.plq-silver{--m1:#d3d9e0;--m2:#b4bcc6;--hi:#ffffff;--edge:#58606b;--ink:#262b32;--eg:#ffffffb0}
.plq-gold{--m1:#ebc568;--m2:#cc9b34;--hi:#fff3c4;--edge:#6a4a0c;--ink:#3f2a00;--eg:#fff1b8a0}
.plq-obsidian{--m1:#3d3358;--m2:#2c2443;--hi:#cdbcff;--edge:#150f26;--ink:#e6dcff;--eg:#0000007a;text-shadow:0 0 6px #b79bff99,0 1px 0 #00000099;
  background:linear-gradient(180deg,#ffffff26 0,#ffffff00 40%,#00000066 100%),repeating-linear-gradient(90deg,var(--m1) 0 1px,var(--m2) 1px 3px,var(--m1) 3px 4px)}
.plq-sm{font-size:.82rem;padding:.34em 1.45em .38em}
.plq-lg{font-size:1.25rem}
/* pet auras: a glow ring around the pet picture (shop + pet cards) */
.aura{position:relative;border-radius:inherit}
.aura::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2}
.aura-ember::after{box-shadow:inset 0 0 28px 4px #ff7a2bcc,inset 0 0 70px #ff3d0044;animation:auraP 2.6s ease-in-out infinite}
.aura-frost::after{box-shadow:inset 0 0 28px 4px #8fd8ffcc,inset 0 0 70px #4aa8ff44;animation:auraP 3.2s ease-in-out infinite}
.aura-verdant::after{box-shadow:inset 0 0 28px 4px #6fe28acc,inset 0 0 70px #2fa85a44;animation:auraP 3s ease-in-out infinite}
.aura-void::after{box-shadow:inset 0 0 30px 5px #a066ffcc,inset 0 0 80px #3c1a8a66;animation:auraP 2.8s ease-in-out infinite}
.aura-halo::after{box-shadow:inset 0 0 26px 3px #ffe9a0dd,inset 0 0 60px #ffcf5a44;animation:auraP 3.4s ease-in-out infinite}
.aura-storm::after{box-shadow:inset 0 0 26px 3px #b8d4ffee,inset 0 0 60px #6a8cff55;animation:auraS 1.1s steps(2,end) infinite}
.aura-blossom::after{box-shadow:inset 0 0 28px 4px #ffa6cfcc,inset 0 0 70px #ff6fae44;animation:auraP 3s ease-in-out infinite}
.aura-prism::after{box-shadow:inset 0 0 28px 4px #ff6fb5cc,inset 0 0 70px #6fb5ff55;animation:auraH 6s linear infinite}
@keyframes auraP{50%{opacity:.55}}@keyframes auraS{50%{opacity:.35}}@keyframes auraH{to{filter:hue-rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.aura::after{animation:none!important}}
.plq-lg{font-size:1.05rem;letter-spacing:.08em;padding-left:1.45em;padding-right:1.45em}
.sp-preview-title .plq{font-size:.86rem;letter-spacing:.05em;padding-left:1.35em;padding-right:1.35em}