/* Fixed 1.5x root: reproduces the size of the old `body { zoom: 1.5 }`
   page as real rem sizes instead of a CSS zoom hack, matching shared.css
   and the rest of the PvP pages. */
html { font-size: 1.5rem; }

.back-to-top {
  display: none;
  position: fixed;
  bottom: 1.5rem;
  right: 1.5rem;
  z-index: 9999;
  background: linear-gradient(180deg, #c89b3c, #8a6a1f);
  border: 0.0625rem solid #5a4a2a;
  border-radius: 0.125rem;
  padding: 0.5625rem 0.9375rem;
  font-family: 'RSUF', 'Cinzel', 'Lato', monospace;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: .06em;
  color: #1a1208;
  text-shadow: none;
  cursor: pointer;
  box-shadow: 0 0.25rem 1rem rgba(0,0,0,.5);
}


*{box-sizing:border-box;margin:0;padding:0;}
body{background:#111008;font-family:'RSUF','Times New Roman',serif;color:#d4c49a;min-height:100vh;text-shadow: 0.0625rem 0.0625rem 0 #000, -0.0625rem -0.0625rem 0 #000, 0.0625rem -0.0625rem 0 #000, -0.0625rem 0.0625rem 0 #000;background-image:repeating-linear-gradient(0deg,transparent,transparent 1.9375rem,rgba(0,0,0,0.12) 1.9375rem,rgba(0,0,0,0.12) 2rem),repeating-linear-gradient(90deg,transparent,transparent 1.9375rem,rgba(0,0,0,0.06) 1.9375rem,rgba(0,0,0,0.06) 2rem);}
.page{max-width:47.5rem;margin:0 auto;padding:0 0 2.5rem;border-left:0.1875rem solid #5a4a1e;border-right:0.1875rem solid #5a4a1e;border-bottom:0.1875rem solid #5a4a1e;background:#13100a;}
.title-banner{background:#0a0804;border-bottom:0.125rem solid #6b5a2a;padding:1.375rem 1.75rem 1rem;text-align:center;position:relative;}
.title-banner::after{content:'';display:block;position:absolute;bottom:-0.5rem;left:0;right:0;height:0.375rem;background:repeating-linear-gradient(90deg,#5a4a1a 0,#5a4a1a 0.5rem,transparent 0.5rem,transparent 1rem);}
.title-skull{display:flex;align-items:center;justify-content:center;gap:1.125rem;margin-bottom:0.5rem;}
.skull-sprite{image-rendering:pixelated;image-rendering:crisp-edges;width:3.25rem;height:3.25rem;}
.title-main{font-family:'RSUF',serif;font-size:2.125rem;color:#e8d070;letter-spacing:0.1875rem;text-shadow: 0.0625rem 0 0 #000, -0.0625rem 0 0 #000, 0 0.0625rem 0 #000, 0 -0.0625rem 0 #000, 0.125rem 0.0625rem 0 #000, -0.125rem 0.0625rem 0 #000, 0.125rem -0.0625rem 0 #000, -0.125rem -0.0625rem 0 #000, 0.0625rem 0.125rem 0 #000, -0.0625rem 0.125rem 0 #000, 0.125rem 0.125rem 0 #000, -0.125rem 0.125rem 0 #000, 0.1875rem 0.1875rem 0 #000;}
.title-sub{font-family:'RSUF',serif;font-size:0.8125rem;color:#8a7a3a;letter-spacing:0.125rem;margin-top:0.25rem;text-shadow: 0.0625rem 0 0 #000, -0.0625rem 0 0 #000, 0 0.0625rem 0 #000, 0 -0.0625rem 0 #000, 0.125rem 0.0625rem 0 #000, -0.125rem 0.0625rem 0 #000, 0.125rem -0.0625rem 0 #000, -0.125rem -0.0625rem 0 #000, 0.0625rem 0.125rem 0 #000, -0.0625rem 0.125rem 0 #000, 0.125rem 0.125rem 0 #000, -0.125rem 0.125rem 0 #000, 0.1875rem 0.1875rem 0 #000;}
.page-body{padding:0 1.75rem;}
.divider{height:0.0625rem;background:linear-gradient(90deg,transparent,#5a4a1a 20%,#b09040 50%,#5a4a1a 80%,transparent);margin:1.25rem 0;}
.sec{margin:1.25rem 0;}
.sec-hdr{font-family:'RSUF',serif;font-size:1.375rem;color:#c8a84a;letter-spacing:0.25rem;text-transform:uppercase;margin-bottom:0.625rem;display:flex;align-items:center;gap:0.625rem;text-shadow: 0.0625rem 0 0 #000, -0.0625rem 0 0 #000, 0 0.0625rem 0 #000, 0 -0.0625rem 0 #000, 0.125rem 0.0625rem 0 #000, -0.125rem 0.0625rem 0 #000, 0.125rem -0.0625rem 0 #000, -0.125rem -0.0625rem 0 #000, 0.0625rem 0.125rem 0 #000, -0.0625rem 0.125rem 0 #000, 0.125rem 0.125rem 0 #000, -0.125rem 0.125rem 0 #000, 0.1875rem 0.1875rem 0 #000;}
.sec-hdr::before,.sec-hdr::after{content:'';flex:1;height:0.0625rem;}
.sec-hdr::before{background:linear-gradient(90deg,transparent,#4a3a12);}
.sec-hdr::after{background:linear-gradient(90deg,#4a3a12,transparent);}
.intro-box{background:#0e0a04;border:0.0625rem solid #3a2e0e;border-left:0.1875rem solid #b09040;padding:0.875rem 1rem;font-size:0.875rem;line-height:1.75;color:#b8a87a;}
.intro-box b{color:#e8d070;font-weight:normal;}
.row{display:flex;align-items:flex-start;gap:0.625rem;padding:0.625rem 0.8125rem;background:#0c0904;border:0.0625rem solid #2a2008;margin-bottom:0.3125rem;}
.row-icon{flex-shrink:0;width:1.875rem;height:1.875rem;border:0.0625rem solid #3a2e10;background:#14100a;display:flex;align-items:center;justify-content:center;}
.row-icon img{image-rendering:pixelated;image-rendering:crisp-edges;width:1.25rem;height:1.25rem;}
.row-title{font-family:'RSUF',serif;font-size:1.375rem;letter-spacing:0.09375rem;color:#c8a84a;margin-bottom:0.25rem;text-shadow: 0.0625rem 0 0 #000, -0.0625rem 0 0 #000, 0 0.0625rem 0 #000, 0 -0.0625rem 0 #000, 0.125rem 0.0625rem 0 #000, -0.125rem 0.0625rem 0 #000, 0.125rem -0.0625rem 0 #000, -0.125rem -0.0625rem 0 #000, 0.0625rem 0.125rem 0 #000, -0.0625rem 0.125rem 0 #000, 0.125rem 0.125rem 0 #000, -0.125rem 0.125rem 0 #000, 0.1875rem 0.1875rem 0 #000;}
.row-desc{font-size:0.875rem;color:#a09060;line-height:1.75;}
.row-desc b{color:#e8d070;font-weight:normal;}
.cmp-wrap{border:0.0625rem solid #2a2008;overflow:hidden;}
.cmp-top{display:grid;grid-template-columns:1fr 1fr;}
.cmp-head{padding:0.5rem 0.75rem;font-family:'RSUF',serif;font-size:1.375rem;letter-spacing:0.125rem;text-align:center;text-shadow: 0.0625rem 0 0 #000, -0.0625rem 0 0 #000, 0 0.0625rem 0 #000, 0 -0.0625rem 0 #000, 0.125rem 0.0625rem 0 #000, -0.125rem 0.0625rem 0 #000, 0.125rem -0.0625rem 0 #000, -0.125rem -0.0625rem 0 #000, 0.0625rem 0.125rem 0 #000, -0.0625rem 0.125rem 0 #000, 0.125rem 0.125rem 0 #000, -0.125rem 0.125rem 0 #000, 0.1875rem 0.1875rem 0 #000;}
.cmp-head.ok{background:#0e1004;color:#809040;border-bottom:0.125rem solid #4a6020;}
.cmp-head.rag{background:#140804;color:#c87030;border-bottom:0.125rem solid #7a3c10;}
.cmp-row{display:grid;grid-template-columns:1fr 1fr;border-top:0.0625rem solid #1e1804;}
.cmp-cell{padding:0.5rem 0.75rem;font-size:0.875rem;line-height:1.75;}
.cmp-cell.ok{background:#0c0d04;color:#8a9050;}
.cmp-cell.rag{background:#120804;color:#b06030;}
.cmp-cell b{font-weight:normal;}
.cmp-cell.ok b{color:#a8c060;}
.cmp-cell.rag b{color:#e0a050;}
.ver-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.625rem;margin-bottom:0.625rem;}
.ver-card{background:#0c0904;border:0.0625rem solid #2a2008;padding:0.8125rem 0.9375rem;}
.ver-card.pref{border-color:#6b5a2a;}
.ver-lbl{font-family:'RSUF',serif;font-size:0.75rem;letter-spacing:0.125rem;color:#6a5a28;text-transform:uppercase;margin-bottom:0.1875rem;text-shadow: 0.0625rem 0 0 #000, -0.0625rem 0 0 #000, 0 0.0625rem 0 #000, 0 -0.0625rem 0 #000, 0.125rem 0.0625rem 0 #000, -0.125rem 0.0625rem 0 #000, 0.125rem -0.0625rem 0 #000, -0.125rem -0.0625rem 0 #000, 0.0625rem 0.125rem 0 #000, -0.0625rem 0.125rem 0 #000, 0.125rem 0.125rem 0 #000, -0.125rem 0.125rem 0 #000, 0.1875rem 0.1875rem 0 #000;}
.ver-title{font-size:1.375rem;color:#c8a84a;margin-bottom:0.5rem;line-height:1.4;text-shadow: 0.0625rem 0 0 #000, -0.0625rem 0 0 #000, 0 0.0625rem 0 #000, 0 -0.0625rem 0 #000, 0.125rem 0.0625rem 0 #000, -0.125rem 0.0625rem 0 #000, 0.125rem -0.0625rem 0 #000, -0.125rem -0.0625rem 0 #000, 0.0625rem 0.125rem 0 #000, -0.0625rem 0.125rem 0 #000, 0.125rem 0.125rem 0 #000, -0.125rem 0.125rem 0 #000, 0.1875rem 0.1875rem 0 #000;}
.ver-card.pref .ver-title{color:#e8d070;}
.ver-body{font-size:0.875rem;color:#b8a87a;line-height:1.75;}
.ver-body b{color:#e8d070;font-weight:normal;}
.ver-ex{font-size:0.875rem;color:#a89264;line-height:1.6;border-top:0.0625rem solid #1e1804;padding-top:0.5rem;margin-top:0.5rem;}
.ver-ex b{color:#c8904a;font-weight:normal;}
.note{background:#090c04;border:0.0625rem solid #263010;border-left:0.1875rem solid #5a7a20;padding:0.6875rem 0.875rem;font-size:0.875rem;color:#9ab850;line-height:1.75;}
.note b{color:#d0e890;font-weight:normal;}
.skull-cmp{display:flex;align-items:center;justify-content:center;gap:3rem;padding:1.375rem;background:#090804;border:0.0625rem solid #2a2008;margin-top:0.25rem;}
.skull-item{display:flex;flex-direction:column;align-items:center;gap:0.5rem;}
.skull-item img{image-rendering:pixelated;image-rendering:crisp-edges;width:3.25rem;height:3.25rem;}
.skull-lbl{font-family:'RSUF',serif;font-size:1rem;letter-spacing:0.09375rem;color:#c8a84a;text-align:center;text-shadow: 0.0625rem 0 0 #000, -0.0625rem 0 0 #000, 0 0.0625rem 0 #000, 0 -0.0625rem 0 #000, 0.125rem 0.0625rem 0 #000, -0.125rem 0.0625rem 0 #000, 0.125rem -0.0625rem 0 #000, -0.125rem -0.0625rem 0 #000, 0.0625rem 0.125rem 0 #000, -0.0625rem 0.125rem 0 #000, 0.125rem 0.125rem 0 #000, -0.125rem 0.125rem 0 #000, 0.1875rem 0.1875rem 0 #000;}
.skull-desc{font-size:0.875rem;color:#b8a87a;text-align:center;max-width:10rem;line-height:1.55;text-shadow:0.0625rem 0.0625rem 0 #000,-0.0625rem -0.0625rem 0 #000,0.0625rem -0.0625rem 0 #000,-0.0625rem 0.0625rem 0 #000;}
.vs{font-family:'RSUF',serif;font-size:1.625rem;color:#c8a84a;text-shadow: 0.0625rem 0 0 #000, -0.0625rem 0 0 #000, 0 0.0625rem 0 #000, 0 -0.0625rem 0 #000, 0.125rem 0.0625rem 0 #000, -0.125rem 0.0625rem 0 #000, 0.125rem -0.0625rem 0 #000, -0.125rem -0.0625rem 0 #000, 0.0625rem 0.125rem 0 #000, -0.0625rem 0.125rem 0 #000, 0.125rem 0.125rem 0 #000, -0.125rem 0.125rem 0 #000, 0.1875rem 0.1875rem 0 #000;}
.footer{text-align:center;font-family:'RSUF',serif;font-size:0.6875rem;color:#8a7a40;margin-top:1.5rem;padding-top:0.875rem;border-top:0.0625rem solid #1e1804;letter-spacing:0.0625rem;text-shadow: 0.0625rem 0 0 #000, -0.0625rem 0 0 #000, 0 0.0625rem 0 #000, 0 -0.0625rem 0 #000, 0.125rem 0.0625rem 0 #000, -0.125rem 0.0625rem 0 #000, 0.125rem -0.0625rem 0 #000, -0.125rem -0.0625rem 0 #000, 0.0625rem 0.125rem 0 #000, -0.0625rem 0.125rem 0 #000, 0.125rem 0.125rem 0 #000, -0.125rem 0.125rem 0 #000, 0.1875rem 0.1875rem 0 #000;}

/* --- MOBILE FIX --- */
@media (max-width: 800px) {
  
  img, table { max-width: 100%; height: auto; }
}