/* ===========================================================
   TMT Framework
   Component: Core Shared Styles
   Status: Active
   Version: 1.0 RC
   =========================================================== */

/* ===========================================================
   TMT Core CSS
   Global variables, compatibility fixes, language/social/header utilities.
   Renamed from tmt-additional.min.css in Phase 5A.
   =========================================================== */

/* ===========================================================
   TMT Core CSS
   Former tmt-additional.min.css.
   Keep only global/core compatibility styles here.
   =========================================================== */

:root{--text:#1f2937;--muted:#6b7280;--border:#e5e7eb;--shadow:0 10px 30px rgba(0,0,0,.08);--hover-transition:transform .3s ease,box-shadow .3s ease;--sticky-offset:150px;--section-bg:#f9f9f9;--panel:var(--section-bg);--accent:#000;--tmt-panel-a:#F4F5F7;--tmt-panel-b:#E8EAED;--tmt-panel-grad:linear-gradient(135deg,var(--tmt-panel-a) 30%,var(--tmt-panel-b) 70%)}@media (max-width:768px){:root{--sticky-offset:96px}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Noto Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--text)}section,[id]{scroll-margin-top:var(--sticky-offset)}.section{padding:clamp(48px,6vw,90px) 0;background:var(--section-bg)}.container{width:min(1200px,92%);margin-inline:auto;transition:var(--hover-transition)}.btn{display:inline-block;padding:.75rem 1.25rem;border:1px solid #000;text-decoration:none;transition:var(--hover-transition)}.btn:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,.1)}#about .container>.card,#services .container>.grid,.feature-section .container>.feature-item,#portfolio .container>.card,#tmt-single-player .card,#tmt-dual-player .card{background:var(--tmt-panel-grad)!important;border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 10px rgba(0,0,0,.08);border-radius:var(--tmt-radius);transition:var(--hover-transition)}@media (hover:hover){.card:hover,#services .container>.grid:hover,.feature-section .container>.feature-item:hover:hover{transform:translateY(calc(-1 * var(--tmt-hover-lift)));box-shadow:0 10px 24px rgba(0,0,0,.14)}}#about .container>.card{transition:var(--hover-transition)}@media (hover:hover){#about .container>.card:hover{transform:translateY(calc(-1 * var(--tmt-hover-lift)));box-shadow:0 10px 24px rgba(0,0,0,.14)}}.social-icons{display:none!important}html:lang(de) .social-icons-de,body.lang-de .social-icons-de,html.de .social-icons-de{display:flex!important;flex-wrap:nowrap!important;justify-content:center!important;gap:8px!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}html:lang(zh) .social-icons-zh,html:lang(zh-CN) .social-icons-zh,body.lang-zh .social-icons-zh,html.zh .social-icons-zh{display:flex!important;flex-wrap:nowrap!important;justify-content:center!important;gap:8px!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}html:lang(en) .social-icons-en,html:lang(en-US) .social-icons-en,body.lang-en .social-icons-en,html.en .social-icons-en,html:not(.de):not(.zh):not(:lang(zh)):not(:lang(zh-CN)):not(:lang(de)) .social-icons-en{display:flex!important;flex-wrap:nowrap!important;justify-content:center!important;gap:8px!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}.social-icons-de img,.social-icons-zh img,.social-icons-en img{width:34px!important;height:34px!important;flex:0 0 auto!important;transition:var(--hover-transition)}@media (hover:hover){.social-icons-de img:hover,.social-icons-zh img:hover,.social-icons-en img:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,.1)}}@media (min-width:1025px){.social-icons-de img,.social-icons-zh img,.social-icons-en img{width:30px!important;height:30px!important}.social-icons-de,.social-icons-zh,.social-icons-en{gap:6px!important}}@media (max-width:360px){.social-icons-de img,.social-icons-zh img,.social-icons-en img{width:24px!important;height:24px!important}}@media (max-width:782px){html,body{overflow-x:hidden}#sinatra-header{position:sticky!important;top:0!important;z-index:99999!important;max-width:100%;overflow-x:hidden}#sinatra-header .si-header-container{position:relative!important;min-height:96px!important;display:block!important;max-width:100%;overflow-x:hidden;padding-left:56px;padding-right:56px}#sinatra-header .sinatra-logo.si-header-element{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;text-align:center!important;width:auto!important;z-index:1!important}#sinatra-header .sinatra-logo .logo-inner a img{display:block!important;margin:0 auto!important;max-height:clamp(72px,14vw,96px)!important;height:auto!important;width:auto!important}#sinatra-header .si-mobile-nav,#sinatra-header .si-header-toggle,#sinatra-header .si-nav-toggle,#sinatra-header .menu-toggle,#sinatra-header .mobile-toggle,#sinatra-header .hamburger{position:absolute!important;right:16px!important;left:auto!important;top:50%!important;transform:translateY(-50%)!important;z-index:3!important}#sinatra-header .si-search-toggle,#sinatra-header .header-search,#sinatra-header .search-toggle{position:absolute!important;right:60px!important;left:auto!important;top:50%!important;transform:translateY(-50%)!important;z-index:3!important}}@media (max-width:1024px){.site-navigation.main-navigation.sinatra-primary-nav.si-header-element{position:relative!important;z-index:100002!important;opacity:1!important;visibility:visible!important}#sinatra-primary-nav.menu{display:block!important;opacity:1!important;visibility:visible!important;max-height:calc(100vh - 64px)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;padding-bottom:0!important}#sinatra-primary-nav.menu>li{display:block!important}}@media (orientation:landscape) and (max-height:580px){#sinatra-primary-nav.menu{max-height:100dvh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;padding-bottom:136px!important;scroll-padding-bottom:136px!important}#sinatra-primary-nav.menu li:last-child{margin-bottom:16px!important}}#portfolio,#portfolio .container{overflow:visible!important;-webkit-mask-image:none!important;mask-image:none!important;clip-path:none!important}.menu-item-lang-flag{margin-left:8px}.menu-item-lang-flag:first-child{margin-left:0}.menu-item-lang-flag>a img{height:18px;width:auto;vertical-align:middle}@media (max-width:1024px){#sinatra-primary-nav>li.menu-item-lang-flag{display:block!important;width:100%!important;margin-left:0!important}#sinatra-primary-nav>li.menu-item-lang-flag>a{display:block!important;width:100%!important;padding:0!important;margin:0!important}#sinatra-primary-nav>li.menu-item-lang-flag>a>span.menu-item-text{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:16px 24px!important;line-height:1.2!important}#sinatra-primary-nav>li.menu-item-lang-flag>a>span.menu-item-text img{height:28px!important;width:auto!important;vertical-align:middle!important}}@media (max-width:1024px){#sinatra-primary-nav>li.menu-item-lang-flag>a>span.menu-item-text{padding-left:30px!important}}@media (max-width:782px) and (orientation:landscape){#sinatra-primary-nav{padding-bottom:72px!important}#sinatra-primary-nav>li.menu-item-lang-flag:last-child{margin-bottom:56px!important}}html.lang-zh{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC","Noto Sans SC","WenQuanYi Micro Hei",sans-serif}.entry-content,.wp-site-blocks,.si-container,.is-layout-constrained,.wp-block-group{overflow-x:visible!important}


/* TMT Hover System v1.0 — about local safeguard */
.tmt-about-card{
  transform:var(--tmt-card-transform)!important;
  transition:transform var(--tmt-transition), box-shadow var(--tmt-transition)!important;
}
@media (hover:hover){
  .tmt-about-card:hover{
    transform:var(--tmt-card-transform-hover)!important;
    box-shadow:var(--tmt-shadow-hover)!important;
    filter:none!important;
  }
}


/* ===========================================================
   TMT Hover System v1.1 — card depth correction
   About card depth correction.
   =========================================================== */

.tmt-about-card{
  transform:translateY(0)!important;
  box-shadow:var(--tmt-shadow)!important;
  transition:transform var(--tmt-transition), box-shadow var(--tmt-transition)!important;
}

@media (hover:hover){
  .tmt-about-card:hover{
    transform:translateY(calc(-1 * var(--tmt-hover-lift, 5px)))!important;
    box-shadow:var(--tmt-shadow-hover)!important;
    filter:none!important;
  }
}