:root{--bg: #14110e;--bg-2: #1b1713;--surface: #221d18;--surface-2: #2b241e;--line: rgba(255,238,214,0.1);--line-2: rgba(255,238,214,0.18);--text: #f6efe3;--muted: #b5a893;--brand: #f26b1d;--brand-2: #ff8b42;--brand-ink: #1a0f08;--focus: #ffb37a;--wood: #563a22;--wood-seam: rgba(0,0,0,0.22);--paint: #6e2a12;--court-line: rgba(255,246,232,0.72);--overlay: rgba(14,11,9,0.62);--shadow: 0 24px 60px -24px rgba(0,0,0,0.7),0 2px 8px rgba(0,0,0,0.25);--t-red: #e5484d;--t-purple: #9b5de5;--t-blue: #3e7bfa;--t-green: #30a46c;--t-white: #e8e2d6;--t-black: #3a3530;--radius: 16px;--radius-sm: 10px;--header-h: 64px;--font-display: 'Oswald','Arial Narrow','PingFang SC','Hiragino Sans','Noto Sans CJK SC','Microsoft YaHei',sans-serif;--font-body: ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,'PingFang SC','Hiragino Sans','Noto Sans CJK SC','Microsoft YaHei',sans-serif;color-scheme: dark}@media (prefers-color-scheme: light){:root:not([data-theme='dark']){--bg: #f7f1e6;--bg-2: #efe6d6;--surface: #fffaf2;--surface-2: #f4ebdc;--line: rgba(60,35,10,0.12);--line-2: rgba(60,35,10,0.22);--text: #1d1813;--muted: #6a5d4c;--brand: #e25a0c;--brand-2: #f26b1d;--focus: #b84200;--wood: #dcae74;--wood-seam: rgba(120,70,20,0.16);--paint: #c4572a;--court-line: rgba(255,255,255,0.92);--overlay: rgba(28,18,10,0.55);--shadow: 0 24px 50px -28px rgba(80,45,10,0.45),0 2px 6px rgba(80,45,10,0.12);--t-white: #ffffff;--t-black: #2b2621;color-scheme: light}}:root[data-theme='light']{--bg: #f7f1e6;--bg-2: #efe6d6;--surface: #fffaf2;--surface-2: #f4ebdc;--line: rgba(60,35,10,0.12);--line-2: rgba(60,35,10,0.22);--text: #1d1813;--muted: #6a5d4c;--brand: #e25a0c;--brand-2: #f26b1d;--focus: #b84200;--wood: #dcae74;--wood-seam: rgba(120,70,20,0.16);--paint: #c4572a;--court-line: rgba(255,255,255,0.92);--overlay: rgba(28,18,10,0.55);--shadow: 0 24px 50px -28px rgba(80,45,10,0.45),0 2px 6px rgba(80,45,10,0.12);--t-white: #ffffff;--t-black: #2b2621;color-scheme: light}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;scroll-behavior: smooth;scroll-padding-top: calc(var(--header-h) + 16px)}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}*,*::before,*::after{animation-duration: 0.01ms !important;transition-duration: 0.01ms !important}}body{margin: 0;background: var(--bg);color: var(--text);font: 400 1rem/1.65 var(--font-body);text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;overflow-x: hidden}body.no-scroll{overflow: hidden}img,svg{display: block;max-width: 100%}a{color: var(--brand-2);text-underline-offset: 3px;text-decoration-thickness: 1px}a:hover{color: var(--brand)}:focus-visible{outline: 3px solid var(--focus);outline-offset: 3px;border-radius: 6px}main:focus{outline: none}h1,h2,h3{line-height: 1.12;margin: 0 0 0.5em;text-wrap: balance}h1,h2{font-family: var(--font-display);font-weight: 700;letter-spacing: 0.01em;text-transform: uppercase}h3{font-size: 1.12rem;font-weight: 700}p{margin: 0 0 1em}.lang-ja h1,.lang-ja h2,.lang-zh h1,.lang-zh h2{letter-spacing: 0.02em;font-weight: 800}.visually-hidden{position: absolute !important;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);clip-path: inset(50%);white-space: nowrap}.muted{color: var(--muted)}.wrap{width: 100%;max-width: 1180px;margin-inline: auto;padding-inline: 16px}@media (min-width: 640px){.wrap{padding-inline: 24px}}.wrap--game{max-width: 1120px;transition: max-width 0.3s ease}.wrap--narrow{max-width: 840px}.icon{flex: none}.skip{position: absolute;left: 12px;top: -60px;z-index: 2000;padding: 10px 16px;background: var(--brand);color: var(--brand-ink);border-radius: 8px;font-weight: 700;text-decoration: none}.skip:focus{top: 12px}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 0.5em;min-height: 44px;padding: 0.6em 1.15em;border-radius: 999px;border: 1px solid transparent;font: 600 0.98rem/1 var(--font-body);text-decoration: none;cursor: pointer;white-space: nowrap;transition: transform 0.15s ease,background-color 0.15s ease,border-color 0.15s ease,box-shadow 0.15s ease}.btn:active{transform: translateY(1px) scale(0.99)}.btn--primary{background: var(--brand);color: var(--brand-ink)}.btn--primary:hover{background: var(--brand-2);color: var(--brand-ink)}.btn--ghost{background: transparent;color: var(--text);border-color: var(--line-2)}.btn--ghost:hover{border-color: var(--brand);color: var(--text);background: color-mix(in srgb,var(--brand) 10%,transparent)}.btn--sm{min-height: 38px;padding: 0.45em 0.95em;font-size: 0.9rem}.btn--play{min-height: 58px;padding: 0.8em 1.9em;font: 700 1.2rem/1 var(--font-display);letter-spacing: 0.06em;text-transform: uppercase;background: linear-gradient(180deg,var(--brand-2),var(--brand));color: var(--brand-ink);box-shadow: 0 10px 30px -8px color-mix(in srgb,var(--brand) 70%,transparent),inset 0 1px 0 rgba(255,255,255,0.35)}.btn--play:hover{color: var(--brand-ink);transform: translateY(-1px);box-shadow: 0 16px 36px -8px color-mix(in srgb,var(--brand) 80%,transparent),inset 0 1px 0 rgba(255,255,255,0.35)}.btn--play .icon{width: 22px;height: 22px}.icon-btn{display: inline-grid;place-items: center;width: 40px;height: 40px;border-radius: 12px;border: 1px solid var(--line);background: transparent;color: var(--text);cursor: pointer;transition: background-color 0.15s,border-color 0.15s}.icon-btn:hover{background: var(--surface-2);border-color: var(--line-2)}.link-btn{padding: 0;border: 0;background: none;color: var(--brand-2);font: inherit;text-decoration: underline;text-underline-offset: 3px;cursor: pointer}.text-link{display: inline-flex;align-items: center;gap: 0.4em;font-weight: 600;text-decoration: none}.text-link .icon{transition: transform 0.15s}.text-link:hover .icon{transform: translateX(3px)}.site-header{position: sticky;top: 0;z-index: 100;height: var(--header-h);background: color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter: saturate(1.4) blur(14px);-webkit-backdrop-filter: saturate(1.4) blur(14px);border-bottom: 1px solid var(--line)}.site-header__inner{display: flex;align-items: center;gap: 16px;height: 100%}.brand{display: inline-flex;align-items: center;gap: 10px;color: var(--text);text-decoration: none;flex: none}.brand:hover{color: var(--text)}.brand .ball-mark{transition: transform 0.4s ease}.brand:hover .ball-mark{transform: rotate(-35deg)}.brand__text{display: flex;flex-direction: column;line-height: 1}.brand__name{font: 700 1.28rem/1 var(--font-display);letter-spacing: 0.04em;text-transform: uppercase}.brand__tag{margin-top: 3px;font-size: 0.875rem;font-weight: 700;letter-spacing: 0.16em;text-transform: uppercase;color: var(--brand-2)}.nav{margin-left: auto}.nav ul{display: flex;gap: 2px;margin: 0;padding: 0;list-style: none}.nav a{display: block;padding: 8px 12px;border-radius: 10px;color: var(--muted);font-weight: 600;font-size: 0.94rem;text-decoration: none;white-space: nowrap}.nav a:hover{color: var(--text);background: var(--surface-2)}.nav a[aria-current='page']{color: var(--text);background: var(--surface-2);box-shadow: inset 0 -2px 0 var(--brand)}.site-header__actions{display: flex;align-items: center;gap: 8px}.nav-toggle{display: none}.icon--sun,.icon--close{display: none}:root[data-theme='light'] .icon--sun{display: block}:root[data-theme='light'] .icon--moon{display: none}@media (prefers-color-scheme: light){:root:not([data-theme='dark']) .icon--sun{display: block}:root:not([data-theme='dark']) .icon--moon{display: none}}@media (max-width: 1023px){.nav-toggle{display: inline-grid}.nav{position: absolute;left: 0;right: 0;top: var(--header-h);margin: 0;background: var(--bg);border-bottom: 1px solid var(--line);box-shadow: var(--shadow);visibility: hidden;opacity: 0;transform: translateY(-8px);transition: opacity 0.2s,transform 0.2s,visibility 0.2s}.nav ul{flex-direction: column;padding: 12px 16px 18px}.nav a{padding: 12px 14px;font-size: 1.05rem}.site-header[data-open] .nav{visibility: visible;opacity: 1;transform: none}.site-header[data-open] .icon--open{display: none}.site-header[data-open] .icon--close{display: block}.site-header__actions{margin-left: auto}}@media (max-width: 479px){.brand__tag{display: none}.site-header__play{display: none}.site-header__actions{gap: 6px}}.lang{position: relative}.lang summary{list-style: none;width: auto;padding-inline: 10px;gap: 6px;display: inline-flex;align-items: center}.lang summary::-webkit-details-marker{display: none}.lang__code{font-size: 0.875rem;font-weight: 700;letter-spacing: 0.06em}.lang__menu{position: absolute;right: 0;top: calc(100% + 8px);z-index: 120;min-width: 190px;margin: 0;padding: 6px;list-style: none;background: var(--surface);border: 1px solid var(--line-2);border-radius: 14px;box-shadow: var(--shadow)}.lang__menu a{display: flex;align-items: center;justify-content: space-between;gap: 12px;padding: 9px 12px;border-radius: 9px;color: var(--text);text-decoration: none;font-weight: 500}.lang__menu a:hover{background: var(--surface-2)}.lang__menu a[aria-current]{color: var(--brand-2);font-weight: 700}@media (max-width: 479px){.lang__code{display: none}.lang summary{padding-inline: 0;width: 40px;justify-content: center}}.crumbs{padding-top: 18px}.crumbs ol{display: flex;flex-wrap: wrap;gap: 6px;margin: 0;padding: 0;list-style: none;font-size: 0.875rem;color: var(--muted)}.crumbs li + li::before{content: '/';margin-right: 6px;opacity: 0.5}.crumbs a{color: var(--muted);text-decoration: none}.crumbs a:hover{color: var(--text)}.hero{padding: clamp(22px,4vw,44px) 0 clamp(16px,2.5vw,24px);text-align: center}.hero__inner{max-width: 860px}.hero h1{font-size: clamp(2.3rem,6vw,4.2rem);margin-bottom: 0.25em}.lede{font-size: clamp(1.02rem,1.6vw,1.18rem);color: var(--muted);max-width: 64ch;margin-inline: auto}.eyebrow{display: inline-flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 0.4em;margin: 0 0 14px;font-size: 0.875rem;font-weight: 700;letter-spacing: 0.14em;text-transform: uppercase;color: var(--brand-2)}.eyebrow strong{color: var(--text)}.eyebrow time{font-variant-numeric: tabular-nums;color: var(--text)}.eyebrow__sep{opacity: 0.5}.pulse,.live-dot{width: 8px;height: 8px;border-radius: 50%;background: var(--t-green);box-shadow: 0 0 0 0 color-mix(in srgb,var(--t-green) 60%,transparent);animation: pulse 2s infinite;flex: none;display: inline-block}@keyframes pulse{70%{box-shadow: 0 0 0 8px transparent}100%{box-shadow: 0 0 0 0 transparent}}.play{padding-bottom: 8px;scroll-margin-top: calc(var(--header-h) + 8px)}.play.is-theater .wrap--game{max-width: 1600px}.game{position: relative;overflow: hidden;border-radius: 22px;background: #0d0b09;border: 1px solid var(--line-2);box-shadow: var(--shadow);--game-h: 960px}.game__stage{position: relative;overflow: hidden;height: clamp(560px,calc(100vh - 230px),860px);background: #0d0b09}.play.is-theater .game__stage{height: calc(100vh - var(--header-h) - 80px)}.game.has-frame .game__stage{height: var(--game-h)}.game__frame{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0;background: #fff}@media (hover: hover) and (pointer: fine){.game__frame{width: calc(100% + 18px)}}.game__cover{position: absolute;inset: 0;display: grid;place-items: center;overflow: hidden;cursor: pointer;isolation: isolate}.game__court{position: absolute;inset: 0;width: 100%;height: 100%;z-index: -2;transform: scale(1.04);transition: transform 1.2s ease}.game__cover:hover .game__court{transform: scale(1.08)}.game__cover::before{content: '';position: absolute;inset: 0;z-index: -1;background: radial-gradient(ellipse at 50% 45%,rgba(14,11,9,0.35),rgba(14,11,9,0.88) 75%),linear-gradient(180deg,rgba(14,11,9,0.2),rgba(14,11,9,0.75))}.game__cover .court__wood{fill: #5d3f25}.game__cover .court__paint{fill: #7a2f14}.game__cover .court__lines{stroke: rgba(255,246,232,0.55)}.game__cover-inner{display: flex;flex-direction: column;align-items: center;text-align: center;padding: 24px;color: #f6efe3;max-width: 640px}.game__cover-inner .ball-mark{margin-bottom: 18px;filter: drop-shadow(0 12px 24px rgba(242,107,29,0.45));animation: bounce 2.4s ease-in-out infinite}@keyframes bounce{0%,100%{transform: translateY(0)}45%{transform: translateY(-14px)}55%{transform: translateY(-14px)}}.game__kicker{margin: 0 0 8px;font: 600 0.875rem/1 var(--font-body);letter-spacing: 0.18em;text-transform: uppercase;color: #ffb37a}.game__title{font-size: clamp(1.6rem,4vw,2.6rem);color: #fff;margin-bottom: 26px}.game__meta{display: flex;flex-wrap: wrap;justify-content: center;gap: 8px 18px;margin: 22px 0 0;font-size: 0.9rem;color: rgba(246,239,227,0.8)}.game__meta span{display: inline-flex;align-items: center;gap: 6px}.game__meta .icon{width: 16px;height: 16px;color: var(--t-green)}.game__layer{position: absolute;inset: 0;z-index: 5;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 4px;padding: 24px;text-align: center;color: #f6efe3;background: var(--overlay);backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px)}.game__layer[hidden]{display: none}.game__loading{background: rgba(14,11,9,0.9)}.game__notice>*{max-width: 520px}.game__notice-title{font: 700 1.5rem/1.2 var(--font-display);text-transform: uppercase;letter-spacing: 0.03em;margin-bottom: 6px}.game__notice p{color: rgba(246,239,227,0.85)}.game__notice-actions{display: flex;flex-wrap: wrap;justify-content: center;gap: 10px;margin-top: 8px}.game__notice .btn--ghost{color: #f6efe3;border-color: rgba(246,239,227,0.35)}.spinner{width: 46px;height: 46px;margin-bottom: 14px;border-radius: 50%;border: 4px solid rgba(255,255,255,0.15);border-top-color: var(--brand);animation: spin 0.8s linear infinite}@keyframes spin{to{transform: rotate(360deg)}}.game__bar{display: flex;align-items: center;justify-content: space-between;gap: 12px;padding: 8px 10px 8px 16px;background: #17130f;border-top: 1px solid rgba(255,238,214,0.08);color: #e9e0d2}.game__status{display: inline-flex;align-items: center;gap: 8px;margin: 0;font-size: 0.875rem;color: rgba(233,224,210,0.75);white-space: nowrap}.game__status time{font-variant-numeric: tabular-nums;font-weight: 700;color: #fff}.game__tools{display: flex;gap: 4px}.tool{display: inline-flex;align-items: center;gap: 6px;min-height: 38px;padding: 0 12px;border: 0;border-radius: 10px;background: transparent;color: #e9e0d2;font: 600 0.875rem/1 var(--font-body);cursor: pointer;transition: background-color 0.15s,color 0.15s}.tool:hover:not(:disabled){background: rgba(255,238,214,0.1);color: #fff}.tool:disabled{opacity: 0.4;cursor: default}.tool[aria-pressed='true']{background: color-mix(in srgb,var(--brand) 25%,transparent);color: #fff}.tool .icon{width: 18px;height: 18px}@media (max-width: 760px){.tool span{display: none}.tool{padding: 0 10px}.tool--wide-only{display: none}}@media (max-width: 380px){.game__status{font-size: 0.875rem}}.game__help{margin: 12px 4px 0;font-size: 0.88rem;color: var(--muted);text-align: center}.game__help--note{display: flex;align-items: center;justify-content: center;gap: 8px}.game__help--note .icon{width: 16px;height: 16px;color: var(--brand-2)}@media (max-width: 639px){.wrap--game{padding-inline: 8px}.game{border-radius: 16px;--game-h: 1020px}.game__stage{height: max(540px,calc(100svh - var(--header-h) - 64px))}.game__bar{flex-direction: column;gap: 4px;padding: 10px}.game__tools{width: 100%;justify-content: center}.tool{min-width: 44px;min-height: 44px}}.game:fullscreen{border-radius: 0;border: 0;display: flex;flex-direction: column;width: 100%;height: 100%}.game:fullscreen .game__stage{flex: 1;height: auto}.game.is-pseudo-fs{position: fixed;inset: 0;z-index: 1000;border-radius: 0;border: 0;display: flex;flex-direction: column;padding-bottom: env(safe-area-inset-bottom)}.game.is-pseudo-fs .game__stage{flex: 1;height: auto}.section{padding-block: clamp(52px,8vw,96px)}.section--alt{background: var(--bg-2);border-block: 1px solid var(--line)}.section h2{font-size: clamp(1.8rem,4vw,2.7rem)}.section__head{max-width: 760px;margin-bottom: 32px}.section__head p:last-child{color: var(--muted);font-size: 1.05rem}.section__head .eyebrow,.split .eyebrow,.prose--center .eyebrow{justify-content: flex-start}.section__foot{display: flex;flex-wrap: wrap;gap: 10px;margin-top: 28px}.facts{padding-block: 28px}.facts__list{display: grid;grid-template-columns: repeat(6,1fr);gap: 1px;margin: 0;padding: 0;list-style: none;background: var(--line);border: 1px solid var(--line);border-radius: var(--radius);overflow: hidden}.facts__list li{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 4px;padding: 20px 10px;background: var(--surface);text-align: center}.facts__list strong{font: 700 clamp(1.6rem,3vw,2.2rem)/1 var(--font-display);color: var(--brand-2)}.facts__list span{font-size: 0.875rem;color: var(--muted)}@media (max-width: 900px){.facts__list{grid-template-columns: repeat(3,1fr)}}@media (max-width: 479px){.facts__list{grid-template-columns: repeat(2,1fr)}}.split{display: grid;grid-template-columns: 1.15fr 0.85fr;gap: clamp(28px,5vw,72px);align-items: center}.split__art{margin: 0}.split__art figcaption,.figure figcaption{margin-top: 10px;font-size: 0.88rem;color: var(--muted);text-align: center}@media (max-width: 860px){.split{grid-template-columns: 1fr}.split__art{max-width: 440px;margin-inline: auto}}.steps{display: grid;gap: 14px;margin: 24px 0 26px;padding: 0;list-style: none}.steps li{display: grid;grid-template-columns: 44px 1fr;gap: 14px;align-items: start;padding: 16px;background: var(--surface);border: 1px solid var(--line);border-radius: var(--radius)}.steps h3{margin: 4px 0 4px}.steps p{margin: 0;color: var(--muted)}.steps__n{display: grid;place-items: center;width: 44px;height: 44px;border-radius: 12px;background: color-mix(in srgb,var(--brand) 16%,transparent);color: var(--brand-2);font: 700 1.3rem/1 var(--font-display)}.court{width: 100%;height: auto;border-radius: var(--radius);box-shadow: var(--shadow)}.court__wood{fill: var(--wood)}.court__seam{fill: var(--wood-seam)}.court__paint{fill: var(--paint);opacity: 0.9}.court__lines{stroke: var(--court-line);stroke-width: 3}.court__rim{fill: none;stroke: var(--brand-2);stroke-width: 3}.zone circle{stroke: #fff;stroke-width: 3}.zone--layup circle{fill: var(--t-white);stroke: #1d1813}.zone--ft circle{fill: var(--t-green)}.zone--three circle{fill: var(--t-blue)}.zone--half circle{fill: var(--t-purple)}.zone--cur circle{fill: var(--t-red)}.zone__label,.zone__pts{font-family: var(--font-display);paint-order: stroke;stroke: rgba(20,12,6,0.85);stroke-width: 5px;stroke-linejoin: round;fill: #fff}.zone__label{font-size: 21px;font-weight: 700;letter-spacing: 0.02em;text-transform: uppercase}.zone__pts{font-size: 20px;font-weight: 600;fill: #ffd2ae}.tiers{display: grid;grid-template-columns: repeat(auto-fit,minmax(150px,1fr));gap: 10px;margin: 0 0 8px;padding: 0;list-style: none}.tier{position: relative;display: flex;flex-direction: column;gap: 6px;padding: 16px 16px 14px;background: var(--surface);border: 1px solid var(--line);border-radius: var(--radius);overflow: hidden}.tier::before{content: '';position: absolute;inset: 0 0 auto;height: 4px;background: var(--tc)}.tier__emoji{font-size: 1.4rem;line-height: 1}.tier__name{font-weight: 700;line-height: 1.25}.tier__name small{display: block;font-weight: 500;color: var(--muted);font-size: 0.875rem}.tier__pts{margin-top: auto;font: 700 1.9rem/1 var(--font-display);color: var(--tc)}.tier--red{--tc: var(--t-red)}.tier--purple{--tc: var(--t-purple)}.tier--blue{--tc: var(--t-blue)}.tier--green{--tc: var(--t-green)}.tier--white{--tc: var(--t-white)}.tier--black{--tc: var(--muted)}.prose .tiers{margin-block: 20px}.tips{display: grid;grid-template-columns: repeat(3,1fr);gap: 14px;margin: 0 0 26px;padding: 0;list-style: none;counter-reset: tip}.tips li{position: relative;padding: 22px 20px 18px;background: var(--surface);border: 1px solid var(--line);border-radius: var(--radius);counter-increment: tip}.tips li::before{content: counter(tip,decimal-leading-zero);display: block;margin-bottom: 10px;font: 700 0.875rem/1 var(--font-display);letter-spacing: 0.12em;color: var(--brand-2)}.tips p{margin: 0;color: var(--muted)}@media (max-width: 900px){.tips{grid-template-columns: repeat(2,1fr)}}@media (max-width: 560px){.tips{grid-template-columns: 1fr}}.cards{display: grid;grid-template-columns: repeat(auto-fill,minmax(260px,1fr));gap: 14px}.card{display: flex;flex-direction: column;gap: 8px;padding: 22px;background: var(--surface);border: 1px solid var(--line);border-radius: var(--radius);color: var(--text);text-decoration: none;transition: transform 0.2s,border-color 0.2s,box-shadow 0.2s}.card:hover{color: var(--text);transform: translateY(-3px);border-color: color-mix(in srgb,var(--brand) 50%,var(--line));box-shadow: var(--shadow)}.card__icon{display: grid;place-items: center;width: 42px;height: 42px;border-radius: 12px;background: color-mix(in srgb,var(--brand) 14%,transparent);color: var(--brand-2)}.card__title{font-weight: 700;font-size: 1.08rem}.card__text{color: var(--muted);font-size: 0.95rem}.card__more{display: inline-flex;align-items: center;gap: 6px;margin-top: auto;padding-top: 6px;font-weight: 600;font-size: 0.9rem;color: var(--brand-2)}.card__more .icon{width: 16px;height: 16px;transition: transform 0.15s}.card:hover .card__more .icon{transform: translateX(3px)}.faq{display: grid;gap: 10px}.faq__item{background: var(--surface);border: 1px solid var(--line);border-radius: var(--radius);transition: border-color 0.2s}.faq__item[open]{border-color: var(--line-2)}.faq__item summary{display: flex;align-items: center;justify-content: space-between;gap: 16px;padding: 18px 20px;cursor: pointer;list-style: none}.faq__item summary::-webkit-details-marker{display: none}.faq__q{margin: 0;font-size: 1.04rem;font-family: var(--font-body);text-transform: none;letter-spacing: 0;font-weight: 700}.faq__toggle{position: relative;flex: none;width: 28px;height: 28px;border-radius: 50%;background: var(--surface-2)}.faq__toggle::before,.faq__toggle::after{content: '';position: absolute;left: 50%;top: 50%;width: 12px;height: 2px;margin: -1px 0 0 -6px;background: var(--brand-2);border-radius: 2px;transition: transform 0.2s}.faq__toggle::after{transform: rotate(90deg)}.faq__item[open] .faq__toggle::after{transform: rotate(0)}.faq__a{padding: 0 20px 6px;color: var(--muted)}.faq__a p{margin-bottom: 14px}.cta{display: flex;align-items: center;gap: 20px;margin: 40px 0;padding: 22px 24px;border-radius: 20px;border: 1px solid color-mix(in srgb,var(--brand) 35%,var(--line));background: radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--brand) 22%,transparent),transparent 60%),var(--surface)}.cta__body{flex: 1}.cta__title{margin: 0 0 4px;font: 700 1.35rem/1.2 var(--font-display);text-transform: uppercase;letter-spacing: 0.02em;color: var(--text)}.cta__text{margin: 0;color: var(--muted)}@media (max-width: 600px){.cta{flex-direction: column;text-align: center}.cta .btn{width: 100%}}.final-cta{position: relative;overflow: hidden;text-align: center;background: repeating-linear-gradient(0deg,transparent 0 27px,var(--wood-seam) 27px 28px),linear-gradient(180deg,var(--wood),color-mix(in srgb,var(--wood) 70%,var(--bg)))}.final-cta__inner{display: flex;flex-direction: column;align-items: center}.final-cta h2{color: #fff;text-shadow: 0 2px 18px rgba(0,0,0,0.45)}.final-cta p{color: rgba(255,255,255,0.85);font-size: 1.1rem;margin-bottom: 24px}.prose--center{max-width: 820px}.prose--center p{font-size: 1.04rem}.guide{padding-block: 24px 80px}.guide__head{max-width: 820px;padding: 14px 0 30px;border-bottom: 1px solid var(--line);margin-bottom: 36px}.guide__head .eyebrow{justify-content: flex-start}.guide__head h1{font-size: clamp(2.1rem,5vw,3.4rem)}.guide__head .lede{margin-inline: 0}.guide__meta{display: flex;flex-wrap: wrap;gap: 8px 20px;margin: 0;color: var(--muted);font-size: 0.88rem}.guide__meta span{display: inline-flex;align-items: center;gap: 6px}.guide__meta .icon{width: 16px;height: 16px}.guide__body{display: grid;grid-template-columns: 230px minmax(0,1fr);gap: 56px;align-items: start}.guide__body:not(:has(.toc)){grid-template-columns: minmax(0,1fr)}.toc{position: sticky;top: calc(var(--header-h) + 24px);max-height: calc(100vh - var(--header-h) - 48px);overflow: auto;padding: 4px 0}.toc__title{margin-bottom: 10px;font-size: 0.875rem;font-weight: 700;letter-spacing: 0.14em;text-transform: uppercase;color: var(--muted)}.toc ol{margin: 0;padding: 0;list-style: none;border-left: 2px solid var(--line)}.toc a{display: block;margin-left: -2px;padding: 6px 0 6px 14px;border-left: 2px solid transparent;color: var(--muted);font-size: 0.9rem;line-height: 1.35;text-decoration: none}.toc a:hover{color: var(--text)}.toc a[aria-current='true']{color: var(--text);border-left-color: var(--brand);font-weight: 600}@media (max-width: 1023px){.guide__body{grid-template-columns: minmax(0,1fr);gap: 0}.toc{display: none}}.prose{max-width: 760px;font-size: 1.04rem}.prose>h2{margin-top: 2.2em;font-size: clamp(1.5rem,3vw,2rem);scroll-margin-top: calc(var(--header-h) + 20px)}.prose>h2:first-child{margin-top: 0}.prose>h3{margin-top: 1.6em}.prose ul,.prose ol{padding-left: 1.3em;margin: 0 0 1.2em}.prose li{margin-bottom: 0.5em}.prose li::marker{color: var(--brand-2)}.prose strong{color: var(--text)}.prose .steps,.prose .tiers,.prose .cards,.prose .faq{padding-left: 0}.prose .steps li::marker{content: none}.steps--prose{margin-top: 18px}.figure{margin: 24px auto;max-width: 420px}.table{width: 100%;margin: 18px 0 24px;border-collapse: separate;border-spacing: 0;border: 1px solid var(--line);border-radius: var(--radius-sm);overflow: hidden;font-size: 0.96rem}.table th,.table td{padding: 12px 14px;text-align: left;vertical-align: top;border-bottom: 1px solid var(--line)}.table tr:last-child td,.table tr:last-child th{border-bottom: 0}.table thead th{background: var(--surface-2);font-size: 0.875rem;letter-spacing: 0.08em;text-transform: uppercase;color: var(--muted)}.table tbody th{font-weight: 600}.table tbody tr:nth-child(even){background: color-mix(in srgb,var(--surface) 60%,transparent)}.table__emoji{font-size: 1.1rem;letter-spacing: 0.08em;white-space: nowrap}@media (max-width: 560px){.table{display: block;overflow-x: auto}}.tier-cards{display: grid;gap: 10px;margin: 20px 0 24px}.tier-card{display: grid;grid-template-columns: 44px 1fr;gap: 14px;padding: 16px 18px;background: var(--surface);border: 1px solid var(--line);border-left: 4px solid var(--tc);border-radius: var(--radius-sm)}.tier-card h3{margin: 0 0 2px;display: flex;flex-wrap: wrap;align-items: baseline;gap: 4px 10px}.tier-card p{margin: 0;color: var(--muted)}.tier-card__emoji{font-size: 1.8rem;line-height: 1.1}.tier-card__pts{font: 700 1.2rem/1 var(--font-display);color: var(--tc)}.tier-card__spot{font-size: 0.875rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;margin-bottom: 4px !important}.tier-card--red{--tc: var(--t-red)}.tier-card--purple{--tc: var(--t-purple)}.tier-card--blue{--tc: var(--t-blue)}.tier-card--green{--tc: var(--t-green)}.tier-card--white{--tc: var(--t-white)}.tier-card--black{--tc: var(--muted)}.example{margin: 20px 0;padding: 20px;background: var(--surface);border: 1px solid var(--line);border-radius: var(--radius)}.example__prompt{font-weight: 700;font-size: 1.08rem}.example__prompt span{display: block;margin-bottom: 6px;font-size: 0.875rem;letter-spacing: 0.14em;text-transform: uppercase;color: var(--brand-2)}.example__ladder{display: grid;gap: 8px;margin: 0 0 14px}.example__ladder div{display: grid;grid-template-columns: 140px 1fr;gap: 12px;padding: 10px 12px;border-radius: 10px;background: var(--surface-2)}.example__ladder div:nth-child(1){border-left: 3px solid var(--t-white)}.example__ladder div:nth-child(2){border-left: 3px solid var(--t-blue)}.example__ladder div:nth-child(3){border-left: 3px solid var(--t-red)}.example__ladder dt{font-weight: 700;font-size: 0.88rem}.example__ladder dd{margin: 0;color: var(--muted)}.example__why{margin: 0;font-size: 0.96rem;color: var(--muted)}@media (max-width: 560px){.example__ladder div{grid-template-columns: 1fr;gap: 2px}}.callout{display: flex;align-items: flex-start;gap: 12px;margin: 0 0 28px;padding: 16px 18px;border-radius: var(--radius-sm);background: color-mix(in srgb,var(--brand) 12%,var(--surface));border: 1px solid color-mix(in srgb,var(--brand) 30%,var(--line))}.callout .icon{margin-top: 3px;color: var(--brand-2)}.callout p{margin: 0}.callout time{font-variant-numeric: tabular-nums;font-weight: 700}.badge{display: inline-block;padding: 3px 8px;border-radius: 999px;background: var(--t-green);color: #fff;font: 700 0.875rem/1.2 var(--font-body);letter-spacing: 0.06em;text-transform: uppercase;vertical-align: middle}.hint-day{margin: 18px 0 28px}.hint{margin-bottom: 8px;background: var(--surface);border: 1px solid var(--line);border-radius: var(--radius-sm)}.hint summary{display: flex;align-items: center;gap: 12px;padding: 12px 14px;cursor: pointer;list-style: none;font-weight: 600}.hint summary::-webkit-details-marker{display: none}.hint__n{display: grid;place-items: center;width: 28px;height: 28px;border-radius: 8px;background: var(--surface-2);font: 700 0.95rem/1 var(--font-display);color: var(--brand-2)}.hint__reveal{margin-left: auto;font-size: 0.875rem;color: var(--brand-2)}.hint[open] .hint__reveal{visibility: hidden}.hint p{margin: 0;padding: 0 14px 14px 54px;color: var(--muted)}.game-list{padding: 0 !important;list-style: none;display: grid;gap: 14px}.game-item{margin: 0 !important;padding: 20px;background: var(--surface);border: 1px solid var(--line);border-radius: var(--radius)}.game-item__head{display: flex;gap: 14px;align-items: center;margin-bottom: 10px}.game-item__head h3{margin: 0}.game-item__n{display: grid;place-items: center;flex: none;width: 40px;height: 40px;border-radius: 12px;background: color-mix(in srgb,var(--brand) 16%,transparent);color: var(--brand-2);font: 700 1.2rem/1 var(--font-display)}.game-item__type{margin: 2px 0 0;font-size: 0.875rem;color: var(--muted)}.game-item__best{margin: 0;font-size: 0.94rem;color: var(--muted)}.calc{display: grid;grid-template-columns: minmax(0,1fr) 280px;gap: 18px;margin: 20px 0 28px;padding: 18px;background: var(--surface);border: 1px solid var(--line-2);border-radius: 20px}.calc__rows{display: grid;gap: 8px}.calc__row{display: grid;grid-template-columns: 96px 1fr 44px;align-items: center;gap: 10px;margin: 0;padding: 8px 10px;border: 1px solid var(--line);border-radius: 12px;background: var(--surface-2);min-width: 0}.calc__row legend{float: left;padding: 0;font-size: 0.875rem;font-weight: 700;color: var(--muted)}.calc__opts{display: flex;gap: 4px;flex-wrap: wrap}.seg{position: relative;cursor: pointer}.seg input{position: absolute;opacity: 0;inset: 0;margin: 0;cursor: pointer}.seg span[aria-hidden]{display: grid;place-items: center;width: 40px;height: 36px;border-radius: 9px;border: 2px solid transparent;font-size: 1.15rem;background: var(--surface);opacity: 0.55;transition: opacity 0.15s,border-color 0.15s,transform 0.15s}.seg:hover span[aria-hidden]{opacity: 0.9}.seg input:checked + span{opacity: 1;border-color: var(--brand);transform: scale(1.05)}.seg input:focus-visible + span{outline: 3px solid var(--focus);outline-offset: 2px}.calc__pts{font: 700 1.15rem/1 var(--font-display);text-align: right;color: var(--brand-2)}.calc__result{position: sticky;top: calc(var(--header-h) + 16px);align-self: start;display: flex;flex-direction: column;gap: 12px;padding: 18px;border-radius: 16px;background: var(--bg-2);border: 1px solid var(--line)}.calc__total{display: flex;align-items: baseline;gap: 8px}.calc__label{font-size: 0.875rem;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;color: var(--muted)}.calc__total output{font: 700 3.2rem/1 var(--font-display);color: var(--text);font-variant-numeric: tabular-nums}.calc__max{color: var(--muted);font-weight: 600}.calc__meter{height: 8px;border-radius: 99px;background: var(--surface-2);overflow: hidden}.calc__meter span{display: block;height: 100%;width: 0;border-radius: inherit;background: linear-gradient(90deg,var(--t-green),var(--t-blue),var(--t-purple),var(--t-red));transition: width 0.35s ease}.calc__grid{margin: 0;font-size: 1.5rem;letter-spacing: 0.1em}.calc__verdict{margin: 0;color: var(--muted);font-size: 0.95rem;min-height: 2.6em}.calc__actions{display: flex;flex-wrap: wrap;gap: 8px}.prose{container-type: inline-size}.calc__grid{white-space: nowrap}@container (max-width: 700px){.calc{grid-template-columns: 1fr}.calc__result{position: static;order: -1}}@media (max-width: 520px){.calc{padding: 12px}.calc__row{grid-template-columns: 1fr 44px}.calc__row legend{float: none;grid-column: 1 / -1;margin-bottom: 2px}.seg span[aria-hidden]{width: 36px;height: 34px;font-size: 1.05rem}}.notfound__inner{display: flex;flex-direction: column;align-items: center;text-align: center}.notfound__inner .ball-mark{margin-bottom: 20px;transform: rotate(-20deg)}.notfound h1{font-size: clamp(2rem,5vw,3.2rem)}.notfound__actions{display: flex;flex-wrap: wrap;justify-content: center;gap: 10px}.site-footer{padding: 56px 0 28px;background: var(--bg-2);border-top: 1px solid var(--line);font-size: 0.92rem}.footer__grid{display: grid;grid-template-columns: 1.6fr repeat(4,1fr);gap: 32px}.footer__about p{margin: 14px 0;color: var(--muted);max-width: 36ch}.footer__official{display: inline-flex;align-items: center;gap: 6px;font-weight: 600;text-decoration: none}.footer__official .icon{width: 15px;height: 15px}.footer__title{margin-bottom: 12px;font-size: 0.875rem;font-weight: 700;letter-spacing: 0.14em;text-transform: uppercase;color: var(--text)}.footer__col ul{margin: 0;padding: 0;list-style: none;display: grid;gap: 8px}.footer__col a{color: var(--muted);text-decoration: none}.footer__col a:hover{color: var(--text)}.footer__legal{margin-top: 40px;padding-top: 22px;border-top: 1px solid var(--line);color: var(--muted);font-size: 0.875rem}.footer__legal p{max-width: 110ch}@media (max-width: 960px){.footer__grid{grid-template-columns: repeat(2,1fr)}.footer__about{grid-column: 1 / -1}}.toast{position: fixed;left: 50%;bottom: max(20px,env(safe-area-inset-bottom));z-index: 1100;transform: translateX(-50%);max-width: calc(100% - 32px);padding: 12px 18px;border-radius: 12px;background: var(--text);color: var(--bg);font-weight: 600;font-size: 0.92rem;box-shadow: var(--shadow);animation: toast-in 0.25s ease}.toast[hidden]{display: none}@keyframes toast-in{from{opacity: 0;transform: translate(-50%,10px)}}@media print{.site-header,.site-footer,.play,.cta,.toc,.final-cta{display: none !important}body{background: #fff;color: #000}}small{font-size: max(0.875rem,0.8em)}.analytics-panel{position: fixed;z-index: 1200;bottom: 20px;left: 20px;width: min(520px,calc(100% - 40px));padding: 20px;border: 1px solid var(--line-2);border-radius: var(--radius);background: var(--surface);box-shadow: var(--shadow);font-size: 1rem}.analytics-panel[hidden]{display: none}.analytics-panel p{margin: 0 0 12px}.analytics-panel__actions{display: flex;align-items: center;flex-wrap: wrap;gap: 10px 16px}.analytics-panel__actions a,.analytics-preferences{font-size: 0.875rem}.analytics-preferences{text-align: left}