/* A bright play space, with reading areas kept calm and high contrast. */
body{background-color:#fff9ef;background-image:radial-gradient(ellipse at 8% 8%,#ffe2ad 0,transparent 34%),radial-gradient(ellipse at 92% 18%,#e5d9ff 0,transparent 38%),radial-gradient(ellipse at 70% 90%,#ccf1ec 0,transparent 35%);background-size:auto;background-attachment:fixed;}
.site-head{flex-wrap:wrap;position:relative;}.head-actions{margin-left:auto;gap:8px;}.site-title{color:#50318c;}.site-tagline{color:#51465e;}
.audio-settings{position:relative;font-size:14px;color:#3e3053;}.audio-settings summary{cursor:pointer;padding:9px 12px;background:white;border:2px solid #ddd0ee;border-radius:14px;font-weight:800;min-height:44px;}.audio-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:100;background:white;box-shadow:0 12px 32px #3c22582b;border:2px solid #ddd0ee;border-radius:18px;padding:18px;width:min(280px,88vw);text-align:left;}.audio-panel label{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:16px;font-weight:800;}.audio-panel input[type=checkbox]{width:22px;height:22px;accent-color:#6c43ae;}.audio-panel input[type=range]{width:100%;accent-color:#6c43ae;min-height:36px;}.audio-panel p{font-size:14px;line-height:1.45;margin-top:8px;}
.bonski-mascot{width:112px;height:106px;flex:none;display:block;margin:auto;filter:drop-shadow(0 5px 0 #5b34640c);}.welcome-friend{margin:0 auto 12px;}.welcome-friend .bonski-mascot{width:160px;height:150px;}.welcome-card{border:3px solid #ecd9ff;background:linear-gradient(150deg,#fff 65%,#fff0d5);border-radius:30px;}.welcome-title{color:#50318c;}.welcome-form input{border:2px solid #b6a0d2;}
.joy-home-intro{display:flex;align-items:center;justify-content:center;gap:24px;text-align:left;background:#ffffffad;padding:18px 24px;border-radius:26px;border:2px solid white;}.joy-home-intro h1{color:#50318c;}.joy-home-intro .bonski-mascot{width:128px;height:122px;}.joy-home-intro .greet-line{font-size:22px;}.joy-home-intro h1{font-size:clamp(25px,3vw,36px);}
.guided-entry{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0;margin:0;background:none;border:0;text-align:left;}.guided-entry .joy-path{min-width:0;padding:22px;border-radius:24px;border:2px solid var(--path-border,#bddcca);background:var(--path-bg,#edf9ed);box-shadow:0 5px 0 var(--path-border,#bddcca);transition:transform .16s,box-shadow .16s;}.joy-path:hover{transform:translateY(-2px);}.joy-path .btn{width:100%;font-size:clamp(19px,2.1vw,25px);color:#30213e;background:white;border-color:var(--path-border,#bddcca);min-height:64px;white-space:normal;text-align:left;margin:0;}.joy-path p{font-size:17px;line-height:1.5;color:#40384c;}.joy-path-learn{--path-bg:#e9f8e7;--path-border:#9ccca3;}.joy-path-quick{--path-bg:#fff0c4;--path-border:#e7b646;}.joy-path-exam{--path-bg:#e6f1ff;--path-border:#a1c6ee;}.joy-path-olympiad{--path-bg:#f0e7ff;--path-border:#c4a6e9;}.guided-entry .joy-path-more{--path-bg:#fff;--path-border:#e4d7ca;grid-column:1/-1;padding:12px 18px;display:flex;align-items:center;gap:20px;box-shadow:none;}.joy-path-more .btn{width:auto;font-size:18px;min-height:48px;}.joy-path-more p{margin:0;}.joy-wide{grid-column:1/-1;}.joy-resume{padding:12px 18px;border:2px dashed #ba98d3;border-radius:18px;background:#fff;}
.quick-screen{max-width:850px;margin:0 auto;padding:clamp(18px,4vw,30px);border:3px solid #e8d5fa;border-radius:28px;text-align:left;background:#fffefb;}.quick-screen h1,.quick-screen h2{font-family:var(--font-display);line-height:1.2;color:#4f3187;margin:10px 0;font-size:clamp(24px,4vw,34px);}.quick-screen p{margin:10px 0;line-height:1.5;}.joy-heading{display:flex;align-items:center;gap:20px;}.joy-heading .bonski-mascot{margin:0;width:110px;height:104px;}.quick-settings{display:grid;grid-template-columns:1fr 2fr;gap:8px 16px;margin:20px 0;}.quick-settings label{font-weight:800;align-self:center;}.quick-settings select{font:inherit;color:#30213e;border:2px solid #ba9bd5;border-radius:12px;padding:12px;background:white;width:100%;min-width:0;}.quick-hint,.quick-settings fieldset{grid-column:1/-1;}.quick-settings fieldset{border:0;padding:0;}.quick-settings legend{font-weight:800;margin-bottom:8px;}.quick-durations{display:flex;gap:10px;flex-wrap:wrap;}.quick-durations .btn{flex:1;min-height:48px;}.quick-record,.quick-mission{border-radius:16px;background:#fff1c7;border:1px solid #edcb75;padding:12px 16px;font-weight:800;color:#614515;}.quick-hud{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;}.quick-hud>div:last-child{text-align:right;}.quick-clock{font-family:var(--font-display);font-size:clamp(38px,7vw,58px);font-variant-numeric:tabular-nums;color:#4f3187;background:#f1e8ff;border:3px solid #c7aae8;border-radius:20px;padding:3px 18px;line-height:1.4;}.quick-clock.quick-urgent{color:#923b10;background:#fff0c4;border-color:#d98739;}.quick-time-track{height:12px;background:#f0e9f6;border-radius:12px;overflow:hidden;margin:14px 0;}.quick-time-track>div{height:100%;width:100%;background:linear-gradient(90deg,#20a57e,#8ec66b,#edb243);border-radius:12px;transition:width .2s linear;}.quick-screen .question{font-size:clamp(22px,3vw,29px);margin:22px 0;line-height:1.45;}.quick-screen .answers{gap:12px;}.quick-screen .answer{min-height:60px;font-size:21px;border-radius:18px;}.quick-screen .answer:not(.correct):not(.wrong):not(.locked){background:#fff;border:2px solid #b9a3d2;box-shadow:0 4px 0 #e9def4;}.quick-screen .answer:disabled{opacity:1;}.quick-screen .answer.correct{color:#174e35;background:#d8f5dc;border:3px solid #399966;}.quick-screen .answer.wrong{color:#7c3328;background:#ffebe2;border:3px solid #ce7b55;}.quick-screen .answer.locked{background:#f6f3f8;color:#69616e;}.joy-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 8px;}.joy-actions .btn{min-height:48px;white-space:normal;}.quick-screen .feedback{padding:16px;margin:18px 0;font-size:17px;}.quick-result-score{font-family:var(--font-display);font-size:64px;color:#6d419d;}.quick-result-score span{font-size:22px;}.joy-awards{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;}.joy-awards span{background:#fff0c4;border-radius:14px;padding:10px 14px;font-weight:800;color:#5a411f;}.quick-review{margin-top:24px;text-align:left;border-top:2px solid #e9def4;padding-top:16px;}.quick-review summary{font-weight:800;cursor:pointer;padding:10px;}.quick-review article{padding:18px 0;border-bottom:1px solid #ded5e9;}.quick-review .math-visual{max-width:520px;margin:auto;}.quick-screen .math-visual svg{max-height:330px;width:100%;}
.joy-learning-progress{padding:12px 16px;background:#fff1ca;border-radius:16px;color:#604018;}.joy-learning-progress p{margin:0 0 8px;font-weight:800;}.joy-learning-progress progress{display:block;width:100%;height:14px;accent-color:#7751b3;}.learn-screen,.exam-screen{border:2px solid #dcc9ef;border-radius:26px;}.learn-recommend{border-color:#b5d99a;background:linear-gradient(135deg,#edf9df,#f8fbeb);}.learn-screen .feedback.ok{background:#e0f6e4;border:2px solid #85bd90;}.learn-screen .result{background:linear-gradient(135deg,#fff6d4,#f0e8ff);border-radius:22px;}.exam-screen #exam-clock:not(:empty){background:#f3ebff;color:#4f3187;padding:12px 16px;border-radius:16px;font-size:23px;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.joy-bounce{animation:joy-bounce .45s ease-out;}@keyframes joy-bounce{0%{transform:scale(.98)}55%{transform:scale(1.015)}100%{transform:scale(1)}}
.bonski-mascot{object-fit:contain;}.olympiad-intro{display:flex;gap:24px;align-items:center;background:linear-gradient(125deg,#fff5d4,#f1e8ff);border:2px solid #e5c885;border-radius:24px;padding:20px;margin:10px 0 24px;}.olympiad-intro .bonski-mascot{width:180px;height:180px;margin:0;}.olympiad-intro h1{font-size:clamp(25px,3vw,35px);line-height:1.2;color:#50318c;}.olympiad-rules{font-size:26px;color:#614419;}.olympiad-screen>p.olympiad-note{font-size:15px;line-height:1.5;color:#51465e;}.olympiad-screen #olympiad-start,.olympiad-screen #olympiad-resume{font-size:22px;min-height:60px;padding:12px 30px;}.olympiad-hud{display:flex;justify-content:space-between;align-items:center;gap:16px;position:sticky;top:0;z-index:2;background:#fffefb;padding:10px 0;border-bottom:2px solid #ece2f2;}.olympiad-hud #olympiad-clock{font:600 36px var(--font-display);font-variant-numeric:tabular-nums;color:#50318c;background:#f1e8ff;padding:6px 16px;border-radius:16px;margin:0;}.olympiad-screen>progress{display:block;width:100%;height:12px;accent-color:#7751b3;margin:12px 0 24px;}.olympiad-screen .question{font-size:clamp(21px,3vw,28px);line-height:1.5;margin:18px 0;}.olympiad-screen fieldset{border:0;}.olympiad-screen .math-visual{margin:12px auto;}.olympiad-review{padding:16px 0;border-bottom:1px solid #dcd0e7;}.olympiad-review summary{font-weight:800;font-size:19px;cursor:pointer;padding:10px 0;}.olympiad-review p{margin:12px 0;}.olympiad-screen #olympiad-validation{color:#8a341b;font-weight:800;margin:10px 0;}
@media(max-width:679px){.olympiad-intro{gap:10px;padding:12px;}.olympiad-intro .bonski-mascot{width:105px;height:120px;}.olympiad-rules{font-size:22px;}.olympiad-hud h2{font-size:22px;}.olympiad-hud #olympiad-clock{font-size:30px;}}
@media(max-width:679px){.site-head{gap:8px;}.site-head>div:nth-child(2){flex:1;min-width:170px;}.head-actions{width:100%;justify-content:flex-end;}.site-title{font-size:21px;}.site-tagline{font-size:13px;}.joy-home-intro{padding:12px;gap:10px;}.joy-home-intro .bonski-mascot{width:74px;height:74px;}.joy-home-intro .greet-line{font-size:18px;}.joy-home-intro h1{font-size:24px;}.joy-home-intro .intro-sub{font-size:14px;}.guided-entry{gap:12px;}.guided-entry .joy-path{padding:12px;}.joy-path .btn{font-size:18px;min-height:64px;padding:10px;}.joy-path p{font-size:14px;}.guided-entry .joy-path-more{display:block;}.joy-path-more .btn{width:100%;}.joy-path-more p{margin-top:8px;}.joy-heading{gap:10px;}.joy-heading .bonski-mascot{width:72px;height:70px;}.quick-hud{grid-template-columns:1fr auto;}.quick-hud>div:last-child{grid-column:1/-1;text-align:left;display:flex;gap:16px;align-items:center;}.quick-hud>div:last-child p{margin:0;}.quick-settings{grid-template-columns:1fr;}.quick-settings label,.quick-settings select{grid-column:1;}.quick-screen .answer{font-size:19px;min-height:56px;}.quick-screen .answers{gap:10px;}.quick-clock{font-size:40px;padding:4px 14px;}.quick-mission{font-size:14px;}.joy-actions .btn{flex:1 1 140px;}.quick-screen .math-visual svg{max-height:260px;}}
@media(prefers-reduced-motion:reduce){.joy-bounce,.confetti{animation:none!important;}.joy-path,.quick-time-track>div{transition:none;}.joy-path:hover{transform:none;}}

.olympiad-screen .answer{min-height:54px;font-size:20px;line-height:1.45;white-space:normal;overflow-wrap:anywhere;text-align:left;padding:14px 18px;}.olympiad-screen .olympiad-long-answers{grid-template-columns:1fr;}.olympiad-review li{margin:12px 0;line-height:1.6;}
@media(max-width:679px){.olympiad-screen .answers{grid-template-columns:1fr;}.olympiad-screen .answer{font-size:18px;}}

.bonski-mascot{border-radius:16px;background:#fff;}.mascot-face .bonski-mascot{width:100%;height:100%;margin:0;border-radius:12px;object-fit:contain;}.mascot-face{overflow:hidden;background:white;}

.mascot-face{width:80px;height:82px;flex:none;}