/* Layout: lišta s maskotem → reklamní pruh → stránka složená z vodorovných sekcí (pásů) střídajících bílé a tónované pozadí; obsah max 1100 px */
:root{
  --bg:#ffffff; --band:#f2f6fa; --hero:#e8f3fb; --brand:#2f86c8; --orange:#ec8424; --orbg:#fff1e3; --ink:#22263a; --mute:#5e6478; --line:#dfe3ec;
  --mat:#2a7cc0; --matbg:#e6f1fa; --cj:#d2383f; --cjbg:#fdeced;
  --ok:#14834d; --okbg:#e8f6ee; --ko:#c45a00; --kobg:#fdf1e6; --sun:#ec8424;
  --body:"Andika", "Trebuchet MS", sans-serif;
  --head:"Lexend", "Trebuchet MS", sans-serif;
  color-scheme:light;
}
:root[data-theme="dark"]{
  --bg:#14161f; --band:#1b1e2a; --hero:#172533; --orbg:#33230f; --ink:#eceef5; --mute:#a3a9bb; --line:#2f3444;
  --mat:#82a2ff; --matbg:#1c2544; --cj:#ff858a; --cjbg:#3a1d22; --ok:#4fd08f; --okbg:#13291e; --ko:#ffab63; --kobg:#2e2114; color-scheme:dark;}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:19px;line-height:1.55;-webkit-text-size-adjust:100%}
a{color:inherit}
h1,h2,h3,p{margin:0}
h1,h2,h3,.btn,.gn,.snum,.mark,.prompt.big,.bigline,.ans,.ch,.sico,.gbig,.pqn,.qn,.kicker,.tabs,.logo{font-family:var(--head)}
h1{font-size:clamp(30px,4.6vw,44px);line-height:1.12;font-weight:700;letter-spacing:-.4px;text-wrap:balance}
.h3{font-size:20px;margin:0 0 6px}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:3px solid var(--acc,var(--mat));outline-offset:2px;border-radius:4px}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.s-mat{--acc:var(--mat);--accbg:var(--matbg)} .s-cj{--acc:var(--cj);--accbg:var(--cjbg)}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px}
.smute{color:var(--mute);font-size:16px}
.note{color:var(--mute);font-size:16px;margin-top:14px}
.sub{color:var(--mute);margin-top:8px;max-width:60ch}
.sub.big{font-size:21px}
.btn{border:0;background:var(--acc,var(--mat));color:#fff;font-weight:600;padding:12px 22px;border-radius:10px;font-size:17px;text-decoration:none;display:inline-block}
.btn:disabled{opacity:.4;cursor:not-allowed}
.btn.ghost{background:var(--bg);color:var(--ink);border:2px solid var(--line)}
.btn:not(:disabled):hover{filter:brightness(1.07)}
.linkbtn{border:0;background:none;text-decoration:underline;color:var(--mute);padding:0}
.tag{font-style:normal;font-size:13px;font-weight:700;padding:2px 8px;border-radius:20px;background:var(--line);color:var(--mute);display:inline-block;margin-top:8px;font-family:var(--head)}
.tag.go{background:var(--orange);color:#fff}

/* lišta */
.top{background:var(--bg);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.top .wrap{display:flex;align-items:center;gap:22px;min-height:66px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:8px;text-decoration:none;font-weight:700;font-size:26px;letter-spacing:-.5px}
.logo small{font-size:15px;color:var(--mute);font-weight:400}
.logo img{display:block;height:auto}
.logo img:first-child{width:52px}.logo img+img{width:150px}
.mascot{display:block;height:auto;max-width:100%}
.m-think{transform:rotate(-6deg)}
.m-oops{transform:rotate(7deg)}
.m-cheer{animation:hop .6s ease-out 1}
@keyframes hop{0%{transform:translateY(0)}40%{transform:translateY(-10px)}100%{transform:translateY(0)}}
.motto{font-size:13px;color:var(--mute);line-height:1.2;max-width:120px}
.tnav{display:flex;gap:18px;font-size:16px;font-family:var(--head)}
.tnav a{text-decoration:none;color:var(--mute);padding:6px 0}
.tnav a:hover{color:var(--ink)}
.tdd{position:relative}.tdd summary{list-style:none;cursor:pointer;color:var(--mute);padding:6px 0;white-space:nowrap}.tdd summary::-webkit-details-marker{display:none}.tdd summary::after{content:" ▾";font-size:.8em}.tdd summary:hover,.tdd[open] summary{color:var(--ink)}.tdd>div{position:absolute;top:calc(100% + 6px);right:0;background:var(--card,#fff);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.12);padding:6px;min-width:210px;z-index:60;display:flex;flex-direction:column}.tdd>div a{padding:9px 12px!important;border-radius:9px;color:var(--ink);white-space:nowrap}.tdd>div a:hover{background:var(--soft,#f3f0ff)}
.tnav{overflow:visible!important}@media(max-width:940px) and (min-width:641px){.top .wrap{flex-wrap:wrap!important;row-gap:4px;padding-top:6px;padding-bottom:4px}.tnav{order:3;flex:1 0 100%!important;gap:22px!important;font-size:15px}.srch-btn{margin-left:auto!important}.meta{margin-left:10px!important}}@media(max-width:640px){.tdd>div{left:0;right:auto}}
.meta{margin-left:auto;display:flex;gap:8px;font-size:15px;font-family:var(--head)}
.meta>*{background:var(--band);padding:5px 12px;border-radius:20px;text-decoration:none;white-space:nowrap}
.meta b{font-weight:700}
.meta{align-items:center}.meta>*{display:inline-flex;align-items:center;gap:3px;line-height:1.2}

/* pásy */
.band{padding:40px 0}
.band.alt{background:var(--band)}
.band.thin{padding:18px 0 0}
.band.adband{padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--band)}
.band.phead{background:var(--accbg,var(--band));padding:26px 0 30px}
.band.hero{background:var(--hero);padding:44px 0 36px}
.band.phead+.band:not(.adband){padding-top:30px}
.sech{margin-bottom:22px}
#rocniky{display:block;scroll-margin-top:90px}
.sech h2{font-size:28px;font-weight:700}
.sech p{color:var(--mute);margin-top:4px;max-width:62ch}
.crumbs{font-size:15px;color:var(--mute);margin-bottom:14px;display:flex;flex-wrap:wrap;gap:6px}
.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline}
.ph{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.ph .tabs{margin-left:auto}

/* reklamy */
.adtop{padding:12px 20px}
.adslot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:2px dashed var(--line);border-radius:10px;text-decoration:none;color:var(--mute);background:var(--bg);margin:0 auto;width:100%;transition:border-color .15s}
.adslot:hover{border-color:var(--mute)}
.adslot[data-slot="top"],.adslot[data-slot="grade"],.adslot[data-slot="result"]{max-width:728px;min-height:90px}
.adslot[data-slot="home"]{max-width:970px;min-height:250px}
.adslot[data-slot="side"]{max-width:300px;min-height:250px;margin-top:18px}
.adslot.filled,.adslot.banner{border:0;background:none}
.adslot img{max-width:100%;height:auto;display:block}
.adk{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;font-weight:700}
.adt{font-family:var(--head);font-weight:600;color:var(--ink);font-size:16px}
.ads{font-size:13px}

/* úvod */
.herogrid{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;align-items:center}
.kicker{font-size:14px;text-transform:uppercase;letter-spacing:1.5px;font-weight:600;color:var(--orange);margin-bottom:10px}
.flow{list-style:none;padding:0;margin:22px 0 0;display:flex;gap:10px;flex-wrap:wrap}
.flow li{background:var(--bg);border-radius:30px;padding:6px 14px 6px 6px;display:flex;align-items:center;gap:8px;font-size:16px}
.flow b{background:var(--ink);color:var(--bg);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-family:var(--head);font-size:14px}
.cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.herom{display:flex;flex-direction:column;align-items:center;gap:6px}
.say{background:var(--bg);border-radius:16px;padding:12px 16px;font-size:17px;position:relative;max-width:300px}
.say::after{content:"";position:absolute;bottom:-10px;left:50%;border:10px solid transparent;border-bottom:0;border-top-color:var(--bg);transform:translateX(-50%)}
.rl{font-size:13px;text-transform:uppercase;letter-spacing:1px;font-weight:700;color:var(--mat)}
.rp{margin-left:auto;font-family:var(--head)}
.stage{font-size:14px;text-transform:uppercase;letter-spacing:1.2px;color:var(--mute);font-weight:700;margin:6px 0 8px;font-family:var(--head)}
.grades{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}
.gbtn{background:var(--band);border-radius:14px;padding:16px 18px;text-decoration:none;display:flex;flex-direction:column;min-height:126px;border:2px solid transparent;transition:border-color .15s}
.gbtn:hover{border-color:var(--mat)}
.gn{font-size:48px;font-weight:700;line-height:1;color:var(--mat)}
.gl{font-size:16px}
.gp{margin-top:auto;font-size:14px;color:var(--mute)}
.subjects,.discover{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.subjects{grid-template-columns:repeat(3,1fr)}
@media (max-width:960px){.subjects{grid-template-columns:repeat(2,1fr)}}
.stile,.dtile{display:flex;gap:16px;align-items:flex-start;background:var(--bg);border:2px solid var(--line);border-radius:14px;padding:18px;text-decoration:none;transition:border-color .15s}
a.stile:hover{border-color:var(--acc)} a.dtile:hover{border-color:var(--ink)}
.stile b,.dtile b{display:block;font-family:var(--head);font-size:20px}
.stile span span,.dtx>span{color:var(--mute);font-size:16px;display:block}
.stile.off,.dtile.off{opacity:.65}
.sico{flex:none;width:54px;height:54px;border-radius:12px;display:grid;place-items:center;font-weight:700;font-size:19px;background:var(--accbg,var(--line));color:var(--acc,var(--mute))}
.sico.big{width:72px;height:72px;font-size:26px}
.dico{flex:none;width:58px;height:58px;border-radius:12px;display:grid;place-items:center;background:var(--band)}
.dico.big{width:84px;height:84px}
.band.alt .dtile,.band.alt .stile{background:var(--bg)}
.tests4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.tests4 div{padding:4px 0 4px 14px;border-left:3px solid var(--sun)}
.tests4 b{display:block;font-family:var(--head)}
.tests4 span{font-size:15px;color:var(--mute)}

/* předmět */
.sgrades{display:flex;flex-direction:column;gap:10px}
.sg{display:grid;grid-template-columns:70px 1fr auto;gap:16px;align-items:center;padding:14px 18px;border:2px solid var(--line);border-radius:14px;text-decoration:none}
.sg:hover{border-color:var(--acc)}
.sg .gn{color:var(--acc);font-size:40px}
.sg b{display:block;font-family:var(--head)}
.cnt{font-size:15px;color:var(--mute);white-space:nowrap}

/* ročník */
.gbig{font-size:64px;font-weight:700;color:var(--acc);line-height:1}
.tabs{display:flex;gap:6px;background:var(--bg);padding:5px;border-radius:12px}
.tabs a{text-decoration:none;font-weight:600;padding:8px 16px;border-radius:8px;color:var(--mute);font-size:16px}
.tabs{flex-wrap:wrap}
.tabs a.on{background:var(--acc);color:#fff}
.quarters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.qcol,.qcol *{min-width:0}.qcol{overflow-wrap:break-word}.qcol .tlist{display:flex;flex-direction:column;gap:8px;margin:0}@media(max-width:1120px) and (min-width:961px){.quarters{gap:10px}.qcol{padding:12px}}
.qcol{background:var(--band);border-radius:14px;padding:16px;display:flex;flex-direction:column}
.qcol header{display:flex;gap:10px;align-items:center;margin-bottom:10px}
.qn{width:34px;height:34px;border-radius:50%;background:var(--acc);color:#fff;display:grid;place-items:center;font-weight:700;flex:none}
.qcol header b{display:block;font-family:var(--head);font-size:17px;line-height:1.2}
.qcol header span span{font-size:14px;color:var(--mute)}
.tlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.tlist a{display:grid;grid-template-columns:1fr auto;column-gap:8px;background:var(--bg);border-radius:10px;padding:10px 12px;text-decoration:none;border:2px solid transparent}
.tlist a:hover{border-color:var(--acc)}
.tn{font-weight:700;line-height:1.3}
.td{grid-column:1/-1;font-size:14px;color:var(--mute);line-height:1.35;margin-top:2px}
.tp{font-size:14px;color:var(--mute);white-space:nowrap;font-family:var(--head)}
.tp.done{color:var(--ok);font-weight:700}
.bar{grid-column:1/-1;height:4px;background:var(--line);margin-top:8px;display:block;border-radius:4px;overflow:hidden}
.bar i{display:block;height:100%;background:var(--ok)}
.bar.big{height:8px}
.testlink{margin-top:auto;display:flex;gap:10px;align-items:center;background:var(--orbg);border-radius:10px;padding:10px 12px;text-decoration:none;margin-top:14px;border:2px solid transparent}
.testlink:hover{border-color:var(--sun)}
.tli{font-size:22px}
.testlink b{display:block;font-family:var(--head);font-size:16px}
.testlink span span{font-size:13px;color:var(--mute)}
.gnav{display:flex;justify-content:space-between;margin-top:26px;font-family:var(--head)}
.gnav a{text-decoration:none;color:var(--acc);font-weight:600}

/* procvičování */
.pgrid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:36px;align-items:start}
.teach{margin:0 0 20px;background:var(--accbg);border-radius:14px;padding:14px 18px}
.teach summary{cursor:pointer;font-weight:700;font-family:var(--head)}
.tbody .tx-steps{margin:8px 0 12px 22px;padding:0}.tbody .tx-steps li{margin:4px 0}
.tbody .tx-ex,.tbody .tx-pozor,.tbody .tx-tip{border-radius:12px;padding:10px 14px;margin:10px 0;background:var(--bg);border:2px solid var(--line)}
.tbody .tx-pozor{border-color:#f5c2a0;background:#fff7f1}.tbody .tx-tip{border-color:#bfe3c8;background:#f3fbf5}
.tbody .tx-l{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--mute);margin-bottom:2px}
.tbody .tx-ex p,.tbody .tx-pozor p,.tbody .tx-tip p{margin:2px 0}.tbody .tx-z{font-weight:700}
.dtab{border-collapse:collapse;margin:6px auto 12px;font-size:18px}.dtab th,.dtab td{border:2px solid var(--line);padding:6px 14px;text-align:center}.dtab th{background:var(--band)}
.coins{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center}
.coin{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3c4,#e8b93c 70%);border:3px solid #c8962a;font-family:var(--head);font-weight:700;font-size:16px;color:#5a3d00}
.coin.s{background:radial-gradient(circle at 35% 30%,#fff,#c9ced6 70%);border-color:#8d96a3;color:#333}
.bill{display:inline-grid;place-items:center;width:96px;height:52px;border-radius:8px;background:linear-gradient(135deg,#d9f0dc,#9fd3a8);border:3px solid #5fa86c;font-family:var(--head);font-weight:700;color:#1d4d27}
.emo{font-size:36px;line-height:1.3;letter-spacing:3px}.emo2{display:flex;gap:24px;justify-content:center}.emo2>div{border:2px dashed var(--line);border-radius:14px;padding:8px 14px;min-width:120px;text-align:center}
.ctd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin:10px 0 20px}.ctd-card{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:2px solid var(--line);border-radius:12px;text-decoration:none;color:inherit;background:var(--card,#fff)}.ctd-card:hover{border-color:var(--accent,#7048e8)}.ctd-card small{opacity:.7}.ctd-tab{border-collapse:collapse;margin:8px 0 16px}.ctd-tab th,.ctd-tab td{border:1px solid var(--line);padding:6px 12px;text-align:left}.ctd-tab th{background:var(--soft,#f3f0ff)}.ctd-q{margin:12px 0}.ctd-o{display:inline-block;margin:4px 6px 4px 0;padding:8px 14px;border:2px solid var(--line);border-radius:10px;background:var(--card,#fff);cursor:pointer;font:inherit}.ctd-o.ok{border-color:#2f9e44;background:#ebfbee}.ctd-o.bad{border-color:#e03131;background:#fff5f5}
.fgrid{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px}.fgrid a{color:var(--ink);font-weight:600}.fbot{display:flex;gap:10px 20px;flex-wrap:wrap;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px}.fbot .inst,footer .inst{flex-basis:100%;margin:6px 0 0;font-size:14px}
.tbody{line-height:1.6}.tbody table{border-collapse:collapse;width:100%;margin:10px 0 12px;background:var(--card,#fff);font-size:.93em;border-radius:10px;overflow:hidden}.tbody th,.tbody td{border:1px solid var(--line);padding:7px 10px;text-align:left;vertical-align:top}.tbody th{background:var(--soft,#f3f0ff)}.tbody td:first-child{font-weight:600}
@media(max-width:640px){footer .wrap{display:block!important}.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}.fgrid a{display:block;padding:2px 0}.fbot{flex-direction:column;font-size:14px}.teach{padding:12px 13px}.tbody{max-width:none}.tbody table{font-size:.88em}.tbody th,.tbody td{padding:6px 7px}
 .top .wrap{display:flex;flex-wrap:wrap!important;align-items:center}.logo{order:0}.logo img:first-child{width:34px}.logo img+img{width:98px}
 .srch-btn{order:1!important;margin-left:auto!important;padding:5px!important}.meta{order:2!important;margin-left:6px!important;gap:3px!important;font-size:13px!important}.meta>*{padding:3px 7px!important}.meta .m-bdg{display:none!important}
 .tnav{order:3!important;flex:1 0 100%!important;width:100%!important;gap:12px!important;font-size:14.5px!important;justify-content:space-between;overflow:visible!important;padding:2px 0 4px!important}}
@media(max-width:640px){.tnav{align-items:center}.tdd summary{padding:0}.flinks{grid-template-columns:1fr 1fr!important;font-size:14px!important}}
@media(max-width:380px){.tnav{font-size:13.5px!important;gap:6px!important}.logo img:first-child{width:30px}.logo img+img{width:84px}.meta>*{padding:3px 5px!important}.top .wrap{gap:6px!important}}
p:has(>.btn~.btn),div:has(>.btn~.btn):not(.grades):not(.subjects):not(.modes),.gbtns{display:flex!important;flex-wrap:wrap;gap:10px;align-items:center}p:has(>.btn~.btn)>.btn,div:has(>.btn~.btn)>.btn,.gbtns>.btn{margin:0!important}
.htri{display:flex;flex-direction:column;align-items:center;gap:5px;margin:12px 0}.htri>div{display:flex;gap:5px}.htri span{min-width:46px;padding:8px 6px;border:2px solid var(--line);border-radius:9px;text-align:center;font-weight:800;background:var(--card,#fff)}.hq{color:var(--accent,#e8590c)}.htab{border-collapse:collapse;margin:10px auto;font-size:15px}.htab th,.htab td{border:1px solid var(--line);padding:6px 12px;text-align:center}.htab th{background:var(--soft,#f3f0ff)}.hweb{display:flex;flex-direction:column;gap:8px;align-items:center;margin:12px 0;font-size:20px;font-weight:800}.har{display:inline-block;padding:2px 8px;margin:0 4px;border-radius:20px;background:var(--soft,#f3f0ff);font-size:15px}.hvah{display:flex;align-items:center;justify-content:center;gap:14px;margin:12px 0;font-size:22px;font-weight:800}.hvah>div{border:2px solid var(--line);border-radius:12px;padding:8px 14px;min-width:110px;text-align:center}.hvah>b{font-size:34px}
.colsum{font-family:var(--head);font-size:30px;line-height:1.25;display:inline-block;text-align:right;white-space:pre}.colsum u{text-decoration:none;border-bottom:3px solid var(--ink);display:inline-block}
.sumk{background:var(--acc);color:#fff;font-size:13px;padding:2px 8px;border-radius:6px;margin-right:6px;text-transform:uppercase;letter-spacing:.8px}
.tbody{margin-top:10px;max-width:64ch}
.tbody p+p{margin-top:8px}
.ex{border:2px solid var(--line);border-radius:16px;padding:22px 24px 24px;display:flex;flex-direction:column;gap:16px}
.extop{display:flex;justify-content:space-between;align-items:center;gap:12px}
.exn{font-size:14px;color:var(--mute);text-transform:uppercase;letter-spacing:1px;font-weight:700;font-family:var(--head)}
.lead{font-weight:700;color:var(--mute);font-size:17px}
.prompt{font-size:23px;line-height:1.45}
.prompt.big{font-size:clamp(40px,7vw,58px);font-weight:600;text-align:center;letter-spacing:.5px}
.bigline{font-size:clamp(28px,5vw,40px);font-weight:600;display:block;text-align:center}
.nowrap{white-space:nowrap}
.gap{display:inline-block;min-width:.9em;padding:0 1px;border-bottom:3px solid var(--acc);color:var(--acc);font-weight:700;text-align:center}
.gap.ok{color:var(--ok);border-color:var(--ok)} .gap.ko{color:var(--ko);border-color:var(--ko)}
.fr{display:inline-flex;flex-direction:column;align-items:center;vertical-align:middle;line-height:1.05;margin:0 3px;font-family:var(--head)}
.fr span:first-child{border-bottom:2px solid currentColor}
.fr span{padding:0 4px}
pre.col{font-family:var(--head);font-size:26px;line-height:1.35;margin:4px auto;background:var(--band);padding:10px 18px;display:block;width:max-content;max-width:100%;overflow-x:auto;border-radius:10px;font-variant-numeric:tabular-nums;white-space:pre}
.why pre.col{font-size:19px;margin:6px 0}
.steps{margin:8px 0 0;padding-left:22px}
.dotbox{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;font-size:40px;letter-spacing:6px;color:var(--acc)}
.dots{letter-spacing:2px;color:var(--acc)}
svg.shape{display:block;margin:0 auto;fill:var(--accbg);stroke:var(--acc);stroke-width:4}
svg.clock{display:block;margin:0 auto}
svg.clock>circle:first-child{fill:var(--bg);stroke:var(--ink);stroke-width:2.5}
svg.clock text{font-size:10px;fill:var(--ink);font-family:var(--head)}
svg.clock .hh{stroke:var(--ink);stroke-width:4;stroke-linecap:round}
svg.clock .mh{stroke:var(--acc);stroke-width:2.5;stroke-linecap:round}
svg.clock .pin{fill:var(--ink)}
.sys{font-family:var(--head);font-size:24px;line-height:1.7;text-align:center;border-left:3px solid var(--ink);display:inline-block;padding-left:12px}
.prompt sup{font-size:.55em}
.ansrow{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap}
.ansrow.end{justify-content:flex-end}
.ans{font-size:30px;font-weight:600;padding:6px 12px;width:230px;max-width:100%;text-align:center;border:2px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink)}
.ans::placeholder{font-size:18px;font-weight:400;color:var(--mute)}
.ans:focus{border-color:var(--acc);outline:none}
.ans.ok{border-color:var(--ok);background:var(--okbg)} .ans.ko{border-color:var(--ko);background:var(--kobg)}
.unit{font-size:20px;color:var(--mute);font-family:var(--head)}
.choices{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.ch{min-width:84px;padding:12px 22px;font-size:28px;font-weight:600;border:2px solid var(--line);background:var(--bg);border-radius:12px}
.choices.words{flex-direction:column;align-items:stretch;max-width:540px;margin:0 auto;width:100%}
.choices.words .ch{font-family:var(--body);font-size:19px;font-weight:400;text-align:left;min-width:0}
.ch:not(:disabled):hover{border-color:var(--acc)}
.ch.sel{border-color:var(--acc);background:var(--accbg)}
.ch.ok{border-color:var(--ok);background:var(--okbg);color:var(--ok)}
.ch.ko{border-color:var(--ko);background:var(--kobg);color:var(--ko)}
.ch:disabled{cursor:default}
.otarget{min-height:60px;border:2px dashed var(--line);border-radius:12px;padding:8px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.otarget:empty::before{content:"Klikej na slova ve správném pořadí";color:var(--mute);padding:0 6px;font-size:16px}
.otarget.ok{border:2px solid var(--ok);background:var(--okbg)} .otarget.ko{border:2px solid var(--ko);background:var(--kobg)}
.opool{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;min-height:50px}
.chip{padding:8px 14px;border:2px solid var(--line);background:var(--bg);border-radius:10px;font-size:19px}
.chip.on{border-color:var(--acc)}
.ix{font-size:13px;font-weight:700;color:var(--acc);margin-right:6px;font-family:var(--head)}
.hint{position:relative}
.hbtn{border:2px solid var(--orange);background:var(--orbg);border-radius:30px;padding:4px 14px 4px 5px;font-size:16px;display:flex;align-items:center;gap:8px;font-family:var(--head)}
.hbtn .qm{width:26px;height:26px;border-radius:50%;background:var(--orange);color:#fff;font-weight:700;display:grid;place-items:center;font-size:15px}
.hbtn.used{opacity:.7}
.bub{position:absolute;right:0;top:calc(100% + 10px);width:min(340px,80vw);background:var(--ink);color:var(--bg);padding:14px 16px;font-size:17px;line-height:1.45;border-radius:12px;opacity:0;visibility:hidden;transition:opacity .12s;z-index:5}
.bub::before{content:"";position:absolute;top:-8px;right:30px;border:8px solid transparent;border-top:0;border-bottom-color:var(--ink)}
.bubnote{display:block;margin-top:8px;font-size:14px;opacity:.75}
.hint.open .bub{opacity:1;visibility:visible}.bub .bx{position:absolute;top:4px;right:6px;border:0;background:none;font-size:18px;line-height:1;cursor:pointer;color:inherit;opacity:.7}.bub{padding-right:28px}
.fb{border-radius:14px;padding:14px 16px;display:flex;gap:14px;align-items:flex-start}
.fb.ok{background:var(--okbg)} .fb.ko{background:var(--kobg)}
.fbm{flex:none}
.fbc{display:flex;flex-direction:column;gap:10px;flex:1;min-width:0}
.fbt{font-size:21px;font-weight:700;font-family:var(--head)}
.fb.ok .fbt{color:var(--ok)} .fb.ko .fbt{color:var(--ko)}
.pts{font-size:16px;font-weight:600}
.bonus,.fbw{font-size:17px}
.why{display:flex;flex-direction:column;gap:2px;font-size:18px;background:var(--bg);padding:12px 14px;border-radius:10px}
.whyl{font-size:13px;text-transform:uppercase;letter-spacing:1px;font-weight:700;color:var(--acc);font-family:var(--head)}
.fbc .btn{align-self:flex-start}
.side{display:flex;flex-direction:column;gap:12px}
.sbox{background:var(--band);border-radius:14px;padding:14px 16px;display:block;text-decoration:none}
a.sbox:hover{outline:2px solid var(--acc)}
.slabel{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--mute);font-weight:700;margin-bottom:4px;font-family:var(--head)}
.snum{font-size:34px;font-weight:700;line-height:1.1}
.snum small{font-size:18px;color:var(--mute);font-weight:400}
.side .bar{margin:8px 0 6px}
.slink b{color:var(--acc);font-family:var(--head)}

/* písemka */
.tintro{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:start;max-width:900px}
.plain{margin:4px 0 14px;padding-left:22px}
.modes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}
.mode{text-align:left;border:2px solid var(--line);background:var(--bg);border-radius:12px;padding:12px 14px}
.mode b{display:block;font-family:var(--head)}
.mode span{font-size:15px;color:var(--mute)}
.mode.on{border-color:var(--acc);background:var(--accbg)}
.paper{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px;max-width:860px}
.pq{border:2px solid var(--line);border-radius:16px;padding:16px 20px 20px;display:flex;flex-direction:column;gap:12px}
.pqh{display:flex;gap:12px;align-items:center}
.pqn{width:34px;height:34px;border-radius:50%;background:var(--ink);color:var(--bg);display:inline-grid;place-items:center;font-weight:700;font-size:16px;flex:none}
.pqs{margin-left:auto;font-size:14px;color:var(--mute);font-family:var(--head)}
.pqs.done{color:var(--ok)}
.submitbar{position:sticky;bottom:0;background:var(--bg);border-top:2px solid var(--line);margin-top:20px;padding:12px 0;display:flex;gap:18px;align-items:center;flex-wrap:wrap;max-width:860px;font-family:var(--head)}
.submitbar .btn{margin-left:auto}
.warn{color:var(--ko);font-size:15px;font-family:var(--body)}
.ex.test{max-width:820px}
.steps10{display:flex;flex-wrap:wrap;gap:4px;max-width:70%}
.steps10 i{width:16px;height:6px;background:var(--line);border-radius:3px}
.steps10 i.d{background:var(--acc)} .steps10 i.c{background:var(--ink)}
.timer{font-weight:700;font-size:18px;font-family:var(--head)}
.result{display:grid;grid-template-columns:auto 1fr auto;gap:26px;align-items:center}
.mark{font-size:88px;font-weight:700;line-height:1;width:130px;height:130px;border:4px solid var(--acc);color:var(--acc);display:grid;place-items:center;border-radius:20px;background:var(--bg)}
.rtx h2{font-size:30px}
.rsay{margin-top:8px;font-size:19px}
.rbtns{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.review{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;max-width:860px}
.review li{border-radius:14px;padding:12px 16px;background:var(--okbg)}
.review li.ko{background:var(--kobg)}
.review summary{cursor:pointer;font-weight:700;display:flex;gap:10px;align-items:center}
.rm{font-size:13px;text-transform:uppercase;letter-spacing:1px;font-family:var(--head)}
.review li.ok .rm{color:var(--ok)} .review li.ko .rm{color:var(--ko)}
.rb{display:flex;flex-direction:column;gap:8px;margin-top:10px}

/* ostatní */
.soon{display:flex;gap:24px;align-items:center;flex-wrap:wrap;max-width:760px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 24px}
.stats div{background:var(--band);border-radius:14px;padding:14px 16px}
.stats dt{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--mute);font-weight:700;font-family:var(--head)}
.stats dd{margin:0;font-size:30px;font-weight:700;font-family:var(--head)}
.badges{list-style:none;padding:0;margin:0 0 20px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.badges li{display:flex;gap:14px;align-items:center;padding:12px 14px;border:2px solid var(--line);border-radius:14px;color:var(--mute)}
.badges li b{display:block;color:var(--ink);font-family:var(--head)}
.badges li span{font-size:15px}
.bm{width:40px;height:40px;border-radius:50%;background:var(--line);color:var(--bg);display:grid;place-items:center;font-size:20px;flex:none}
.badges li.has{border-color:var(--sun)}
.badges li.has .bm{background:var(--orange);color:#fff}
.adtab{border-collapse:collapse;margin-bottom:16px;min-width:min(520px,100%)}
.adtab th,.adtab td{text-align:left;padding:8px 14px 8px 0;border-bottom:1px solid var(--line)}
.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:10px 18px;border-radius:12px;z-index:50;font-size:16px;max-width:92vw}
footer{background:var(--band);padding:26px 0 34px;font-size:15px;color:var(--mute)}
footer .wrap{display:flex;gap:20px;flex-wrap:wrap;justify-content:space-between}
footer a{text-decoration:none}

/* inzerce */
.aud{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.aud div{background:var(--band);border-radius:14px;padding:16px 18px}
.band.alt .aud div{background:var(--bg)}
.aud b{display:block;font-family:var(--head);font-size:19px}
.aud span{color:var(--mute);font-size:16px}
.wfs{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.wfc{display:grid;grid-template-columns:150px 1fr;gap:16px;background:var(--bg);border-radius:14px;padding:16px;align-items:start}
.wfc b{font-family:var(--head);font-size:19px;margin-right:8px}
.wfc .size{font-family:var(--head);font-size:14px;background:var(--orbg);color:var(--orange);padding:2px 8px;border-radius:6px;white-space:nowrap}
.wfc p{color:var(--mute);font-size:16px;margin-top:6px}
.wf{border:2px solid var(--line);border-radius:8px;padding:6px;display:flex;flex-direction:column;gap:4px;height:120px;background:var(--bg)}
.wf i{display:block;border-radius:3px;background:var(--line);height:10px}
.wf .wh{height:8px;background:var(--ink);opacity:.7}
.wf .wb.tall{height:26px}.wf .wb.mid{height:20px;width:60%}.wf .wb.s{width:70%}
.wf .wa{background:var(--orange)}
.wf .wa.top{height:14px;width:80%;margin:0 auto}.wf .wa.home{height:30px}.wf .wa.side{height:34px}
.wcols{display:grid;grid-template-columns:2fr 1fr;gap:4px}.wcols span{display:flex;flex-direction:column;gap:4px}
.wq{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.wq i{height:46px}
.rules{list-style:none;padding:0;margin:0;display:grid;gap:10px;max-width:760px}
.rules li{background:var(--bg);border-radius:12px;padding:12px 16px;border-left:4px solid var(--ok)}
.contact{font-size:21px}
.ccard{display:flex;gap:28px;align-items:center;background:var(--hero);border:2px solid var(--line);border-radius:22px;padding:26px 30px;max-width:720px}
.ccm{flex:none}.ccn{font-family:Lexend,sans-serif;font-size:26px;font-weight:700;margin:0;color:var(--ink)}.ccr{margin:2px 0 16px;color:var(--mute)}
.ccl{display:flex;flex-wrap:wrap;gap:12px}.cci{display:flex;align-items:center;gap:12px;background:var(--bg);border:2px solid var(--line);border-radius:14px;padding:10px 16px;text-decoration:none;color:var(--ink);font-size:19px;font-weight:600}
.cci:hover{border-color:var(--brand)}.cci small{display:block;font-size:13px;font-weight:500;color:var(--mute)}
.ccic{width:40px;height:40px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:20px}
.cca{margin:18px 0 0}
#ckbar{position:fixed;left:16px;right:16px;bottom:16px;z-index:50;max-width:760px;margin:0 auto;background:var(--bg);border:2px solid var(--line);border-radius:16px;box-shadow:0 10px 30px rgba(20,30,60,.15);padding:14px 18px;display:flex;gap:16px;align-items:center;font-size:15px;color:var(--ink)}
#ckbar p{margin:0;flex:1;line-height:1.45}#ckbar div{display:flex;gap:8px;flex:none}
#ckbar button{font:inherit;font-weight:600;border-radius:10px;padding:9px 16px;cursor:pointer;border:2px solid var(--line);background:var(--bg);color:var(--ink)}
#ckbar .ckyes{background:var(--brand);border-color:var(--brand);color:#fff}
@media(max-width:640px){#ckbar{flex-direction:column;align-items:stretch}#ckbar div{justify-content:flex-end}}
@media(max-width:640px){.ccard{flex-direction:column;text-align:center;padding:22px}.ccl{justify-content:center}.cci{text-align:left;width:100%;max-width:300px}}
.anchor{display:block;scroll-margin-top:90px}
.adslot.filled,.adslot.banner{position:relative}
.adslot.filled .adk,.adslot.banner .adk{align-self:flex-end;font-size:10px;margin-bottom:2px}
@media (max-width:860px){.wfs,.aud{grid-template-columns:1fr}}
@media (max-width:480px){.wfc{grid-template-columns:1fr}.wf{max-width:200px}}

/* elektřina */
.s-el{--acc:#d98a00;--accbg:#fff3c4}
.chapters{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;counter-reset:none}
.chapters a{display:flex;gap:14px;align-items:center;border:2px solid var(--line);border-radius:14px;padding:12px 16px;text-decoration:none;background:var(--bg)}
.chapters a:hover{border-color:var(--acc)}
.chic{flex:none;width:64px;height:64px;border-radius:14px;background:var(--accbg);display:grid;place-items:center}
.chic svg{width:52px;height:52px}
.chic.big{width:88px;height:88px}.chic.big svg{width:72px;height:72px}
.chtx{display:flex;flex-direction:column}
.chn{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--mute);font-weight:700;font-family:var(--head)}
.chtx b{font-family:var(--head);font-size:19px}
.chp{font-size:15px;color:var(--mute)}.chp.done{color:var(--ok);font-weight:700}
.gamebox{display:flex;gap:20px;align-items:center;flex-wrap:wrap;background:var(--bg);border-radius:16px;padding:18px 22px;border:2px solid var(--line)}
.gamebox>div{flex:1;min-width:240px}.gamebox p{color:var(--mute)}
.story{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:18px}
.scard{display:grid;grid-template-columns:minmax(0,380px) 1fr;gap:24px;align-items:center;border:2px solid var(--line);border-radius:16px;padding:16px}
.scard:nth-child(even){grid-template-columns:1fr minmax(0,380px)}
.scard:nth-child(even) .sart{order:2}
.sart{border-radius:12px;overflow:hidden;cursor:pointer;line-height:0}
.sart svg{width:100%;height:auto;display:block}
.sart:focus-visible{outline:3px solid var(--acc)}
.stx h3{font-size:24px;margin:4px 0 8px}
.year{font-family:var(--head);font-size:14px;font-weight:700;background:var(--accbg);color:var(--acc);padding:2px 10px;border-radius:20px}
.tip{margin-top:10px;background:var(--hero);border-radius:10px;padding:8px 12px;font-size:17px}
.taptx{margin-top:8px;font-weight:700;color:var(--acc)}
.choices.icons .ch{display:flex;align-items:center;gap:12px}
.chi{flex:none;width:48px;height:48px;display:grid;place-items:center}.chi svg{width:48px;height:48px}
.elres{display:flex;gap:20px;align-items:center;flex-wrap:wrap;background:var(--bg);border-radius:16px;padding:18px 22px}
.elres>div{flex:1;min-width:240px}.elres h3{font-size:26px}
/* animace obrázků (z hry Jiskřička) */
.sart .spin{transform-box:view-box;animation:spin 6s linear infinite}
.sart .spin-slow{transform-box:view-box;transform-origin:50px 50px;animation:spin 18s linear infinite}
.sart .wave{animation:wave 2.4s ease-in-out infinite}
.sart .sway{transform-box:fill-box;transform-origin:50% 100%;animation:sway 3s ease-in-out infinite}
.sart .puff{transform-box:fill-box;transform-origin:center;animation:puff 3.2s ease-in infinite}.sart .puff.b{animation-delay:1.6s}
.sart .rise{transform-box:fill-box;transform-origin:center}
.sart .flow{animation:flow 1s linear infinite}
.sart .glow{animation:glow 2s ease-in-out infinite}
.sart .run{animation:runbob .5s ease-in-out infinite}
.sart .onboost{opacity:0;transition:opacity .25s}
.sart.boost .spin{animation-duration:.9s}.sart.boost .spin-slow{animation-duration:3s}
.sart.boost .flow{animation-duration:.35s}.sart.boost .glow{animation-duration:.5s}
.sart.boost .onboost{opacity:1}.sart.boost .offboost{opacity:0}
.sart.boost .rise{animation:rise 1.4s ease-in-out infinite alternate}.sart.boost .rise.b{animation-delay:.3s}.sart.boost .rise.c{animation-delay:.6s}
.sart.boost .flash{animation:flash .9s steps(2) infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes flow{to{stroke-dashoffset:-36}}
@keyframes glow{0%,100%{opacity:.35}50%{opacity:.9}}
@keyframes wave{0%,100%{transform:translateX(0)}50%{transform:translateX(-8px)}}
@keyframes sway{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}
@keyframes runbob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes rise{from{transform:translateY(0)}to{transform:translateY(-34px) rotate(20deg)}}
@keyframes flash{50%{opacity:.15}}
@keyframes puff{0%{transform:translateY(6px) scale(.6);opacity:0}30%{opacity:1}100%{transform:translateY(-14px) scale(1.3);opacity:0}}
/* pokračuj + reset */
.resume{display:flex;align-items:stretch;border:2px solid var(--mat);border-radius:12px;padding:0}
.resume>a{flex:1;display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:12px 18px;text-decoration:none;border-radius:10px 0 0 10px}
.resume>a:hover{background:var(--matbg)}
.rx{border:0;border-left:2px solid var(--line);background:none;width:52px;font-size:20px;color:var(--mute);border-radius:0 10px 10px 0}
.rx:hover{background:var(--band);color:var(--ink)}
.reset{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
@media (max-width:860px){.chapters{grid-template-columns:1fr}.scard,.scard:nth-child(even){grid-template-columns:1fr}.scard:nth-child(even) .sart{order:0}.reset{margin-left:0;align-items:flex-start}}

@media (max-width:960px){
  .quarters{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pgrid{grid-template-columns:1fr}
  .side .adslot{max-width:100%}
  .grades{grid-template-columns:repeat(3,1fr)}
  .tests4{grid-template-columns:1fr 1fr}
  .motto{display:none}
}
@media (max-width:640px){
  body{font-size:18px}
  .herogrid,.tintro,.result{grid-template-columns:1fr}
  .herom{order:-1}.herom .mascot{width:140px;height:140px}
  .rmas,.tmas{display:none}
  .quarters,.subjects,.discover,.modes,.badges{grid-template-columns:1fr}
  .tnav{order:3;width:100%;gap:14px;overflow-x:auto}
  .meta{gap:6px}
  .ex,.pq{padding:16px}
  .ph .tabs{margin-left:0}
  .stats{grid-template-columns:1fr 1fr}
  .gbtn{min-height:100px}
  .sg{grid-template-columns:50px 1fr}.cnt{display:none}
  .fbm{display:none}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* připomínky a návrhy */
.fbbar{display:flex;flex-wrap:wrap;gap:6px 18px;margin:14px 2px 0;font-size:15px}
.lnk{background:none;border:0;padding:4px 0;color:var(--mute);font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.lnk:hover{color:var(--ink)}
.btn.ghost{background:transparent;color:var(--ink);border:2px solid var(--line)}
.gjoin{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:26px;padding:16px 20px;border:2px dashed var(--line);border-radius:16px;color:var(--mute)}
body.fbm-open{overflow:hidden}
.fbm-wrap{position:fixed;inset:0;z-index:80;background:rgba(20,24,40,.45);display:flex;align-items:flex-start;justify-content:center;padding:4vh 14px;overflow:auto}
.fbm-box{position:relative;background:var(--bg);color:var(--ink);border-radius:20px;max-width:560px;width:100%;padding:26px 26px 22px;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.fbm-box h2{font-family:var(--head);font-size:24px;margin:0 30px 6px 0}
.fbm-i{color:var(--mute);margin:0 0 14px}
.fbm-x{position:absolute;top:12px;right:14px;border:0;background:none;font-size:28px;line-height:1;cursor:pointer;color:var(--mute)}
.fbf{display:grid;gap:12px}
.ff{display:grid;gap:5px;font-size:15px;font-weight:600}.ff small{font-weight:400;color:var(--mute)}
.ff input,.ff select,.ff textarea,.fbm-copy{font:inherit;font-weight:400;padding:10px 12px;border:2px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);width:100%;box-sizing:border-box}
.ff textarea,.fbm-copy{resize:vertical}
.ffrow{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}
.fbq{display:grid;gap:4px;padding:12px 14px;background:var(--band);border-radius:12px;font-size:15px}.fbq small{color:var(--mute)}
.fnote{font-size:13px;color:var(--mute);margin:0}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.fbm-err{color:var(--ko);font-weight:600;min-height:1em}
.fbm-act{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.jgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.jcard{border:2px solid var(--line);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:10px}.jcard h3{font-family:var(--head);font-size:21px;margin:0}.jcard p{margin:0;flex:1}
.jsteps{max-width:720px;padding-left:22px;display:grid;gap:8px}
@media(max-width:560px){.ffrow{grid-template-columns:1fr}.fbm-box{padding:22px 18px}}
/* vyhledávání */
.srch-btn{display:inline-flex;align-items:center;gap:8px;margin-left:8px;border:2px solid var(--line);background:var(--bg);color:var(--mute);border-radius:999px;padding:7px 10px 7px 12px;font:inherit;font-size:15px;cursor:pointer}
.srch-btn:hover{border-color:var(--brand);color:var(--ink)}
.srch-btn kbd,.srch-foot kbd,.srch-esc{font:12px/1 var(--body);border:1px solid var(--line);border-bottom-width:2px;border-radius:6px;padding:3px 6px;color:var(--mute);background:var(--band)}
.hero-search{margin:22px 0 4px;max-width:560px;min-width:0}.herogrid>*{min-width:0}.hsrch span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hsrch{display:flex;align-items:center;gap:12px;width:100%;text-align:left;font:inherit;font-size:17px;color:var(--mute);background:var(--bg);border:2px solid var(--line);border-radius:16px;padding:15px 18px;cursor:text;box-shadow:0 6px 18px rgba(30,50,90,.07)}
.hsrch:hover{border-color:var(--brand)}.hsrch svg{color:var(--brand);flex:none}.hsrch i{font-style:normal;color:var(--ink)}
body.srch-open{overflow:hidden}
.srch-wrap{position:fixed;inset:0;z-index:90;background:rgba(20,24,40,.42);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:flex-start;padding:9vh 12px 12px}
.srch-box{width:100%;max-width:680px;background:var(--bg);color:var(--ink);border-radius:20px;box-shadow:0 24px 60px rgba(0,0,0,.28);display:flex;flex-direction:column;max-height:78vh;overflow:hidden}
.srch-in{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}.srch-in svg{color:var(--brand);flex:none}
.srch-in input{flex:1;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:19px;min-width:0}
.srch-in input::-webkit-search-cancel-button{display:none}
.srch-esc{cursor:pointer}
.srch-res{overflow:auto;padding:8px 8px 12px}
.srch-g{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);padding:12px 12px 6px}
.srch-it{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;text-decoration:none;color:var(--ink)}
.srch-it.on{background:var(--band);box-shadow:inset 3px 0 0 var(--brand)}
.srch-dot{width:10px;height:10px;border-radius:50%;flex:none}
.srch-tx{display:flex;flex-direction:column;min-width:0;flex:1}
.srch-t{font-weight:600;font-size:16px}.srch-s{font-size:14px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.srch-q{font-size:13px;color:var(--mute);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.srch-gr{flex:none;font-weight:700;font-size:13px;color:var(--mute);border:1px solid var(--line);border-radius:8px;padding:3px 7px}
.srch-res mark{background:#ffe9a8;color:inherit;border-radius:3px;padding:0 1px}
.srch-chips{display:flex;flex-wrap:wrap;gap:8px;padding:2px 12px 6px}
.srch-chip{border:1px solid var(--line);background:var(--band);color:var(--ink);border-radius:999px;padding:6px 12px;font:inherit;font-size:14px;cursor:pointer}
.srch-chip:hover{border-color:var(--brand)}
.srch-hint{color:var(--mute);font-size:14px;padding:6px 12px;margin:0}
.srch-empty{padding:18px 12px;color:var(--mute)}.srch-empty p{margin:0 0 8px}
.srch-foot{display:flex;gap:16px;flex-wrap:wrap;padding:10px 16px;border-top:1px solid var(--line);font-size:13px;color:var(--mute)}.srch-foot kbd{margin-right:3px}
.srch-tip{margin-left:auto}
@media(max-width:760px){.srch-btn span,.srch-btn kbd{display:none}.srch-btn{padding:8px}
  .srch-wrap{padding:0;align-items:stretch;background:var(--bg);backdrop-filter:none}
  .srch-box{max-width:none;max-height:none;height:100%;border-radius:0;box-shadow:none}
  .srch-in{padding:10px 12px;gap:10px;position:sticky;top:0;background:var(--bg)}
  .srch-in input{font-size:17px;background:var(--band);border-radius:12px;padding:11px 12px}
  .srch-in>svg{display:none}
  .srch-esc{font:600 16px/1 var(--body);border:0;background:none;color:var(--brand);padding:8px 4px}
  .srch-res{padding:4px 6px 40px}
  .srch-it{padding:12px 10px;gap:10px}.srch-t{font-size:16px}.srch-s{font-size:13px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .srch-q{white-space:normal}
  .srch-gr{display:none}
  .srch-foot{display:none}
  .srch-chip{padding:8px 14px;font-size:15px}}
:root[data-theme="dark"] .srch-res mark{background:#5a4a12}
.thm{border:0;background:none;padding:0;font:inherit;color:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.thm::before{content:"🌙 Tmavý vzhled"}:root[data-theme="dark"] .thm::before{content:"☀️ Světlý vzhled"}.thm:hover{color:var(--brand)}

.srch-esc .m-only{display:none}@media(max-width:760px){.srch-esc .m-only{display:inline}.srch-esc .d-only{display:none}}
/* hlavička: vše v jednom řádku */
@media(min-width:941px){.top .wrap{flex-wrap:nowrap}.top .wrap>*{flex-shrink:0}.srch-btn{margin-left:0}}
@media(max-width:920px) and (min-width:641px){.meta .m-bdg{display:none}.meta{gap:4px}.meta>*{padding:4px 8px}.tnav{gap:10px}}
@media(max-width:1500px){.motto{display:none}.meta .ml{display:none}.meta .m-days::before{content:"🔥";margin-right:3px}.meta .m-bdg::before{content:"🏅";margin-right:3px}}
@media(max-width:1180px){.srch-btn kbd{display:none}}
@media(max-width:1060px){.srch-btn span{display:none}.srch-btn{padding:8px}.top .wrap{gap:16px}.meta>*{padding:5px 10px}}
.meta .ml{font-style:normal}
@media(max-width:640px){
  .top{position:static}
  .top .wrap{gap:8px 10px;padding-top:8px;padding-bottom:4px;min-height:0}
  .logo img:first-child{width:40px}.logo img+img{width:112px}.logo{gap:5px}
  .meta{order:1;margin-left:auto;gap:4px;font-size:14px}
  .meta>*{padding:4px 8px}
  .meta .ml{display:none}
  .meta .m-days::before{content:"🔥";margin-right:3px}
  .meta .m-bdg::before{content:"🏅";margin-right:3px}
  .srch-btn{order:4;margin-left:auto;padding:6px;border-width:1.5px}
  .tnav{order:3;flex:1 0 calc(100% - 56px);min-width:0;width:auto;font-size:15px;padding-bottom:2px}
  .hero-search{margin-top:16px}.hsrch{font-size:15px;padding:13px 14px}
  .hsrch span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media(max-width:900px) and (min-width:641px){.tnav{gap:12px;font-size:15px}.meta{font-size:14px;gap:5px}.logo img+img{width:120px}.logo img:first-child{width:44px}}
:root[data-theme="dark"] .tbody .tx-pozor{background:#2e2114;border-color:#7a4a20}:root[data-theme="dark"] .tbody .tx-tip{background:#13291e;border-color:#2f6a44}
@media(max-width:360px){.meta .m-days{display:none}}
:root[data-theme="dark"] [class^="s-"],:root[data-theme="dark"] [class*=" s-"]{--accbg:color-mix(in srgb,var(--acc) 20%,#14161f)}
:root[data-theme="dark"] .btn:not(.ghost),:root[data-theme="dark"] .tag.go,:root[data-theme="dark"] .hbtn .qm,:root[data-theme="dark"] .badges li.has .bm,:root[data-theme="dark"] .tabs a.on,:root[data-theme="dark"] .qn,:root[data-theme="dark"] .sumk{color:#14161f}:root[data-theme="dark"] .bm{color:var(--mute)}
.mleft{font-size:14px;color:var(--mute);background:var(--band);border-radius:20px;padding:3px 10px}.plain.small{font-size:15px;margin:6px 0 0;padding-left:18px}.plain.small li{margin:4px 0}.mistbox{border-color:var(--orange)}
.spk{border:0;background:var(--band);border-radius:50%;width:34px;height:34px;font-size:17px;line-height:1;cursor:pointer;vertical-align:middle;margin-left:6px}.spk:hover{outline:2px solid var(--brand)}.stx .spk{float:right;margin:0 0 6px 8px}.lstn{margin:8px 0}.btn.sm{padding:7px 14px;font-size:15px}
.vt{background:var(--bg);border-left:4px solid var(--sun);border-radius:10px;padding:12px 16px;margin:0 0 12px;font-size:16px;line-height:1.55;max-height:300px;overflow:auto}.vth{font-weight:700;font-family:var(--head);margin-bottom:4px;font-size:15px}.vtd summary{cursor:pointer}.vtd:not([open]){padding:8px 16px}.vtq{font-size:13px;color:var(--mute);margin:0 0 4px}.yn3{margin:6px 0;padding-left:22px}.yn3 li{margin:3px 0}
.pokus{background:#fff;border:2px dashed var(--sun);border-radius:16px;padding:18px 22px}.pkh{display:flex;gap:14px;align-items:center}.pki{font-size:38px}.pks{font-size:17px;line-height:1.6}.pks li::first-letter{text-transform:uppercase}.pkd{margin:8px 0;background:var(--bg);border-radius:10px;padding:10px 14px}.pkd summary{cursor:pointer;font-weight:700}
.omap-sum{display:flex;gap:22px;flex-wrap:wrap;margin-top:10px;font-size:17px}.omap{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.oisl{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:16px 12px;border-radius:20px;background:#fff;border:3px solid #e6e8ef;text-decoration:none;color:var(--ink);transition:transform .15s}.oisl:hover{transform:translateY(-3px);border-color:var(--c)}.oisl.started{border-color:var(--c)}.oisl.done{border-color:var(--c);background:color-mix(in srgb,var(--c) 10%,#fff)}.oino{position:absolute;top:8px;left:12px;font-size:13px;color:var(--mute)}.oprog{width:80%;height:8px;border-radius:5px;background:#eceff4;overflow:hidden}.oprog i{display:block;height:100%;background:var(--c)}.osmall{font-size:13px;color:var(--mute)}
.alh{margin:16px 0 6px;font-size:17px}.album{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.card{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;border-radius:14px;background:#fff;border:2px solid #e6e8ef;text-decoration:none;color:var(--ink);font-size:13px;text-align:center}.card .cic svg{width:56px;height:56px}.card:not(.has){filter:grayscale(1);opacity:.5}.card.has{border-color:var(--c);box-shadow:0 3px 0 var(--c)}.clk{position:absolute;top:6px;right:8px}
.gpa{font-size:19px}.qrule{background:#fff8e6;border-radius:10px;padding:10px 14px;font-size:16px}.onum{display:inline-block;min-width:26px;font-weight:800;color:var(--sun)}.gosa .ch.up{opacity:1;border-color:var(--sun);background:#fff8e6}.gol{margin:8px 0 0;padding-left:24px}
.jpz{background:#fff8e6;border-left:4px solid var(--sun);border-radius:10px;padding:10px 16px;margin:0 0 16px}.jpzd{display:block;font-size:16px}.jpzd b{font-size:22px;color:var(--sun)}.mrow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.mbt{display:flex;gap:4px;flex-wrap:wrap}.mb{width:38px;height:38px;border-radius:8px;border:2px solid var(--line);background:#fff;font-weight:800;cursor:pointer}.mb.on{border-color:#2f7fd6;background:#e7f0fc;color:#1d4f8f}.mb.ok{border-color:#2c9a5b;background:#e3f4ea;color:#1d6b3f}.mb.ko{border-color:#d64545;background:#fbe7e7;color:#8f2020}.mopts{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin:12px 0}.mopts div{background:var(--bg);border-radius:8px;padding:8px 12px}.mwhy{font-size:14px;color:var(--mute);margin-top:4px}.pmt{border-collapse:collapse;margin:6px 0}.pmt td{padding:3px 8px}.pmt .pbox{border:1px solid #777;width:28px;height:22px}
@media(max-width:560px){.mrow{grid-template-columns:1fr}}
.m-prof{border:0;background:var(--bg);border-radius:20px;padding:4px 10px;font:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.m-prof span{font-size:20px}.pmenu{position:absolute;z-index:100;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:6px;display:flex;flex-direction:column;min-width:200px}.pmenu button,.pmenu a{border:0;background:none;text-align:left;padding:8px 10px;border-radius:8px;font:inherit;cursor:pointer;color:var(--ink);text-decoration:none}.pmenu button:hover,.pmenu a:hover{background:var(--bg)}.pmenu .cur{font-weight:700}.pmenu a{color:#2f6fd6;font-size:14px;border-top:1px solid var(--line);margin-top:4px}
.profs{background:#fff;border-radius:16px;padding:16px 20px}.prof{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line);flex-wrap:wrap}.prof.cur{background:#fff8e6;border-radius:10px;padding:10px}.pico{font-size:34px}.pinf{display:flex;flex-direction:column;flex:1;min-width:160px}.pact{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.padd{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px;border-top:1px solid var(--line);padding-top:12px}.padd input{padding:8px 10px;border-radius:8px;border:2px solid var(--line);font:inherit}.picos{display:flex;gap:2px;flex-wrap:wrap}.pic{border:2px solid transparent;background:none;font-size:22px;border-radius:8px;cursor:pointer;padding:2px 4px}.pic.on{border-color:var(--sun);background:#fff8e6}
.jsp-ans{display:flex;gap:14px;flex-wrap:wrap;margin:6px 0 10px}.jsp-ok{font-size:30px;font-weight:800;color:#1d6b3f;background:#e3f4ea;border-radius:12px;padding:8px 18px}.jsp-bad{font-size:30px;font-weight:700;color:#8f2020;background:#fbe7e7;border-radius:12px;padding:8px 18px;text-decoration:line-through}.jsp-rule{font-size:19px}.jsp-hom{background:#fff8e6;border-radius:10px;padding:10px 14px}.jsp-sib{line-height:2}.jsp-idx .jsp-sib{columns:1}
.ajpic{font-size:84px;line-height:1.1;display:inline-block}.ajpic.sm{font-size:40px;vertical-align:middle}.ajsay{margin-left:6px}
.clanek{max-width:760px;font-size:18px;line-height:1.7}.clanek h2{margin-top:26px}.clanek li{margin:6px 0}
.arbtns{display:flex;flex-wrap:wrap;gap:8px}.phist{margin-top:18px}.pbars{display:flex;align-items:flex-end;gap:6px;height:130px;overflow-x:auto}.pb{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:34px;height:100%}.pb i{display:block;width:22px;background:var(--sun);border-radius:4px 4px 0 0}.pb span{font-size:12px;font-weight:700}.pb em{font-size:11px;color:var(--mute);font-style:normal}
.prozbor{margin-top:16px;background:#fff;border-radius:14px;padding:14px 18px;text-align:left}.prow{display:grid;grid-template-columns:170px 1fr 70px;gap:10px;align-items:center;margin:5px 0;font-size:15px}.pbar{height:12px;background:#eceff4;border-radius:6px;overflow:hidden}.pbar i{display:block;height:100%}.pbar i.g{background:#2c9a5b}.pbar i.o{background:#e6a23c}.pbar i.r{background:#d64545}.lnk{background:none;border:0;color:var(--link,#2f6fd6);text-decoration:underline;cursor:pointer;font:inherit;padding:0}
.prijp .pq{margin-bottom:14px}.pqpts{float:right;font-size:12px;color:var(--mute)}.pqo{columns:2}.prijp .vt{max-height:none;overflow:visible}.parch table{border-collapse:collapse;width:100%;font-size:11px}.parch th,.parch td{border:1px solid #999;padding:2px;text-align:center;height:20px}
@media(max-width:560px){.prow{grid-template-columns:110px 1fr 60px;font-size:13px}}
.ws{max-width:820px}.ws-top{display:flex;flex-wrap:wrap;gap:10px 28px;align-items:baseline;font-size:15px;color:var(--mute);border-bottom:2px solid var(--line);padding-bottom:8px;margin-bottom:10px}.ws-brand{font-weight:700;color:var(--ink);margin-right:auto}
.ws-line{display:inline-block;min-width:150px;border-bottom:1.5px solid var(--ink);height:1.1em;vertical-align:baseline}.ws-line.short{min-width:90px}.ws-line.tiny{min-width:55px}.ws-line.long{display:block;width:100%;margin:14px 0 4px}
.ws-gap{display:inline-block;min-width:70px;border-bottom:1.5px solid var(--ink);height:1em}
.ws-title{font-size:26px;margin:6px 0 2px}.ws-sub{color:var(--mute);margin:0 0 12px}
.ws-list{padding-left:26px;margin:14px 0}.ws-q{margin:0 0 18px;break-inside:avoid;page-break-inside:avoid;font-size:18px}.ws-q pre{font-size:17px}.ws-q svg{max-width:260px;height:auto}
.ws-list.cols{columns:2;column-gap:36px}.ws-list.c3{columns:3}.ws-list.cols{padding-left:0}.ws-list.cols .ws-q{margin-left:26px}.ws-work{height:34px}.ws-work.big{height:118px}.ws-list.cols .ws-q{font-size:17px}@media screen and (max-width:640px){.ws-list.cols{columns:1}}
.ws-lead{color:var(--mute);font-size:15px}.ws-opts{list-style:none;display:flex;flex-wrap:wrap;gap:6px 22px;padding:0;margin:8px 0 0}.ws-opts li{display:flex;align-items:center;gap:7px}
.ws-box{width:15px;height:15px;border:1.5px solid var(--ink);border-radius:3px;display:inline-block;flex:none}.ws-ans{margin-top:8px}.ws-items{margin:6px 0;color:var(--mute)}
.ws-foot{color:var(--mute);font-size:14px;border-top:1px solid var(--line);padding-top:8px;margin-top:10px;display:flex;gap:10px 36px;flex-wrap:wrap}.ws-src{margin-left:auto;font-size:12px}.ws-grp{display:inline-block;border:2px solid var(--ink);border-radius:8px;padding:0 8px;font-size:20px;margin-left:6px;vertical-align:middle}.ws-solg{margin:14px 0 4px;font-size:18px}.ws-page+.ws-page{margin-top:34px;padding-top:18px;border-top:3px dashed var(--line)}.ws.nosol .ws-sol{display:none}.ws-opt{display:flex;flex-direction:column;gap:6px;margin:0 0 10px}.ws-opt label{display:flex;gap:8px;align-items:center;cursor:pointer}.ws-sol{margin-top:34px;padding-top:18px;border-top:3px dashed var(--line)}.ws-sols li{margin:0 0 8px}
.ws-btns{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 16px}.ws-teach{margin:8px 0 12px;background:var(--band);border-radius:12px;padding:8px 14px}.ws-teach summary{cursor:pointer;font-weight:600}
@media print{@page{size:A4;margin:10mm}html,body{background:#fff!important;color:#000!important}:root{--ink:#000;--mute:#444;--line:#999;--bg:#fff;--band:#fff}
 header.top,footer,.adtop,.noprint,.crumbs,.ws-btns,.ws-teach,.seo,.ad,.toast,#ckbar{display:none!important}.band{padding:0!important;background:#fff!important}.band.phead{display:none!important}
 .ws-sol,.ws-page+.ws-page{page-break-before:always;break-before:page;border-top:0;margin-top:0;padding-top:0}.ws-opt{display:none!important}.ws .ws-list .ws-q,.ws .ws-list.cols .ws-q{font-size:11pt}.ws .ws-q .bigline{font-size:17pt;line-height:1.25;margin:1px 0}.ws .ws-list.cols .ws-line{min-width:90px}.ws .ws-line.long{min-width:0}.ws-top{font-size:10pt;padding-bottom:4px;margin-bottom:4px}.ws-title{font-size:15pt;margin:2px 0 6px}.ws-list{margin:4px 0;padding-left:22px}.ws-list.cols{column-gap:24px}.ws-q{font-size:11pt;margin:0 0 7px;line-height:1.3}.ws-q pre{font-size:10.5pt;margin:2px 0}.ws-q svg{max-width:170px;max-height:120px}.ws-opts{margin:3px 0 0;gap:2px 16px}.ws-box{width:11px;height:11px}.ws-ans{margin-top:3px}.ws-line.long{margin:8px 0 2px}.ws-lead{font-size:9.5pt}.ws-gap{min-width:50px}.ws-foot{font-size:10pt;margin-top:4px;padding-top:4px}.ws-grp{font-size:13pt}.ws-sol .ws-title{font-size:14pt}.ws-sols{columns:2;column-gap:24px;font-size:9.5pt;padding-left:22px}.ws-sols li{margin:0 0 3px;break-inside:avoid}.ws-solg{font-size:11pt;margin:6px 0 2px}a{color:#000;text-decoration:none}}
.wsm{position:absolute;left:-99999px;top:0;width:718px;background:#fff;color:#000;--ink:#000;--mute:#444;--line:#999}.wsm .ws-list .ws-q,.wsm .ws-list.cols .ws-q{font-size:11pt}.wsm .ws-q .bigline{font-size:17pt;line-height:1.25;margin:1px 0}.wsm .ws-list.cols .ws-line{min-width:90px}.wsm .ws-line.long{min-width:0}.wsm .ws-top{font-size:10pt;padding-bottom:4px;margin-bottom:4px}.wsm .ws-title{font-size:15pt;margin:2px 0 6px}.wsm .ws-list{margin:4px 0;padding-left:22px}.wsm .ws-list.cols{column-gap:24px}.wsm .ws-q{font-size:11pt;margin:0 0 7px;line-height:1.3}.wsm .ws-q pre{font-size:10.5pt;margin:2px 0}.wsm .ws-q svg{max-width:170px;max-height:120px}.wsm .ws-opts{margin:3px 0 0;gap:2px 16px}.wsm .ws-box{width:11px;height:11px}.wsm .ws-ans{margin-top:3px}.wsm .ws-line.long{margin:8px 0 2px}.wsm .ws-lead{font-size:9.5pt}.wsm .ws-gap{min-width:50px}.wsm .ws-foot{font-size:10pt;margin-top:4px;padding-top:4px}.wsm .ws-grp{font-size:13pt}
.tmode{display:inline-flex;border:1.5px solid var(--line);border-radius:999px;overflow:hidden;margin-left:auto;margin-right:10px}.tm{border:0;background:transparent;padding:5px 12px;font:inherit;font-size:14px;color:var(--mute);cursor:pointer}.tm.on{background:var(--ink);color:var(--bg);font-weight:600}
.ans.typed{min-width:0;width:min(260px,100%);text-align:center;font-size:24px}.ans.typed:not(.num){font-family:var(--body)}
.kpad{display:grid;grid-template-columns:repeat(6,52px);gap:6px;margin:10px 0 0}.kpad button{height:46px;font-size:20px;font-weight:600;border:2px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);cursor:pointer}.kpad button:active{transform:scale(.96)}@media(max-width:400px){.kpad{grid-template-columns:repeat(6,1fr)}}
.tnote{min-height:1.4em;margin:8px 0 0;font-size:16px}.tshow{margin:2px 0 0;text-align:center}.tsh{font-size:15px}.tnear{color:#b26a00;font-weight:600}.tbad{color:#c0392b}.tcase{color:var(--mute)}:root[data-theme="dark"] .tnear{color:#ffc061}:root[data-theme="dark"] .tbad{color:#ff8a7a}
@media(max-width:560px){.extop{flex-wrap:wrap;row-gap:8px}.tmode{order:3;margin-left:0}}
.rys{margin:6px 0 0}.rys-tools{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:0 0 8px}.rys-sp{flex:1}.rys-t,.rys-del{border:2px solid var(--line);background:var(--bg);color:var(--ink);border-radius:10px;padding:7px 12px;font:inherit;font-size:15px;font-weight:600;cursor:pointer}.rys-t.on{border-color:#2f7fd6;color:#2f7fd6}.rys-chk{padding:8px 16px}
.rys-cv{width:100%;height:auto;display:block;border:1.5px solid var(--line);border-radius:12px;background:var(--bg);touch-action:none;cursor:crosshair;user-select:none}.rys-cv .rg1{stroke:var(--line);stroke-width:.6;opacity:.6}.rys-cv .rg2{stroke:var(--line);stroke-width:1}.rys-cv .rl{font:600 19px var(--body,sans-serif);fill:var(--ink)}@media(max-width:600px){.rys-cv .rl{font-size:26px}.rys-cv .rl3{font-size:24px}}.rys-cv .rl2{fill:var(--mute)}.rys-cv .rl3{fill:#2f7fd6;font-size:16px}.rys-cv .rpt{fill:var(--ink)}.rys-cv .rh{fill:var(--bg);fill-opacity:.55;stroke:#2f7fd6;stroke-width:2.5;cursor:grab}
.rys-info{font-size:15px;color:var(--mute);margin:6px 0 0;min-height:1.3em}.rys-fb{font-size:16px;margin:4px 0 0;min-height:1.3em}.rbad{color:#c0392b;font-weight:600}:root[data-theme="dark"] .rbad{color:#ff8a7a}
@media print{.rys-tools,.rys-info{display:none}}
.th-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.th-card{display:flex;flex-direction:column;gap:6px;padding:18px;border:2px solid var(--line);border-radius:16px;background:var(--bg);text-decoration:none;color:var(--ink)}.th-card:hover{border-color:var(--acc,var(--ink))}.th-card b{font-size:20px}.th-sub{font-size:13px;color:var(--mute);text-transform:uppercase;letter-spacing:.04em}
.tahak{background:var(--bg);border:1.5px solid var(--line);border-radius:16px;padding:20px 22px;margin:12px 0 20px}.th-rule{font-size:18px;line-height:1.5;margin:0 0 14px}.th-t{width:100%;border-collapse:collapse;margin:0 0 14px;font-size:16px}.th-t th,.th-t td{border:1px solid var(--line);padding:6px 9px;text-align:left;vertical-align:top}.th-t thead th{background:color-mix(in srgb,var(--acc,#888) 14%,transparent);font-size:14px}.th-big{font-size:26px}.th-big2{font-size:18px}
.th-nas td,.th-nas th{text-align:center;padding:6px 2px}.th-nas tbody th{background:color-mix(in srgb,var(--acc,#888) 14%,transparent)}.th-nas .th-d{font-weight:800;background:color-mix(in srgb,var(--acc,#888) 10%,transparent)}.th-box{border-left:5px solid var(--acc,#888);background:color-mix(in srgb,var(--acc,#888) 8%,transparent);padding:10px 14px;border-radius:0 10px 10px 0;line-height:1.5}
.th-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0 16px}.th-ph{display:none}.tahak .smute{font-size:inherit}.th-foot{color:var(--mute);font-size:12px;margin:12px 0 0;text-align:right}.th-nv{font-size:15px}.th-cols3{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 12px}.th-ch{font-size:15px}.th-ch td,.th-ch th{padding:4px 8px}.th-cols2{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:0 14px}.th-nv td,.th-nv th{padding:3px 8px}
@media(max-width:560px){.th-t{font-size:14px}.th-t th,.th-t td{padding:4px 5px}.tahak{padding:12px}.th-nas{font-size:13px}}
@media print{.th-cols3{grid-template-columns:1fr 1fr 1fr}.th-ch{font-size:9.5pt}.th-ch td,.th-ch th{padding:1px 5px}.th-ph{display:block;font-size:18pt;margin:0 0 6px}.th-vyj{font-size:12pt}.th-cols2{grid-template-columns:1fr 1fr}.tahak{border:0;padding:0;margin:0}.th-t{font-size:10.5pt;margin-bottom:8px}.th-rule{font-size:11.5pt}.th-nv{font-size:9.5pt}.th-nv td,.th-nv th{padding:1px 6px}.th-box{font-size:10.5pt}.noprint{display:none!important}.th-t thead th,.th-nas tbody th{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
@media(max-width:480px){.tnav{flex-wrap:wrap;gap:0 14px;overflow:visible}.tnav a{padding:3px 0}}
.ukres{margin:16px 0 0;padding:14px 16px;border:2px dashed var(--line);border-radius:14px;background:var(--bg)}.ukt{font-family:ui-monospace,monospace;font-size:14px;word-break:break-all;background:color-mix(in srgb,var(--ink) 6%,transparent);padding:8px 10px;border-radius:8px}
.ukin,.tform input:not([type]),.tform select{font:inherit;font-size:17px;padding:9px 12px;border:2px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);min-width:220px}.ukerr{color:#c0392b;font-weight:600;min-height:1.2em;margin:4px 0}
.tform{max-width:860px}.trow{display:flex;gap:14px;flex-wrap:wrap}.trow label,.tfull{display:flex;flex-direction:column;gap:4px;font-weight:600;margin:0 0 10px}.trow select,.trow input{min-width:140px}.tfull input{width:100%}.tlab{font-weight:600;margin:8px 0 4px}
.tlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin:0 0 14px}.tq{display:flex;flex-direction:column;gap:5px}.tq label{display:flex;gap:8px;align-items:flex-start;cursor:pointer}.tq input{margin-top:5px}.tmode2{display:flex;flex-direction:column;gap:6px;margin:8px 0}.tbad{color:#c0392b}
.nowb .gchips{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 12px}.gch{min-width:40px;height:38px;border:2px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font:inherit;font-weight:700;cursor:pointer}.gch.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.nowg{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.nows{border:2px solid var(--line);border-radius:14px;padding:12px 14px;background:var(--bg)}.nows ul{margin:6px 0 8px;padding-left:18px}.nows li{margin:3px 0}.okm{color:#1a9e6e;font-weight:800}
.diplink{display:block;margin:8px 0 0;padding:8px 10px;border-radius:10px;font-size:14px;color:var(--mute);text-decoration:none;border:1.5px dashed var(--line)}.diplink.ok{color:var(--ink);border-style:solid;border-color:#f5b400;background:color-mix(in srgb,#f5b400 14%,transparent);font-weight:700}
.diplom{max-width:720px;margin:10px auto;border:10px double #f5b400;border-radius:18px;padding:28px 30px;text-align:center;background:var(--bg)}.dk{font:900 46px var(--head);letter-spacing:.2em;margin:4px 0}.dn{font:800 32px var(--head);border-bottom:2px solid var(--line);margin:10px auto 14px;max-width:440px;min-height:1.3em}.dl{list-style:none;padding:0;columns:2;text-align:left;font-size:14px;margin:14px 0}.dd{color:var(--mute);font-size:13px}.dpi{display:flex;justify-content:center}
@media print{.diplom{border-color:#f5b400;-webkit-print-color-adjust:exact;print-color-adjust:exact;margin-top:20mm}}
.dict .dbtns{display:flex;gap:8px;flex-wrap:wrap}.dict-in{width:100%;min-height:76px;font:inherit;font-size:22px;padding:10px 12px;border:2px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);resize:vertical}.dict-in.ok{border-color:#1a9e6e}.dict-in.ko{border-color:#c0392b}.dbad{color:#c0392b;text-decoration:line-through;font-weight:700}
.clk{max-width:420px}.clk-cv{width:100%;max-width:340px;display:block;margin:0 auto;touch-action:none;cursor:grab;user-select:none}.clk .cf{fill:var(--bg);stroke:var(--ink);stroke-width:5}.clk .ct1{stroke:var(--line);stroke-width:2}.clk .ct2{stroke:var(--ink);stroke-width:4}.clk .cn{font:700 26px var(--head);fill:var(--ink);text-anchor:middle}.clk .hh{stroke:#2f7fd6;stroke-width:11;stroke-linecap:round}.clk .mh{stroke:var(--ink);stroke-width:6;stroke-linecap:round}.clk .cc{fill:var(--ink)}.clk.sol .hh,.clk.sol .mh{stroke:#1a9e6e}.clk-dig{text-align:center;font-weight:700;font-size:18px;margin:6px 0}
.mon-pick{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}.mon-b,.mon-t{background:none;border:0;padding:0;cursor:pointer;line-height:0}.mon-b:active{transform:scale(.94)}.mc{width:58px;height:58px}.bn{width:96px;height:52px}.mc circle{stroke:rgba(0,0,0,.35);stroke-width:2}.mc.silver circle{fill:#cfd5dc}.mc.silver .in{fill:#e3e8ee}.mc.gold circle{fill:#e2b33c}.mc.gold .in{fill:#f1cd5f}.mc text,.bn text{font:800 22px var(--head);text-anchor:middle;fill:#222}.bn rect{stroke:rgba(0,0,0,.35);stroke-width:2;fill:#9fd0a8}.bn100 rect{fill:#a9cbe8}.bn200 rect{fill:#e8b9a0}.bn500 rect{fill:#e9a9a9}.bn text{font-size:26px}
.mon-tray{display:flex;flex-wrap:wrap;gap:6px;min-height:72px;padding:10px;border:2px dashed var(--line);border-radius:14px;align-items:center}.mon-tray .mc{width:46px;height:46px}.mon-tray .bn{width:78px;height:42px}.mon-sum{font-size:20px;margin:8px 0}
.sugg{margin:8px 0;padding:8px 12px;border-radius:10px;background:color-mix(in srgb,#2f7fd6 10%,transparent);font-weight:600}.again{font-size:12px;font-weight:700;color:#b26a00;background:color-mix(in srgb,#f5b400 18%,transparent);padding:2px 8px;border-radius:99px;margin-left:6px;letter-spacing:0;text-transform:none}
.games .gbtns{display:flex;gap:10px;flex-wrap:wrap}#garea{margin-top:14px}.gtop{display:flex;justify-content:space-between;font-weight:700;margin:0 0 8px}.gtime b{font-size:22px}.gq{font-size:21px;font-weight:700;margin:6px 0 10px}.gopts{display:grid;gap:8px}.gend{display:flex;gap:14px;align-items:center;margin:14px 0;padding:14px;border:2px solid var(--line);border-radius:14px}
.pex{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media(max-width:560px){.pex{grid-template-columns:repeat(3,1fr)}}.pc{position:relative;min-height:96px;border:2px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);font:inherit;font-size:14px;cursor:pointer;padding:8px}.pc .pf{font-size:34px;font-weight:900;color:var(--mute)}.pc .pb{display:none}.pc.up .pf{display:none}.pc.up .pb{display:block}.pc .pb.a{font-weight:800}.pc.up{border-color:#2f7fd6}.pc.ok{border-color:#1a9e6e;background:color-mix(in srgb,#1a9e6e 12%,transparent)}
.btn.danger{background:var(--bg);color:#c0392b;border:2px solid #c0392b;font-weight:700}.btn.danger:hover{background:#c0392b;color:#fff}:root[data-theme="dark"] .btn.danger{color:#ff8a7a;border-color:#ff8a7a}
.pc.bad{border-color:#c0392b;background:color-mix(in srgb,#c0392b 8%,transparent)}#ghint{min-height:1.3em;font-weight:600}
.podp{display:grid;grid-template-columns:1fr 280px;gap:24px;align-items:start}@media(max-width:700px){.podp{grid-template-columns:1fr}}.pqr{background:#fff;border:2px solid var(--line);border-radius:16px;padding:12px;text-align:center;color:#222}.pqr svg{width:100%;height:auto}.pa.on{border-color:#2f7fd6;color:#2f7fd6}.pinfo{display:grid;grid-template-columns:auto 1fr;gap:4px 14px}.pinfo dt{color:var(--mute)}.pinfo dd{margin:0;font-weight:700}
.supbox{display:flex;gap:14px;align-items:center;padding:14px 18px;border:2px solid #e8a3b4;border-radius:16px;background:color-mix(in srgb,#e8577a 8%,var(--bg));text-decoration:none;color:var(--ink);margin:6px 0}.supbox .sh{font-size:30px}.supbox>span:nth-child(2){display:flex;flex-direction:column;gap:2px;flex:1}.supbox>span:nth-child(2) span{color:var(--mute);font-size:14px}.supbox .btn{background:#d6456a;border-color:#d6456a;color:#fff;white-space:nowrap}.supbox:hover{border-color:#d6456a}
@media(max-width:560px){.supbox{flex-wrap:wrap}.supbox .btn{width:100%;text-align:center}}

.seo{padding:34px 0;border-top:1px solid var(--line)}.seo h2{font-size:24px;margin-bottom:12px}.seo .ex-list{display:grid;gap:10px;max-width:860px;padding:0;list-style:none}.seo .ex-list li{border:2px solid var(--line);border-radius:12px;padding:12px 16px}.seo summary{cursor:pointer;font-weight:700;color:var(--acc,var(--mat))}.seo .links{columns:3;gap:20px;padding-left:18px}.seo .links li{margin:3px 0}@media(max-width:700px){.seo .links{columns:1}}
.flinks{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:4px 18px;margin:0 0 16px;padding:0;list-style:none;font-size:15px}