.function-image-stage{width:100%;text-align:center}.function-photo-wrap{height:230px;background:linear-gradient(145deg,#eef4f8,#d9e3ea);border-radius:16px;padding:12px;display:grid;place-items:center;margin:10px 0 14px;overflow:hidden}.function-photo{max-width:100%;max-height:100%;object-fit:contain}.function-reveal-label{font-size:10px;font-weight:800;letter-spacing:.14em;color:#6ee7d8}.function-image-stage h3{margin:8px 0 6px;font:700 24px 'Space Grotesk'}.function-image-stage p{font-size:12px;line-height:1.55;margin:0}.reveal-note{color:#6f8ca4;margin-top:12px;display:block}.info-view{max-width:1100px;margin:0 auto}.info-hero{padding:34px;border:1px solid #173c5e;border-radius:24px;background:linear-gradient(135deg,#0d2440,#0c1f35);margin-bottom:18px}.info-hero h2{font:700 38px/1.08 'Space Grotesk';margin:10px 0 16px}.info-hero p{color:#9fb2c6;line-height:1.7;max-width:850px;margin:0}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.info-card{background:#0c2136;border:1px solid #173750;border-radius:18px;padding:22px}.info-card h3{font:700 18px 'Space Grotesk';margin:0 0 10px;color:#eaf2fb}.info-card p{margin:0;color:#91a5b9;line-height:1.65}.founders{margin-top:16px}.disclaimer-hero{background:linear-gradient(135deg,#13263b,#10253d)}.disclaimer-banner{margin-top:16px;padding:18px 20px;border-radius:16px;background:#102b45;border:1px solid #235174;color:#b8c9d8;line-height:1.6}.disclaimer-banner strong{color:#fff}.secondary-nav{opacity:.9}
@media(max-width:900px){.info-grid{grid-template-columns:1fr}.function-photo-wrap{height:200px}}
@media(max-width:760px){body{padding-bottom:78px}.app-shell{display:block}.sidebar{position:sticky!important;top:0!important;height:auto!important;z-index:50;padding:10px 12px!important;border-right:0;border-bottom:1px solid rgba(255,255,255,.08);gap:10px!important}.brand-wrap{justify-content:space-between}.brand-mark{width:36px;height:36px;border-radius:11px;font-size:20px}.brand{font-size:18px}.brand-sub{font-size:10px}.nav{position:fixed;left:0;right:0;bottom:0;z-index:100;background:rgba(6,17,31,.97);backdrop-filter:blur(14px);display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:0!important;padding:7px 6px calc(7px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.1);overflow:visible!important}.nav-btn{font-size:10px!important;text-align:center!important;padding:7px 3px!important;border-radius:9px!important;white-space:nowrap}.nav-btn span{display:block!important;width:auto!important;font-size:18px!important;margin-bottom:2px}.nav-btn:nth-child(6),.nav-btn:nth-child(7){display:none}.sidebar-card,.creator-note{display:none!important}.main{padding:16px 12px 28px!important}.topbar{margin-bottom:16px;gap:10px}.topbar h1{font-size:23px}.top-actions{gap:6px!important}.streak-chip,.xp-chip{padding:7px 9px;font-size:11px}.hero{padding:22px!important;min-height:auto!important}.hero h2{font-size:32px!important}.hero p{font-size:14px;line-height:1.55}.hero-actions{flex-direction:column}.primary,.secondary{width:100%}.mode-grid,.lower-grid,.study-grid,.quiz-stage,.detail-hero,.info-grid{grid-template-columns:1fr!important}.mode-grid{gap:12px}.mode-card{padding:16px}.mode-card p{min-height:auto}.section-head{align-items:flex-start;gap:10px}.instrument-choice-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px}.choice{padding:9px!important}.choice-image-wrap{height:125px!important;margin-bottom:8px!important}.speed-option-label{font-size:12px}.game-header{align-items:flex-start;gap:12px;flex-direction:column}.game-metrics{width:100%;display:grid!important;grid-template-columns:repeat(3,1fr);gap:7px!important}.game-metrics span{text-align:center;padding:8px!important}.prompt-card{margin:14px 0!important;padding:18px 12px!important}.prompt-card h2{font-size:28px!important}.quiz-stage{padding:14px!important;gap:16px!important}.quiz-copy h2{font-size:25px!important}.quiz-image-card{min-height:260px!important}.answer{padding:13px!important}.function-panel{min-height:auto!important;padding:18px!important}.function-photo-wrap{height:190px}.study-top{gap:12px}.study-top input{font-size:16px}.filter-row{overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:4px;-webkit-overflow-scrolling:touch}.filter-btn{white-space:nowrap}.study-visual{height:165px!important}.detail-copy{padding:20px!important}.detail-copy h2{font-size:30px!important}.detail-art-wrap{min-height:270px!important}.info-hero{padding:22px}.info-hero h2{font-size:30px}.info-card{padding:18px}.mobile-more{display:block}.topbar .eyebrow{font-size:9px}}
@media(max-width:390px){.instrument-choice-grid{grid-template-columns:1fr!important}.choice-image-wrap{height:150px!important}.top-actions{display:none!important}.hero h2{font-size:29px!important}.main{padding-left:10px!important;padding-right:10px!important}}