/* ============================================================
   PARANOIZE 攻略Wiki — 商業グレード共通スタイル
   ============================================================ */

.wiki-wrap{max-width:800px;margin:0 auto;padding:1rem 1rem 6rem;position:relative;z-index:1;}

/* ── HERO ── */
.wiki-hero{
  background:linear-gradient(135deg,#047857 0%,#059669 50%,#10b981 100%);
  border:1px solid rgba(255,255,255,0.18);
  border-radius:24px;padding:1.6rem 1.5rem 1.4rem;margin-bottom:1rem;
  position:relative;overflow:hidden;
  box-shadow:0 10px 40px rgba(5,150,105,0.3),0 2px 8px rgba(0,0,0,0.08);
}
.wiki-hero::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.45),transparent);}
.wiki-hero::after{content:'';position:absolute;top:-60px;right:-60px;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,0.1),transparent 70%);pointer-events:none;}
.wiki-hero-eyebrow{font-size:0.6rem;letter-spacing:0.25em;text-transform:uppercase;color:rgba(255,255,255,0.65);margin-bottom:6px;font-weight:700;}
.wiki-hero-title{font-family:'Syne',sans-serif;font-size:1.5rem;font-weight:800;color:#fff;margin-bottom:6px;letter-spacing:0.01em;line-height:1.2;}
.wiki-hero-desc{font-size:0.78rem;color:rgba(255,255,255,0.82);line-height:1.65;}

/* ── BREADCRUMB ── */
.wiki-breadcrumb{display:flex;align-items:center;gap:5px;font-size:0.66rem;color:rgba(26,26,46,0.45);margin-bottom:0.9rem;flex-wrap:wrap;}
.wiki-breadcrumb a{color:var(--accent);text-decoration:none;font-weight:600;transition:opacity 0.15s;}
.wiki-breadcrumb a:hover{opacity:0.75;}
.wiki-breadcrumb-sep{color:var(--tx3);opacity:0.5;}

/* ── TOC ── */
.wiki-toc{
  background:rgba(255,255,255,0.6);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  border:1px solid rgba(255,255,255,0.88);
  border-radius:18px;padding:1rem 1.25rem;margin-bottom:1rem;
  box-shadow:0 4px 20px rgba(0,0,0,0.05);
}
.wiki-toc-title{font-family:'Syne',sans-serif;font-size:0.78rem;font-weight:800;color:var(--tx);margin-bottom:10px;display:flex;align-items:center;gap:6px;letter-spacing:0.02em;}
.wiki-toc-list{list-style:none;display:flex;flex-direction:column;gap:2px;}
.wiki-toc-list li a{font-size:0.81rem;color:var(--accent);text-decoration:none;display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:8px;transition:background 0.15s;}
.wiki-toc-list li a:hover{background:rgba(5,150,105,0.06);}
.wiki-toc-list li a::before{content:'#';font-weight:800;opacity:0.4;font-size:0.68rem;font-family:'Syne',sans-serif;}

/* ── SECTION CARD ── */
.wiki-section{
  background:rgba(255,255,255,0.6);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  border:1px solid rgba(255,255,255,0.88);
  border-radius:22px;padding:1.3rem 1.4rem;margin-bottom:0.75rem;
  box-shadow:0 4px 24px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.03);
  position:relative;overflow:hidden;
}
.wiki-section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.95),transparent);}

.wiki-section-title{
  font-family:'Syne',sans-serif;font-size:0.95rem;font-weight:800;color:var(--tx);
  margin-bottom:1rem;display:flex;align-items:center;gap:9px;
  padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,0.05);
  letter-spacing:0.01em;
}
.wiki-section-title span{font-size:1.15rem;line-height:1;}

/* ── TYPOGRAPHY ── */
.wiki-h3{font-family:'Syne',sans-serif;font-size:0.85rem;font-weight:700;color:var(--tx);margin:1rem 0 0.45rem;display:flex;align-items:center;gap:6px;}
.wiki-h3::before{content:'';width:3px;height:14px;background:linear-gradient(to bottom,var(--accent),var(--accent2));border-radius:2px;flex-shrink:0;}
.wiki-p{font-size:0.83rem;color:rgba(26,26,46,0.82);line-height:1.85;margin-bottom:0.65rem;}

/* ── LISTS ── */
.wiki-ul{list-style:none;display:flex;flex-direction:column;gap:4px;margin-bottom:0.75rem;}
.wiki-ul li{font-size:0.82rem;color:rgba(26,26,46,0.82);line-height:1.65;display:flex;align-items:flex-start;gap:9px;}
.wiki-ul li::before{content:'';width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));flex-shrink:0;margin-top:6px;}

.wiki-ol{display:flex;flex-direction:column;gap:8px;margin-bottom:0.75rem;counter-reset:wiki-counter;}
.wiki-ol li{font-size:0.82rem;color:rgba(26,26,46,0.82);line-height:1.65;display:flex;align-items:flex-start;gap:11px;counter-increment:wiki-counter;}
.wiki-ol li::before{
  content:counter(wiki-counter);
  background:linear-gradient(135deg,var(--accent),var(--accent2));
  color:#fff;font-size:0.8rem;font-weight:800;
  width:26px;height:26px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;margin-top:0px;font-family:'Inter','DM Sans',sans-serif;
  box-shadow:0 2px 8px rgba(5,150,105,0.35);
  line-height:1;
}

/* ── CALLOUT BOXES ── */
.wiki-tip{
  background:linear-gradient(135deg,rgba(5,150,105,0.07),rgba(16,185,129,0.04));
  border:1px solid rgba(5,150,105,0.18);
  border-left:3px solid var(--accent);
  border-radius:0 12px 12px 0;
  padding:10px 14px;margin-bottom:0.75rem;display:flex;gap:10px;
}
.wiki-tip-icon{font-size:1rem;flex-shrink:0;margin-top:1px;}
.wiki-tip-text{font-size:0.79rem;color:rgba(26,26,46,0.85);line-height:1.65;}
.wiki-tip-text a{color:var(--accent);font-weight:600;text-decoration:none;}

.wiki-warn{
  background:linear-gradient(135deg,rgba(245,158,11,0.07),rgba(251,191,36,0.04));
  border:1px solid rgba(245,158,11,0.22);
  border-left:3px solid #f59e0b;
  border-radius:0 12px 12px 0;
  padding:10px 14px;margin-bottom:0.75rem;display:flex;gap:10px;
}
.wiki-warn-icon{font-size:1rem;flex-shrink:0;margin-top:1px;}
.wiki-warn-text{font-size:0.79rem;color:rgba(26,26,46,0.85);line-height:1.65;}

/* ── TABLE ── */
.wiki-table-wrap{overflow-x:auto;margin-bottom:0.75rem;border-radius:14px;border:1px solid rgba(0,0,0,0.06);}
.wiki-table{width:100%;border-collapse:collapse;font-size:0.78rem;min-width:280px;}
.wiki-table thead{background:linear-gradient(135deg,rgba(5,150,105,0.1),rgba(16,185,129,0.07));}
.wiki-table th{color:var(--tx);font-weight:700;padding:9px 13px;text-align:left;border-bottom:1px solid rgba(5,150,105,0.15);font-family:'Syne',sans-serif;font-size:0.79rem;letter-spacing:0.02em;white-space:nowrap;}
.wiki-table td{padding:9px 13px;border-bottom:1px solid rgba(0,0,0,0.04);color:rgba(26,26,46,0.85);vertical-align:top;line-height:1.5;font-size:0.8rem;}
.wiki-table tr:last-child td{border-bottom:none;}
.wiki-table tbody tr:nth-child(even) td{background:rgba(5,150,105,0.025);}
.wiki-table tbody tr:hover td{background:rgba(5,150,105,0.05);}

/* ── BADGES ── */
.wiki-badge{display:inline-flex;align-items:center;padding:2px 9px;border-radius:100px;font-size:0.65rem;font-weight:700;letter-spacing:0.03em;}
.wiki-badge-ssr{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid rgba(245,158,11,0.25);}
.wiki-badge-sr{background:rgba(107,114,128,0.1);color:#374151;border:1px solid rgba(107,114,128,0.18);}
.wiki-badge-r{background:rgba(120,83,20,0.08);color:#78350f;border:1px solid rgba(120,83,20,0.15);}
.wiki-badge-free{background:rgba(5,150,105,0.1);color:#065f46;border:1px solid rgba(5,150,105,0.2);}
.wiki-badge-pay{background:rgba(239,68,68,0.1);color:#b91c1c;border:1px solid rgba(239,68,68,0.18);}
.wiki-badge-gold{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid rgba(245,158,11,0.25);}

/* ── NAV CARDS (Wikiトップ) ── */
.wiki-nav-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:0.75rem;}
@media(max-width:360px){.wiki-nav-cards{grid-template-columns:1fr;}}

.wiki-nav-card{
  background:rgba(255,255,255,0.6);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border:1px solid rgba(255,255,255,0.88);
  border-radius:18px;padding:1rem 1rem 0.9rem;
  text-decoration:none;color:inherit;
  display:flex;flex-direction:column;gap:6px;
  transition:transform 0.18s,box-shadow 0.18s,border-color 0.18s;
  box-shadow:0 3px 14px rgba(0,0,0,0.05);
  position:relative;overflow:hidden;
}
.wiki-nav-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.9),transparent);}
.wiki-nav-card:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(5,150,105,0.15);border-color:rgba(5,150,105,0.25);}
.wiki-nav-card:active{transform:scale(0.97);}

.wiki-nav-card-icon-wrap{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,rgba(5,150,105,0.12),rgba(16,185,129,0.07));border:1px solid rgba(5,150,105,0.15);display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:2px;}
.wiki-nav-card-title{font-family:'Syne',sans-serif;font-size:0.82rem;font-weight:800;color:var(--tx);line-height:1.2;}
.wiki-nav-card-desc{font-size:0.66rem;color:rgba(26,26,46,0.5);line-height:1.45;}
.wiki-nav-card-arrow{font-size:0.7rem;color:var(--accent);font-weight:700;margin-top:2px;}

/* ── FOOTER META ── */
.wiki-updated{font-size:0.62rem;color:rgba(26,26,46,0.38);text-align:right;margin-top:0.5rem;letter-spacing:0.05em;}

/* ── STEP BOX ── */
.wiki-step{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid rgba(0,0,0,0.05);}
.wiki-step:last-child{border-bottom:none;}
.wiki-step-num{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-family:'Inter','DM Sans',sans-serif;font-size:0.85rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 3px 8px rgba(5,150,105,0.3);line-height:1;}
.wiki-step-body{flex:1;}
.wiki-step-title{font-family:'Syne',sans-serif;font-size:0.83rem;font-weight:700;color:var(--tx);margin-bottom:2px;}
.wiki-step-desc{font-size:0.77rem;color:rgba(26,26,46,0.82);line-height:1.6;}

/* ── HIGHLIGHT BOX ── */
.wiki-highlight{background:linear-gradient(135deg,rgba(5,150,105,0.9),rgba(16,185,129,0.85));border-radius:16px;padding:1rem 1.2rem;margin-bottom:0.75rem;position:relative;overflow:hidden;}
.wiki-highlight::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);}
.wiki-highlight-title{font-family:'Syne',sans-serif;font-size:0.88rem;font-weight:800;color:#fff;margin-bottom:4px;}
.wiki-highlight-text{font-size:0.76rem;color:rgba(255,255,255,0.88);line-height:1.65;}

/* ── PC LAYOUT ── */
@media(min-width:640px){
  .wiki-wrap{padding:1.5rem 1.5rem 6rem;}
  .wiki-hero-title{font-size:1.7rem;}
  .wiki-nav-cards{gap:10px;}
}