.stats-detail-page{background:linear-gradient(165deg,#1a2744 0%,#2d4a6e 28%,#f5f0e8 28%)}
.stats-detail-page #header{background:transparent;box-shadow:none;position:relative;padding:10px 16px}
.stats-detail-page #header h1{cursor:pointer;font-size:1rem}
.preview-badge{font-size:.68rem;background:rgba(255,255,255,.15);padding:3px 8px;border-radius:12px;color:#ddd}
.stats-detail-wrap{max-width:480px;margin:0 auto;padding:10px 12px 36px}
.stats-detail-toolbar{display:flex;justify-content:space-between;align-items:stretch;margin-bottom:8px;gap:8px;flex-wrap:wrap}
.stats-detail-toolbar-nav{display:flex;align-items:stretch;gap:8px;flex:1 1 auto;min-width:0}
.stats-detail-toolbar-nav .stats-toolbar-btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 14px;
  font-size:.82rem;font-weight:700;line-height:1.25;border-radius:8px;white-space:nowrap;box-sizing:border-box;
  transition:background .2s,border-color .2s,color .2s;
}
.stats-detail-toolbar-nav .btn-create-map-secondary{font-weight:700}
.stats-detail-actions .btn-primary{box-shadow:0 2px 8px rgba(192,57,43,.25)}
.stats-detail-actions .btn-outline{background:#fff;border:2px solid #c5d0de;color:var(--navy)}
.stats-detail-actions .btn-outline:hover{border-color:var(--navy);background:#f8fafc}
.stats-detail-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex-shrink:0}
.stats-detail-actions .btn{min-height:38px;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:520px){
  .stats-detail-toolbar{flex-direction:column;align-items:stretch}
  .stats-detail-toolbar-nav{width:100%}
  .stats-detail-toolbar-nav .stats-toolbar-btn{flex:1;min-width:0;font-size:.76rem;padding:8px 10px;white-space:normal;text-align:center}
  .stats-detail-actions{width:100%;justify-content:stretch}
  .stats-detail-actions .btn{flex:1;min-width:0}
}
@media(min-width:521px) and (max-width:768px){
  .stats-detail-toolbar-nav .stats-toolbar-btn{font-size:.78rem;padding:8px 12px}
}
.stats-detail-card{background:#fff;border-radius:16px;padding:10px 12px 8px;box-shadow:0 10px 40px rgba(0,0,0,.18)}
.sd-hero{margin-bottom:10px}
.sd-hero-banner{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:10px 12px;
  background:linear-gradient(135deg,#fff9e6 0%,#fff3cc 48%,#ffe8a3 100%);
  border:1px solid #f0dfa0;border-radius:12px;
  box-shadow:0 2px 8px rgba(201,162,39,.12);
}
.sd-hero-main{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
.sd-hero-icon{
  flex-shrink:0;width:40px;height:28px;display:flex;align-items:center;justify-content:center;
  background:#fff;border-radius:6px;box-shadow:0 1px 4px rgba(0,0,0,.08);overflow:hidden;padding:0;
}
.sd-hero-icon .sd-hero-flag,.sd-hero-icon .product-flag-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:4px}
.stats-detail-page .logo-home .logo-flag{flex-shrink:0}
.sd-hero-text{min-width:0;display:flex;flex-direction:column;gap:4px}
.sd-hero-title{font-size:.82rem;font-weight:600;color:#5a6478;line-height:1.25}
.sd-hero-title strong{font-size:.98rem;font-weight:800;color:#1a2744;display:block;margin-top:1px}
.sd-hero-rank{
  display:inline-flex;align-items:center;align-self:flex-start;
  font-size:.65rem;font-weight:700;color:#8a6d1a;
  background:rgba(255,255,255,.75);border:1px solid rgba(240,223,160,.9);
  padding:2px 8px;border-radius:20px;letter-spacing:.02em;
}
.sd-hero-score{
  flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-width:64px;padding:6px 12px;
  background:#fff;border-radius:10px;
  box-shadow:0 2px 6px rgba(26,39,68,.1);border:1px solid rgba(255,255,255,.9);
}
.sd-hero-score-num{font-size:1.65rem;font-weight:800;line-height:1;color:#1a2744;letter-spacing:-.02em}
.sd-hero-score-lbl{font-size:.58rem;font-weight:700;color:#c9a227;margin-top:2px;text-transform:uppercase;letter-spacing:.06em}
.sd-block{margin-top:0}
.sd-block+.sd-block{margin-top:8px;padding-top:8px;border-top:1px solid #f0f0f0}
.sd-map-row{display:flex;gap:6px;align-items:stretch}
.sd-map-col{flex:1;min-width:0}
.sd-map-side{display:flex;flex-direction:column;gap:4px;width:52px;flex-shrink:0;justify-content:center}
.sd-side-stat{background:#fafafa;border-radius:7px;padding:4px 2px;text-align:center;border:1px solid #eee;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:48px;justify-content:center}
.sd-side-dot{width:12px;height:12px;border-radius:3px;flex-shrink:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.sd-side-stat b{font-size:.82rem;font-weight:800;color:#1a2744;line-height:1}
.sd-side-lbl{font-size:.48rem;color:#666;line-height:1.15;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stats-main-map.map-container,
.stats-main-map.stats-main-map-static{
  width:100%!important;
  height:min(50vw,270px)!important;
  min-height:210px;
  max-height:290px;
  overflow:hidden!important;
  background:#2e75b6;
  border-radius:10px;
  position:relative;
  pointer-events:none!important;
  touch-action:none!important;
  user-select:none;
}
.stats-main-map .map-zoom-bar{display:none!important}
.stats-main-map .schematic-map-host,
.stats-main-map .japan-schematic-svg{width:100%!important;height:100%!important;cursor:default!important}
.stats-main-map .map-crop-stage{position:absolute;inset:0;overflow:hidden}
.sd-caption{text-align:center;font-size:.7rem;color:#888;margin-top:4px}
.sd-ach-heading{font-size:.88rem;font-weight:800;color:#1a2744;margin:0 0 6px;line-height:1.35}
.sd-ach-heading .sd-ach-meta{font-size:.72rem;font-weight:600;color:#888;margin-left:4px}
.sd-ach-grid{display:flex;flex-direction:column;gap:6px}
.sd-ach-item{display:flex;align-items:flex-start;gap:8px;background:linear-gradient(135deg,#fffbf0,#fff);border:1px solid #ece5dc;border-radius:10px;padding:8px 10px;font-size:.78rem;line-height:1.35}
.sd-ach-item .sd-ach-emoji{font-size:1.15rem;line-height:1;flex-shrink:0}
.sd-ach-item b{display:block;color:#1a2744;font-size:.82rem;margin-bottom:2px}
.sd-ach-rarity{display:block;font-size:.66rem;color:#c0392b}
.sd-ach-more{font-size:.68rem;color:#888;text-align:center;margin:6px 0 0}
.sd-ach-empty{font-size:.78rem;color:#888;text-align:center;padding:10px 4px;margin:0}
.sd-summary-footer{margin-top:8px;padding:10px;border-top:2px solid #f5e6c8;background:linear-gradient(180deg,#fffdf5,#fff);border-radius:10px}
.sd-sum-badge{font-size:.9rem;font-weight:800;color:#1a2744;margin-bottom:4px}
.sd-sum-praise{font-size:.76rem;line-height:1.45;color:#555;margin:0 0 8px}
.sd-sum-foot{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 12px;padding-top:6px;border-top:1px dashed #e8e0d0}
.sd-sum-code{font-family:monospace;letter-spacing:.12em;font-size:.72rem;color:#666;font-weight:700}
.sd-sum-name{font-size:.72rem;color:#888}
.sd-brand{text-align:center;font-size:.62rem;color:#bbb;margin:6px 0 0}
.sd-error{text-align:center;padding:40px 16px;color:#c0392b}
.sd-share-modal{max-width:340px}
.sd-share-hint{font-size:.78rem;color:#666;margin:0 0 8px;line-height:1.45}
.sd-share-note{font-size:.7rem;color:#888;margin:0 0 12px;line-height:1.4;padding:6px 8px;background:#f6f8fb;border-radius:6px}
.sd-share-btns{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}
.sd-share-btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:10px;border:1px solid #ddd;background:#fff;color:#333;font-size:.88rem;font-weight:600;text-decoration:none;cursor:pointer;transition:background .15s,transform .1s}
.sd-share-btn:hover{transform:translateY(-1px)}
.sd-share-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sd-share-icon svg{width:20px;height:20px;display:block}
.sd-share-copy{border-color:#ccc}
.sd-share-copy:hover{background:#f5f7fa}
.sd-share-line{border-color:#06c755;color:#06c755;background:#f0fdf4}
.sd-share-line:hover{background:#e0f8e8}
.sd-share-fb{border-color:#1877f2;color:#fff;background:#1877f2}
.sd-share-fb:hover{background:#166fe5}
.sd-share-fb .sd-share-icon svg{fill:#fff}
.sd-share-ig{border:none;color:#fff;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}
.sd-share-ig:hover{filter:brightness(1.05)}
.sd-share-ig .sd-share-icon svg{fill:#fff}
.sd-share-threads{border-color:#000;color:#fff;background:#000}
.sd-share-threads:hover{background:#222}
.sd-share-threads .sd-share-icon svg{fill:#fff}
.sd-share-x{border-color:#000;color:#fff;background:#000}
.sd-share-x:hover{background:#222}
.sd-share-x .sd-share-icon svg{fill:#fff}
.sd-share-native{border-color:var(--navy,#1a2744);color:#fff;background:var(--navy,#1a2744)}
.sd-share-native:hover{filter:brightness(1.1)}
@media print{.no-export{display:none!important}.stats-detail-card{box-shadow:none}}