/* Minecraft -> device comparison: contextual discovery CTA. 2026-11-02 */
.mlg-device-scout{--scout-ink:#f9fff1;--scout-green:#01e427;--scout-gold:#ffe264;display:block;position:relative;width:100%;max-width:1100px;box-sizing:border-box;margin:30px auto 36px;color:var(--scout-ink);font-family:system-ui,-apple-system,"Hiragino Sans","Noto Sans JP",sans-serif}
.mlg-device-scout *{box-sizing:border-box}
.mlg-device-scout__hero{isolation:isolate;overflow:hidden;position:relative;display:flex;align-items:center;min-height:345px;border-radius:21px;border:3px solid #f0d05b;background:linear-gradient(122deg,#061d22 0%,#064631 64%,#076d38 100%);box-shadow:0 13px 33px #071c2a45,inset 0 0 0 2px #fcf5af38}
.mlg-device-scout__hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#06171cf9 0%,#08252df1 46%,#0a3526ae 78%,#0c4b2248 100%),radial-gradient(circle at 90% 52%,#9bff449e,transparent 54%)}
.mlg-device-scout__hero::after{content:"";position:absolute;inset:7px;z-index:3;pointer-events:none;border:1px solid #e9ed9c5e;border-radius:13px;box-shadow:inset 0 0 28px #d0ff3c25,0 0 17px #ffde5433}
.mlg-device-scout__rays{position:absolute;z-index:2;right:-43%;top:-90%;width:115%;height:285%;pointer-events:none;background:repeating-conic-gradient(from 0deg at 50% 50%,transparent 0deg 8deg,#ffffa858 8deg 10deg,transparent 10deg 19deg,#b2ff5f48 19deg 21deg,transparent 21deg 30deg);-webkit-mask-image:radial-gradient(ellipse at center,transparent 0 18%,#000 31% 69%,transparent 83%);mask-image:radial-gradient(ellipse at center,transparent 0 18%,#000 31% 69%,transparent 83%);opacity:.82;animation:mlgScoutRays 19s linear infinite}
.mlg-device-scout__image{position:absolute;z-index:0;right:-6px;top:3%;width:43%;height:94%;object-fit:contain;object-position:center;pointer-events:none;filter:drop-shadow(0 13px 19px #03160da8)}
.mlg-device-scout__inner{position:relative;z-index:4;display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%;padding:clamp(22px,4vw,45px) clamp(20px,4vw,43px)}
.mlg-device-scout__eyebrow{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(90deg,#eeff8f32,#58f97618);border:1px solid #daef7e85;color:#d6f6a0;border-radius:99px;padding:5px 12px;font-size:11px;line-height:1.4;font-weight:950;letter-spacing:.07em}
.mlg-device-scout h2,.md-section .mlg-device-scout h2,.ml-section .mlg-device-scout h2{color:#fff!important;font-size:clamp(25px,3.45vw,46px)!important;font-weight:950;letter-spacing:-.045em;line-height:1.29!important;max-width:870px;margin:0!important;padding:0!important;border:0!important;text-shadow:0 3px 11px #0009}
.mlg-device-scout h2 em{color:#fdf278!important;font-style:normal;text-shadow:0 0 24px #effa69aa,0 2px 5px #000a}
.mlg-device-scout__description{max-width:690px;margin:0!important;color:#e6f9e9!important;font-size:clamp(13px,1.4vw,16px)!important;line-height:1.85!important;font-weight:680;text-shadow:0 1px 5px #001a1a}
.mlg-device-scout__buttons{display:flex;align-items:center;flex-wrap:wrap;gap:10px 15px;width:100%;padding-top:8px}
.mlg-device-scout__button-wrap{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;max-width:100%;border-radius:16px;padding:7px;margin:-7px}
.mlg-device-scout__button-wrap::before{content:"";position:absolute;inset:-100%;z-index:0;pointer-events:none;background:repeating-conic-gradient(from 6deg,transparent 0 12deg,#ffe98e 12deg 17deg,transparent 17deg 26deg,#a4ff69 26deg 29deg,transparent 29deg 39deg);-webkit-mask-image:radial-gradient(ellipse,transparent 0 16%,#000 35% 70%,transparent 87%);mask-image:radial-gradient(ellipse,transparent 0 16%,#000 35% 70%,transparent 87%);animation:mlgScoutRays 11s linear infinite}
.mlg-device-scout__primary,.mlg-device-scout__secondary{position:relative;z-index:1;min-height:67px;display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:13px 21px;border-radius:12px;text-align:center;text-decoration:none!important;font-size:clamp(15px,1.65vw,19px);font-weight:950;line-height:1.5;transition:transform .18s ease,filter .18s ease}
.mlg-device-scout__primary{overflow:hidden;border:2px solid #fff3a0;background:linear-gradient(125deg,#eaff78 0%,#48f75e 44%,#01e427 79%,#d0fe75 100%);color:#073f20!important;box-shadow:inset 0 0 0 1px #17793c6c,0 5px 0 #085c2a,0 0 22px #ffff8c9c,0 0 37px #68ff8470;animation:mlgScoutGlow 2.1s ease-in-out infinite}
.mlg-device-scout__primary::before{content:"";position:absolute;pointer-events:none;top:-65%;left:-68%;height:240%;width:28%;background:linear-gradient(90deg,transparent,#fffdeebb,transparent);transform:rotate(23deg);animation:mlgScoutShine 3.7s ease-in-out infinite}
.mlg-device-scout__secondary{border:2px solid #e8d277;background:linear-gradient(130deg,#fff2ae,#ffd44f 70%,#f9e98e);color:#543a00!important;box-shadow:0 3px 0 #a17a28,0 0 16px #ffda4383}
.mlg-device-scout__secondary:hover,.mlg-device-scout__primary:hover{transform:translateY(-3px) scale(1.019);filter:saturate(1.18) brightness(1.08)}
.mlg-device-scout__primary:focus-visible,.mlg-device-scout__secondary:focus-visible,.mlg-device-scout__issues a:focus-visible{outline:4px solid #fff;outline-offset:4px}
.mlg-device-scout__arrow{position:relative;display:inline-block;flex:none;font-size:1.22em;animation:mlgScoutArrow 1.05s ease-in-out infinite alternate}
.mlg-device-scout__credit{max-width:730px;color:#ccded4;font-size:10px;line-height:1.5;text-shadow:0 2px 4px #000}
.mlg-device-scout__issues{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:11px}
.mlg-device-scout__issues a{position:relative;display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:12px;border:1px solid #cbdc9e;background:linear-gradient(145deg,#fffef3,#f3ffe7);text-decoration:none!important;box-shadow:0 5px 14px #1e432313;transition:transform .16s ease,border-color .16s ease}
.mlg-device-scout__issues a:hover{transform:translateY(-3px);border-color:#169747;box-shadow:0 9px 19px #1c68352b}
.mlg-device-scout__issue-icon{display:inline-flex;align-self:flex-start;background:#fff0a9;color:#715b00;border-radius:99px;padding:2px 9px;font-weight:900;font-size:10px}
.mlg-device-scout__issues strong{font-size:clamp(13px,1.3vw,16px);color:#163c27;line-height:1.4}
.mlg-device-scout__issues small{color:#486151;font-size:11px;line-height:1.55}
.mlg-device-scout__issues b{color:#078537;font-size:12px}
@keyframes mlgScoutRays{to{transform:rotate(360deg)}}
@keyframes mlgScoutGlow{0%,100%{box-shadow:inset 0 0 0 1px #17793c6c,0 5px 0 #085c2a,0 0 21px #fff68a88,0 0 32px #68ff8459}50%{box-shadow:inset 0 0 0 1px #17793c6c,0 5px 0 #085c2a,0 0 36px #fffcaee9,0 0 55px #68ff84aa}}
@keyframes mlgScoutShine{0%,20%{left:-68%;opacity:0}30%{opacity:1}58%,100%{left:150%;opacity:0}}
@keyframes mlgScoutArrow{to{transform:translateX(7px)}}
@media(max-width:820px){.mlg-device-scout__image{width:51%;opacity:.63}.mlg-device-scout__hero::before{background:linear-gradient(90deg,#06171cf7 0%,#08252dea 63%,#0a3526c4 100%)}.mlg-device-scout__issues{gap:8px}}
@media(max-width:600px){.mlg-device-scout{margin:20px auto 25px}.mlg-device-scout__hero{min-height:345px;border-width:2px;border-radius:16px}.mlg-device-scout__image{width:75%;right:-25%;opacity:.25}.mlg-device-scout__rays{right:-65%;width:160%}.mlg-device-scout__inner{padding:23px 16px;gap:12px}.mlg-device-scout h2,.md-section .mlg-device-scout h2,.ml-section .mlg-device-scout h2{font-size:clamp(25px,6vw,34px)!important}.mlg-device-scout__buttons{flex-direction:column;align-items:stretch;padding-top:8px}.mlg-device-scout__button-wrap{width:100%;margin:0}.mlg-device-scout__primary,.mlg-device-scout__secondary{width:100%;min-height:62px;font-size:clamp(14px,3.9vw,17px);padding:11px}.mlg-device-scout__issues{grid-template-columns:1fr;gap:8px}.mlg-device-scout__issues a{gap:5px;padding:10px 13px}.mlg-device-scout__issues small{font-size:11px}}
@media(prefers-reduced-motion:reduce){.mlg-device-scout__rays,.mlg-device-scout__button-wrap::before,.mlg-device-scout__primary,.mlg-device-scout__primary::before,.mlg-device-scout__arrow{animation:none!important}.mlg-device-scout__primary,.mlg-device-scout__secondary,.mlg-device-scout__issues a{transition:none}}

/* 2026-11-02: Match device guide '失敗しない○○の選び方' dark-photo banner,
   rather than the separate white product-photo panel. */
.mlg-device-scout .mlg-device-scout__hero{
 display:flex;align-items:center;
 background:linear-gradient(120deg,#061626 0%,#092e33 54%,#08411e 100%);
 border-color:#f4dc76;box-shadow:0 9px 32px #041c2852,inset 0 0 0 1px #fff6a52b;
}
.mlg-device-scout .mlg-device-scout__hero::before{
 z-index:2;background:linear-gradient(90deg,#061827f5 0%,#07252fe8 42%,#082b3e7a 73%,#09342d25 100%);
}
.mlg-device-scout .mlg-device-scout__image{
 position:absolute;display:block;z-index:1;right:-2%;top:0;
 width:49%;max-width:none;height:100%;object-fit:contain;object-position:right center;
 opacity:.94;background:transparent;filter:drop-shadow(0 10px 17px #0008);
 -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 20%,#000 100%);
 mask-image:linear-gradient(90deg,transparent 0%,#000 20%,#000 100%);
}
.mlg-device-scout .mlg-device-scout__rays{z-index:3;opacity:.39}
.mlg-device-scout .mlg-device-scout__inner{position:relative;z-index:4;width:100%;max-width:none}
.mlg-device-scout .mlg-device-scout__eyebrow{color:#fff0ad;background:#194e397d;border-color:#f2dc8b9c}
.mlg-device-scout h2,.md-section .mlg-device-scout h2,.ml-section .mlg-device-scout h2{
 color:#fff!important;opacity:1;text-shadow:0 3px 7px #001f24,0 0 12px #0008;
}
.mlg-device-scout h2 em{color:#fff18b!important;text-shadow:0 2px 5px #000a,0 0 14px #f2cf426b}
.mlg-device-scout .mlg-device-scout__description{
 color:#f4fff5!important;opacity:1;font-weight:750;text-shadow:0 2px 5px #03191f;
}
.mlg-device-scout .mlg-device-scout__credit{color:#f2f7ed;opacity:1;text-shadow:0 1px 4px #00111b}
.mlg-device-scout .mlg-device-scout__issues a{background:linear-gradient(145deg,#fffef3,#f3ffe7)}
.mlg-device-scout .mlg-device-scout__issues strong{color:#193c29}
.mlg-device-scout .mlg-device-scout__issues small{color:#385440}
.mlg-device-scout .mlg-device-scout__issues b{color:#067934}
@media(max-width:850px){
 .mlg-device-scout .mlg-device-scout__hero{display:flex;flex-direction:row;align-items:center}
 .mlg-device-scout .mlg-device-scout__image{
  position:absolute;right:-15%;top:0;width:69%;height:100%;opacity:.77;object-fit:contain;
 }
 .mlg-device-scout .mlg-device-scout__hero::before{
  background:linear-gradient(90deg,#061827f8 0%,#07252ff0 52%,#082b3e8f 76%,#09342d52 100%);
 }
 .mlg-device-scout .mlg-device-scout__inner{width:100%;max-width:none}
}
@media(max-width:600px){
 .mlg-device-scout .mlg-device-scout__hero{
  display:flex;flex-direction:row;align-items:center;min-height:345px;
  background:linear-gradient(120deg,#061626,#092e33 65%,#08411e);
 }
 .mlg-device-scout .mlg-device-scout__image{
  position:absolute;right:-25%;top:0;width:85%;max-width:none;height:100%;
  opacity:.67;object-fit:contain;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 32%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 32%,#000 100%);
 }
 .mlg-device-scout .mlg-device-scout__hero::before{
  background:linear-gradient(90deg,#061827f9 0%,#07252ff0 61%,#082b3e8c 85%,#09342d56 100%);
 }
 .mlg-device-scout .mlg-device-scout__inner{position:relative;width:100%;max-width:none;padding:23px 16px}
 .mlg-device-scout .mlg-device-scout__rays{opacity:.25}
}


/* 2026-11-02: accurate design match + ambient CSS collision fix
 * The Minecraft global ambient theme forces dark colors on descendants of
 * .md-section, even on dark hero banners. Scoped higher-specificity !important
 * rules below restore the same contrast and gold typography as the device
 * rankings "失敗しない○○の選び方" CTA without affecting normal guide cards.
 */
body.mc-ambient .mlg-device-scout .mlg-device-scout__hero {
  background:linear-gradient(120deg,#061626 0%,#092e33 54%,#08411e 100%);
  border-color:#f4dc76;
}
body.mc-ambient .mlg-device-scout .mlg-device-scout__hero::before {
  z-index:0;
  background:linear-gradient(90deg,#061827f5 0%,#07252fe0 49%,#082b3e88 70%,#09342d7a 100%);
}
body.mc-ambient .mlg-device-scout .mlg-device-scout__rays {
  z-index:1;
  opacity:.52;
  right:-32%;
}
body.mc-ambient .mlg-device-scout .mlg-device-scout__image {
  z-index:2;
  right:-2%;
  top:0;
  width:49%;
  height:100%;
  object-fit:contain;
  object-position:right center;
  opacity:.97!important;
  -webkit-mask-image:none;
  mask-image:none;
  filter:drop-shadow(0 10px 17px rgba(0,0,0,.56));
}
body.mc-ambient .mlg-device-scout .mlg-device-scout__inner {z-index:4}
body.mc-ambient .mlg-device-scout .mlg-device-scout__hero h2 {
  color:#fff2d1!important;
  opacity:1!important;
  text-shadow:0 3px 0 #74511c66,0 0 9px #f2c75a70,0 3px 9px #001b22!important;
  font-weight:950!important;
}
body.mc-ambient .mlg-device-scout .mlg-device-scout__hero h2 em {
  color:#fff0a0!important;
  -webkit-text-fill-color:transparent;
  background:linear-gradient(180deg,#fffed6 0%,#fff28e 43%,#f8be35 100%);
  background-clip:text;
  -webkit-background-clip:text;
  filter:drop-shadow(0 2px 4px #f3b94255);
  opacity:1!important;
}
body.mc-ambient .mlg-device-scout .mlg-device-scout__hero .mlg-device-scout__description {
  color:#f5fff9!important;
  opacity:1!important;
  font-weight:800!important;
  text-shadow:0 2px 4px #00151a!important;
}
body.mc-ambient .mlg-device-scout .mlg-device-scout__hero .mlg-device-scout__credit {
  color:#edf9f2!important;
  opacity:1!important;
  font-weight:700;
  text-shadow:0 1px 3px #001a1c!important;
}
body.mc-ambient .mlg-device-scout .mlg-device-scout__hero .mlg-device-scout__eyebrow {
  color:#ffedae!important;
  opacity:1!important;
  background:rgba(36,49,45,.92);
  border-color:rgba(253,231,141,.75);
  text-shadow:0 1px 3px #001a1a!important;
}
/* Avoid the global white-card text rule recoloring the two neon CTAs. */
body.mc-ambient .mlg-device-scout .mlg-device-scout__hero a.mlg-device-scout__primary {
  color:#053a1b!important;
  opacity:1!important;
  text-shadow:none!important;
}
body.mc-ambient .mlg-device-scout .mlg-device-scout__hero a.mlg-device-scout__secondary {
  color:#503600!important;
  opacity:1!important;
  text-shadow:none!important;
}
body.mc-ambient .mlg-device-scout .mlg-device-scout__issues a strong {
  color:#1a3a27!important;
  text-shadow:none!important;
}
body.mc-ambient .mlg-device-scout .mlg-device-scout__issues a small {
  color:#365241!important;
  text-shadow:none!important;
}
body.mc-ambient .mlg-device-scout .mlg-device-scout__issues a b {
  color:#067d39!important;
  text-shadow:none!important;
}
@media(max-width:850px) {
  body.mc-ambient .mlg-device-scout .mlg-device-scout__image {
    width:62%;
    right:-14%;
    opacity:.84!important;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 28%,#000);
    mask-image:linear-gradient(90deg,transparent,#000 28%,#000);
  }
  body.mc-ambient .mlg-device-scout .mlg-device-scout__hero::before {
    background:linear-gradient(90deg,#061827f8 0%,#07252fee 54%,#082b3e90 77%,#09342d70 100%);
  }
}
@media(max-width:600px) {
  body.mc-ambient .mlg-device-scout .mlg-device-scout__image {
    width:79%;
    right:-25%;
    opacity:.78!important;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 34%,#000);
    mask-image:linear-gradient(90deg,transparent,#000 34%,#000);
  }
  body.mc-ambient .mlg-device-scout .mlg-device-scout__hero::before {
    background:linear-gradient(90deg,#061827f9 0%,#07252ff0 58%,#082b3eae 82%,#09342d84 100%);
  }
}