/* ========================================
   RESET / HIDE DEFAULT UI
======================================== */
header,
#header,
.site-header,
#masthead,
.header-area,
.global-nav,
#top{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  height:0 !important;
  overflow:hidden !important;
}

footer,
#footer,
.site-footer,
.wp-block-template-part-footer{
  display:none !important;
}

/* 左下のCocoonパンくず「ホーム」だけ非表示 */
#breadcrumb.breadcrumb-page, .entry-title, .post-date, .entry-date, .post-meta, .author-info, .byline{
  display:none !important;
}

html,
body{
  margin:0 !important;
  padding:0 !important;
  width:100% !important;
  max-width:100% !important;
  overflow-x:hidden !important;
  background:#000 !important;
  color:#fff !important;
}

body{
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif !important;
  box-sizing:border-box !important;
}

*,
*::before,
*::after{
  box-sizing:border-box;
}

/* ========================================
   WORDPRESS / COCOON FULL WIDTH
======================================== */
#main,
#main .main,
.main,
.content,
.content-in,
.container,
.container-in,
.wrap,
.wrap-in,
.article,
.article-in,
.entry-content,
.page .entry-content,
.singular .entry-content,
main.site-main{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow-x:hidden !important;
  box-sizing:border-box !important;
}

.content,
.content-in,
.container,
.container-in,
.wrap,
.wrap-in,
.article,
.article-in,
.entry-content{
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
}


.entry-content{background:transparent!important;box-shadow:none!important}
.gmg-site-links{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  margin-top:34px;
}

.gmg-site-links a{
  min-width:100px;
  padding:9px 18px;
  border:1px solid rgba(32,231,255,.82)!important;
  border-radius:999px;
  color:#eaffff!important;
  background:
    linear-gradient(180deg,rgba(4,20,31,.96),rgba(2,10,18,.98))!important;
  text-align:center;
  text-decoration:none!important;
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
  box-shadow:
    0 0 4px rgba(32,231,255,1),
    0 0 10px rgba(32,231,255,.95),
    0 0 22px rgba(32,231,255,.68),
    0 0 38px rgba(32,231,255,.32),
    inset 0 0 10px rgba(32,231,255,.12)!important;
  text-shadow:
    0 0 4px rgba(255,255,255,.95),
    0 0 10px rgba(32,231,255,.95)!important;
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    background .18s ease,
    border-color .18s ease;
}

.gmg-site-links a:hover,
.gmg-site-links a:focus-visible{
  transform:translateY(-2px);
  border-color:#8af5ff!important;
  background:
    linear-gradient(180deg,rgba(7,34,49,.98),rgba(3,15,25,.98))!important;
  box-shadow:
    0 0 5px rgba(32,231,255,1),
    0 0 14px rgba(32,231,255,1),
    0 0 28px rgba(32,231,255,.85),
    0 0 48px rgba(32,231,255,.45),
    inset 0 0 13px rgba(32,231,255,.18)!important;
}

.custom-footer{
  width:100%;
  max-width:900px;
  margin:40px auto 0;
  padding:30px 20px;
  font-size:14px;
  text-align:center;
  color:#aaa;
  border-top:1px solid rgba(0,234,255,0.3);
}
@media(max-width:760px){.gmg-site-links a{min-width:88px;padding:8px 13px}}
.gmg-status{color:#b9f7ff;line-height:1.6;overflow-wrap:anywhere}
[hidden]{display:none!important}
button,a,input{touch-action:manipulation}
:focus-visible{outline:2px solid #8af5ff;outline-offset:4px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Shared neon brand artwork */
.gmg-brand-link{display:block;flex:0 1 340px;min-width:0;max-width:340px;text-decoration:none;line-height:0}
.gmg-brand-logo{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:760px){.gmg-brand-link{flex-basis:220px;max-width:60%}}

/* Compact shared header: crop the artwork's black padding in its display box. */
#gmg-music .gmg-brand-link,#gmg-youtube .gmg-brand-link,#gmg-games .gmg-brand-link{flex:0 1 260px;width:260px;max-width:60%;height:54px;overflow:hidden}
#gmg-music .gmg-brand-logo,#gmg-youtube .gmg-brand-logo,#gmg-games .gmg-brand-logo{width:100%;height:100%;object-fit:cover;object-position:center}
#gmg-music .music-masthead,#gmg-youtube .yt-heading,#gmg-games .gmg-games-heading{min-height:54px;align-items:center;gap:12px;margin-bottom:22px}
#gmg-music .music-section-label{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
#gmg-music .gmg-page-label,#gmg-youtube .gmg-page-label,#gmg-games .gmg-page-label{display:block;flex:none;margin:0;padding:0 0 5px;border:0;border-bottom:1px solid #00eaff;background:none;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:18px;font-weight:600;line-height:1.4;letter-spacing:3px;color:#b9f7ff;text-shadow:0 0 10px #00eaff88;white-space:nowrap}
@media(max-width:760px){
#gmg-music .gmg-brand-link,#gmg-youtube .gmg-brand-link,#gmg-games .gmg-brand-link{flex-basis:180px;width:180px;height:38px}
#gmg-music .music-masthead,#gmg-youtube .yt-heading,#gmg-games .gmg-games-heading{min-height:38px;margin-bottom:20px;gap:8px}
#gmg-music .gmg-page-label,#gmg-youtube .gmg-page-label,#gmg-games .gmg-page-label{font-size:13px;letter-spacing:2px;padding-bottom:4px}
}

/* Readable shared navigation */
.gmg-site-links{gap:14px}
.gmg-site-links a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:108px;padding:10px 18px;font-size:14px;font-weight:600;letter-spacing:.08em;color:#f0fdff!important;border-color:#29cddd!important;box-shadow:0 0 8px rgba(32,231,255,.22),inset 0 0 6px rgba(32,231,255,.05)!important;text-shadow:none!important;line-height:1.4}
.gmg-site-links a:hover,.gmg-site-links a:focus-visible{box-shadow:0 0 14px rgba(32,231,255,.5),inset 0 0 8px rgba(32,231,255,.1)!important;text-shadow:none!important}
@media(max-width:760px){.gmg-site-links{gap:12px}.gmg-site-links a{min-width:88px;min-height:44px;padding:10px 12px;font-size:13px}}

/* Restore the neon navigation character while keeping labels readable. */
.gmg-site-links a{border-color:rgba(70,235,255,.95)!important;background:linear-gradient(180deg,#0c2937 0%,#031019 70%,#02090e 100%)!important;box-shadow:0 0 4px rgba(32,231,255,.8),0 0 13px rgba(32,231,255,.5),0 0 25px rgba(32,231,255,.2),inset 0 1px 0 rgba(185,247,255,.22),inset 0 0 10px rgba(32,231,255,.12)!important;text-shadow:0 0 5px rgba(100,235,255,.35)!important;font-weight:700}
.gmg-site-links a:hover,.gmg-site-links a:focus-visible{border-color:#b9f7ff!important;background:linear-gradient(180deg,#123d4c,#051923)!important;box-shadow:0 0 5px rgba(32,231,255,.95),0 0 18px rgba(32,231,255,.7),0 0 32px rgba(32,231,255,.3),inset 0 0 12px rgba(32,231,255,.18)!important;text-shadow:0 0 5px rgba(100,235,255,.4)!important}

/* Cocoon integration: suppress article chrome only on the custom app pages. */
body:has(#gmg-home,#gmg-music,#gmg-youtube,#gmg-games) :is(#toc,.toc,.date-tags,.author-info,.article-footer,.footer-mobile-buttons,.mobile-footer-menu-buttons,#go-to-top,.breadcrumb){display:none!important}
body:has(#gmg-home,#gmg-music,#gmg-youtube,#gmg-games) :is(#main,.article,.entry-content,.content,.content-in){padding:0!important;margin-top:0!important;margin-bottom:0!important;border:0!important;overflow:visible!important;background:transparent!important;box-shadow:none!important}
:is(#gmg-music,#gmg-youtube,#gmg-games) h2{background:transparent!important;padding:0!important;border:0!important;box-shadow:none!important;border-radius:0!important;margin:0!important;line-height:1.5}
:is(#gmg-music,#gmg-youtube,#gmg-games) h2::before,:is(#gmg-music,#gmg-youtube,#gmg-games) h2::after{content:none!important;display:none!important}
body:has(#gmg-home,#gmg-music,#gmg-youtube,#gmg-games) .custom-footer{box-sizing:border-box;max-width:min(900px,calc(100% - 32px));height:auto;overflow:visible}