: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}}