/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.progress{position:relative;}.progress__track{min-width:100px;max-width:100%;height:16px;margin-top:5px;border:1px solid;background-color:#fff;}.progress__bar{width:3%;min-width:3%;max-width:100%;height:16px;background-color:#000;}.progress__description,.progress__percentage{overflow:hidden;margin-top:0.2em;color:#555;font-size:0.875em;}.progress__description{float:left;}[dir="rtl"] .progress__description{float:right;}.progress__percentage{float:right;}[dir="rtl"] .progress__percentage{float:left;}.progress--small .progress__track{height:7px;}.progress--small .progress__bar{height:7px;background-size:20px 20px;}
.ajax-progress{display:inline-block;padding:1px 5px 2px 5px;}[dir="rtl"] .ajax-progress{float:right;}.ajax-progress-throbber .throbber{display:inline;padding:1px 6px 2px;background:transparent url(/core/misc/throbber-active.svg) no-repeat 0 center;}.ajax-progress-throbber .message{display:inline;padding:1px 5px 2px;}tr .ajax-progress-throbber .throbber{margin:0 2px;}.ajax-progress-bar{width:16em;}.ajax-progress-fullscreen{position:fixed;z-index:1261;top:48.5%;left:49%;width:24px;height:24px;padding:4px;opacity:0.9;border-radius:7px;background-color:#232323;background-image:url(/core/misc/loading-small.svg);background-repeat:no-repeat;background-position:center center;}[dir="rtl"] .ajax-progress-fullscreen{right:49%;left:auto;}
.text-align-left{text-align:left;}.text-align-right{text-align:right;}.text-align-center{text-align:center;}.text-align-justify{text-align:justify;}.align-left{float:left;}.align-right{float:right;}.align-center{display:block;margin-right:auto;margin-left:auto;}
.container-inline div,.container-inline label{display:inline-block;}.container-inline .details-wrapper{display:block;}.container-inline .hidden{display:none;}
.clearfix::after{display:table;clear:both;content:"";}
.hidden{display:none;}.visually-hidden{position:absolute !important;overflow:hidden;clip:rect(1px,1px,1px,1px);width:1px;height:1px;word-wrap:normal;}.visually-hidden.focusable:active,.visually-hidden.focusable:focus-within{position:static !important;overflow:visible;clip:auto;width:auto;height:auto;}.invisible{visibility:hidden;}
.js .js-hide{display:none;}.js-show{display:none;}.js .js-show{display:block;}@media (scripting:enabled){.js-hide.js-hide{display:none;}.js-show{display:block;}}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;z-index:9999;top:0;left:0;overflow:hidden;}#cboxOverlay{position:fixed;width:100%;height:100%;}#cboxMiddleLeft,#cboxBottomLeft{clear:left;}#cboxContent{position:relative;}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch;}#cboxTitle{margin:0;}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%;}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{overflow:visible;width:auto;margin:0;padding:0;cursor:pointer;border:0;background:none;}#cboxPrevious:active,#cboxNext:active,#cboxClose:active,#cboxSlideshow:active{outline:0;}.cboxPhoto{display:block;float:left;max-width:none;margin:auto;border:0;}.cboxIframe{display:block;width:100%;height:100%;border:0;}#colorbox,#cboxContent,#cboxLoadedContent{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}#cboxOverlay{background:#000;}#colorbox{outline:0;}#cboxWrapper{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#fff;}#cboxTopLeft{width:15px;height:15px;}#cboxTopCenter{height:15px;}#cboxTopRight{width:15px;height:15px;}#cboxBottomLeft{width:15px;height:10px;}#cboxBottomCenter{height:10px;}#cboxBottomRight{width:15px;height:10px;}#cboxMiddleLeft{width:15px;}#cboxMiddleRight{width:15px;}#cboxContent{overflow:hidden;background:#fff;}#cboxError{padding:50px;border:1px solid #ccc;}#cboxLoadedContent{margin-bottom:28px;}#cboxTitle{position:absolute;bottom:28px;left:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:4px 6px;color:#535353;background:rgba(255,255,255,0.7);}#cboxCurrent{position:absolute;bottom:4px;left:60px;color:#949494;}.cboxSlideshow_on #cboxSlideshow{position:absolute;right:30px;bottom:0;width:25px;height:25px;text-indent:-9999px;background:url(/modules/contrib/colorbox/styles/default/images/controls.png) no-repeat -75px -50px;}.cboxSlideshow_on #cboxSlideshow:hover{background-position:-101px -50px;}.cboxSlideshow_off #cboxSlideshow{position:absolute;right:30px;bottom:0;width:25px;height:25px;text-indent:-9999px;background:url(/modules/contrib/colorbox/styles/default/images/controls.png) no-repeat -25px -50px;}.cboxSlideshow_off #cboxSlideshow:hover{background-position:-49px -50px;}#cboxPrevious{position:absolute;bottom:0;left:0;width:25px;height:25px;text-indent:-9999px;background:url(/modules/contrib/colorbox/styles/default/images/controls.png) no-repeat -75px 0;}#cboxPrevious:hover{background-position:-75px -25px;}#cboxNext{position:absolute;bottom:0;left:27px;width:25px;height:25px;text-indent:-9999px;background:url(/modules/contrib/colorbox/styles/default/images/controls.png) no-repeat -50px 0;}#cboxNext:hover{background-position:-50px -25px;}#cboxLoadingOverlay{background:#fff;}#cboxLoadingGraphic{background:url(/modules/contrib/colorbox/styles/default/images/loading_animation.gif) no-repeat center center;}#cboxClose{position:absolute;right:0;bottom:0;width:25px;height:25px;text-indent:-9999px;background:url(/modules/contrib/colorbox/styles/default/images/controls.png) no-repeat -25px 0;}#cboxClose:hover{background-position:-25px -25px;}
.js-landing,.js-home,.js-game,.js-profile,.js-story-select,.js-nasobilka,.js-vyukova-cesta{--js-math:#b8c3ff;--js-czech:#00dce5;--js-correct:#2ed573;--js-wrong:#ff4757;--js-surface:#171f33;--js-surface2:#222a3d;--js-text:#dae2fd;--js-muted:#8e90a2;--js-border:#434656;--js-radius:14px;--js-shadow:0 4px 24px rgba(0,0,0,.45);}.js-nasobilka,.js-vyukova-cesta{max-width:720px;margin:0 auto;padding:1.5rem 1rem 4rem;}.school-audio-controls,.school-audio-row{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;}.school-audio-controls{margin-bottom:1rem;}.school-audio-toggle,.school-audio-btn{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--js-border);border-radius:8px;padding:.45rem .75rem;background:var(--js-surface);color:var(--js-text);font-size:.85rem;cursor:pointer;transition:background .15s,border-color .15s,color .15s;}.school-audio-toggle:hover,.school-audio-btn:hover{background:var(--js-surface2);border-color:var(--js-math);color:var(--js-text);}.school-audio-toggle[aria-pressed="false"]{color:var(--js-muted);}.school-audio-btn.is-loading{opacity:.65;cursor:wait;}.school-audio-note{color:var(--js-muted);font-size:.78rem;}.js-landing,.js-home{max-width:720px;margin:0 auto;padding:1.5rem 1rem 4rem;}.js-hero{text-align:center;padding:2.5rem 1rem 2rem;}.js-hero__icon{font-size:3.5rem;line-height:1;margin-bottom:.5rem;}.js-hero__title{font-size:2rem;font-weight:800;color:var(--js-text);margin-bottom:.5rem;}.js-hero__sub{color:var(--js-muted);font-size:1.05rem;line-height:1.5;}.js-hero__sub strong{color:var(--js-text);}.js-hero__cta{display:flex;gap:.75rem;justify-content:center;margin-top:1.5rem;flex-wrap:wrap;}.js-hero__note{color:var(--js-muted);font-size:.82rem;margin-top:.75rem;}.js-btn{border:none;border-radius:10px;padding:.75rem 1.4rem;font-size:1rem;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block;transition:opacity .15s,transform .1s;}.js-btn:active{transform:scale(.97);}.js-btn--primary{background:var(--js-math);color:#001356;}.js-btn--primary:hover{opacity:.85;color:#001356;}.js-btn--ghost{background:transparent;color:var(--js-text);border:1px solid var(--js-border);}.js-btn--ghost:hover{border-color:var(--js-math);color:var(--js-math);}.js-btn--next{background:var(--js-correct);color:#003739;width:100%;margin-top:.5rem;padding:.85rem;font-size:1.05rem;}.js-btn--next:hover{opacity:.85;}.js-btn--small{padding:.3rem .75rem;font-size:.8rem;border-radius:6px;}.js-home-profile-card{display:flex;align-items:center;gap:1rem;background:var(--js-surface);border:1px solid var(--js-border);border-radius:var(--js-radius);padding:1rem 1.25rem;margin-bottom:1.5rem;text-decoration:none;color:inherit;transition:border-color .15s,background .15s;}.js-home-profile-card:hover{border-color:var(--js-math);background:var(--js-surface2);}.js-home-profile-card__left{display:flex;align-items:center;gap:.75rem;flex:1;}.js-home-profile-card__rank{font-size:2.2rem;line-height:1;}.js-home-profile-card__name{font-size:1rem;font-weight:700;color:var(--js-math);}.js-home-profile-card__xp{font-size:.82rem;color:var(--js-muted);margin-top:.1rem;}.js-home-profile-card__right{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem;min-width:140px;}.js-home-profile-card__btn{font-size:.85rem;color:var(--js-math);white-space:nowrap;}.js-home-profile-card__next{font-size:.75rem;color:var(--js-muted);white-space:nowrap;}.js-home-profile-card__bar-wrap{width:100%;display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;}.js-progress-bar-wrap{background:var(--js-surface);border:1px solid var(--js-border);border-radius:var(--js-radius);padding:1rem 1.25rem;margin-bottom:1.5rem;}.js-rank-badge{font-size:.95rem;color:var(--js-text);margin-bottom:.5rem;}.js-xpbar,.js-xpbar-wrap .js-xpbar{background:var(--js-surface2);border-radius:99px;height:8px;overflow:hidden;margin-bottom:.4rem;}.js-xpbar--sm{height:6px;width:120px;margin-bottom:0;}.js-xpbar__fill{height:100%;background:linear-gradient(90deg,var(--js-math),var(--js-czech));border-radius:99px;transition:width .4s ease;}.js-xpbar__label{font-size:.82rem;color:var(--js-muted);}.js-profile-link{display:inline-block;margin-top:.5rem;font-size:.85rem;color:var(--js-math);text-decoration:none;}.js-profile-link:hover{text-decoration:underline;}.js-features{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem;}.js-feature{display:flex;align-items:flex-start;gap:1rem;background:var(--js-surface);border:1px solid var(--js-border);border-radius:var(--js-radius);padding:.9rem 1.1rem;}.js-feature__icon{font-size:1.8rem;flex-shrink:0;}.js-feature p{color:var(--js-muted);font-size:.88rem;margin-top:.2rem;}.js-feature strong{color:var(--js-text);}.js-demo{background:var(--js-surface);border:1px solid var(--js-math);border-radius:var(--js-radius);padding:1.5rem;text-align:center;margin-bottom:2rem;}.js-demo__label{color:var(--js-muted);font-size:.82rem;margin-bottom:.75rem;}.js-demo__question{font-size:2rem;font-weight:800;color:var(--js-text);margin-bottom:1rem;}.js-demo__options{display:flex;justify-content:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap;}.js-demo__opt{padding:.5rem 1.2rem;border-radius:8px;font-size:1.1rem;font-weight:700;}.js-demo__opt--correct{background:rgba(46,213,115,.15);color:var(--js-correct);border:1px solid var(--js-correct);}.js-demo__opt--wrong{background:var(--js-surface2);color:var(--js-muted);border:1px solid var(--js-border);}.js-demo__feedback{color:var(--js-correct);font-weight:600;margin-bottom:1.25rem;}.js-demo__cta{margin-top:.5rem;}.js-sections{display:flex;flex-direction:column;gap:2rem;}.js-section{margin-bottom:.5rem;}.js-section__title{font-size:1.1rem;font-weight:700;color:var(--js-text);margin-bottom:1rem;}.js-section--grade{display:none;}.js-section--grade.is-active{display:block;}.js-section__grade-title{font-size:1.25rem;font-weight:800;color:var(--js-primary,#2563eb);margin-bottom:1.25rem;}.js-section--sub{margin-bottom:1rem;}.js-cards{display:flex;flex-direction:column;gap:.75rem;}.js-card{display:flex;align-items:center;gap:1rem;background:var(--js-surface);border:1px solid var(--js-border);border-radius:var(--js-radius);padding:1rem 1.25rem;text-decoration:none;color:var(--js-text);box-shadow:var(--js-shadow);transition:transform .15s,border-color .15s,background .15s;}.js-card:hover{transform:translateY(-2px);background:var(--js-surface2);}.js-card--math:hover{border-color:var(--js-math);}.js-card--czech:hover{border-color:var(--js-czech);}.js-card__icon{font-size:1.8rem;flex-shrink:0;}.js-card__body{flex:1;}.js-card__label{display:block;font-weight:600;color:var(--js-text);}.js-card__desc{display:block;font-size:.82rem;color:var(--js-muted);margin-top:.15rem;}.js-card__arrow{color:var(--js-muted);font-size:1.2rem;}.js-game{max-width:640px;margin:0 auto;padding:1.5rem 1rem 4rem;}.js-game__header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;}.js-back{color:var(--js-muted);text-decoration:none;font-size:.9rem;white-space:nowrap;}.js-back:hover{color:var(--js-text);}.js-game__title{flex:1;font-weight:700;font-size:1.05rem;color:var(--js-text);}.js-header-right{display:flex;align-items:center;gap:.75rem;}.js-score{font-size:.85rem;color:var(--js-muted);white-space:nowrap;}.js-score__sep{opacity:.4;}.js-score strong{color:var(--js-text);}.js-profile-btn{font-size:1.3rem;text-decoration:none;opacity:.7;}.js-profile-btn:hover{opacity:1;}.js-arena{background:var(--js-surface);border:1px solid var(--js-border);border-radius:var(--js-radius);padding:2rem 1.75rem;box-shadow:var(--js-shadow);min-height:280px;display:flex;flex-direction:column;gap:1.5rem;border-top:4px solid var(--js-border);transition:border-top-color .3s;}.js-arena[hidden]{display:none !important;}.js-arena--correct{border-top-color:var(--js-correct);}.js-arena--wrong{border-top-color:var(--js-wrong);}.js-question__text{font-size:2rem;font-weight:800;text-align:center;color:var(--js-text);letter-spacing:-.5px;line-height:1.4;}.js-blank{display:inline-block;min-width:2.5rem;border-bottom:3px solid var(--js-math);color:var(--js-math);font-weight:900;margin:0 .15rem;}.js-answer-wrap{display:flex;gap:.75rem;}.js-answer-input{flex:1;padding:.75rem 1rem;font-size:1.2rem;font-weight:700;background:var(--js-surface2);border:1px solid var(--js-border);border-radius:10px;outline:none;color:var(--js-text);transition:border-color .15s;}.js-answer-input::placeholder{color:var(--js-muted);}.js-answer-input:focus{border-color:var(--js-math);}.js-feedback{text-align:center;animation:js-fade-in .3s ease;}.js-feedback__icon{font-size:3rem;margin-bottom:.5rem;}.js-feedback__msg{font-size:1.05rem;font-weight:600;color:var(--js-text);line-height:1.5;margin-bottom:.5rem;}.js-feedback__rule{font-size:.88rem;color:var(--js-muted);background:var(--js-surface2);border:1px solid var(--js-border);border-radius:8px;padding:.5rem .75rem;margin-bottom:.75rem;text-align:left;line-height:1.5;}.js-feedback__xp{display:inline-block;background:rgba(184,195,255,.15);color:var(--js-math);border-radius:6px;padding:.2rem .6rem;font-size:.88rem;font-weight:700;margin-bottom:.75rem;}.js-loading{text-align:center;color:var(--js-muted);font-size:.9rem;padding:1rem 0;}.js-loading__dots{display:flex;justify-content:center;gap:6px;margin-bottom:.5rem;}.js-loading__dots span{width:8px;height:8px;background:var(--js-math);border-radius:50%;animation:js-bounce .9s infinite ease-in-out;}.js-loading__dots span:nth-child(2){animation-delay:.15s;}.js-loading__dots span:nth-child(3){animation-delay:.3s;}.js-medal-overlay[hidden],.js-rankup-overlay[hidden]{display:none !important;}.js-medal-overlay,.js-rankup-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;z-index:9999;animation:js-fade-in .2s ease;}.js-medal-popup{background:#171f33;border:1px solid #b8c3ff;border-radius:20px;padding:2.5rem 2rem;text-align:center;max-width:320px;width:90%;box-shadow:0 8px 40px rgba(0,0,0,.6);animation:js-pop .3s cubic-bezier(.34,1.56,.64,1);}.js-medal-popup__emoji{font-size:4rem;margin-bottom:.75rem;}.js-medal-popup__title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#b8c3ff;margin-bottom:.25rem;}.js-medal-popup__name{font-size:1.4rem;font-weight:800;color:#dae2fd;margin-bottom:.4rem;}.js-medal-popup__desc{font-size:.9rem;color:#8e90a2;margin-bottom:1.25rem;}.js-medal-popup__btn{width:100%;}.js-rankup-popup{background:linear-gradient(160deg,#0a1628 0%,#1c0a30 50%,#0a1628 100%);border:2px solid #ffd700;border-radius:22px;padding:2rem 2rem 2.25rem;text-align:center;max-width:340px;width:90%;box-shadow:0 0 40px rgba(255,215,0,.25),0 12px 50px rgba(0,0,0,.85);animation:js-pop .4s cubic-bezier(.34,1.56,.64,1);}.js-rankup-popup__img{width:160px;height:160px;border-radius:14px;object-fit:cover;margin:0 auto .75rem;display:block;border:2px solid rgba(255,215,0,.5);box-shadow:0 4px 20px rgba(0,0,0,.6);}.js-rankup-popup__emoji{font-size:3.5rem;line-height:1;margin-bottom:.5rem;}.js-rankup-popup__title{font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:#ffd700;margin-bottom:.6rem;text-shadow:0 0 12px rgba(255,215,0,.6);}.js-rankup-popup__name{font-size:1.65rem;font-weight:900;color:#ffffff;margin-bottom:1.5rem;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.8);}.js-rankup-popup__btn{width:100%;background:linear-gradient(135deg,#ffd700 0%,#ff9500 100%);color:#0a1628;border:none;border-radius:12px;padding:.85rem 1.5rem;font-size:1.1rem;font-weight:900;cursor:pointer;transition:opacity .15s,transform .1s;box-shadow:0 4px 16px rgba(255,185,0,.45);letter-spacing:.02em;}.js-rankup-popup__btn:hover{opacity:.88;}.js-rankup-popup__btn:active{transform:scale(.97);}.js-profile{max-width:720px;margin:0 auto;padding:1.5rem 1rem 4rem;}.js-profile__rank-card{background:linear-gradient(135deg,var(--js-surface) 0%,#1e2640 100%);border:1px solid var(--js-math);border-radius:var(--js-radius);padding:1.5rem;display:flex;align-items:center;gap:1.25rem;margin-bottom:1rem;flex-wrap:wrap;}.js-rank-info{flex:1;}.js-rank-name{font-size:1.3rem;font-weight:800;color:var(--js-math);}.js-rank-user{font-size:.9rem;color:var(--js-text);}.js-rank-xp{font-size:.85rem;color:var(--js-muted);margin-top:.15rem;}.js-rank-stats-mini{display:flex;gap:.5rem;flex-wrap:wrap;}.js-stat-pill{background:var(--js-surface2);border:1px solid var(--js-border);border-radius:6px;padding:.3rem .7rem;font-size:.82rem;color:var(--js-text);}.js-xpbar-wrap{margin-bottom:2rem;}.js-xpbar-wrap .js-xpbar{margin-bottom:.4rem;}.js-motivation{background:var(--js-surface);border:1px solid var(--js-border);border-radius:var(--js-radius);padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.75rem;}.js-motivation__overall{color:var(--js-text);font-size:.95rem;}.js-motivation__praise{color:var(--js-correct);font-size:.9rem;}.js-motivation__focus{background:var(--js-surface2);border-left:3px solid var(--js-math);border-radius:0 8px 8px 0;padding:.75rem 1rem;font-size:.9rem;color:var(--js-text);}.js-motivation__tip{color:var(--js-muted);margin-top:.4rem;font-size:.85rem;}.js-error-rate{color:var(--js-wrong);font-size:.82rem;margin-left:.3rem;}.js-rank-avatar{font-size:3.5rem;line-height:1;width:4rem;height:4rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;}.js-avatar-img{width:4rem;height:4rem;border-radius:50%;object-fit:cover;border:2px solid var(--js-math);}.js-avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.6rem;margin-bottom:.75rem;}.js-avatar-pick{background:var(--js-surface);border:2px solid var(--js-border);border-radius:var(--js-radius);padding:.6rem .3rem;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;display:flex;flex-direction:column;align-items:center;gap:.3rem;}.js-avatar-pick:hover{border-color:var(--js-math);background:var(--js-surface2);}.js-avatar-pick--active{border-color:var(--js-math);background:rgba(46,91,255,.12);}.js-avatar-pick__img{width:3rem;height:3rem;border-radius:50%;object-fit:cover;}.js-avatar-pick__emoji{font-size:2.2rem;line-height:1;}.js-avatar-pick__name{font-size:.72rem;color:var(--js-muted);}.js-avatar-note{font-size:.8rem;color:var(--js-muted);margin-top:.25rem;}.js-medal-count{color:var(--js-muted);font-size:.85rem;font-weight:400;margin-left:.4rem;}.js-medals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.75rem;}.js-medal{background:var(--js-surface);border:1px solid var(--js-border);border-radius:var(--js-radius);padding:.75rem .5rem;text-align:center;transition:transform .15s;}.js-medal--earned{border-color:var(--js-math);}.js-medal--earned:hover{transform:translateY(-2px);}.js-medal--locked{opacity:.35;filter:grayscale(.8);}.js-medal__emoji{font-size:2rem;margin-bottom:.3rem;}.js-medal__emoji--locked{filter:grayscale(1);}.js-medal__name{font-size:.72rem;color:var(--js-muted);line-height:1.3;}.js-medal--earned .js-medal__name{color:var(--js-text);}.js-mode-stats{display:flex;flex-direction:column;gap:.75rem;}.js-mode-stat{background:var(--js-surface);border:1px solid var(--js-border);border-radius:var(--js-radius);padding:1rem 1.25rem;}.js-mode-stat__header{display:flex;align-items:center;gap:.75rem;margin-bottom:.6rem;}.js-mode-stat__icon{font-size:1.3rem;}.js-mode-stat__label{flex:1;font-weight:600;color:var(--js-text);font-size:.95rem;}.js-mode-stat__bar-wrap{display:flex;align-items:center;gap:.75rem;margin-bottom:.4rem;}.js-mode-stat__bar{flex:1;background:var(--js-surface2);border-radius:99px;height:6px;overflow:hidden;}.js-mode-stat__bar-fill{height:100%;background:linear-gradient(90deg,var(--js-math),var(--js-correct));border-radius:99px;}.js-mode-stat__acc{font-size:.82rem;color:var(--js-muted);white-space:nowrap;}.js-mode-stat__counts{display:flex;gap:.5rem;flex-wrap:wrap;}.js-mode-stat__empty{font-size:.85rem;color:var(--js-muted);}.js-count{font-size:.82rem;padding:.15rem .5rem;border-radius:4px;}.js-count--ok{background:rgba(46,213,115,.12);color:var(--js-correct);}.js-count--err{background:rgba(255,71,87,.12);color:var(--js-wrong);}.js-count--total{color:var(--js-muted);}.js-recent{overflow-x:auto;}.js-recent__table{width:100%;border-collapse:collapse;font-size:.88rem;}.js-recent__table th{background:var(--js-surface2);color:var(--js-muted);padding:.5rem .75rem;text-align:left;font-weight:600;border-bottom:1px solid var(--js-border);}.js-recent__table td{padding:.5rem .75rem;border-bottom:1px solid var(--js-border);color:var(--js-text);}.js-recent__table tr:hover td{background:var(--js-surface);}.js-recent__date{color:var(--js-muted);font-size:.8rem;}.js-ok{color:var(--js-correct);}.js-err{color:var(--js-wrong);}.js-genre-section{margin-bottom:2.5rem;}.js-genre-desc{color:var(--js-muted);font-size:.88rem;margin:-.5rem 0 1rem;}.js-story-cards{display:flex;flex-direction:column;gap:.75rem;}.js-story-card{display:flex;align-items:center;gap:1rem;background:var(--js-surface);border:1px solid var(--js-border);border-radius:var(--js-radius);padding:1rem 1.25rem;transition:border-color .15s,transform .15s;}.js-story-card:hover{border-color:var(--js-math);transform:translateY(-1px);}.js-story-card--done{border-color:var(--js-correct);opacity:.8;}.js-story-card__emoji{font-size:2.2rem;flex-shrink:0;}.js-story-card__body{flex:1;}.js-story-card__name{font-weight:700;color:var(--js-text);font-size:.95rem;}.js-story-card__desc{font-size:.82rem;color:var(--js-muted);margin-top:.15rem;}.js-story-card__badge{display:inline-block;font-size:.75rem;color:var(--js-correct);background:rgba(46,213,115,.1);border-radius:4px;padding:.1rem .4rem;margin-top:.3rem;}.js-story-card__btn{flex-shrink:0;white-space:nowrap;}.js-story-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--js-surface2);border:1px solid var(--js-border);border-radius:10px;padding:.6rem 1rem;margin-bottom:1rem;font-size:.82rem;flex-wrap:wrap;}.js-story-banner__left{display:flex;align-items:center;gap:.5rem;color:var(--js-text);}.js-story-banner__emoji{font-size:1.1rem;}.js-story-banner__name{font-weight:700;}.js-story-banner__chapter{color:var(--js-muted);}.js-story-banner__right{display:flex;align-items:center;gap:.6rem;flex:1;min-width:120px;max-width:260px;}.js-story-banner__bar-wrap{display:flex;align-items:center;gap:.5rem;flex:1;}.js-story-banner__bar{flex:1;height:6px;background:var(--js-surface);border-radius:99px;overflow:hidden;}.js-story-banner__bar-fill{height:100%;background:linear-gradient(90deg,#00dce5,#b8c3ff);border-radius:99px;transition:width .4s ease;}.js-story-banner__count{font-size:.75rem;color:var(--js-muted);white-space:nowrap;}.js-story-read-btn{background:none;border:1px solid var(--js-border);border-radius:8px;padding:.2rem .4rem;font-size:1rem;cursor:pointer;line-height:1;color:var(--js-text);opacity:.7;transition:opacity .15s;flex-shrink:0;}.js-story-read-btn:hover{opacity:1;}.js-story-reader-overlay[hidden]{display:none !important;}.js-story-reader-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:9999;animation:js-fade-in .2s ease;}.js-story-reader-popup{background:linear-gradient(160deg,#0d1f3c 0%,#0a1628 100%);border:2px solid #00dce5;border-radius:22px;padding:1.5rem 1.75rem 2rem;max-width:480px;width:94%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 0 40px rgba(0,220,229,.15),0 12px 50px rgba(0,0,0,.85);animation:js-pop .35s cubic-bezier(.34,1.56,.64,1);}.js-story-reader-popup__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem;}.js-story-reader-popup__title{font-size:.88rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#00dce5;text-shadow:0 0 12px rgba(0,220,229,.5);}.js-story-reader-popup__close{background:none;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#8e90a2;font-size:.9rem;padding:.2rem .55rem;cursor:pointer;transition:opacity .15s;}.js-story-reader-popup__close:hover{opacity:.7;}.js-story-reader-popup__content{overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:1.25rem;}.js-story-reader-chapter__num{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#00dce5;margin-bottom:.4rem;}.js-story-reader-chapter__text{font-size:.93rem;color:#dae2fd;line-height:1.65;background:rgba(255,255,255,.04);border-radius:10px;padding:.8rem 1rem;}.js-chapter-overlay[hidden]{display:none !important;}.js-chapter-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:9999;animation:js-fade-in .2s ease;}.js-chapter-popup{background:linear-gradient(160deg,#0d1f3c 0%,#0a1628 100%);border:2px solid #00dce5;border-radius:22px;padding:2rem 2rem 2.25rem;text-align:center;max-width:400px;width:92%;box-shadow:0 0 40px rgba(0,220,229,.15),0 12px 50px rgba(0,0,0,.85);animation:js-pop .4s cubic-bezier(.34,1.56,.64,1);}.js-chapter-popup__num{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:#00dce5;margin-bottom:.3rem;text-shadow:0 0 12px rgba(0,220,229,.5);}.js-chapter-popup__story{font-size:.88rem;color:#8e90a2;margin-bottom:1rem;}.js-chapter-popup__text{font-size:.95rem;color:#dae2fd;line-height:1.65;text-align:left;margin-bottom:1.5rem;background:rgba(255,255,255,.04);border-radius:10px;padding:.9rem 1rem;}.js-chapter-popup__finish-icon{font-size:3rem;margin-bottom:.5rem;}.js-chapter-popup__finish-msg{color:#dae2fd;font-size:1rem;font-weight:600;margin-bottom:1rem;}.js-chapter-popup__finished{margin-bottom:1rem;}.js-chapter-popup__btn{width:100%;background:linear-gradient(135deg,#00dce5 0%,#b8c3ff 100%);color:#001356;border:none;border-radius:12px;padding:.85rem 1.5rem;font-size:1.05rem;font-weight:900;cursor:pointer;transition:opacity .15s,transform .1s;box-shadow:0 4px 16px rgba(0,220,229,.3);letter-spacing:.02em;}.js-chapter-popup__btn:hover{opacity:.88;}.js-chapter-popup__btn:active{transform:scale(.97);}@keyframes js-fade-in{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}@keyframes js-bounce{0%,80%,100%{transform:scale(0);}40%{transform:scale(1);}}@keyframes js-pop{0%{transform:scale(.6);opacity:0;}100%{transform:scale(1);opacity:1;}}@media (max-width:480px){.js-question__text{font-size:1.5rem;}.js-answer-wrap{flex-direction:column;}.js-btn--primary:not(.js-btn--small){width:100%;}.js-profile__rank-card{flex-direction:column;text-align:center;}.js-rank-stats-mini{justify-content:center;}}.js-arcade{--js-math:#b8c3ff;--js-text:#dae2fd;--js-muted:#8e90a2;--js-surface:#171f33;--js-surface2:#222a3d;--js-border:#434656;--js-radius:14px;--js-shadow:0 2px 12px rgba(0,0,0,.35);}.js-arcade-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem;margin-top:1.5rem;}.js-arcade-card{background:var(--js-surface);border:1px solid var(--js-border);border-radius:var(--js-radius);padding:1.5rem 1rem;text-align:center;text-decoration:none;color:var(--js-text);display:flex;flex-direction:column;align-items:center;gap:.75rem;transition:transform .15s,border-color .15s;}.js-arcade-card:hover{transform:translateY(-3px);border-color:var(--js-math);}.js-arcade-card__emoji{font-size:2.8rem;}.js-arcade-card__name{font-size:1.1rem;font-weight:700;}.js-arcade-card__desc{font-size:.82rem;color:var(--js-muted);flex:1;}.js-arcade-card__btn{margin-top:.5rem;}.js-game-wrap{--js-math:#b8c3ff;--js-text:#dae2fd;--js-muted:#8e90a2;--js-surface:#171f33;--js-surface2:#222a3d;--js-border:#434656;--js-radius:14px;max-width:520px;margin:0 auto;padding:.75rem;}.js-game-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap;}.js-game-score-wrap{margin-left:auto;font-size:.9rem;color:var(--js-muted);}.js-game-score-wrap strong{color:var(--js-text);}.js-canvas-wrap{position:relative;}#js-game-canvas{display:block;width:100%;border-radius:var(--js-radius);border:1px solid var(--js-border);background:#0d1220;}.js-game-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(10,14,25,.8);border-radius:var(--js-radius);}.js-game-overlay[hidden]{display:none !important;}.js-game-overlay__box{text-align:center;}.js-game-overlay__title{font-size:1.5rem;font-weight:800;color:var(--js-text);margin-bottom:.5rem;}.js-game-overlay__score{font-size:1rem;color:var(--js-math);margin-bottom:1.25rem;}.js-chest-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:1.5rem;}.js-chest{perspective:800px;cursor:pointer;display:flex;flex-direction:column;border-radius:var(--js-radius);overflow:hidden;background:var(--js-surface);border:1px solid var(--js-border);transition:border-color .2s,box-shadow .2s;}.js-chest:hover{border-color:var(--js-math);box-shadow:0 4px 18px rgba(184,195,255,.12);}.js-chest__lid{background:#2a1a00;border-bottom:2px solid #7a4a00;transform-origin:top center;transition:transform .6s cubic-bezier(.4,0,.2,1);padding:.8rem 1rem .5rem;display:flex;align-items:center;justify-content:center;}.js-chest--locked .js-chest__lid{background:#1a1428;border-bottom-color:#3a2a5a;}.js-chest--opening .js-chest__lid{transform:rotateX(-110deg);}.js-chest__lid-icon{font-size:1.6rem;}.js-chest__body{padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;flex:1;}.js-chest__game-emoji{font-size:2.6rem;}.js-chest__game-name{font-weight:700;color:var(--js-text);font-size:1.05rem;}.js-chest__game-desc{font-size:.8rem;color:var(--js-muted);flex:1;}.js-chest__play-btn{margin-top:.4rem;width:100%;}.js-chest__mystery{font-size:2.8rem;color:#4a3a6a;filter:blur(1px);}.js-chest__mystery-text{font-size:.85rem;color:var(--js-muted);}.js-chest__locked-hint{font-size:.78rem;color:var(--js-muted);padding:.3rem .6rem;background:rgba(255,255,255,.04);border-radius:6px;}.js-chest__open-btn{margin-top:.4rem;width:100%;}.js-chest--open{border-color:rgba(184,195,255,.3);}.js-chest--open .js-chest__lid{background:#3a2200;border-bottom-color:#aa6600;}.js-chest--just-opened{animation:chestGlow .8s ease-out;}@keyframes chestGlow{0%{box-shadow:0 0 0 0 rgba(255,200,50,.6);}60%{box-shadow:0 0 30px 10px rgba(255,200,50,.3);}100%{box-shadow:none;}}.js-arcade-locked-banner{display:flex;align-items:center;gap:.75rem;background:rgba(255,80,80,.1);border:1px solid rgba(255,80,80,.25);border-radius:var(--js-radius);padding:.9rem 1.2rem;margin-bottom:1.5rem;color:#ffaaaa;font-size:.92rem;}.js-arcade-locked-banner__icon{font-size:1.4rem;}.js-arcade-open-banner{text-align:center;color:var(--js-math);font-size:.9rem;margin-bottom:1.25rem;opacity:.85;}.js-arcade-time-bar{background:rgba(184,195,255,.07);border:1px solid var(--js-border);border-radius:var(--js-radius);padding:.75rem 1rem;margin-bottom:1.5rem;}.js-arcade-time-bar__label{font-size:.85rem;color:var(--js-muted);margin-bottom:.4rem;}.js-arcade-time-bar__label strong{color:var(--js-text);}.js-arcade-time-bar__track{height:6px;background:rgba(255,255,255,.08);border-radius:4px;overflow:hidden;}.js-arcade-time-bar__fill{height:100%;background:var(--js-math);border-radius:4px;transition:width .5s ease;}.js-game-time-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(10,14,25,.9);border-radius:var(--js-radius);z-index:10;}.js-game-time-overlay[hidden]{display:none !important;}.js-grade-tabs{display:flex;gap:.75rem;margin-bottom:1.75rem;flex-wrap:wrap;}.js-grade-tab{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.4rem;border-radius:999px;border:2px solid transparent;background:rgba(255,255,255,.07);color:var(--js-text,#e2e8f0);font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s;}.js-grade-tab:hover{background:rgba(255,255,255,.13);}.js-grade-tab.is-active{border-color:var(--js-primary,#6c8ebf);background:rgba(108,142,191,.18);color:var(--js-primary,#6c8ebf);}.js-learning-paths{margin:1.5rem 0 2rem;}.js-lp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;}.js-lp-card{display:flex;align-items:center;gap:.75rem;padding:1rem;border:2px solid #e0e0e0;border-radius:14px;background:transparent;text-decoration:none;color:var(--js-text);transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;}.js-lp-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08);border-color:#57a87a;}.js-lp-icon{font-size:1.6rem;}.js-lp-body{display:flex;flex-direction:column;}.js-lp-body small{color:var(--js-muted);}.js-lp-arrow{margin-left:auto;color:#999;}
#studiografix-newsletter-popup{position:fixed;bottom:24px;right:24px;width:340px;background:var(--surface-container-high,#222a3d);border:1px solid rgba(255,255,255,0.08);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,0.4);padding:24px;z-index:1000;display:none;color:var(--on-surface,#dae2fd);}#studiografix-newsletter-popup h3{margin-top:0;margin-bottom:8px;font-size:var(--text-lg,1.125rem);font-weight:700;color:var(--on-surface,#dae2fd);}#studiografix-newsletter-popup p{margin-bottom:16px;font-size:var(--text-sm,0.875rem);color:var(--on-surface-variant,#c4c5d9);line-height:1.5;}#studiografix-newsletter-popup .close-popup{position:absolute;top:12px;right:16px;cursor:pointer;font-weight:700;font-size:18px;color:var(--on-surface-variant,#c4c5d9);line-height:1;transition:color 0.2s;}#studiografix-newsletter-popup .close-popup:hover{color:var(--on-surface,#dae2fd);}#newsletter-form-wrapper #newsletter-form-message{color:#4ade80;margin-bottom:12px;font-size:var(--text-sm,0.875rem);}#studiografix-newsletter-popup input[type="email"]{width:100%;padding:10px 14px;background:var(--surface-container-highest,#2d3449);border:1px solid rgba(255,255,255,0.1);border-radius:8px;color:var(--on-surface,#dae2fd);font-size:var(--text-sm,0.875rem);box-sizing:border-box;margin-bottom:12px;outline:none;transition:border-color 0.2s;}#studiografix-newsletter-popup input[type="email"]:focus{border-color:var(--primary-container,#2e5bff);}#studiografix-newsletter-popup input[type="email"]::placeholder{color:var(--on-surface-variant,#c4c5d9);opacity:0.6;}#studiografix-newsletter-popup input[type="submit"]{width:100%;padding:11px;background:linear-gradient(135deg,var(--primary-container,#2e5bff),var(--primary,#b8c3ff));color:var(--on-primary-fixed,#001356);font-weight:700;border:none;border-radius:8px;cursor:pointer;font-size:var(--text-sm,0.875rem);transition:box-shadow 0.2s,transform 0.1s;}#studiografix-newsletter-popup input[type="submit"]:hover{box-shadow:0 0 0 4px rgba(46,91,255,0.20);transform:translateY(-1px);}