:root{
  --bg:#07060a;
  --card:#120f18;
  --gold:#e7c36a;
  --gold2:#8a6a28;
  --pink:#ff7ab6;
  --text:#f6e9c8;
  --mute:#9a8b6e;
}
*{box-sizing:border-box}
body.kyami-prd{
  margin:0;font-family:Georgia,serif;background:
    radial-gradient(900px 400px at 20% 0%,#3a1630 0%,transparent 55%),
    var(--bg);color:var(--text);
}
.prd-top{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid #2a2030}
.prd-logo{font-family:Impact,sans-serif;letter-spacing:.08em;font-size:28px;background:linear-gradient(90deg,#fff,#e7c36a,#ff7ab6);-webkit-background-clip:text;color:transparent}
.prd-brand small{display:block;color:var(--gold);letter-spacing:.2em;font-size:10px}
.prd-hero{text-align:center;padding:28px 16px}
.prd-hero h1{margin:0;color:var(--gold);text-shadow:0 0 18px #e7c36a66}
.prd-tabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding:0 12px 16px}
.prd-tabs button{background:#1a1520;border:1px solid var(--gold2);color:var(--gold);border-radius:999px;padding:8px 16px;cursor:pointer}
.prd-tabs button.on{background:linear-gradient(90deg,#8a6a28,#e7c36a);color:#1a1008}
.prd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;padding:0 16px 40px}
.prd-card{background:linear-gradient(180deg,#1b1522,#0e0b12);border:1px solid #3a2a18;border-radius:16px;padding:14px;box-shadow:0 0 0 1px #000,0 8px 30px #0008}
.prd-card header{display:flex;justify-content:space-between;color:var(--gold);font-weight:700}
.prd-num{font-family:Impact,sans-serif;font-size:42px;letter-spacing:.12em;text-align:center;margin:10px 0;color:#fff;text-shadow:0 0 12px #ff7ab688}
.prd-card footer,.prd-card p{color:var(--mute);font-size:13px}
.bbfs{color:var(--pink)!important;font-size:18px!important}
.paito{list-style:none;margin:0;padding:0}
.paito li{display:flex;justify-content:space-between;border-bottom:1px dashed #2a2a2a;padding:4px 0}
.hide{display:none}
.prd-foot{text-align:center;padding:24px;color:#5a4a38;font-size:12px}
a{color:var(--gold)}
