@import url('home.css');
.classic-hero{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;padding:50px 0}.classic-hero h1{font-size:clamp(36px,4vw,61px);margin:20px 0}.classic-hero p{color:#aac4c9;font-size:15px}.classic-hero img{width:100%;aspect-ratio:1.1;object-fit:cover;border-radius:16px}.classic-hero .primary-link{margin-top:26px}.game-shell{max-width:1100px;width:calc(100% - 80px);margin:10px auto 50px;padding:35px;border:1px solid #345663;border-radius:16px;background:#0e2935;scroll-margin-top:25px}.lab-title{font-size:30px;margin:10px 0 20px}.lab-intro{font-size:14px;color:#b0cad0;margin:14px 0;line-height:1.9}.lab-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.lab-tabs button,.answer-button{background:#173b48;border:1px solid #416373;border-radius:7px;color:#e1efed;padding:13px 18px;font-size:13px}.lab-tabs .active{background:#a1edcd;color:#0a2a2d}.lab-stage{margin:22px 0;border:1px solid #416373;border-radius:10px;overflow:hidden}.contrast-stage{display:flex;height:250px}.contrast-stage>div{width:50%;display:grid;place-items:center;background:#252525}.contrast-stage>div+div{background:#eee}.gray-patch{width:95px;height:95px;background:#888}.contrast-stage.revealed>div{background:#808080}.lab-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-block:22px}.button{background:#a1edcd;color:#092b2d;border:0;border-radius:7px;padding:13px 20px;font-size:12px;font-weight:600}.text-button{background:none;color:#b9dad5;border:0;padding:10px;font-size:12px}.science-note{padding:20px;background:#173441;border-left:2px solid #a1edcd;font-size:12px;line-height:2;color:#b4cbd2}.science-note a{color:#a1edcd;text-decoration:underline}.lab-feedback{color:#a1edcd;font-size:13px;margin:16px 0}.blind-stage{display:flex;justify-content:space-around;align-items:center;height:210px;background:#f6f3e9;color:#18232c}.blind-plus{font-size:44px}.blind-dot{width:18px;height:18px;border-radius:50%;background:#18232c}.stroop-stage{display:grid;place-items:center;background:#f5f2e9;min-height:190px}.stroop-word{font-size:74px;font-weight:800}.color-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.color-choices button{border:1px solid #4a6d78;background:#183f4d;color:#edf4ee;border-radius:7px;padding:14px;font-size:14px}.scale-display{text-align:center;padding:30px;background:radial-gradient(circle,#294a58,#0c2534)}.scale-symbol{display:block;font-size:80px}.scale-display h3{font-size:29px;margin:15px 0}.scale-display p{font-size:13px;color:#b3ccd2}.ratio-formula{text-align:center;padding:15px;border:1px dashed #456a77;border-radius:8px;font-family:monospace;font-size:13px}.range-label{display:flex;justify-content:space-between;font-size:10px;color:#a6c2cb;margin-top:10px;gap:15px}input[type=range]{width:100%;accent-color:#a1edcd;margin-top:20px}.question-options{display:grid;gap:12px;margin:25px 0}.answer-button{text-align:left;cursor:pointer}.answer-button.correct{border-color:#a1edcd;background:#1f4d45}.answer-button.wrong{border-color:#da9d8e}.answer-button:disabled{cursor:default;opacity:.8}.result-box{padding:25px;border:1px solid #608b77;background:#173b3d;border-radius:10px}.result-box h3{font-size:24px;margin:15px 0;color:#b1f3cf}.result-box p{font-size:14px;color:#b8cfcf;margin-bottom:20px}.eyebrow{font-size:10px;letter-spacing:.1em;color:#a4c7ca}.diagram-caption{font-size:12px;color:#a8c6ce;margin:25px 0 12px}.logic-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.logic-steps article{padding:20px 12px;text-align:center;background:#193a49;border:1px solid #395f70;border-radius:7px}.logic-steps b{font-size:13px}.logic-steps span{display:block;margin-top:10px;color:#a1edcd;font-size:12px}.mechanism-explainer{max-width:1100px;width:calc(100% - 80px);margin:50px auto}.mechanism-explainer h2{font-size:30px;margin:15px 0}.mechanism-explainer>p{font-size:14px;color:#abc8cb}.mechanism-explainer .logic-steps{margin:25px 0}.mechanism-explainer article{opacity:.6}.mechanism-explainer article.lit{border-color:#a1edcd;opacity:1}#classic-status{font-size:12px;color:#a1edcd;margin-top:20px}.daily-page{background:#162823}.scale-page{background:#101d2e}.illusions-page{background:#171b2b}@media(max-width:700px){.classic-hero{grid-template-columns:1fr;gap:25px;padding-block:35px}.classic-hero h1{font-size:39px}.classic-hero p{font-size:14px}.classic-hero img{aspect-ratio:1.3}.game-shell{width:calc(100% - 32px);padding:20px}.lab-title{font-size:25px}.contrast-stage{height:210px}.gray-patch{width:75px;height:75px}.lab-tabs{gap:7px}.lab-tabs button{padding:10px 12px;font-size:11px}.color-choices{grid-template-columns:repeat(2,1fr)}.scale-display{padding:25px 12px}.scale-display h3{font-size:23px}.range-label{font-size:9px}.mechanism-explainer{width:calc(100% - 32px)}.mechanism-explainer h2{font-size:26px}.logic-steps{gap:6px}.logic-steps article{padding:15px 7px}.logic-steps b{font-size:11px}.logic-steps span{font-size:10px}}

.classic-hero figure{margin:0}

.classic-hero figure{margin:0}

.classic-hero figure{margin:0}