:root{--safe-bottom:env(safe-area-inset-bottom,0px)}html,body{max-width:100%;overflow-x:hidden}main,section,.wrap,.wrap-narrow,.wrap-tight,.grid,.grid>*,.qcard,.j-card,.card,.surface-card,.filterbar,.blog-post-page .article,.blog-post-page .article-grid,.res-page,.stage,.dock-inner,.hud-inner{min-width:0}.wrap,.wrap-narrow,.wrap-tight{width:100%}img,svg,video,canvas{max-width:100%}.btn,.btn-gradient,.btn-warm,.btn-ghost-d,.btn-block,.chip,.filter-select,.input,.select,.textarea{max-width:100%}.qcard h3,.j-card h3,.post-list-card h3,.feature-post h2,.mini-q h3,.mini-q h4,.sidebar-card h3,.blog-post-page .article h2,.blog-post-page .article h3,.res-hero .rank-title,.qrow .qq,.breadcrumb,.blog-breadcrumb,.crumbs{overflow-wrap:anywhere}.qcard .qmeta,.qcard .qfoot,.article-chips,.article-byline,.results-meta,.blog-series-head,.category-detail-stats,.play-stats{flex-wrap:wrap}.qcard .qbody,.qcard .qfoot,.j-body,.filterbar>*,.filterbar .search,.filterbar input,.filter-select,.blog-listing-page .plc-body,.blog-post-page .article pre,.blog-post-page .article table,.blog-post-page .article code,.qrow>*{min-width:0}.blog-post-page .article pre,.blog-post-page .article table{max-width:100%;overflow-x:auto}.blog-post-page .article code{white-space:pre-wrap}@media (min-width:1440px){.wrap{padding-left:32px;padding-right:32px}.hud-inner,.journey{max-width:1180px}}@media (min-width:881px) and (max-width:1280px){.filterbar{grid-template-columns:minmax(0,1fr) repeat(2,minmax(140px,auto))}.filterbar .search{grid-column:1 / -1}}@media (max-width:1280px){section{padding-top:clamp(52px,7vw,96px);padding-bottom:clamp(52px,7vw,96px)}.blog-listing-page .blog-grid,.category-detail-hero,.contact-grid,.c-grid,.about-hero-grid,.faq-grid{gap:48px}.cat-row{grid-template-columns:220px minmax(0,1fr);gap:32px}.blog-post-page .article-grid{gap:44px}}@media (min-width:961px) and (max-width:1024px){.qbody-grid{grid-template-columns:minmax(0,1fr) minmax(300px,340px);gap:48px}}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-6{grid-template-columns:repeat(3,minmax(0,1fr))}.site-header .nav-left{gap:24px}.blog-listing-page .post-list-card{grid-template-columns:minmax(180px,240px) minmax(0,1fr)}.blog-listing-page .plc-cover{min-width:0}}@media (max-width:880px){.filterbar{grid-template-columns:repeat(2,minmax(0,1fr))}.filterbar .search{grid-column:1 / -1}.filter-select,.filterbar input{width:100%}.cat-row{grid-template-columns:1fr}.blog-post-page .article-grid,.blog-post-page .article-grid.no-toc{grid-template-columns:1fr}.blog-post-page .toc-side,.blog-post-page .share-side{display:none}}@media (max-width:768px){.wrap,.wrap-narrow,.wrap-tight,.v3-hero .inner{padding-left:20px;padding-right:20px}.section-head,.v3-head{margin-bottom:30px}.section-head .right,.v3-head .right{flex-wrap:wrap}.lede{font-size:1.0625rem}.site-header .nav{gap:12px}.site-header .logo .logo-svg{max-width:min(178px,42vw)}.site-header .mobile-menu a.btn{align-self:stretch;justify-content:center}.footer-chips{justify-content:flex-start}.blog-listing-page .post-list-card,.blog-listing-page .feature-post{grid-template-columns:1fr}.blog-listing-page .fp-cover,.blog-listing-page .plc-cover{min-height:220px}.category-detail-stats,.play-stats{width:100%}.hud-inner{align-items:flex-start}.hud-right{flex-wrap:wrap;justify-content:flex-end}.hud-title .name{max-width:42vw}.stage{padding-bottom:calc(138px+var(--safe-bottom))}.dock{padding-bottom:var(--safe-bottom)}.res-page .res-stats,.result-receiver-stats,.result-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.filterbar{grid-template-columns:1fr}.filterbar .search{grid-column:auto}.cat-row .scroll-grid,.category-quizzes .grid-3,.category-posts .grid-3,.related-list .grid-3,.related-quizzes .grid-3{grid-template-columns:1fr}.team-grid{grid-template-columns:1fr}.timeline{grid-template-columns:96px minmax(0,1fr)}}@media (max-width:520px){.filterbar{grid-template-columns:1fr;padding:16px}.blog-listing-page .filter-strip,.tabs{overflow-x:auto;flex-wrap:nowrap;max-width:100%;scrollbar-width:none}.blog-listing-page .filter-strip::-webkit-scrollbar,.tabs::-webkit-scrollbar{display:none}.blog-listing-page .fchip,.tab{white-space:nowrap}}@media (max-width:430px){h1{font-size:clamp(2rem,11vw,2.7rem)}h2{font-size:clamp(1.55rem,8vw,2.1rem)}.wrap,.wrap-narrow,.wrap-tight,.v3-hero .inner{padding-left:14px;padding-right:14px}.grid{gap:18px}.grid-6{grid-template-columns:repeat(2,minmax(0,1fr))}.btn,.btn-gradient,.btn-warm,.btn-ghost-d,.btn-block{white-space:normal;text-align:center;line-height:1.15}.site-header .nav{height:60px;gap:8px}.site-header .nav-left{gap:10px}.site-header .nav-right{gap:6px}.site-header .logo .logo-svg{height:26px;max-width:150px}.site-header .icon-btn{width:36px;height:36px}.site-header .mobile-menu{max-height:calc(100vh - 60px);padding:16px 14px 20px}.tyc-search-overlay{padding:10px}.tyc-search-panel{max-height:calc(100vh - 20px);border-radius:14px}.tyc-search-bar{padding:12px}.tyc-search-bar .tyc-kbd,.tyc-search-tip{display:none}.tyc-search-item{grid-template-columns:1fr}.tyc-search-item-arrow{display:none}.site-footer{padding-top:52px}.footer-newsletter{flex-direction:column;align-items:stretch}.footer-newsletter .btn{width:100%}.v3-hero{padding-top:44px}.v3-hero .ctas>*,.v3-cta .actions>*,.about-cta-actions>*{width:100%;justify-content:center}.v3-hero .micro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;text-align:left}.hero-demo-wrap::before,.qcover-large::after,.category-detail-art::after{display:none}.demo-bar .url{display:none}.demo-stage{min-height:auto;padding:18px}.demo-header{align-items:flex-start;flex-direction:column}.demo-opt{padding:12px 14px;gap:10px}.cat-bento .ct{aspect-ratio:auto;min-height:220px}.cat-bento .ct .ct-foot{align-items:flex-start;flex-direction:column;gap:4px}.form-card,.about-cta-card,.category-empty-state,.quiz-empty-state{padding:24px}.ccard{flex-direction:column}.timeline{grid-template-columns:1fr}.timeline-year{padding-bottom:6px;border-top:1px solid var(--rule)}.timeline-event{padding-top:0;border-top:0}.mini-q{gap:12px;padding:14px}.blog-post-page .article-head{padding-top:34px}.blog-post-page .article-hero{margin:24px 0}.blog-post-page .article .callout{flex-direction:column}.blog-post-page .author-box{padding:24px}body.game .hud .icon-btn.compact[data-theme-toggle]{display:none}.hud-inner{padding:10px 12px;gap:8px}.hud-left{gap:10px}.exit-btn{width:34px;height:34px}.hud-title .name{max-width:34vw;font-size:0.9rem}.hud-title .sub{max-width:34vw}.stat.streak,.timer-ring,.icon-btn.compact{width:36px;height:36px}.timer-ring .tval{font-size:11px}.journey{padding:14px 12px 4px}.stage{padding-left:14px;padding-right:14px;padding-bottom:calc(136px+var(--safe-bottom))}.stage-head{align-items:flex-start;flex-direction:column;gap:10px}.option{gap:10px;padding:14px;font-size:15px}.option .key{width:28px;height:28px}.option .mark{width:22px;height:22px}.dock-inner{gap:8px;padding:10px 12px}.dock-left{gap:6px}.power-btn{min-width:40px;justify-content:center;padding:10px}.next-btn{padding:12px 14px}.res-wrap{padding-left:14px;padding-right:14px}.res-hero{padding-top:42px}.res-hero .cat{font-size:10px;line-height:1.5}.res-actions{gap:10px}.res-actions .btn-block{width:100%}.res-page .res-stats,.result-receiver-stats,.result-stats{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px}.res-page .res-stats .rstat,.result-stats .rstat{padding:16px 10px}.res-page .res-stats .rstat .rv,.result-stats .rstat .rv{font-size:1.5rem}.qrow{grid-template-columns:30px minmax(0,1fr);gap:10px}.qrow .qstatus{grid-column:2;justify-self:start;margin-top:2px}.reco-card{gap:14px;padding:16px}}@media (max-width:375px){.wrap,.wrap-narrow,.wrap-tight,.v3-hero .inner{padding-left:12px;padding-right:12px}.grid{gap:16px}.grid-6{grid-template-columns:1fr}.lede{font-size:1rem}.site-header .logo .logo-svg{max-width:132px}.site-header .icon-btn{width:34px;height:34px}.v3-hero .micro{grid-template-columns:1fr}.demo-stage,.form-card,.about-cta-card,.category-empty-state,.quiz-empty-state{padding:20px}body.game #sound-toggle{display:none}.hud-title .name,.hud-title .sub{max-width:38vw}.dock-inner{padding-left:10px;padding-right:10px}.next-btn{padding-left:12px;padding-right:12px}.res-page .res-stats .rstat,.result-stats .rstat{padding:14px 8px}.res-page .res-stats .rstat .rl,.result-stats .rstat .rl{font-size:9px}.reco-card{flex-direction:column}}@media (min-width:881px) and (max-width:1080px){.site-header .nav-links{gap:18px}.site-header .nav-links a{font-size:13.5px}}:root{--motion-pop:cubic-bezier(.2,1.45,.35,1);--motion-swoop:cubic-bezier(.18,.72,.18,1)}.qcard,.j-card,.reco-card,.mini-q,.cat-bento .ct{backface-visibility:hidden;transform-origin:50% 100%;will-change:transform}.qcard .cover .glyph,.j-card .cover .glyph,.reco-card .cover .glyph,.mini-q .cover .glyph,.mini-q .mq-cover .glyph,.cat-bento .ct .ct-vis,.cat-bento .ct .ct-glyph .glyph{transition:transform .46s var(--motion-pop),opacity .24s ease,filter .24s ease}.qcard:is(:hover,:focus-visible),.j-card:is(:hover,:focus-visible),.reco-card:is(:hover,:focus-visible){border-color:color-mix(in oklch,var(--accent) 42%,var(--rule-2));box-shadow:0 18px 44px -28px color-mix(in oklch,var(--ink) 42%,transparent),var(--shadow-md);transform:translateY(-6px) rotate(-.25deg)}.grid>.qcard:nth-child(even):is(:hover,:focus-visible),.journal-grid>.j-card:nth-child(even):is(:hover,:focus-visible),.grid>.reco-card:nth-child(even):is(:hover,:focus-visible){transform:translateY(-6px) rotate(.25deg)}.qcard:is(:hover,:focus-visible) .cover .glyph,.j-card:is(:hover,:focus-visible) .cover .glyph,.reco-card:is(:hover,:focus-visible) .cover .glyph{filter:saturate(1.08);transform:translateY(-3px) scale(1.065) rotate(-2deg)}.qcard .qfoot .arrow,.link-arrow,.btn-gradient .arrow,.next-btn .arrow{transition:transform .22s var(--motion-swoop)}.qcard:is(:hover,:focus-visible) .qfoot .arrow,.link-arrow:is(:hover,:focus-visible),.btn-gradient:is(:hover,:focus-visible) .arrow,.next-btn:is(:hover,:focus-visible) .arrow{transform:translateX(4px)}.cat-bento .ct::after{content:"";position:absolute;inset:12px;border:1px solid color-mix(in oklch,var(--accent) 28%,transparent);border-radius:calc(var(--r-xl) - 8px);opacity:0;pointer-events:none;transform:scale(.96);transition:opacity .28s ease,transform .36s var(--motion-swoop)}.cat-bento .ct:is(:hover,:focus-visible){border-color:color-mix(in oklch,var(--accent) 36%,var(--rule-2));box-shadow:0 20px 48px -30px color-mix(in oklch,var(--ink) 45%,transparent),var(--shadow-lg);transform:translateY(-7px) rotate(.25deg)}.cat-bento .ct:is(:hover,:focus-visible)::after{opacity:.85;transform:scale(1)}.cat-bento .ct:is(:hover,:focus-visible) .ct-vis{transform:scale(1.06)}.cat-bento .ct:is(:hover,:focus-visible) .ct-glyph .glyph{transform:scale(1.07) rotate(-3deg)}.mini-q:is(:hover,:focus-visible){box-shadow:var(--shadow-sm);transform:translateY(-3px)}.mini-q:is(:hover,:focus-visible) .mq-cover .glyph{transform:scale(1.08) rotate(-2deg)}.nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:linear-gradient(90deg,var(--accent),color-mix(in oklch,var(--accent) 48%,var(--xp,#C8902E)));border-radius:999px;opacity:0;transform:scaleX(0);transform-origin:left center;transition:opacity .18s ease,transform .24s var(--motion-swoop)}.site-header .nav-links a::after{bottom:-17px}.nav-links a:is(:hover,:focus-visible)::after,.nav-links a.is-active::after{opacity:1;transform:scaleX(1)}.mobile-menu a{transition:color .16s ease,background-color .16s ease,transform .16s var(--motion-swoop)}.mobile-menu a:is(:hover,:focus-visible){transform:translateX(3px)}.tyc-search-overlay{opacity:0;transition:opacity .22s ease}.tyc-search-overlay.is-open{opacity:1}.tyc-search-item,.search-result{transition:background-color .14s ease,border-color .14s ease,transform .14s var(--motion-swoop)}.tyc-search-item:is(:hover,.is-active),.search-result:is(:hover,.is-active){transform:translateX(3px)}.demo-frame{transform:translateZ(0)}.demo-opt{overflow:hidden;transform-origin:left center;transition:background .25s,border-color .25s,color .25s,box-shadow .2s ease,transform .2s var(--motion-swoop)}.demo-opt::after{content:"";position:absolute;left:46px;top:50%;width:18px;height:18px;border:2px solid var(--accent);border-radius:999px;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.25)}.demo-opt.hover,.demo-opt.selected{box-shadow:0 8px 24px -18px color-mix(in oklch,var(--ink) 40%,transparent);transform:translateX(3px)}.demo-opt.selected::after{animation:demo-ripple .34s ease-out forwards}.demo-opt.correct,.demo-opt.wrong{animation:demo-answer-pop .34s var(--motion-pop)}.demo-result.show .ring{animation:demo-result-pop .58s var(--motion-pop) both}.timer-ring.warn:not(.danger){animation:timer-warn-pulse 1s ease-in-out infinite}.timer-ring.danger .tval{color:var(--danger)}.combo-banner.show .bolt{animation:combo-bolt .34s var(--motion-pop) 2}.option.correct .mark,.option.wrong .mark{animation:answer-mark-pop .34s var(--motion-pop) both}.res-hero .scoreline .pts,.result .scoreline .pts{text-shadow:0 10px 28px color-mix(in oklch,var(--xp) 18%,transparent)}.res-accuracy .track .af,.result .accuracy-track .af{overflow:hidden;position:relative}.res-accuracy .track .af::after,.result .accuracy-track .af::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,color-mix(in oklch,white 48%,transparent),transparent);transform:translateX(-105%);animation:accuracy-sheen 1.2s ease .28s both}.res-hero .stars .star.lit,.result .stars .star.lit{transform-origin:50% 60%}@keyframes demo-ripple{0%{opacity:.7;transform:translate(-50%,-50%) scale(.25)}100%{opacity:0;transform:translate(-50%,-50%) scale(2.6)}}@keyframes demo-answer-pop{0%{transform:translateX(3px) scale(1)}45%{transform:translateX(3px) scale(1.018)}100%{transform:translateX(3px) scale(1)}}@keyframes demo-result-pop{0%{opacity:0;transform:scale(.88) rotate(-4deg)}100%{opacity:1;transform:none}}@keyframes timer-warn-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}@keyframes combo-bolt{0%{transform:scale(.9) rotate(-12deg)}70%{transform:scale(1.2) rotate(8deg)}100%{transform:none}}@keyframes answer-mark-pop{0%{transform:scale(.4) rotate(-18deg)}75%{transform:scale(1.14) rotate(5deg)}100%{transform:scale(1)}}@keyframes accuracy-sheen{0%{transform:translateX(-105%)}100%{transform:translateX(105%)}}@media (prefers-reduced-motion:reduce){.qcard,.j-card,.reco-card,.mini-q,.cat-bento .ct,.mobile-menu a,.tyc-search-item,.search-result,.demo-opt,.demo-result.show .ring,.timer-ring.warn:not(.danger),.combo-banner.show .bolt,.option.correct .mark,.option.wrong .mark{animation:none !important;transform:none !important;transition:none !important}.qcard .cover .glyph,.j-card .cover .glyph,.reco-card .cover .glyph,.mini-q .cover .glyph,.mini-q .mq-cover .glyph,.cat-bento .ct .ct-vis,.cat-bento .ct .ct-glyph .glyph,.res-accuracy .track .af::after,.result .accuracy-track .af::after{animation:none !important;transform:none !important;transition:none !important}.tyc-search-overlay{opacity:1;transition:none !important}}:root{--focus-ring-strong:0 0 0 3px var(--bg-elev),0 0 0 6px color-mix(in oklch,var(--accent) 72%,transparent)}body:not(.using-mouse) a:focus-visible,body:not(.using-mouse) button:focus-visible,body:not(.using-mouse) input:focus-visible,body:not(.using-mouse) select:focus-visible,body:not(.using-mouse) textarea:focus-visible,body:not(.using-mouse) summary:focus-visible,body:not(.using-mouse) [tabindex]:not([tabindex="-1"]):focus-visible{outline:2px solid var(--accent);outline-offset:3px;box-shadow:var(--focus-ring-strong)}.skip-link:focus,.skip-link:focus-visible{left:12px;top:12px;z-index:10000;border-radius:var(--r-md);outline:2px solid var(--on-accent);outline-offset:2px}.sr-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[aria-disabled="true"],button:disabled{cursor:not-allowed}.option:focus-visible,.power-btn:focus-visible,.next-btn:focus-visible,.btn-block:focus-visible,.node:focus-visible,.qstatus:focus-visible,.tyc-search-item:focus-visible,.mobile-menu a:focus-visible,.faq-list summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px;box-shadow:var(--focus-ring-strong)}.modal[aria-hidden="true"]{display:none}.modal.open[aria-hidden="false"]{display:flex}.qhint{color:var(--ink)}.option[aria-checked="true"]{border-color:var(--ink)}.option.correct,.option.wrong{border-width:2px}.res-page .res-stats .rstat,.result-stats .rstat,.result-receiver-stats div,.btn-block.ghost,.power-btn,.option,.tyc-search-item{border-color:var(--rule-2)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;scroll-behavior:auto !important;transition-duration:0.01ms !important}.demo-cursor,.combo-banner,.float-pts,#confetti,.res-hero .trophy-wrap .halo,.result .trophy-wrap .halo,.stars .star,.timer-ring.danger,.stat.streak[data-on="1"] .flame,.ticker,.marquee{animation:none !important;transition:none !important}.demo-cursor,.float-pts,#confetti{display:none !important}.qcard:hover,.j-card:hover,.reco-card:hover,.blog-post-page .blog-related-card:hover,.cat-bento .ct:hover,.mini-q:hover,.btn:hover,.btn-gradient:hover,.btn-block:hover,.power-btn:hover,.next-btn:hover{transform:none !important}}@media (forced-colors:active){a,button,input,select,textarea,summary{forced-color-adjust:auto}:focus-visible{outline:2px solid Highlight !important;outline-offset:3px !important}}.tyc-search-overlay{justify-content:center;padding:24px 20px}.tyc-search-panel{box-sizing:border-box;flex:0 0 auto;width:min(780px,calc(100vw - 40px));height:min(560px,calc(100vh - 48px));height:min(560px,calc(100dvh - 48px));max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);padding:0}@media (max-width:640px){.tyc-search-overlay{padding:12px}.tyc-search-panel{width:100%;height:calc(100vh - 24px);height:calc(100dvh - 24px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}}