@charset "UTF-8";
@layer sb-network {
  :root{
    --sbn-bg:#070a10;--sbn-panel:#0e141f;--sbn-panel-2:#141c29;
    --sbn-line:#283549;--sbn-text:#f5f7fb;--sbn-muted:#9ba8ba;
    --sbn-red:#ef4056;--sbn-red-2:#ff7183;--sbn-blue:#66bdf2;--sbn-gold:#dcc078;
    --sbn-radius:14px;--sbn-shadow:0 22px 70px rgba(0,0,0,.38);
  }
  html{scroll-behavior:smooth;scroll-padding-top:96px}
  body{font-family:Inter,"Noto Sans JP","Yu Gothic UI","Yu Gothic",Meiryo,system-ui,sans-serif}
  :where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--sbn-blue)!important;outline-offset:3px!important}
  ::selection{background:#ef405640;color:#fff}
  #sb-network{position:relative;z-index:9998;height:42px;border-bottom:1px solid #ffffff12;background:rgba(5,8,13,.96);color:var(--sbn-text);font:700 12px/1.2 Inter,"Noto Sans JP",system-ui,sans-serif}
  .sbn-inner{width:min(1500px,calc(100% - 32px));height:100%;margin:auto;display:flex;align-items:center;gap:20px}
  .sbn-home{display:flex;align-items:center;gap:9px;min-width:max-content;color:#fff;text-decoration:none}
  .sbn-home img{width:23px;height:25px;object-fit:contain;filter:drop-shadow(0 0 9px #ef405660)}
  .sbn-home strong{font-size:11px;letter-spacing:.11em}.sbn-home small{margin-left:6px;color:#708097;font-size:9px;letter-spacing:.12em}
  .sbn-services{display:flex;align-items:stretch;height:100%;margin-left:auto}
  .sbn-services a{position:relative;display:flex;align-items:center;padding:0 13px;color:#98a6b9;text-decoration:none;white-space:nowrap;transition:color .18s,background .18s}
  .sbn-services a:hover{color:#fff;background:#ffffff08}
  .sbn-services a[aria-current="page"]{color:#fff;background:#ef405612}
  .sbn-services a[aria-current="page"]::after{content:"";position:absolute;inset:auto 12px 0;height:2px;background:linear-gradient(90deg,var(--sbn-red),var(--sbn-gold))}
  .sbn-menu{display:none;margin-left:auto;min-height:32px;padding:5px 11px;border:1px solid #344258;border-radius:8px;background:#101722;color:#fff;font:750 12px/1 inherit}
  .sbn-drawer,.sbn-shade{display:none}
  .sbn-drawer{position:fixed;z-index:10000;inset:0 0 0 auto;width:min(370px,90vw);padding:20px;background:linear-gradient(160deg,#111926,#080d14 75%);border-left:1px solid #39465a;box-shadow:-30px 0 80px #0009;color:#fff;overflow:auto}
  .sbn-drawer-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid #293649}
  .sbn-drawer-head strong{font-size:14px;letter-spacing:.08em}.sbn-close{width:40px;height:40px;border:1px solid #35445a;border-radius:10px;background:#141d2b;color:#fff;font-size:18px}
  .sbn-drawer nav{display:grid;gap:7px;padding-top:18px}
  .sbn-drawer nav a{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:12px;min-height:62px;padding:9px 12px;border:1px solid #273449;border-radius:12px;background:#0d141f;color:#e7edf5;text-decoration:none}
  .sbn-drawer nav a[aria-current="page"]{border-color:#a53d4b;background:#35151d}
  .sbn-drawer nav b{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#ffffff0b;color:var(--sbn-red-2);font-size:11px}
  .sbn-drawer nav span{display:grid;gap:3px}.sbn-drawer nav small{color:#8694a8;font-size:10px;font-weight:600}
  body.sbn-open{overflow:hidden}.sbn-open .sbn-drawer{display:block}.sbn-open .sbn-shade{display:block;position:fixed;z-index:9999;inset:0;background:#020407bd;backdrop-filter:blur(3px)}
  .sbn-route-progress{position:fixed;z-index:11000;inset:0 0 auto;height:2px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--sbn-red),#ff8c78,var(--sbn-gold));box-shadow:0 0 18px var(--sbn-red);pointer-events:none}
  .sbn-route-progress.is-running{animation:sbn-progress 1.5s cubic-bezier(.2,.7,.2,1) infinite}
  @keyframes sbn-progress{0%{transform:scaleX(0)}55%{transform:scaleX(.72)}100%{transform:scaleX(.94)}}
  body.sbn-play #sb-network{height:34px}body.sbn-play .sbn-inner{width:calc(100% - 20px)}body.sbn-play .sbn-services a{padding-inline:9px}
  @media(max-width:920px){
    #sb-network{height:40px}.sbn-inner{width:calc(100% - 24px)}.sbn-home small,.sbn-services{display:none}.sbn-menu{display:block}
  }
  @media(max-width:520px){.sbn-home strong{font-size:10px}.sbn-drawer{width:92vw;padding:16px}}
  @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sbn-route-progress.is-running{animation:none;transform:scaleX(.7)}}
}

/* Shared product language. Loaded after each product's own stylesheet. */
body:not(.sbn-play){--bg:#070a10;--panel:#101722;--surface:#101722;--line:#29364a;--text:#f5f7fb;--muted:#a5b0c1}
body:not(.sbn-play) :is(.site-header,.topbar,.sb-header){border-color:#ffffff12!important;background:rgba(7,10,16,.88)!important;backdrop-filter:blur(18px) saturate(125%)}
body:not(.sbn-play) .sb-header{top:42px!important}
body:not(.sbn-play) :is(.panel,.card,.tool-card,.listing-card,.search-panel,.metric,.game-card){border-color:#2b394d;box-shadow:inset 0 1px rgba(255,255,255,.035),0 18px 55px rgba(0,0,0,.18)}
body:not(.sbn-play) :is(button,.button,.btn,[role="button"]){transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease}
body:not(.sbn-play) :is(button,.button,.btn,[role="button"]):not(:disabled):active{transform:translateY(1px) scale(.99)}
body:not(.sbn-play) :is(input,select,textarea){font-size:16px}
body:not(.sbn-play) :is(main section,.tool-card,.game-card,.listing-card){container-type:inline-size}
@supports (content-visibility:auto){body:not(.sbn-play) main>section:not(:first-child){content-visibility:auto;contain-intrinsic-size:700px}}
@supports (view-transition-name:root){::view-transition-old(root){animation:150ms ease both fade-out}::view-transition-new(root){animation:220ms ease both fade-in}@keyframes fade-out{to{opacity:0}}@keyframes fade-in{from{opacity:0}}}
@media(max-width:920px){body:not(.sbn-play) .sb-header{top:40px!important}body:not(.sbn-play) .sb-sidebar{top:104px!important}}
@media(max-width:700px){body:not(.sbn-play) :is(.panel,.card,.tool-card,.listing-card,.search-panel){scroll-margin-top:78px}}