#smg-wrap{font-family:'Noto Sans JP','Hiragino Kaku Gothic Pro',sans-serif;font-size:16px;color:#1a1a2e;-webkit-font-smoothing:antialiased;}
#smg-wrap .smg-hd{background:linear-gradient(135deg,#002050,#0055aa 55%,#0080dd);padding:16px 20px 12px;border-radius:10px 10px 0 0;}
#smg-wrap .smg-ttl{font-size:1.4rem;font-weight:900;color:#fff;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
#smg-wrap .smg-badge{background:#e8184a;color:#fff;font-size:.85rem;padding:3px 8px;border-radius:3px;font-weight:700;}
#smg-wrap .smg-sub{font-size:.85rem;color:rgba(255,255,255,.65);margin-top:4px;}
#smg-wrap .smg-note{font-size:.8rem;color:#b3d9ff;margin-top:3px;font-weight:700;}
#smg-wrap .smg-tabs{background:#002050;border-bottom:2px solid rgba(255,255,255,.1);padding:0 10px;display:flex;gap:2px;flex-wrap:wrap;}
#smg-wrap .smg-tab{font-family:inherit;font-size:1rem;font-weight:700;color:rgba(255,255,255,.5);background:none;border:none;border-bottom:3px solid transparent;padding:8px 12px;cursor:pointer;}
#smg-wrap .smg-tab:hover{color:#fff;}
#smg-wrap .smg-tab.active{color:#80c8ff;border-bottom-color:#80c8ff;}
#smg-wrap .smg-fbar{background:#f0f7ff;border:1px solid rgba(0,80,170,.15);border-top:none;padding:12px 14px;}
#smg-wrap .smg-frow{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px;}
#smg-wrap .smg-frow:last-of-type{margin-bottom:0;}
#smg-wrap .smg-flabel{font-size:1rem;font-weight:800;color:#0055aa;min-width:60px;padding-top:5px;white-space:nowrap;}
#smg-wrap .smg-chips{display:flex;flex-wrap:wrap;gap:5px;}
#smg-wrap .smg-chip{background:#fff;border:1.5px solid rgba(0,80,170,.25);color:#555;font-size:1.2rem;font-weight:700;padding:4px 12px;border-radius:12px;cursor:pointer;font-family:inherit;transition:all .15s;}
#smg-wrap .smg-chip:hover{border-color:#0055aa;color:#0055aa;}
#smg-wrap .smg-chip.on{background:#0055aa;border-color:#0055aa;color:#fff;}
#smg-wrap .smg-chip.new-chip{border-color:rgba(0,100,40,.4);color:#006a3a;}
#smg-wrap .smg-chip.new-chip.on{background:#006a3a;border-color:#006a3a;color:#fff;}
#smg-wrap .smg-chip.vronly-chip{border-color:rgba(200,60,0,.4);color:#c84000;}
#smg-wrap .smg-chip.vronly-chip.on{background:#c84000;border-color:#c84000;color:#fff;}
#smg-wrap .smg-chip.vrboth-chip{border-color:rgba(0,60,160,.4);color:#003fa5;}
#smg-wrap .smg-chip.vrboth-chip.on{background:#003fa5;border-color:#003fa5;color:#fff;}
#smg-wrap .smg-chip.quest-chip{border-color:rgba(100,0,160,.4);color:#6400a0;}
#smg-wrap .smg-chip.quest-chip.on{background:#6400a0;border-color:#6400a0;color:#fff;}
#smg-wrap .smg-faction{display:flex;gap:8px;margin-top:10px;justify-content:flex-end;}
#smg-wrap .smg-abtn{font-family:inherit;font-size:1rem;font-weight:700;padding:6px 16px;border-radius:12px;cursor:pointer;transition:all .15s;}
#smg-wrap .smg-abtn-show{background:#fff;border:2px solid #0055aa;color:#0055aa;}
#smg-wrap .smg-abtn-show:hover{background:#0055aa;color:#fff;}
#smg-wrap .smg-abtn-clr{background:#fff;border:2px solid #aaa;color:#666;}
#smg-wrap .smg-abtn-clr:hover{background:#666;color:#fff;}
#smg-wrap .smg-panels{border:1px solid rgba(0,80,170,.15);border-top:none;}
#smg-wrap .smg-rank-block{border-bottom:1px solid rgba(0,80,170,.1);}
#smg-wrap .smg-rank-block:last-child{border-bottom:none;}
#smg-wrap .smg-rank-hd{display:flex;align-items:center;gap:8px;padding:10px 14px;cursor:pointer;background:rgba(0,80,170,.04);}
#smg-wrap .smg-rank-hd:hover{background:rgba(0,80,170,.09);}
#smg-wrap .smg-rbadge{font-size:1rem;font-weight:900;color:#ce176c;padding:3px 10px;border-radius:4px;min-width:52px;text-align:center;}
#smg-wrap .smg-rdesc{font-size:.9rem;color:#555;font-weight:700;flex:1;}
#smg-wrap .smg-rcnt{font-size:.85rem;color:#fff;background:#e8184a;padding:2px 8px;border-radius:10px;font-weight:800;}
#smg-wrap .smg-rtog{font-size:.85rem;color:#aaa;transition:transform .22s;margin-left:4px;}
#smg-wrap .smg-rank-block.collapsed .smg-rtog{transform:rotate(-90deg);}
#smg-wrap .smg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px 12px 12px;}
#smg-wrap .smg-rank-block.collapsed .smg-grid{display:none;}
#smg-wrap .smg-card{cursor:pointer;border-radius:8px;overflow:hidden;border:2px solid transparent;transition:all .2s;background:#fff;position:relative;display:flex;flex-flow:row wrap;box-shadow:0 1px 4px rgba(0,80,170,.1);}
#smg-wrap .smg-card:hover{transform:translateY(-3px);border-color:#0080dd;box-shadow:0 5px 14px rgba(0,128,221,.28);}
#smg-wrap .smg-card.dim{opacity:.07;pointer-events:none;}
#smg-wrap .smg-pos{position:static;font-size:1.8rem;font-weight:900;color:#fff;background:#555;padding:2px 8px;border-radius:4px;line-height:1.3;align-self:center;margin:4px 4px 4px 6px;flex-shrink:0;}
#smg-wrap .smg-card[data-pos="1"] .smg-pos{background:linear-gradient(135deg,#d4af37,#f5d060);color:#fff;}
#smg-wrap .smg-card[data-pos="2"] .smg-pos{background:linear-gradient(135deg,#8a8a8a,#bbb);color:#fff;}
#smg-wrap .smg-card[data-pos="3"] .smg-pos{background:linear-gradient(135deg,#a0522d,#cd7f32);color:#fff;}
#smg-wrap .smg-img-wrap{width:100%;aspect-ratio:16/10;overflow:hidden;background:#dae8f8;flex-shrink:0;}
#smg-wrap .smg-thumb{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s;}
#smg-wrap .smg-card:hover .smg-thumb{transform:scale(1.06);}
#smg-wrap .smg-badges{display:none;}
#smg-wrap .smg-gbadge{display:none;}
#smg-wrap .smg-ctitle{font-size:.95rem;font-weight:800;line-height:1.4;color:#1a1a2e;padding:4px 6px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;align-self:center;text-align:left;}
#smg-wrap .smg-bottom{display:none;}
#smg-wrap .smg-footer{border:1px solid rgba(0,80,170,.15);border-top:none;background:#f0f7ff;padding:8px 14px;display:flex;align-items:center;justify-content:space-between;border-radius:0 0 10px 10px;}
#smg-wrap .smg-info{font-size:.9rem;color:#555;font-weight:700;}
#smg-wrap .smg-clrbtn{font-family:inherit;font-size:.9rem;font-weight:700;background:none;border:1.5px solid rgba(0,80,170,.3);color:#0055aa;padding:4px 12px;border-radius:7px;cursor:pointer;}
#smg-wrap .smg-clrbtn:hover{background:#0055aa;color:#fff;}
#smg-tooltip{position:fixed;z-index:9999;pointer-events:none;background:#fff;border:1.5px solid rgba(0,80,170,.2);border-radius:8px;width:280px;padding:14px 16px;font-size:.9rem;line-height:1.55;box-shadow:0 4px 20px rgba(0,80,170,.15);opacity:0;transition:opacity .15s;}
#smg-tooltip.show{opacity:1;}
#smg-tooltip .tt-ttl{font-weight:900;font-size:1rem;margin-bottom:5px;color:#1a1a2e;}
#smg-tooltip .tt-row{color:#555;margin:2px 0;}
#smg-tooltip .tt-score{color:#0055aa;font-weight:900;}
#smg-tooltip .tt-plat{color:#0055aa;font-weight:800;background:#e8f2ff;padding:2px 8px;border-radius:4px;display:inline-block;margin:2px 0;}
#smg-tooltip .tt-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px;}
#smg-tooltip .tt-tag{background:#f0f7ff;border:1px solid rgba(0,80,170,.2);color:#555;font-size:.8rem;padding:2px 6px;border-radius:5px;}
#smg-tooltip .tt-cta{margin-top:6px;color:#0055aa;font-weight:800;font-size:.85rem;}
@keyframes smg-rip{to{transform:translate(-50%,-50%) scale(3.5);opacity:0;}}
.smg-scroll-hl{animation:smg-hl-fade 1.8s ease-out forwards;}
@keyframes smg-hl-fade{0%{background:rgba(0,128,221,.18);}100%{background:transparent;}}
@media(max-width:600px){
  #smg-wrap .smg-grid{grid-template-columns:repeat(2,1fr);gap:5px;padding:6px;}
  #smg-wrap .smg-ctitle{font-size:.8rem;}
  #smg-wrap .smg-pos{font-size:1.4rem;}
  #smg-wrap .smg-tab{font-size:.9rem;padding:6px 8px;}
  #smg-wrap .smg-chip{font-size:1rem;}
}