:root{--app-bg: #f7f7fb;--surface: #ffffff;--surface-2: #f3f4f6;--border: rgba(15, 23, 42, .1);--text: #0f172a;--muted: #475569;--muted-2: #64748b;--brand: #ec4899;--brand-2: #a855f7;--brand-soft: rgba(236, 72, 153, .12);--ring: rgba(236, 72, 153, .35);--shadow-1: 0 10px 30px rgba(15, 23, 42, .06), 0 2px 10px rgba(15, 23, 42, .03);--shadow-2: 0 18px 46px rgba(15, 23, 42, .1), 0 8px 18px rgba(15, 23, 42, .06);--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;--font-display: "Funnel Display", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}.dark:root{--app-bg: #0f0f12;--surface: #151518;--surface-2: #1c1c21;--border: rgba(255, 255, 255, .1);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .7);--muted-2: rgba(255, 255, 255, .82);--brand-soft: rgba(236, 72, 153, .2);--ring: rgba(236, 72, 153, .45);--shadow-1: 0 10px 28px rgba(0, 0, 0, .42), 0 2px 10px rgba(0, 0, 0, .24);--shadow-2: 0 18px 44px rgba(0, 0, 0, .55), 0 8px 18px rgba(0, 0, 0, .32)}@font-face{font-family:Funnel Display;src:url(/fonts/Funnel_Display/FunnelDisplay-VariableFont_wght.ttf) format("truetype");font-weight:300 800;font-style:normal;font-display:swap}html{font-family:var(--font-sans);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light}.dark{color-scheme:dark}body{line-height:1.55;background:var(--app-bg);color:var(--text)}.container-game{width:100%;max-width:1440px;margin-left:auto;margin-right:auto}@media (max-width: 640px){.container-game{padding-left:1rem;padding-right:1rem}}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance}h1{line-height:1.12}h2{line-height:1.18}h3{line-height:1.22}.reading{max-width:72ch}.reading p{line-height:1.7}.meta{font-size:.875rem;line-height:1.25rem}.ui-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-1);border-radius:.875rem}.ui-card--lift{transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s cubic-bezier(.2,.8,.2,1),border-color .18s cubic-bezier(.2,.8,.2,1);will-change:transform,box-shadow;transform:translateZ(0)}.ui-card--lift:hover{box-shadow:var(--shadow-2);transform:translateY(-2px) translateZ(0)}.ui-card--lift:active{transform:translateY(-1px) translateZ(0)}.ui-muted{color:var(--muted)}.ui-muted-2{color:var(--muted-2)}.ui-surface-2{background:var(--surface-2)}.sbti-page{padding-top:1.25rem;padding-bottom:4rem}.sbti-hero{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:2rem;background:var(--surface);color:var(--text);box-shadow:var(--shadow-2)}.sbti-hero__grid{display:grid;gap:1.5rem;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);padding:2rem}.sbti-hero--test{background:radial-gradient(circle at top left,rgba(251,191,36,.22),transparent 28%),radial-gradient(circle at right 18%,rgba(236,72,153,.16),transparent 24%),linear-gradient(135deg,#fff8ef,#fffdf8 52%,#fff4f7)}.sbti-editorial-flow{display:grid;gap:1rem;align-content:start}.sbti-hero__topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem}.sbti-kicker{display:inline-flex;align-items:center;border-radius:999px;padding:.35rem .7rem;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;background:#0f172a0f;color:#be185d}.sbti-kicker--dark{background:#0f172a0f;color:#be185d}.sbti-hero h1,.sbti-section__head h2,.sbti-panel h2,.sbti-panel h3{font-family:var(--font-display)}.sbti-hero h1{margin-top:1rem;font-size:clamp(2.6rem,5vw,4.4rem);line-height:.95;max-width:12ch}.sbti-hero p{margin-top:1rem;max-width:60ch;color:var(--muted);line-height:1.75}.sbti-hero__eyebrow{font-size:.95rem;color:var(--muted)}.sbti-hero__stats{display:grid;gap:.75rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1.5rem}.sbti-hero__stat{border:1px solid rgba(15,23,42,.08);border-radius:1.25rem;padding:1rem;background:#ffffffc7}.sbti-hero__stat strong{display:block;font-size:1.8rem;line-height:1;color:var(--text)}.sbti-hero__stat span{display:block;margin-top:.4rem;font-size:.85rem;color:var(--muted)}.sbti-panel{border:1px solid var(--border);border-radius:1.8rem;background:var(--surface);box-shadow:var(--shadow-1)}.sbti-panel--soft{padding:1.5rem}.sbti-section{margin-top:1.75rem}.sbti-section__head{margin-bottom:1rem}.sbti-section__head h2{margin-top:.75rem;font-size:clamp(1.9rem,3vw,2.8rem)}.sbti-section__head p{margin-top:.75rem;max-width:66ch;color:var(--muted);line-height:1.8}.sbti-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.9rem;border-radius:999px;padding:.7rem 1.2rem;font-weight:700;transition:transform .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease;touch-action:manipulation}.sbti-button:hover{transform:translateY(-1px)}.sbti-button:focus-visible,.sbti-pill:focus-visible,.sbti-answer:focus-visible,.sbti-lang-notice__actions a:focus-visible,.sbti-lang-notice__actions button:focus-visible,.sbti-text-link:focus-visible,.sbti-type-card:focus-visible{outline:3px solid var(--ring);outline-offset:3px}.sbti-button--primary{background:linear-gradient(135deg,#ec4899,#a855f7);color:#fff}.sbti-button--ghost{border:1px solid var(--border);background:var(--surface);color:var(--text)}.sbti-button[disabled]{opacity:.45;cursor:not-allowed;transform:none}.sbti-dual-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.5rem}.sbti-lang-notice{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.95rem 1rem;margin-top:1rem;border:1px solid var(--border);border-radius:1rem;background:color-mix(in srgb,var(--surface) 84%,var(--brand-soft) 16%)}.sbti-lang-notice p{margin:0;color:var(--text)}.sbti-lang-notice__actions{display:flex;gap:.75rem;align-items:center}.sbti-lang-notice__actions a,.sbti-lang-notice__actions button{font-weight:700;color:#be185d}.sbti-lang-notice__actions button{background:transparent}.sbti-test-box{padding:1.5rem;border-radius:1.7rem;background:linear-gradient(180deg,#ffffffeb,#fffffffa),radial-gradient(circle at top,rgba(236,72,153,.08),transparent 42%)}.sbti-test-stage{position:relative;display:grid;gap:.85rem;align-content:start}.sbti-test-stage__meta{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.sbti-test-stage__meta .sbti-text-link{margin-top:0;white-space:nowrap}.sbti-test-box__intro h3,.sbti-test-box__question h3{font-size:1.8rem;line-height:1.15}.sbti-test-box__intro,.sbti-test-box__question{min-height:31rem}.sbti-test-box__intro p{margin-top:.85rem;color:var(--muted)}.sbti-test-box__intro-label{margin-top:1rem;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2)}.sbti-intro-type-grid{display:grid;gap:.7rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:.9rem}.sbti-intro-type-card{display:grid;grid-template-columns:4rem minmax(0,1fr);gap:.7rem;align-items:center;border:1px solid var(--border);border-radius:1rem;background:#ffffffb8;padding:.7rem}.sbti-intro-type-card img{width:4rem;height:4rem;border-radius:.85rem;-o-object-fit:cover;object-fit:cover}.sbti-intro-type-card__code{font-family:var(--font-display);font-size:1.05rem;line-height:1}.sbti-intro-type-card p{margin-top:.3rem;font-size:.9rem;line-height:1.45;color:var(--muted)}.sbti-test-box__intro .sbti-button{margin-top:1.25rem}.sbti-test-box__progress{display:grid;gap:.5rem;margin-bottom:1.2rem;color:var(--muted);font-size:.92rem}.sbti-progress{overflow:hidden;height:.55rem;border-radius:999px;background:color-mix(in srgb,var(--surface-2) 75%,white 25%)}.sbti-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(135deg,#ec4899,#a855f7)}.sbti-test-box__question h3{min-height:4.5rem}.sbti-answer-list{display:grid;gap:.8rem;margin-top:1.25rem}.sbti-answer{display:grid;grid-template-columns:auto 1fr;gap:.9rem;align-items:start;width:100%;border:1px solid var(--border);border-radius:1.2rem;background:var(--surface);padding:1rem;text-align:left;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;touch-action:manipulation}.sbti-answer strong{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;background:var(--surface-2)}.sbti-answer:hover,.sbti-answer.is-active{border-color:var(--ring);box-shadow:var(--shadow-1);transform:translateY(-1px)}.sbti-answer.is-active strong{background:var(--brand-soft);color:#be185d}.sbti-helper{margin-top:.8rem;min-height:1.5rem;color:var(--muted);font-size:.92rem}.sbti-test-box__actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.4rem}.sbti-result-modal{position:fixed;inset:0;z-index:120}.sbti-result-modal__backdrop{position:absolute;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sbti-result-modal__panel{position:relative;z-index:1;width:min(680px,calc(100vw - 2rem));max-height:calc(100vh - 2rem);overflow:auto;margin:1rem auto;border-radius:1.5rem;border:1px solid var(--border);background:var(--surface);padding:1.35rem;box-shadow:var(--shadow-2)}.sbti-result-modal__close{margin-left:auto;display:inline-flex;border-radius:999px;padding:.45rem .85rem;background:var(--surface-2);color:var(--muted)}.sbti-result-card{display:grid;gap:1rem;grid-template-columns:160px minmax(0,1fr);margin-top:1rem;align-items:center}.sbti-result-card img{border-radius:1.25rem;width:160px;height:160px;-o-object-fit:cover;object-fit:cover}.sbti-result-card__code{font-family:var(--font-display);font-size:2rem;line-height:1}.sbti-result-card__match{margin:.35rem 0 .65rem;color:#be185d;font-weight:700}.sbti-result-card__dims{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));margin-top:1.25rem}.sbti-result-card__dims div{border:1px solid var(--border);border-radius:1rem;padding:.7rem;text-align:center}.sbti-result-card__dims span{display:block;font-size:.72rem;color:var(--muted)}.sbti-result-card__dims strong{display:block;margin-top:.25rem;font-size:1.1rem}.sbti-type-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.sbti-type-card{overflow:hidden;text-decoration:none;color:inherit}.sbti-type-card__top{position:relative;aspect-ratio:1;background:linear-gradient(135deg,#ec48991f,#a855f714)}.sbti-type-card__top img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.sbti-type-card__body{padding:1rem}.sbti-type-card__code{font-family:var(--font-display);font-size:1.5rem}.sbti-type-card__body h3{font-size:1.1rem}.sbti-type-card__body p{margin-top:.55rem;color:var(--muted);line-height:1.7}.sbti-quick-facts,.sbti-trend-card,.sbti-preview-card{border:1px solid var(--border);background:#ffffffbf;box-shadow:var(--shadow-1)}.sbti-quick-facts{display:grid;gap:.8rem;padding:1rem 1.1rem;border-radius:1.4rem}.sbti-quick-facts p{display:flex;gap:.7rem;align-items:flex-start;margin:0;color:var(--text)}.sbti-quick-facts p:before{content:"•";color:#be185d;font-weight:900}.sbti-trend-grid,.sbti-preview-grid{display:grid;gap:1rem}.sbti-trend-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sbti-trend-card{border-radius:1.4rem;padding:1.15rem}.sbti-trend-card__value{display:inline-flex;color:#be185d;font-family:var(--font-display);font-size:.9rem;letter-spacing:.14em}.sbti-trend-card h3{margin-top:.55rem;font-size:1.18rem}.sbti-trend-card p{margin-top:.55rem;color:var(--muted);line-height:1.7}.sbti-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sbti-preview-card{display:grid;grid-template-columns:132px minmax(0,1fr);overflow:hidden;border-radius:1.5rem}.sbti-preview-card img{width:100%;height:100%;min-height:100%;-o-object-fit:cover;object-fit:cover}.sbti-preview-card__body{padding:1rem}.sbti-preview-card__code{font-family:var(--font-display);font-size:1.55rem;line-height:1}.sbti-preview-card__body h3{margin-top:.3rem;font-size:1.05rem}.sbti-preview-card__body p{margin-top:.55rem;color:var(--muted);line-height:1.65}.sbti-text-link{display:inline-flex;align-items:center;margin-top:.8rem;font-weight:700;color:#be185d}.sbti-text-link:hover{text-decoration:underline}.sbti-type-code-grid{display:grid;gap:.85rem;grid-template-columns:repeat(3,minmax(0,1fr))}.sbti-type-code-card{display:grid;grid-template-columns:88px minmax(0,1fr);gap:.8rem;align-items:center;padding:.8rem;border-radius:1.2rem;color:inherit;text-decoration:none}.sbti-type-code-card img{width:88px;height:88px;border-radius:1rem;-o-object-fit:cover;object-fit:cover}.sbti-type-code-card__code{font-family:var(--font-display);font-size:1.35rem;line-height:1}.sbti-type-code-card p{margin-top:.3rem;color:var(--muted);line-height:1.5}.sbti-rarity{position:absolute;top:.8rem;right:.8rem;border-radius:999px;padding:.35rem .7rem;font-size:.72rem;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sbti-rarity--ssr{background:#fbbf24f2;color:#78350f}.sbti-rarity--sr{background:#a855f7f2;color:#fff}.sbti-rarity--r{background:#3b82f6f2;color:#fff}.sbti-rarity--n{background:#0f172ac7;color:#fff}.sbti-pill-row{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1rem}.sbti-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem .95rem;border-radius:999px;background:var(--surface);border:1px solid var(--border)}.sbti-pill strong{color:#be185d}.sbti-pill.is-active{background:linear-gradient(135deg,#ec4899,#a855f7);color:#fff;border-color:transparent}.sbti-hero__topbar .sbti-pill-row{margin-top:0;justify-content:flex-end}.sbti-hero__topbar .sbti-pill{min-width:4.25rem;justify-content:center;background:#ffffffbf;border-color:#0f172a14;box-shadow:0 10px 24px #0f172a0f}.dark .sbti-hero--test{background:radial-gradient(circle at top left,rgba(251,191,36,.14),transparent 28%),radial-gradient(circle at right 18%,rgba(236,72,153,.14),transparent 24%),linear-gradient(135deg,#1a1620,#15151a 48%,#22131d);border-color:#ffffff1a}.dark .sbti-kicker,.dark .sbti-kicker--dark{background:#ffffff14;color:#fbbf24}.dark .sbti-hero h1,.dark .sbti-hero h2,.dark .sbti-hero h3{color:#fffffff0}.dark .sbti-hero p,.dark .sbti-hero__eyebrow{color:#ffffffc7}.dark .sbti-hero__stat{background:#ffffff0f;border-color:#ffffff1f;box-shadow:0 16px 32px #0003}.dark .sbti-hero__stat strong{color:#fffffff5}.dark .sbti-hero__stat span{color:#ffffffb8}.dark .sbti-hero__topbar .sbti-pill{background:#ffffff12;border-color:#ffffff1f;color:#ffffffdb;box-shadow:none}.dark .sbti-hero__topbar .sbti-pill.is-active{background:linear-gradient(135deg,#ec4899,#a855f7);color:#fff}.dark .sbti-test-box{background:linear-gradient(180deg,#151518f0,#151518fa),radial-gradient(circle at top,rgba(236,72,153,.1),transparent 42%);border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 44px #0000004d}.dark .sbti-intro-type-card,.dark .sbti-quick-facts,.dark .sbti-trend-card,.dark .sbti-preview-card,.dark .sbti-type-code-card{background:#ffffff0d;border-color:#ffffff1a}.dark .sbti-quick-facts p,.dark .sbti-preview-card__code,.dark .sbti-type-code-card__code,.dark .sbti-intro-type-card__code{color:#fffffff0}.dark .sbti-trend-card p,.dark .sbti-preview-card__body p,.dark .sbti-type-code-card p,.dark .sbti-intro-type-card p{color:#ffffffb8}.dark .sbti-answer{background:#ffffff08;border-color:#ffffff14}.dark .sbti-answer strong{background:#ffffff14;color:#ffffffe6}.sbti-copy-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.sbti-faq-list{display:grid;gap:.9rem;margin-top:1.25rem}.sbti-faq-item{border:1px solid var(--border);border-radius:1.25rem;background:var(--surface);padding:1rem}.sbti-faq-item h3{font-size:1.08rem}.sbti-faq-item p,.sbti-prose p,.sbti-model-card p{margin-top:.55rem;color:var(--muted);line-height:1.8}.sbti-prose ul,.sbti-compare-table{margin-top:1rem}.sbti-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.sbti-prose li{margin-top:.55rem;color:var(--muted)}.sbti-compare-table{width:100%;min-width:34rem;border-collapse:collapse;overflow:hidden;border-radius:1rem}.sbti-compare-table th,.sbti-compare-table td{border:1px solid var(--border);padding:.85rem;text-align:left}.sbti-compare-table th{background:var(--surface-2)}.sbti-model-grid,.sbti-highlight-grid{display:grid;gap:1rem}.sbti-model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sbti-model-card,.sbti-highlight-card,.sbti-copy-card{border:1px solid var(--border);border-radius:1.4rem;background:var(--surface);padding:1.1rem;box-shadow:var(--shadow-1)}.sbti-model-card__bands,.sbti-highlight-grid{margin-top:.9rem}.sbti-model-card__bands{display:flex;flex-wrap:wrap;gap:.55rem}.sbti-model-card__bands span{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;background:var(--surface-2);padding:.45rem .75rem;font-size:.88rem}.sbti-type-hero{display:grid;gap:1.25rem;grid-template-columns:260px minmax(0,1fr);align-items:end;padding:1.5rem}.sbti-type-hero img{width:100%;border-radius:1.4rem;aspect-ratio:1;-o-object-fit:cover;object-fit:cover}.sbti-type-hero__code{font-family:var(--font-display);font-size:clamp(3rem,5vw,4.5rem);line-height:.9}.sbti-type-hero__meta{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.9rem}.sbti-type-hero__meta span{display:inline-flex;align-items:center;border-radius:999px;padding:.55rem .85rem;background:var(--surface-2);color:var(--muted)}@media (max-width: 1024px){.sbti-hero__grid,.sbti-copy-grid,.sbti-model-grid,.sbti-trend-grid,.sbti-preview-grid,.sbti-type-code-grid{grid-template-columns:1fr}.sbti-preview-card{grid-template-columns:144px minmax(0,1fr)}}@media (max-width: 720px){.sbti-hero__grid,.sbti-type-hero{grid-template-columns:1fr;padding:1.2rem}.sbti-hero__stats,.sbti-type-grid,.sbti-result-card{grid-template-columns:1fr}.sbti-result-card img{width:100%;height:auto;aspect-ratio:1}.sbti-lang-notice,.sbti-hero__topbar{align-items:flex-start;flex-direction:column}.sbti-hero__topbar .sbti-pill-row,.sbti-test-stage__meta .sbti-pill-row{width:100%;justify-content:flex-start}.sbti-test-stage__meta{align-items:flex-start;flex-direction:column}.sbti-dual-actions .sbti-button,.sbti-test-box__actions .sbti-button{width:100%}.sbti-preview-card,.sbti-type-card,.sbti-type-code-card{grid-template-columns:1fr}.sbti-type-card{display:grid}.sbti-type-code-card img{width:100%;height:auto;aspect-ratio:16 / 10}.sbti-intro-type-grid{grid-template-columns:1fr}.sbti-type-card__top{aspect-ratio:16 / 10}.sbti-compare-table{min-width:30rem}}[data-astro-cid-sckkx6r4]{font-display:swap}main[data-astro-cid-sckkx6r4] img[data-astro-cid-sckkx6r4],.game-player[data-astro-cid-sckkx6r4] img[data-astro-cid-sckkx6r4],.game-card[data-astro-cid-sckkx6r4] img[data-astro-cid-sckkx6r4]{height:auto;max-width:100%}header[data-astro-cid-sckkx6r4] nav[data-astro-cid-sckkx6r4] img[data-astro-cid-sckkx6r4]{height:4rem!important;width:auto!important}@media (min-width: 640px){header[data-astro-cid-sckkx6r4] nav[data-astro-cid-sckkx6r4] img[data-astro-cid-sckkx6r4]{height:6rem!important}}.transition-all[data-astro-cid-sckkx6r4]:not(nav span),.transition-colors[data-astro-cid-sckkx6r4]{will-change:transform,opacity,color;transform:translateZ(0)}nav[data-astro-cid-sckkx6r4] .group[data-astro-cid-sckkx6r4] span[data-astro-cid-sckkx6r4]{will-change:transform;backface-visibility:hidden}