:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#173d35;background:#fff8e8;font-size:16px}*{box-sizing:border-box}body{margin:0}button,a{font:inherit}button{cursor:pointer}.hidden{display:none!important}.topbar{min-height:76px;background:#f68118;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:.65rem max(1rem,calc((100vw - 1160px)/2));gap:1rem;box-shadow:0 5px 18px #7e421c35}.brand{display:flex;align-items:center;gap:.7rem;color:#fff;text-decoration:none;font-weight:900}.brand img{width:55px;height:55px;object-fit:cover;border-radius:50%;border:3px solid #fff}.topbar nav{display:flex;gap:.55rem;flex-wrap:wrap;justify-content:flex-end}.topbar button,.topbar nav a{border:2px solid #ffffffa8;background:#84441445;color:#fff;border-radius:14px;padding:.65rem .8rem;text-decoration:none;font-weight:800}.topbar b{background:#fff;color:#9c4f0e;border-radius:99px;padding:.1rem .42rem}main{max-width:1160px;margin:auto;padding:1.4rem 1rem 4rem}.welcome{background:linear-gradient(140deg,#fff,#fff2c7);border:3px solid #eec467;border-radius:30px;padding:clamp(1.2rem,4vw,3rem);display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;box-shadow:0 18px 42px #7b5d2718}.welcome h1{font-size:clamp(2rem,5vw,3.7rem);margin:.3rem 0;line-height:1.05}.welcome p{font-size:1.1rem;line-height:1.6;max-width:720px}.welcome img{width:190px;border-radius:50%;border:8px solid #ffbd3e;box-shadow:0 12px 30px #69491b25}.kicker{text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;font-weight:900;color:#a6560d}.welcome-actions,.result-actions{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.welcome-actions span{font-weight:750;color:#526a60}.primary,.result button,.panel button{border:0;border-radius:15px;padding:.85rem 1.15rem;font-weight:900;background:#fff0d0;color:#70420d}.primary{background:#f68118!important;color:#fff!important;box-shadow:0 5px 0 #b9590c}.classroom{display:grid;grid-template-columns:190px 1fr;gap:1.2rem;align-items:start}.teacher{text-align:center;background:#fff;border:2px solid #eadcc0;border-radius:24px;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.teacher img{width:130px;border-radius:50%;margin:auto;border:6px solid #ffbd3e}.teacher span{font-size:.9rem;color:#5d6e67}.board{background:#145747;color:#fff;border:14px solid #a56834;border-radius:22px;padding:1.3rem;min-height:500px;box-shadow:0 10px 0 #6f431f}.board-top{display:flex;justify-content:space-between;font-weight:850;color:#fff3bd}.progress{height:12px;background:#ffffff30;border-radius:99px;margin:.8rem 0 1.6rem;overflow:hidden}.progress i{height:100%;display:block;width:5%;background:#ffcf45;border-radius:99px;transition:width .25s}.board h2{font-size:clamp(1.45rem,4vw,2.5rem);line-height:1.35;min-height:105px;margin:0 0 1.2rem}.answers{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem}.answers button{min-height:74px;border:3px solid #fff;border-radius:18px;background:#ffcf45;color:#37291c;font-size:clamp(1.1rem,3vw,1.7rem);font-weight:900;box-shadow:0 6px 0 #9b7318}.answers button:nth-child(2n){background:#9bd96a;box-shadow:0 6px 0 #5a9235}.answers button.correct{background:#65d17c}.answers button.wrong{background:#ff7770}.board p{min-height:38px;font-weight:850;font-size:1.05rem}.next{float:right;border:0;border-radius:14px;background:#fff;color:#175044;padding:.75rem 1rem;font-weight:900}.result,.panel{background:#fff;border:2px solid #e6dbc4;border-radius:28px;padding:1.5rem;margin-top:1rem;box-shadow:0 12px 30px #66451b16}.result{text-align:center}.result-medal{font-size:5rem}.result h2{font-size:2.3rem;margin:.25rem}.result-actions{justify-content:center}.panel-head{display:flex;justify-content:space-between;align-items:start;gap:1rem}.panel h2{margin:.2rem 0}.privacy,.practice{background:#fff3d0;border-left:6px solid #ef9a16;padding:1rem;border-radius:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin:1rem 0}.stat{background:#eef7ed;border-radius:17px;padding:1rem}.stat small,.stat strong{display:block}.stat strong{font-size:1.45rem}.medals{display:flex;gap:.6rem;flex-wrap:wrap;margin:1rem 0}.medal{border:2px solid #e1b52c;background:#fff3b9;border-radius:99px;padding:.55rem .8rem;font-weight:900}.skill{display:grid;grid-template-columns:minmax(150px,1fr) 2fr auto;gap:.75rem;align-items:center;padding:.8rem 0;border-bottom:1px solid #e4eadf}.skill i{height:13px;background:#e5eee2;border-radius:99px;overflow:hidden}.skill i em{display:block;height:100%;background:linear-gradient(90deg,#f3a01a,#5bb46e)}.mistake-list{display:grid;gap:.6rem}.mistake-item{padding:.8rem;border:1px solid #e6dcc7;border-radius:13px;background:#fffaf0}.celebration{position:fixed;inset:0;background:#16472d38;z-index:50;display:none;pointer-events:none;overflow:hidden}.celebration.show{display:block}.celebration>div{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);background:#fff;border:7px solid #ffbd35;border-radius:30px;padding:1.3rem 2rem;text-align:center;color:#155142;font-size:clamp(2rem,7vw,4rem);font-weight:950;box-shadow:0 20px 60px #173a2b55}.celebration small{display:block;font-size:1rem;margin-top:.4rem}.spark{position:absolute;top:-40px;font-size:2rem;animation:fall 2.3s linear forwards}@keyframes fall{to{transform:translateY(110vh) rotate(600deg)}}@media(max-width:760px){.welcome img{width:105px}.classroom{grid-template-columns:1fr}.teacher{display:none}.stats{grid-template-columns:1fr 1fr}.topbar{align-items:flex-start}.brand span{display:none}}@media(max-width:480px){.welcome{grid-template-columns:1fr}.welcome img{display:none}.answers{grid-template-columns:1fr}.skill{grid-template-columns:1fr}.topbar nav a,.topbar nav button{font-size:.8rem;padding:.5rem}.stats{grid-template-columns:1fr 1fr}}
.quick-tools{display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap;margin:1rem 0}.quick-tools button{border:2px solid #e6c986;background:#fff;color:#4c3a22;border-radius:13px;padding:.65rem .8rem;font-weight:850}.quick-tools b{background:#f68118;color:#fff;border-radius:99px;padding:.1rem .4rem}
.board{min-height:390px;padding:1rem;border-width:10px}.board h2{min-height:72px;margin-bottom:.8rem;font-size:clamp(1.25rem,3.4vw,1.9rem)}.answers{gap:.65rem}.answers button{min-height:60px;padding:.55rem .7rem;border-radius:15px;font-size:clamp(1rem,2.5vw,1.35rem);line-height:1.2}.board p{min-height:30px;margin:.65rem 0}.progress{margin:.65rem 0 1rem}@media(max-width:480px){.answers{grid-template-columns:repeat(2,minmax(0,1fr))}.answers button{min-height:56px}.board{min-height:360px;padding:.75rem;border-width:8px}.board h2{min-height:62px}}
.board{min-height:350px;padding:.85rem;border-width:9px;margin-bottom:2.5rem}.board h2{min-height:58px;margin-bottom:.65rem;font-size:clamp(1.18rem,3.2vw,1.75rem)}.answers{gap:.55rem}.answers button{min-height:54px;padding:.5rem .65rem;border-radius:14px;font-size:clamp(.98rem,2.4vw,1.25rem);line-height:1.2}.board p{min-height:26px;margin:.5rem 0}.progress{margin:.5rem 0 .75rem}main{padding-bottom:3.5rem}@media(max-width:480px){.answers{grid-template-columns:repeat(2,minmax(0,1fr))}.answers button{min-height:50px}.board{min-height:325px;padding:.65rem;border-width:7px;margin-bottom:2rem}.board h2{min-height:52px}}