/* Minik browser arcade — presentation only; original game coordinates and DOM stay intact. */
html{height:auto}body.browser-games{height:auto;min-height:100vh;margin:0;padding:0;background:#fcfbff;color:var(--ink);font-family:"Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif}
.browser-games .site-wrap{display:block;min-height:100vh;background:transparent}
.browser-games .game-intro{display:flex;align-items:center;justify-content:center;gap:54px;position:relative;min-height:204px;margin-block:20px 4px;padding:10px 30px;direction:inherit;text-align:center}
.game-intro-copy{max-width:730px}.game-eyebrow{display:inline-block;color:#b068a2;font-weight:800;font-size:12px;letter-spacing:1.5px;margin-bottom:10px}
.game-heading-title{font-size:clamp(31px,3.3vw,45px);color:var(--purple-deep);letter-spacing:-.8px;margin:0 0 10px;font-weight:900;line-height:1.3}
.browser-games .tagline{font-size:17px;line-height:1.7;margin:0;color:#70647f;letter-spacing:0;font-weight:400}
.game-intro-mascot{width:123px;height:139px;object-fit:contain;transform:rotate(-4deg);filter:drop-shadow(0 6px 5px #b191b322)}
.browser-games .games-layout{display:grid;grid-template-columns:minmax(200px,260px) minmax(0,1fr) minmax(200px,260px);grid-template-rows:auto auto auto;align-items:start;justify-content:center;gap:24px;direction:ltr;padding:0;margin:0 auto 38px;max-width:1170px;flex:initial}
.browser-games #game-tabs{grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;background:#fff;border:1px solid #e9def5;border-radius:25px;padding:14px;margin:0 0 12px;width:100%;max-width:none;box-shadow:0 8px 26px #82609509;direction:inherit}
.browser-games #game-tabs .tab{position:relative;border:1px solid #e3d6f2;border-radius:17px;background:#fbf8ff;padding:13px 20px;display:flex;align-items:center;justify-content:center;gap:15px;color:#73568b;min-height:76px;font-size:18px;font-weight:800;line-height:1.4;text-align:start;transition:background .2s,border-color .2s,box-shadow .2s}
.browser-games #game-tabs .tab:nth-child(2){background:#fff7fa;border-color:#f4d9e7}.browser-games #game-tabs .tab:nth-child(3){background:#f1faff;border-color:#d5e9f6}
.browser-games #game-tabs .tab.active{border-color:#956cd6;background:#f0e6ff;box-shadow:0 0 0 2px #956cd62e;color:#6034a8}
.browser-games #game-tabs .tab:nth-child(2).active{border-color:#e969a0;background:#ffedf6;box-shadow:0 0 0 2px #e969a02e;color:#ba3975}
.browser-games #game-tabs .tab:nth-child(3).active{border-color:#4caddd;background:#e9f7ff;box-shadow:0 0 0 2px #4caddd2e;color:#187bac}
.browser-games #game-tabs .tab:hover{filter:brightness(.985)}
.browser-games #game-tabs img.icon{width:47px;height:47px;object-fit:contain;border-radius:12px;background:transparent;flex:none}
.browser-games #right-tools{grid-column:1;grid-row:2;width:100%;direction:inherit}
.browser-games #right-tools .right-rail{padding:20px;background:#fff;border:1px solid #e8def1;border-radius:23px;gap:15px;box-shadow:0 6px 22px #79539908}
.browser-games #right-tools .top-share{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 1px}
.browser-games #right-tools .share-label{width:100%;text-align:center;color:#785c92;font-size:13px;font-weight:800;margin:0 0 7px;opacity:1}
.browser-games #right-tools .top-share .icon-btn{width:34px;height:38px;border-radius:11px;color:#8859c3}.browser-games #right-tools .top-share .icon-btn:hover{background:#f2eafa}
.browser-games .right-stack{grid-column:1;grid-row:3;display:flex;flex-direction:column;gap:20px;direction:inherit;width:100%}
.browser-games .cta-note{background:#f3ebff;border:1px solid #e7daf7;border-radius:17px;padding:16px;color:#756085;line-height:1.7;font-size:13px;font-weight:400}
.browser-games .cta-btn{border:1px solid #e2d2f4;border-radius:15px;padding:13px 10px;min-height:48px;color:var(--purple-deep);font-size:13px;line-height:1.45;box-shadow:none}
.browser-games .cta-btn.-green{background:linear-gradient(125deg,#9360df,#7040c7);color:white;border-color:transparent;box-shadow:0 5px 14px #7040c719}
.browser-games .cta-btn.-blue{background:#fff;border-color:#e2d2f4}
.browser-games .right-col{display:contents}
.browser-games #right-panel{grid-column:3;grid-row:2/span 2;position:static;margin:0;padding:22px;background:#fff;border:1px solid #e8def1;border-radius:24px;gap:10px;direction:inherit;box-shadow:0 6px 22px #79539908}
.browser-games #right-panel h3{color:var(--purple-deep);font-size:19px;margin:0 0 8px!important;text-align:center}
.browser-games #howto{font-size:14px;line-height:1.85;color:#756781!important;margin:0 0 10px!important;min-height:0}
.browser-games #howto b{color:#654085}
.browser-games .actions-panel{margin:7px 0 0}.browser-games .btn.primary{border:0;background:#f0e7fb;color:#7243ac;border-radius:14px;padding:13px 10px;line-height:1.4;font-size:13px;min-height:46px;box-shadow:none}
.browser-games .stage{grid-column:2;grid-row:2/span 3;position:relative;width:100%;max-width:430px;aspect-ratio:2/3;height:auto;margin:44px auto 16px;background:transparent;align-self:start;direction:ltr}
.browser-games .game-area{position:absolute;inset:0;width:100%;height:100%!important;max-width:none;margin:0!important}
.browser-games #soccer-game .field{width:100%;height:100%!important;margin:0!important;border-radius:25px;background:url('assets/field-minik.svg') center/100% 100% no-repeat;box-shadow:0 0 0 7px #fff,0 0 0 8px #c8e1d6,0 13px 34px #30664c1c;overflow:visible}
.browser-games .center-word{font-size:clamp(21px,2.6vw,34px);max-width:90%;text-align:center;white-space:normal;line-height:1.25;overflow-wrap:anywhere;background:#ffffffee;color:#3e2756;padding:8px 17px;border:1px solid #fff;border-radius:18px;box-shadow:0 4px 12px #1752381d;text-shadow:none;font-weight:800}
.browser-games .center-word:empty{display:none}.browser-games .built-word{font-size:clamp(20px,2.3vw,30px);color:#fff;text-shadow:0 2px 4px #26533a;max-width:92%;text-align:center}
.browser-games .letter-chip{border:2px solid #aa89d4;background:linear-gradient(145deg,#fff,#f2e8ff);color:#5c3481;box-shadow:0 4px 0 #794f9366,0 5px 12px #25563c22;font-family:inherit;font-weight:800}
.browser-games .score-left,.browser-games .score-right{display:flex;align-items:center;justify-content:center;min-width:38px;height:38px;border-radius:14px;padding:3px 9px;background:#fff7;border:1px solid #fff8;color:#23543c;font-size:24px;line-height:1;box-shadow:0 2px 7px #07512414}
.browser-games .score-left{left:3%;right:auto;bottom:15%}.browser-games .score-right{left:3%;right:auto;top:8%}
.browser-games #memory-game .mem-frame{position:relative;width:100%;height:100%;max-width:none;aspect-ratio:auto;margin:0;padding:20px 15px 16px;border:1px solid #e2ccec;border-radius:26px;background:linear-gradient(155deg,#fff0f8,#f0e9ff 56%,#e5f5ff);box-shadow:0 12px 33px #78508814}
.browser-games .mem-title{font-size:24px;color:#8444b2;line-height:1.3;margin:0 0 7px;font-weight:900}
.browser-games .mem-status{font-size:14px;color:#775e88;line-height:1.5;margin-bottom:8px}
.browser-games .mem-score{display:inline-block;padding:5px 14px;border-radius:18px;background:#fff9;color:#8554aa;font-size:13px;font-weight:800}
.browser-games .mem-board{gap:10px;padding:0;margin-top:12px;min-height:0}
.browser-games .mem-face{border:2px solid #fff;border-radius:15px;box-shadow:0 4px 10px #74528514}
.browser-games .mem-back{font-size:0;background:radial-gradient(circle at 30% 20%,#fff9,#fff0 70%),linear-gradient(140deg,#d5c0fd,#ffd4ea 65%,#fce5b8)}
.browser-games .mem-back:before{content:"";position:absolute;inset:13px;background:url('../assets/v2/images/brand-cat.webp') center/contain no-repeat;filter:drop-shadow(0 3px 2px #9571b324)}
.browser-games .mem-front{color:#634282;background:#fff;font-size:clamp(17px,1.8vw,25px);overflow-wrap:anywhere;padding:6px}
.browser-games .mem-card.taken .mem-card-inner{opacity:.6}.browser-games .mem-card.taken .mem-front{border-color:#9ee2c5;background:#effff8;color:#327b58}
.browser-games #tower-game .tower-card{position:relative;width:100%;height:100%;max-width:none;padding:18px 14px 14px;margin:0;border:1px solid #d2e5f1;border-radius:26px;background:linear-gradient(150deg,#f2fbff,#edf1ff 66%,#fceefa);box-shadow:0 12px 33px #557caa14;overflow:hidden}
.browser-games .tower-header{flex:none;padding:0 6px 9px!important}.browser-games #tower-title{color:#318eb7;font-size:24px;line-height:1.4;font-weight:900}.browser-games .tower-status{font-size:14px;color:#65778c;line-height:1.5;min-height:2em}
.browser-games .tower-word{color:#714799;font-size:24px;line-height:1.4}.browser-games .btn-play{border:1px solid #b5cfea;box-shadow:0 3px 8px #7a9dc51c;color:#5275b3;background:#fff}.browser-games .btn-play svg{fill:currentColor}
.browser-games #tower-game .tower-board{position:relative;flex:1;min-height:0;max-height:none;aspect-ratio:auto;width:100%;height:auto;max-width:none;margin:4px 0 0;border:1px solid #c5e2ef;border-radius:18px;background:radial-gradient(ellipse at 20% 15%,#ffffffeb 0,#ffffff00 42%),linear-gradient(180deg,#cfedff,#eaf6ff 65%,#fff4dc);box-shadow:inset 0 1px 4px #9cc4df19}
.browser-games .tower-board:before{content:"";position:absolute;left:6%;right:5%;top:12%;height:32%;background:url('../assets/v2/images/atmosphere/cloud-white.webp') right top/120px auto no-repeat;opacity:.5;pointer-events:none}
.browser-games .tower-card-letter{border:2px solid #fff9;box-shadow:0 5px 0 #72568855,0 8px 12px #49779924;background-image:linear-gradient(145deg,#ffffff66,#ffffff00);color:#503567;border-radius:15px;font-family:inherit;font-weight:800}
.browser-games .game-ad-slot{overflow:hidden;border-radius:15px;margin-top:22px;max-width:100%;border:0;box-shadow:none;background:transparent;padding:0}
.browser-games .game-ad-slot:has(ins[data-ad-status="unfilled"]){display:none!important}
.browser-games #right-panel .ad-rail{border:0;padding:0;box-shadow:none;background:transparent;margin-top:24px}
.browser-games .ad-left-stick{max-width:100%;margin-top:0}.browser-games .ad-bottom{max-width:1170px;width:calc(100% - 48px);margin:0 auto 25px;padding:0}
.browser-games .site-footer{padding-bottom:28px}
.browser-games [dir=rtl],html[dir=rtl] .browser-games .game-intro-copy,html[dir=rtl] .browser-games #game-tabs,html[dir=rtl] .browser-games #right-panel,html[dir=rtl] .browser-games .right-stack{direction:rtl}
@media(min-width:821px){html:lang(he) .browser-games{font-family:"Noto Sans Hebrew",Arial,sans-serif}html:lang(ar) .browser-games{font-family:"Noto Sans Arabic",Arial,sans-serif}html:lang(hi) .browser-games{font-family:"Noto Sans Devanagari",Arial,sans-serif}html:lang(en) .browser-games,html:lang(es) .browser-games,html:lang(nl) .browser-games{font-family:"Noto Sans","Trebuchet MS",sans-serif}}
@media(max-width:1060px){.browser-games .games-layout{grid-template-columns:minmax(170px,200px) minmax(0,1fr) minmax(170px,200px);gap:20px}.browser-games #right-panel{padding:17px}.browser-games #game-tabs .tab{font-size:16px;padding:12px;gap:9px}.browser-games #right-tools .right-rail{padding:15px}.browser-games .game-intro{gap:30px}.browser-games .game-intro-mascot{width:100px;height:115px}.browser-games .stage{margin-top:34px}}
@media(max-width:900px){.browser-games .games-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:640px;padding:0;margin-inline:auto;width:calc(100% - 30px)}.browser-games #game-tabs{grid-column:1/-1;grid-row:1;gap:8px;padding:9px;border-radius:19px;margin:0}.browser-games #game-tabs .tab{flex-direction:column;min-height:92px;text-align:center;gap:6px;font-size:14px;border-radius:13px;padding:9px 5px;min-width:0}.browser-games #game-tabs img.icon{width:36px;height:36px}.browser-games .stage{grid-column:1/-1;grid-row:2;width:calc(100% - 18px);max-width:400px;aspect-ratio:2/3;height:auto!important;margin:37px auto 8px;display:block}.browser-games #right-panel{grid-column:1/-1;grid-row:4;margin:0;max-width:none;width:100%;padding:20px}.browser-games #right-tools{grid-column:1;grid-row:5;max-width:none;align-self:start}.browser-games .right-stack{grid-column:2;grid-row:5;max-width:none;width:100%}.browser-games #ctaPanel{max-width:none}.browser-games .right-col{display:contents}.browser-games .game-intro{min-height:0;padding:20px 5px 14px;gap:15px;margin-top:4px;margin-bottom:5px}.browser-games .game-intro-mascot{width:74px;height:100px}.browser-games .tagline{font-size:15px}.browser-games .game-heading-title{font-size:30px}.browser-games .game-eyebrow{font-size:10px;letter-spacing:.8px}.browser-games .ad-top-mobile{max-width:calc(100% - 30px);margin:8px auto 20px}.browser-games .ad-mobile-between{grid-column:1/-1;grid-row:3;width:100%;max-width:none;margin:0}.browser-games .ad-bottom{width:calc(100% - 30px)}.browser-games .letter-chip{width:48px;height:48px;flex-basis:48px;font-size:26px}.browser-games .letters-bar{gap:9px;max-width:91%}.browser-games .center-word{font-size:27px}.browser-games .score-left,.browser-games .score-right{width:auto;height:34px;min-width:34px;font-size:21px}.browser-games .mem-front{font-size:21px}.browser-games #memory-game .mem-frame,.browser-games #tower-game .tower-card{margin:0!important}.browser-games .game-info{display:none!important}}
@media(max-width:440px){.browser-games .game-intro{gap:8px}.browser-games .game-intro-mascot{width:62px;height:84px}.browser-games .game-heading-title{font-size:26px}.browser-games .tagline{font-size:14px;line-height:1.6}.browser-games .game-eyebrow{font-size:9px;letter-spacing:.5px}.browser-games #game-tabs .tab{font-size:12px;line-height:1.4;min-height:91px}.browser-games .games-layout{gap:15px}.browser-games #right-tools{grid-column:1/-1;grid-row:6}.browser-games .right-stack{grid-column:1/-1;grid-row:5}.browser-games .center-word{font-size:23px}.browser-games .mem-title,.browser-games #tower-title{font-size:21px}.browser-games .mem-status,.browser-games .tower-status{font-size:12px}.browser-games #memory-game .mem-frame{padding:14px 11px}.browser-games #tower-game .tower-card{padding:14px 11px 11px}.browser-games .mem-board{gap:8px}.browser-games .mem-back:before{inset:9px}.browser-games .mem-front{font-size:18px}.browser-games .letter-chip{width:44px;height:44px;flex-basis:44px;font-size:25px}.browser-games .score-left{bottom:18%}.browser-games .tower-word{font-size:22px}}
.browser-games .game-info:empty{display:none!important}
.browser-games .game-info:not(:empty){grid-column:1/-1;display:block!important;margin:3px 3px 0!important;padding:9px 14px;min-height:0!important;border-radius:12px;background:#fbf7ff;font-size:14px;line-height:1.6;text-align:center}
.browser-games #right-panel{grid-row:2}
.browser-games .desktop-ad-rail{grid-column:3;grid-row:3;width:100%;direction:inherit;margin:0;background:transparent;padding:0}
.browser-games .desktop-ad-rail ins{display:block!important;width:100%!important;min-height:250px}
@media(max-width:900px){.browser-games #right-panel{grid-row:4}.browser-games .desktop-ad-rail{display:none!important}}

/* 2026-10-07: side ads belong to stable rails, never over the game or its header. */
.browser-games #right-tools{display:flex;flex-direction:column;gap:26px;grid-row:2;align-self:start;min-width:0}
.browser-games .right-col{display:flex;flex-direction:column;gap:28px;grid-column:3;grid-row:2;min-width:0}
.browser-games .right-col #right-panel{width:100%;box-sizing:border-box}
.browser-games .right-col .desktop-ad-rail{width:100%;margin:0}
.browser-games #right-tools #ctaPanel{width:100%;max-width:none;margin:0}
.browser-games .game-ad-slot.minik-display-ad{position:relative;z-index:25;border-radius:0;overflow:visible;margin:0;padding:0;background:transparent;min-width:0}
.browser-games .game-ad-slot.minik-display-ad ins{display:block;width:100%;max-width:none}
.browser-games .minik-display-ad .ad-disclosure{font-size:10px;letter-spacing:.4px;color:#7e7887;text-align:center;line-height:1.6;padding:0 0 9px}
.browser-games .game-ad-slot[data-ad-screen=desktop]{min-height:255px}
.browser-games .game-ad-slot[data-ad-screen=mobile]{display:none}
.browser-games .top-share .share-label{unicode-bidi:isolate;direction:ltr}
html[dir=rtl] .browser-games .top-share .share-label{direction:rtl;unicode-bidi:isolate}
/* Only the goal artwork changes; the goal/goalie collision boxes stay intact. */
.browser-games .goal{border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;filter:drop-shadow(0 5px 3px #17423424)}
.browser-games .goal:before,.browser-games .goal:after{content:none;display:none}
.round-break{position:absolute;inset:0;z-index:40;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:25px;text-align:center;border:1px solid #ddcdef;border-radius:25px;background:linear-gradient(145deg,#faf6ff,#ecf9ff);box-shadow:0 6px 20px #7040c718}
.round-break h2{font-size:26px;color:var(--purple-deep);margin:0}.round-break p{font-size:16px;margin:0}.round-break .button{min-height:48px}
@media(max-width:900px){
 .browser-games .right-col{grid-column:1/-1;grid-row:3;gap:20px}
 .browser-games #right-tools{grid-column:1/-1;grid-row:4;gap:20px}
 .browser-games .game-ad-slot[data-ad-screen=desktop]{display:none!important}
 .browser-games .game-ad-slot[data-ad-screen=mobile]{display:block;width:calc(100% - 30px);max-width:640px;margin:34px auto 32px}
 .browser-games .ad-top-mobile,.browser-games .ad-mobile-between{display:none!important}
}
@media print{.browser-games .minik-display-ad,.round-break{display:none!important}}

/* Goal-volume.svg feet meet field-minik.svg's painted end line (19/645).
   Variables are initialized by soccer-geometry.js from the shared SVG model. */
.browser-games .goal{
 top:var(--goal-line-top,2.945736434%);bottom:auto;
 width:var(--goal-width,90%);height:auto;
 aspect-ratio:var(--goal-aspect,10 / 3);
 transform:translate(-50%,var(--goal-art-anchor,-98.833333333%));
}
.browser-games .goalie{top:var(--keeper-foot,98.833333333%);transform:translate(-50%,-100%)}
/* Reserve headroom only when the soccer field is visible, so the protruding
   goal never covers the game tabs on either phones or desktop layouts. */
.browser-games .stage:has(#soccer-game:not([hidden])){margin-top:clamp(80px,13vw,110px)}
/* The kicked ball scales with the actual field/goal, unlike the larger touch
   targets in the letter tray. Even on a narrow phone it fits the goal mouth. */
.browser-games .field .ball{width:14%;max-width:60px;height:auto;aspect-ratio:1;font-size:clamp(18px,4vw,28px)}

/* Goal artwork is embedded in index.html, not fetched as a CSS background.
   Preserve the exact 1000x300 coordinate space used by soccer-geometry.js. */
.browser-games .goal > .goal-art{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;overflow:visible;pointer-events:none;z-index:0}
.browser-games .goal > .goalie{z-index:4}

/* 2026-10-12: footer centres use the same tracks as the game and its two rails. */
@media(min-width:901px){
 .browser-games #game-site-footer .site-footer{max-width:1170px;width:calc(100% - 48px);margin-inline:auto}
 .browser-games #game-site-footer .footer-top{display:grid;grid-template-columns:minmax(200px,260px) minmax(0,1fr) minmax(200px,260px);gap:24px;direction:ltr;align-items:center}
 .browser-games #game-site-footer .footer-top>.brand{grid-column:1;justify-self:center}
 .browser-games #game-site-footer .footer-motto{grid-column:2;justify-self:center;text-align:center;margin:0;width:100%}
 .browser-games #game-site-footer .footer-links{grid-column:3;justify-self:center;justify-content:center;flex-wrap:wrap}
}
@media(min-width:901px) and (max-width:1060px){.browser-games #game-site-footer .footer-top{grid-template-columns:minmax(170px,200px) minmax(0,1fr) minmax(170px,200px);gap:20px}}
.arcade-practice-back{display:flex;justify-content:flex-start;margin:4px auto 18px;direction:rtl}
html[dir=ltr] .arcade-practice-back{direction:ltr}
.arcade-practice-back .back-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:8px 18px;background:#fff;border:1px solid #e2d7f1;border-radius:25px;color:#6941b4;font-weight:750;line-height:1.4}
.arcade-practice-back svg{display:block;width:22px;height:22px;flex:none;transform:none}
html[dir=rtl] .arcade-practice-back svg{transform:scaleX(-1)}
.arcade-practice-back a:focus-visible{outline:3px solid #2c9ad5;outline-offset:3px}

/* Arithmetic football only. Preserve all legacy field/goal geometry. */
.browser-games .math-question-counter{position:absolute;top:8%;right:3%;left:auto;height:38px;display:flex;align-items:center;gap:7px;padding:3px 10px;border:1px solid #fff9;border-radius:14px;background:#fff9;color:#23543c;z-index:4;max-width:50%;font-size:13px;line-height:1.1;pointer-events:none}
.browser-games .math-question-counter strong{font-size:23px;line-height:1;font-variant-numeric:tabular-nums}
.browser-games .math-soccer .center-word{direction:ltr;unicode-bidi:isolate;max-width:92%;text-align:center;font-variant-numeric:tabular-nums;font-size:clamp(23px,3vw,36px);white-space:nowrap}
.browser-games .math-soccer .letters-bar{display:grid;grid-template-columns:repeat(var(--math-options,5),minmax(0,1fr));gap:7px;align-items:center;justify-items:center;width:92%;max-width:390px;bottom:3%;direction:ltr}
.browser-games .math-soccer .letter-chip{width:100%;max-width:54px;height:auto;min-height:44px;aspect-ratio:1;flex-basis:auto;font-size:clamp(19px,2vw,25px);border-radius:50%;padding:1px;box-sizing:border-box;font-variant-numeric:tabular-nums}
.browser-games .math-soccer .letter-chip:focus-visible{outline:3px solid #fbe04d;outline-offset:3px}
.browser-games .math-soccer .built-word{display:none}
.browser-games .math-soccer .ball{direction:ltr;unicode-bidi:isolate;font-size:clamp(18px,2vw,23px)}
.browser-games .math-answer-feedback{position:absolute;top:59%;left:6%;width:88%;padding:10px 12px;border-radius:16px;background:#fff4e8f7;border:1px solid #f5d1a8;color:#6e4523;text-align:center;font-size:15px;line-height:1.5;box-shadow:0 4px 12px #203a2520;z-index:7;pointer-events:none}
.browser-games .math-answer-feedback.correct{background:#efffeef7;border-color:#a9e1b4;color:#206c3f}
.browser-games #math-soccer-level{text-align:center;font-size:13px;color:#695584;padding-top:14px;margin:0}
.browser-games .math-match-result{position:absolute;inset:17% 5% 14%;background:linear-gradient(155deg,#fff,#eef9ff 70%,#f5edff);border:2px solid #fff;border-radius:24px;z-index:20;box-shadow:0 12px 34px #254b4838;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:20px 14px;text-align:center}
.browser-games .math-match-result h2{font-size:clamp(22px,3vw,32px);color:#6335ad;margin:0}
.browser-games .math-match-result p{font-size:16px;line-height:1.5;margin:0}
.browser-games .math-final-score{display:flex;gap:20px;justify-content:center;width:100%}
.browser-games .math-final-score span{display:flex;flex-direction:column;gap:5px;min-width:75px;padding:9px 14px;border-radius:15px;background:#eee4fc;color:#503977;font-size:15px}
.browser-games .math-final-score strong{font-size:30px;line-height:1.2}
.browser-games .math-match-result a{font-size:14px;line-height:1.4;color:#673fad;padding:8px 5px;text-decoration:underline}
.browser-games .math-match-result .button{min-height:44px;padding:9px 17px;font-size:16px}
@media(max-width:900px){.browser-games .math-question-counter{height:34px;font-size:12px}.browser-games .math-question-counter strong{font-size:21px}}
@media(max-width:600px){.browser-games .math-soccer .letters-bar{display:flex;justify-content:center;gap:8px 16px;width:calc(var(--math-columns,3)*46px + (var(--math-columns,3) - 1)*16px);max-width:90%}.browser-games .math-soccer .letter-chip{flex:0 0 46px;width:46px;height:46px;max-width:none;min-height:44px;font-size:21px}.browser-games .math-soccer .score-left{bottom:29%}.browser-games .math-answer-feedback{font-size:13px;padding:8px;top:56%}.browser-games .math-match-result{inset:15% 4% 12%;gap:10px;padding:16px 10px}.browser-games .math-match-result p{font-size:14px}}