*{box-sizing:border-box}body{margin:0;color:#080f39;font-family:Arial,sans-serif;background:#faf5ed url('assets/background.jpg') center/cover fixed}button{font:inherit;cursor:pointer;color:inherit;touch-action:manipulation}header{height:calc(11.6vh - 10px);min-height:66px;background:#f9f5f1;box-shadow:0 5px 10px #ba92752a;border-radius:0 0 30px 30px;display:flex;align-items:center;justify-content:space-between;padding:0 3.3vw;position:fixed;inset:0 0 auto;z-index:10}h1{font-size:clamp(24px,3vw,52px);margin:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}#home{border:0;border-radius:50%;height:8.5vh;width:8.5vh;background:#e7e7e7;font-size:clamp(36px,5vh,60px);font-weight:bold}#clock{font-size:clamp(16px,1.9vw,34px)}main{padding:calc(14.5vh - 10px) 8.8vw 2vh}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2vw;margin-bottom:1.7vh}.tile{padding:0;border:0;background:none;border-radius:2.6vw;overflow:hidden;}.tile img{display:block;width:100%}.quiz{display:grid;grid-template-columns:1.26fr 1fr;gap:1vw}.question{position:relative;background:url('assets/quiz-battle-fit.png') center/cover no-repeat;border:16px solid white;border-radius:30px;overflow:hidden;min-height:46vh;padding:1.5vh 1.5vw;box-shadow:0 3px 4px #d7bba330}.badge{display:inline-block;border-radius:18px;background:#ffe4ea;padding:12px 20px;font-size:clamp(20px,1.7vw,30px);font-weight:bold;position:relative;z-index:2}.question h2{font-size:clamp(24px,2.7vw,48px);line-height:1.07;max-width:85%;margin:2vh 0}.answers{background:#fffaf7;border-radius:30px;padding:1.5vh 1vw;display:flex;flex-direction:column;gap:1.2vh}.answer{border:2px solid #e6e8ef;border-radius:20px;background:#f1f3f7;flex:1;text-align:left;padding:1vh 2vw;font-size:clamp(25px,2.7vw,48px);font-weight:bold;display:flex;align-items:center;justify-content:space-between}.answer:after{content:'';width:3.5vw;height:3.5vw;border-radius:50%;background:#e1e3eb}.answer.selected{border-color:#2c9747;background:#e5f5e4}.answer.selected:after{background:#2c9747;box-shadow:inset 0 0 0 8px #c8e8c9}.confirm,.action{background:#2c9747;color:white;border:0;border-radius:20px;padding:1.5vh 2vw;font-size:clamp(20px,2vw,36px);font-weight:bold}.confirm:disabled{opacity:.6;cursor:default}.feedback{position:absolute;inset:0;background:#43aa5de0;padding:10vh 2vw 2vh;display:flex;flex-direction:column;justify-content:center;font-size:clamp(22px,2.1vw,38px);line-height:1.35}.feedback.wrong{background:#ffdc9de8}.feedback p{margin:12px 0}.panel{background:#fffaf7;border-radius:30px;padding:32px;min-height:75vh}.panel h2{font-size:36px}.panel p{font-size:24px}.game{display:flex;gap:20px;flex-wrap:wrap}.game button{font-size:32px;padding:30px;border-radius:20px;border:2px solid #d9e3df;background:#e8f4e3}button:focus-visible{outline:4px solid #091e6a;outline-offset:4px}iframe{width:100%;height:63vh;border:0}@media(max-width:800px){#clock{max-width:24%;font-size:14px}.quiz{grid-template-columns:1fr}.question{min-height:350px}.answers{min-height:350px}main{padding-left:3vw;padding-right:3vw}.answer:after{width:30px;height:30px}h1{font-size:24px}}
.panel a{display:inline-block;text-decoration:none}
#home{display:grid;place-items:center;padding:0;flex-shrink:0;color:var(--text-blue);background:#e7e7e7;min-width:48px;min-height:48px;line-height:1}
#home svg{display:block;width:56%;height:56%;fill:currentColor;filter:drop-shadow(0 2px 1px #ffffff70)}

body{font-family:'Nunito Sans Variable',sans-serif;font-stretch:87.5%;font-optical-sizing:none;font-weight:400}h1,.question h2,.panel h2{font-weight:800}.answer{font-weight:900}.confirm,.action,.badge{font-weight:700}
:root{--text-blue:#193657}
body{color:var(--text-blue)}
.feedback{color:var(--text-blue)}
header h1{line-height:1.1}
#clock{display:flex;align-items:center;justify-content:flex-end;gap:.65em;font-weight:700;line-height:1.1;white-space:nowrap}
.clock-time{font-variant-numeric:tabular-nums;transform:translateY(3px)}
.clock-divider{display:block;width:3px;height:1.05em;flex-shrink:0;background:#193657;opacity:.28;transform:translateY(2px)}
@media(max-width:800px){#clock{flex-wrap:wrap;gap:.25em .45em}.clock-date{white-space:normal;text-align:right}}
header h1{display:flex;align-items:center;gap:.3em}
.title-rays{display:block;flex-shrink:0;width:.57em;height:1.45em;fill:none;stroke:#9dc9dd;stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round}
.title-rays-right{transform:scaleX(-1)}
.title-rays path{stroke-dasharray:1;stroke-dashoffset:1;animation:title-ray-draw 10s ease-out infinite both}
.title-rays path:nth-child(2){animation-delay:.15s}
.title-rays path:nth-child(3){animation-delay:.3s}
.title-rays-right path:nth-child(1){animation-delay:.45s}
.title-rays-right path:nth-child(2){animation-delay:.6s}
.title-rays-right path:nth-child(3){animation-delay:.75s}
@keyframes title-ray-draw{0%{stroke-dashoffset:1;opacity:1}3%,88%{stroke-dashoffset:0;opacity:1}92%,100%{stroke-dashoffset:0;opacity:0}}
@media(prefers-reduced-motion:reduce){.title-rays path{animation:none;stroke-dashoffset:0}}





header h1{font-weight:900}


#home svg{transform:translateX(1px)}
html,body{height:100%;overflow:hidden;overscroll-behavior:none}
main{height:100dvh;display:grid;grid-template-rows:minmax(0,.74fr) minmax(0,1fr);gap:1.7vh;padding-top:max(calc(14.5vh - 10px),82px);overflow:hidden}
main{grid-template-columns:minmax(0,1fr)}
.tiles{min-height:0;min-width:0;margin-bottom:0;grid-template-columns:repeat(3,minmax(0,1fr))}
.tile{min-height:0;min-width:0;height:100%}
.tile img{height:100%;object-fit:contain}
.quiz{min-height:0;min-width:0;grid-template-columns:minmax(0,1.26fr) minmax(0,1fr)}
.question{min-height:0;height:100%;padding:1.5vh 1.5vw}
.answers{min-height:0;height:100%;gap:1.2vh;border:16px solid white}
.answer{min-height:0;font-size:42px}
.confirm{flex-shrink:0;font-size:calc(clamp(18px,3.6vh,36px) - 5px)}
.question h2{font-size:42px;font-weight:900}
.badge{font-size:26px;font-weight:800;line-height:1.15;padding:1vh 18px 1vh 64px;display:inline-flex;align-items:center}
.quiz-bulb{position:absolute;left:10px;top:50%;transform:translateY(-50%);display:block;width:44px;height:min(44px,calc(100% - 8px));object-fit:contain;pointer-events:none}
main:has(.panel){display:block}
.panel{min-height:0;height:100%;overflow:auto;overscroll-behavior:contain}


html,body,main,.panel{overflow:hidden;overscroll-behavior:none;touch-action:auto}.tile{transform:none;transition:none}

.panel:has(iframe){display:flex;flex-direction:column}.panel iframe{flex:1;min-height:0;height:auto;touch-action:auto}
body{isolation:isolate}
main{position:relative;z-index:1}
.menu-decor{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;display:block}
.menu-decor img{position:absolute;display:block;user-select:none}
.decor-blobs{inset:0;width:100%;height:100%}
.decor-sun{left:.5vw;top:18vh;width:7vw;animation:sun-drift 8s ease-in-out infinite alternate}
.decor-leaves{left:-1.2vw;bottom:-3vh;height:36vh;width:auto;transform-origin:10% 100%;animation:leaf-sway 7s ease-in-out infinite alternate}
.decor-heart{right:.6vw;top:75vh;width:5.5vw;animation:heart-drift 6s ease-in-out infinite alternate}
.decor-plane{right:.3vw;top:14vh;width:7vw;animation:plane-drift 9s ease-in-out infinite alternate}
@keyframes sun-drift{from{transform:translateY(0) rotate(-2deg)}to{transform:translateY(-16px) rotate(8deg)}}
@keyframes leaf-sway{from{transform:rotate(-2deg)}to{transform:rotate(4deg)}}
@keyframes heart-drift{from{transform:translateY(0) rotate(-3deg)}to{transform:translateY(-18px) rotate(6deg)}}
@keyframes plane-drift{from{transform:translate(0,0) rotate(-1deg)}to{transform:translate(-16px,-18px) rotate(5deg)}}
@media(prefers-reduced-motion:reduce){.menu-decor img{animation:none}}
/* Keep both menu rows on the same edges, with room for the full tile artwork. */

.tiles{width:100%}
.tile img{width:100%;height:100%;object-fit:contain}
.tile{display:grid;place-items:center;overflow:visible;border-radius:0}
.tile-surface{display:block;position:relative;overflow:hidden;border-radius:9% / 12%;container-type:size;width:100%;height:100%}
.tile-school{background:radial-gradient(ellipse at 35% 20%,#9fdcff 0%,#92d2fe 45%,#85cafa 100%)}
.tile-schedule{background:radial-gradient(ellipse at 35% 20%,#a2d995 0%,#94cc8b 45%,#85bd7c 100%)}
.tile-games{background:radial-gradient(ellipse at 35% 20%,#ffcf72 0%,#ffbb49 45%,#ffb13b 100%)}
.tile .tile-art{position:absolute;left:50%;top:6%;transform:translateX(-50%);height:66%;width:64%;object-fit:contain;pointer-events:none}
.tile-games .tile-art{width:61.6%}
.tile-label{position:absolute;left:0;right:0;top:var(--label-top,76%);bottom:auto;font-size:calc(var(--label-font,12.825cqh) + 2px);line-height:1.1;font-weight:900;white-space:nowrap;text-align:center;color:var(--text-blue)}
.tile-arrow{position:absolute;right:6%;top:var(--arrow-top,76%);bottom:auto;height:16cqh;width:16cqh;border-radius:50%;background:#ffffffa6;display:grid;place-items:center;color:var(--text-blue)}
.tile-arrow svg{display:block;width:48%;height:48%;fill:none;stroke:currentColor;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.tile-spark{position:absolute;right:16%;top:24%;width:10%;height:18%;fill:none;stroke:#fffef5;stroke-width:5;stroke-linecap:round;pointer-events:none}
.tile-school .tile-spark{right:auto;left:calc(50% - min(64cqw,67.44cqh)/2 - 12cqw);transform:scaleX(-1)}
.tile-games .tile-spark{right:auto;left:14%;transform:scaleX(-1)}

.question.quiz-explained{display:flex;flex-direction:column;isolation:isolate}
.question.quiz-explained::before{content:'';position:absolute;inset:0;background:rgba(112,199,124,.42);z-index:-1;pointer-events:none}
.question.quiz-explained-wrong::before{background:rgba(255,213,135,.42)}
.quiz-explained .badge{align-self:flex-start;flex-shrink:0}
.quiz-explained h2{flex-shrink:0;visibility:visible}
.quiz-explained .feedback{position:relative;inset:auto;background:none;padding:0;min-height:0;flex:1;display:grid;grid-template-columns:22% minmax(0,1fr);gap:1.1vw;align-items:center;color:var(--text-blue);font-size:clamp(16px,1.25vw,28px);line-height:1.22}
.explanation-art{width:100%;max-height:100%;object-fit:contain;min-height:0;transform:translateX(calc((1.1vw - 1.5vw)/2 - 5px))}
.explanation-copy h3{font-size:clamp(20px,1.5vw,34px);font-weight:900;line-height:1.1;margin:0 0 .7vh}
.explanation-copy p{margin:0;font-weight:600}
.explanation-copy.wrong-answer h3{font-size:clamp(18px,1.25vw,28px);font-weight:900;line-height:1.15}
.explanation-copy{position:relative;isolation:isolate}
.explanation-copy::before{content:'';position:absolute;inset:-1vh -1vw;background:rgba(255,253,247,.82);border-radius:22px;filter:blur(12px);z-index:-1;pointer-events:none}
.quiz-explained .feedback{font-size:clamp(17px,1.3vw,30px);line-height:1.3}
.answer.incorrect{border-color:#c94747;background:#fbe8e6}
.answer.incorrect:after{background:#c94747;box-shadow:inset 0 0 0 8px #f3c8c5}
.answer.selected:after{box-shadow:none}
.answer.correct:after,.answer.incorrect:after{box-shadow:none;background-repeat:no-repeat;background-position:center;background-size:58%;flex-shrink:0}
.answer.correct:after{background-color:#2c9747;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12 4.5 4.5L19 7' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.answer.incorrect:after{background-color:#c94747;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 6 12 12M18 6 6 18' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round'/%3E%3C/svg%3E")}
.celebration{position:fixed;inset:0;width:100%;height:100%;z-index:100;pointer-events:none}




/* Game catalogue: nine positions per page, matching the main menu tiles. */
main:has(.games-menu){display:block}
.games-menu{height:100%;display:flex;flex-direction:column;gap:2vh;min-height:0}
.games-menu h2{margin:0;font-size:40px;font-weight:900;line-height:1.1}
.games-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:1.7vh 1.2vw}
.game-tile{display:block;min-width:0;min-height:0;padding:0;border:0;background:none;text-align:center}
.game-tile .tile-surface{border-radius:9% / 17%}
.game-tile-art{position:absolute;left:50%;top:2%;transform:translateX(-50%);width:64%;height:73%;object-fit:contain;pointer-events:none}
.game-tile-label{position:absolute;left:0;right:0;bottom:7%;font-size:var(--label-font,42px);line-height:1.1;font-weight:800;color:var(--text-blue)}
.game-tile .tile-arrow{top:auto;bottom:8%;height:20cqh;width:20cqh;right:6%}
.game-tile-spark{position:absolute;left:21.5%;top:53%;width:8%;height:18%;fill:none;stroke:#fffef5;stroke-width:5;stroke-linecap:round;pointer-events:none}
.tile-chess{background:#bcb0d8}.tile-counting{background:#9bd3c7}
.game-coming{cursor:default}.game-coming-note{position:absolute;top:8%;right:7%;font-size:clamp(10px,.85vw,18px);font-weight:700;color:#193657b3}
.games-mascot{position:relative;min-width:0;min-height:0;overflow:hidden;align-self:stretch;pointer-events:none}
.games-mascot img{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100%;height:100%;object-fit:contain;object-position:center bottom}

.pexeso-panel{position:relative;background:#fffaf7;padding:clamp(16px,2vh,30px);display:flex;flex-direction:column;gap:1vh}
.pexeso-back,.pexeso-new{border:0;border-radius:14px;background:#edf0f3;padding:10px 18px;font-size:20px;font-weight:800}
.pexeso-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}
.pexeso-heading{display:flex;align-items:center;gap:20px}.pexeso-heading h2{margin:0;font-size:32px}
.pexeso-scores{display:flex;gap:12px}.pexeso-player{display:flex;align-items:center;gap:18px;border:2px solid transparent;border-radius:14px;padding:8px 18px;background:#eef0f4;font-size:20px;font-weight:700}.pexeso-player strong{font-size:28px}.pexeso-player.is-playing{background:#ffedbb;border-color:#e8b34b}
.pexeso-status{min-height:26px;text-align:center;font-size:19px;font-weight:800;flex-shrink:0}
.pexeso-board{flex:1;min-height:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:clamp(6px,1vh,14px)}
.pexeso-card{position:relative;border:2px solid #d5e1e6;border-radius:14px;background:#315b70;min-height:0;min-width:0;padding:0;overflow:hidden;box-shadow:0 2px 2px #19365715}
.pexeso-card-back,.pexeso-card-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}
.pexeso-card-back{margin:6px;border:1px solid #efe5cb88;border-radius:9px;color:#e7dfc8}.pexeso-card-back svg{height:55%;width:55%;fill:none;stroke:currentColor;stroke-width:2;opacity:.75}
.pexeso-card-face{visibility:hidden;background:#faf3e4;color:#315b70;padding:5px}.pexeso-card-face svg{min-height:0;flex:1;width:100%}.pexeso-card-face span{font-size:clamp(12px,1.1vw,22px);font-weight:900;line-height:1.1;text-align:center}.pexeso-card-face small{font-size:clamp(10px,.8vw,16px);line-height:1.2;margin-top:2px}
.pexeso-card.is-open .pexeso-card-back{visibility:hidden}.pexeso-card.is-open .pexeso-card-face{visibility:visible}.pexeso-card.is-matched{border-color:#82b887}.pexeso-card.is-matched .pexeso-card-face{background:#edf4e8}.pexeso-card:disabled{cursor:default;opacity:1}
.pexeso-setup>.pexeso-back{align-self:flex-start}.pexeso-intro{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:0}.pexeso-intro img{width:min(380px,40vw);height:28vh;object-fit:contain}.pexeso-intro h2{font-size:44px;margin:12px 0 0}.pexeso-intro p{margin:4px 0 24px;font-size:24px}.pexeso-modes{display:flex;gap:20px}.pexeso-modes button,.pexeso-again,.pexeso-exit{border:0;border-radius:18px;padding:16px 32px;font-size:26px;font-weight:900;background:#ffcf72}.pexeso-modes button:nth-child(2){background:#9fdcff}.pexeso-note{margin-top:22px;font-size:18px}
.pexeso-finish{position:absolute;inset:0;background:#fffaf7dd;display:grid;place-items:center;z-index:3;border-radius:30px;text-align:center}.pexeso-finish[hidden]{display:none}.pexeso-finish h3{font-size:36px;margin:0}.pexeso-finish p{font-size:24px}.pexeso-exit{background:#edf0f3;margin-left:14px}
@media(max-width:800px){.pexeso-toolbar{gap:6px}.pexeso-heading h2{display:none}.pexeso-back,.pexeso-new{font-size:14px;padding:8px}.pexeso-player{font-size:14px;padding:4px 8px;gap:8px}.pexeso-player strong{font-size:20px}.pexeso-board{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr))}.pexeso-status{font-size:14px}.pexeso-card-face small{display:none}.pexeso-modes button{font-size:22px;padding:14px 24px}}

.pexeso-toolbar .pexeso-back,.pexeso-toolbar .pexeso-new{width:156px;height:54px;padding:10px 16px;font-size:22px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
@media(max-width:800px){.pexeso-toolbar .pexeso-back,.pexeso-toolbar .pexeso-new{width:112px;height:44px;font-size:16px;padding:8px}}

.pexeso-toolbar{position:relative}
.pexeso-toolbar .pexeso-scores:has(.pexeso-player:only-child){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}

.pexeso-card-face{padding:0}
.pexeso-landmark-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.pexeso-card-face .pexeso-caption{position:absolute;bottom:0;left:0;right:0;padding:4px 5px;background:rgba(255,250,240,.9);color:#193657;font-size:clamp(12px,1vw,22px);line-height:1.1}
.pexeso-caption small{display:block;font-weight:600}
@media(max-width:800px){.pexeso-caption small{display:none}}

.pexeso-again,.pexeso-exit{width:220px;height:68px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;padding:12px 20px}
@media(max-width:800px){.pexeso-again,.pexeso-exit{width:180px;height:60px;font-size:22px}}

.pexeso-card-back{margin:0;border:0;border-radius:0;background:#ecd29c}.pexeso-card-back img{width:100%;height:100%;object-fit:cover;display:block}


.pexeso-finish .pexeso-exit{background:#193657;color:#fff}


.pexeso-toolbar .pexeso-new{background:#ffcf72;color:#193657}.pexeso-toolbar .pexeso-back{background:#193657;color:#fff}


.pexeso-setup>.pexeso-back{width:156px;height:54px;padding:10px 16px;font-size:22px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:#193657;color:#fff}
@media(max-width:800px){.pexeso-setup>.pexeso-back{width:112px;height:44px;font-size:16px;padding:8px}}


.pexeso-player{border:3px solid transparent;opacity:.65;transition:opacity .15s,box-shadow .15s}.pexeso-player[data-player='0']{--player-color:#193657;background:#193657;color:#fff}.pexeso-player[data-player='1']{--player-color:#ffcf72;background:#ffcf72;color:#193657}.pexeso-player.is-playing{opacity:1;border-color:#fff;box-shadow:0 0 0 2px var(--player-color)}


.pexeso-setup .pexeso-modes [data-players='1']{background:#193657;color:#fff}.pexeso-setup .pexeso-modes [data-players='2']{background:#ffcf72;color:#193657}

/* Homepage typography and quiz details scale with the available window. */
main:has(.quiz) .question,main:has(.quiz) .answers{border-width:clamp(6px,calc(16px * var(--home-scale,1)),40px);border-radius:clamp(14px,calc(30px * var(--home-scale,1)),70px)}
main:has(.quiz) .question h2{font-size:clamp(16px,calc(42px * var(--home-scale,1)),42px);line-height:1.18}
main:has(.quiz) .answer{font-size:clamp(14.4px,calc(37.8px * var(--home-scale,1)),37.8px)}
main:has(.quiz) .question h2{margin:2vh 0;max-width:95%}
main:has(.quiz) .answer{gap:1vw;padding:1vh 2vw;border-radius:clamp(10px,calc(20px * var(--home-scale,1)),48px);line-height:1.12}
main:has(.quiz) .answer:after{width:clamp(18px,calc(48px * var(--home-scale,1)),120px);height:clamp(18px,calc(48px * var(--home-scale,1)),120px);flex-shrink:0}
main:has(.quiz) .badge{font-size:clamp(12px,calc(26px * var(--home-scale,1)),26px);padding:.38em .7em .38em 2.46em;border-radius:.7em}
main:has(.quiz) .quiz-bulb{left:.38em;width:1.69em;height:calc(100% - .3em);max-height:1.69em}
main:has(.quiz) .confirm{font-size:clamp(13px,calc(26px * var(--home-scale,1)),65px);border-radius:clamp(10px,calc(20px * var(--home-scale,1)),48px)}













main:has(.quiz) .answer{font-weight:600}


main:has(.quiz) .tile-label,main:has(.quiz) .question h2{font-weight:800}


.tile-piskvorky .game-tile-art{width:57.6%;height:65.7%;top:5.65%}

/* Shared header spacing for home, trophy, mascot and questions. */
*,*::before,*::after{-webkit-user-select:none;user-select:none}
.header-actions{display:flex;align-items:center;gap:calc(24px * var(--menu-art-scale,1));flex-shrink:0}
.header-actions #lumik-counter,.header-actions #quiz-review-open{margin:0}
#trophy-icon{display:grid;place-items:center;width:calc(clamp(44px,8vh,64px) * var(--menu-art-scale,1));height:calc(clamp(44px,8vh,64px) * var(--menu-art-scale,1));flex-shrink:0}
#trophy-icon img{display:block;width:92%;height:92%;object-fit:contain}
@media(max-width:1000px){header{gap:16px}header h1{position:static;transform:none;margin:auto;font-size:clamp(16px,2.4vw,24px)}header .title-rays{display:none}}
@media(max-width:800px){.header-actions{gap:12px}#home{width:48px;height:48px}header{gap:8px}}


.tile-counting .game-tile-art{width:70.2%;height:65.7%;top:5.65%}