#smg-wrap{font-family:'Noto Sans JP','Hiragino Kaku Gothic Pro',sans-serif;font-size:14px;color:#1a1a2e;-webkit-font-smoothing:antialiased;}
#smg-wrap .smg-hd{background:linear-gradient(135deg,#1b4000,#2e7d32 55%,#43a047);padding:14px 18px 10px;border-radius:10px 10px 0 0;}
#smg-wrap .smg-ttl{font-size:1.15rem;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:.56rem;padding:2px 6px;border-radius:3px;font-weight:700;}
#smg-wrap .smg-sub{font-size:.65rem;color:rgba(255,255,255,.65);margin-top:4px;}
#smg-wrap .smg-note{font-size:.62rem;color:#c8f5c0;margin-top:3px;font-weight:700;}
#smg-wrap .smg-tabs{background:#1b4000;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:.78rem;font-weight:700;color:rgba(255,255,255,.5);background:none;border:none;border-bottom:3px solid transparent;padding:7px 10px;cursor:pointer;}
#smg-wrap .smg-tab:hover{color:#fff;}
#smg-wrap .smg-tab.active{color:#a5f3a0;border-bottom-color:#a5f3a0;}
#smg-wrap .smg-fbar{background:#f3fbf0;border:1px solid rgba(0,80,0,.15);border-top:none;padding:10px 12px;}
#smg-wrap .smg-frow{display:flex;align-items:flex-start;gap:8px;margin-bottom:6px;}
#smg-wrap .smg-frow:last-of-type{margin-bottom:0;}
#smg-wrap .smg-flabel{font-size:.85rem;font-weight:800;color:#2e7d32;min-width:52px;padding-top:5px;white-space:nowrap;}
#smg-wrap .smg-chips{display:flex;flex-wrap:wrap;gap:4px;}
#smg-wrap .smg-chip{background:#fff;border:1.5px solid rgba(0,80,0,.25);color:#555;font-size:.78rem;font-weight:700;padding:3px 10px;border-radius:12px;cursor:pointer;font-family:inherit;transition:all .15s;}
#smg-wrap .smg-chip:hover{border-color:#2e7d32;color:#2e7d32;}
#smg-wrap .smg-chip.on{background:#2e7d32;border-color:#2e7d32;color:#fff;}
#smg-wrap .smg-chip.new-chip{border-color:rgba(0,100,40,.4);color:#00704a;}
#smg-wrap .smg-chip.new-chip.on{background:#00704a;border-color:#00704a;color:#fff;}
#smg-wrap .smg-chip.anim-chip{border-color:rgba(200,60,0,.4);color:#c84000;}
#smg-wrap .smg-chip.anim-chip.on{background:#c84000;border-color:#c84000;color:#fff;}
#smg-wrap .smg-chip.soon-chip{border-color:rgba(150,0,150,.35);color:#7b0096;}
#smg-wrap .smg-chip.soon-chip.on{background:#7b0096;border-color:#7b0096;color:#fff;}
#smg-wrap .smg-chip.fv-chip{border-color:rgba(0,60,160,.35);color:#003fa5;}
#smg-wrap .smg-chip.fv-chip.on{background:#003fa5;border-color:#003fa5;color:#fff;}
#smg-wrap .smg-faction{display:flex;gap:8px;margin-top:8px;justify-content:flex-end;}
#smg-wrap .smg-abtn{font-family:inherit;font-size:.8rem;font-weight:700;padding:5px 14px;border-radius:12px;cursor:pointer;transition:all .15s;}
#smg-wrap .smg-abtn-show{background:#fff;border:2px solid #2e7d32;color:#2e7d32;}
#smg-wrap .smg-abtn-show:hover{background:#2e7d32;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,0,.15);border-top:none;}
#smg-wrap .smg-rank-block{border-bottom:1px solid rgba(0,80,0,.1);}
#smg-wrap .smg-rank-block:last-child{border-bottom:none;}
#smg-wrap .smg-rank-hd{display:flex;align-items:center;gap:8px;padding:9px 12px;cursor:pointer;background:rgba(0,80,0,.04);}
#smg-wrap .smg-rank-hd:hover{background:rgba(0,80,0,.09);}
#smg-wrap .smg-rbadge{font-size:.72rem;font-weight:900;color:#fff;padding:2px 8px;border-radius:4px;min-width:52px;text-align:center;}
#smg-wrap .smg-rdesc{font-size:.68rem;color:#555;font-weight:700;flex:1;}
#smg-wrap .smg-rcnt{font-size:.6rem;color:#fff;background:#e8184a;padding:1px 7px;border-radius:10px;font-weight:800;}
#smg-wrap .smg-rtog{font-size:.6rem;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(5,1fr);gap:6px;padding:8px 10px 10px;}
#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-direction:column;box-shadow:0 1px 4px rgba(0,60,0,.1);}
#smg-wrap .smg-card:hover{transform:translateY(-3px);border-color:#2e7d32;box-shadow:0 5px 14px rgba(46,125,50,.28);}
#smg-wrap .smg-card.dim{opacity:.07;pointer-events:none;}
#smg-wrap .smg-pos{position:absolute;top:4px;right:4px;font-size:.42rem;font-weight:900;color:#fff;padding:1px 5px;border-radius:4px;z-index:2;line-height:1.5;}
#smg-wrap .smg-img-wrap{width:100%;aspect-ratio:16/10;overflow:hidden;background:#d8ecd8;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:flex;flex-wrap:wrap;gap:2px;padding:4px 5px 0;min-height:16px;}
#smg-wrap .smg-new{background:#00704a;color:#fff;font-size:.4rem;font-weight:900;padding:1px 4px;border-radius:3px;line-height:1.4;}
#smg-wrap .smg-anim{background:#c84000;color:#fff;font-size:.4rem;font-weight:900;padding:1px 4px;border-radius:3px;line-height:1.4;}
#smg-wrap .smg-free{background:#006400;color:#fff;font-size:.4rem;font-weight:900;padding:1px 4px;border-radius:3px;line-height:1.4;}
#smg-wrap .smg-gbadge{font-size:.38rem;padding:1px 4px;border-radius:3px;font-weight:800;color:#fff;display:inline-block;margin:0 5px 2px;max-width:calc(100% - 10px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#smg-wrap .smg-gb-keiei{background:#c62828;}
#smg-wrap .smg-gb-chat{background:#6a1b9a;}
#smg-wrap .smg-gb-puzzle{background:#00695c;}
#smg-wrap .smg-gb-gakuen{background:#1565c0;}
#smg-wrap .smg-gb-rpg{background:#2e7d32;}
#smg-wrap .smg-gb-idol{background:#ad1457;}
#smg-wrap .smg-gb-houchi{background:#e65100;}
#smg-wrap .smg-gb-strategy{background:#37474f;}
#smg-wrap .smg-ctitle{font-size:clamp(.48rem,.85vw,.6rem);font-weight:800;line-height:1.4;color:#1a1a2e;padding:2px 5px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;}
#smg-wrap .smg-bottom{display:flex;justify-content:space-between;align-items:center;padding:2px 5px 4px;}
#smg-wrap .smg-score{font-size:.52rem;font-weight:900;color:#2e7d32;}
#smg-wrap .smg-fnote{font-size:.36rem;color:#006400;font-weight:700;background:#e8f5e9;padding:1px 4px;border-radius:3px;max-width:62%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#smg-wrap .smg-footer{border:1px solid rgba(0,80,0,.15);border-top:none;background:#f3fbf0;padding:7px 12px;display:flex;align-items:center;justify-content:space-between;border-radius:0 0 10px 10px;}
#smg-wrap .smg-info{font-size:.7rem;color:#555;font-weight:700;}
#smg-wrap .smg-clrbtn{font-family:inherit;font-size:.68rem;font-weight:700;background:none;border:1.5px solid rgba(0,80,0,.3);color:#2e7d32;padding:3px 10px;border-radius:7px;cursor:pointer;}
#smg-wrap .smg-clrbtn:hover{background:#2e7d32;color:#fff;}
#smg-tooltip{position:fixed;z-index:9999;pointer-events:none;background:#fff;border:1.5px solid rgba(0,80,0,.2);border-radius:8px;width:252px;padding:12px 14px;font-size:.66rem;line-height:1.55;box-shadow:0 4px 20px rgba(0,80,0,.15);opacity:0;transition:opacity .15s;}
#smg-tooltip.show{opacity:1;}
#smg-tooltip .tt-ttl{font-weight:900;font-size:.74rem;margin-bottom:5px;color:#1a1a2e;}
#smg-tooltip .tt-row{color:#555;margin:2px 0;}
#smg-tooltip .tt-score{color:#2e7d32;font-weight:900;}
#smg-tooltip .tt-fnote{color:#006400;font-weight:800;background:#e8f5e9;padding:1px 6px;border-radius:4px;display:inline-block;margin:2px 0;}
#smg-tooltip .tt-tags{display:flex;flex-wrap:wrap;gap:3px;margin-top:5px;}
#smg-tooltip .tt-tag{background:#f0f8f0;border:1px solid rgba(0,80,0,.2);color:#555;font-size:.55rem;padding:1px 5px;border-radius:5px;}
#smg-tooltip .tt-cta{margin-top:6px;color:#2e7d32;font-weight:800;font-size:.62rem;}
@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(46,125,50,.2);}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:.55rem;}
  #smg-wrap .smg-fnote{display:none;}
  #smg-wrap .smg-tab{font-size:.7rem;padding:6px 7px;}
}