/* Englishzilla – fresh look for exercise pages (stage 3). Homepage layout is not touched. */
body.ez-page{font-family:"Nunito",system-ui,-apple-system,"Segoe UI",sans-serif}
body.ez-page h1,body.ez-page h2,body.ez-page h3,body.ez-page .btn,body.ez-page .naglowek,body.ez-page .naglowek2{font-family:"Poppins",system-ui,sans-serif}
body.ez-page #divid > h2{font-weight:800;color:#25222e;margin-bottom:6px}
body.ez-page #divid .h4,body.ez-page #divid > p.h4{font-weight:700;color:#4b4658}
body.ez-page .upsy{font-size:22px;font-weight:700;color:#25222e;margin:4px 0}
body.ez-page .upsy td{padding:6px 2px;vertical-align:middle}
body.ez-page .upsyex{font-size:20px}
body.ez-page .bracketz{color:#e73f70;font-weight:700}
/* text gaps */
body.ez-page input.longin,body.ez-page input.longin2,body.ez-page input.longin3,body.ez-page input.longin4,body.ez-page input.nolongin{background:#fff;color:#25222e;border:2px solid #d9c8f5;border-radius:12px;font-family:"Nunito",system-ui,sans-serif;font-weight:800;font-size:20px;letter-spacing:.02em;padding:4px 10px;transition:border-color .15s,box-shadow .15s}
body.ez-page input.longin:focus,body.ez-page input.longin2:focus,body.ez-page input.longin3:focus,body.ez-page input.longin4:focus,body.ez-page input.nolongin:focus{outline:none;border-color:#7e10ff;box-shadow:0 0 0 4px rgba(126,16,255,.15)}
body.ez-page input[disabled].longin,body.ez-page input[disabled].longin2,body.ez-page input[disabled].nolongin{background:#f6f1fd;color:#5a00c2}
body.ez-page .upsyex input{background:#f6f1fd!important;color:#5a00c2!important;border-color:#e3d9f2!important}
body.ez-page input.ez-ok{background:#eaf7f0!important;color:#0e5c35!important}
body.ez-page input.ez-bad{background:#fdecf1!important;color:#b8204f!important}
/* buttons */
body.ez-page .btn-primary,body.ez-page .main2 .button{background:#e73f70;border:none;border-radius:10px;color:#fff;font-weight:800;letter-spacing:.03em;box-shadow:0 4px 0 #b8204f;text-shadow:none;padding:10px 18px}
body.ez-page .btn-primary:hover,body.ez-page .main2 .button:hover{background:#ff4f82;border:none}
body.ez-page .btn-primary:active,body.ez-page .main2 .button:active{transform:translateY(3px);box-shadow:0 1px 0 #b8204f}
body.ez-page .btn-secondary{border-radius:10px;text-shadow:none}
body.ez-page .ez-actions .ez-check{background:#178850;box-shadow:0 4px 0 #0e5c35}
body.ez-page .ez-actions .ez-check:hover{background:#1fa564}
/* answer options */
body.ez-page ul.ez-optlist{flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:center;margin:6px 0}
body.ez-page ul.ez-optlist li{margin:0}
body.ez-page .button2,body.ez-page .button3,body.ez-page .buttonlong{width:auto;min-width:110px;height:auto;padding:8px 18px;border:2px solid #7e10ff;border-radius:99px;background:#fff;color:#5a00c2;font-family:"Nunito",system-ui,sans-serif;font-weight:800;font-size:18px;cursor:pointer;transition:background .15s,color .15s,transform .1s}
body.ez-page .button2:hover,body.ez-page .button3:hover,body.ez-page .buttonlong:hover{background:#7e10ff;color:#fff}
body.ez-page .button2:focus-visible,body.ez-page .buttonlong:focus-visible{outline:3px solid #d7d477;outline-offset:2px}
body.ez-page .ez-opt.ez-right{background:#178850!important;border-color:#178850!important;color:#fff!important}
body.ez-page .ez-opt.ez-wrong{background:#fdecf1!important;border-color:#f3b4c6!important;color:#b8204f!important;text-decoration:line-through;cursor:not-allowed}
body.ez-page .ez-opt[disabled]:not(.ez-right):not(.ez-wrong){opacity:.4}
body.ez-page .ez-mcfb{min-height:26px;margin:4px 0 0;text-align:center}
/* guess what */
body.ez-page .haslo{font-family:"Poppins",system-ui,sans-serif;font-weight:900;color:#7e10ff}
body.ez-page .opis{font-size:24px;font-weight:700}
/* matching */
body.ez-page .ez-tip{font-size:15px;color:#6a6479;margin:0 0 10px}
body.ez-page .ez-word{display:inline-flex;align-items:center;gap:6px;background:#7e10ff;color:#fff;font-weight:800;border-radius:99px;padding:6px 16px;margin:4px;cursor:pointer;user-select:none;box-shadow:0 3px 0 #5a00c2}
body.ez-page .ez-word.ez-selected{background:#e73f70;box-shadow:0 0 0 4px rgba(231,63,112,.3),0 3px 0 #b8204f}
body.ez-page .ez-word.ez-matched{background:#178850;box-shadow:none;cursor:default}
body.ez-page .ez-box{min-width:150px;min-height:48px;border:2px dashed #b9a2e6;border-radius:14px;background:#faf7ff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}
body.ez-page .ez-box:hover{background:#f1e8ff}
body.ez-page .ez-box.ez-filled{border-style:solid;border-color:#178850;background:#eaf7f0}
body.ez-page .ojojoj2{font-size:19px;font-weight:700;margin:0 0 0 10px}
body.ez-page .ez-shake{animation:ezshake .35s}
@keyframes ezshake{25%,75%{transform:translateX(-5px)}50%{transform:translateX(5px)}}
@media (prefers-reduced-motion: reduce){body.ez-page .ez-shake{animation:none}}
@media (max-width:640px){body.ez-page .upsy{font-size:18px}body.ez-page input.longin,body.ez-page input.longin2,body.ez-page input.nolongin{font-size:17px;width:120px}body.ez-page input.longin2{width:180px}}
@media (max-width:640px){
  body.ez-page #divid{padding:22px 14px!important}
  body.ez-page table.upsy,body.ez-page table.upsy > tbody,body.ez-page table.upsy > tbody > tr,body.ez-page table.upsyex,body.ez-page table.upsyex > tbody,body.ez-page table.upsyex > tbody > tr{display:block;width:100%}
  body.ez-page table.upsy > tbody > tr > td,body.ez-page table.upsyex > tbody > tr > td{display:inline-block;padding:3px 2px;vertical-align:middle}
  body.ez-page table.upsy td:empty{display:none}
  body.ez-page .hint{display:inline-block}
  body.ez-page input.longin3,body.ez-page input.longin4,body.ez-page input.longin2{width:min(300px,78vw);max-width:100%}
}

/* ---------- tiles: All grammar / All vocabulary ---------- */
body.ez-page .ez-tiles-tools{margin:8px 0 6px}
body.ez-page .ez-tiles-search{width:min(420px,100%);font:inherit;font-weight:700;padding:10px 16px;border:2px solid #d9c8f5;border-radius:12px}
body.ez-page .ez-tiles-search:focus{outline:none;border-color:#7e10ff;box-shadow:0 0 0 4px rgba(126,16,255,.15)}
body.ez-page .ez-tiles-h{font-family:"Poppins",system-ui,sans-serif;font-weight:800;font-size:24px;margin:34px 0 14px;color:#25222e}
body.ez-page .ez-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
body.ez-page .ez-tile{position:relative;display:flex;flex-direction:column;gap:8px;padding:18px 18px 16px;border-radius:14px;background:var(--c);color:#fff;text-decoration:none;box-shadow:0 6px 0 rgba(0,0,0,.15);transition:transform .15s}
body.ez-page .ez-tile:hover,body.ez-page .ez-tile:focus-visible{transform:translateY(-4px);color:#fff}
body.ez-page .ez-tile:focus-visible{outline:3px solid #d7d477;outline-offset:3px}
body.ez-page .ez-tile[hidden],body.ez-page .ez-tiles-group[hidden]{display:none}
body.ez-page .ez-tile-icon{width:62px;height:62px;border-radius:50%;background:#fff;display:grid;place-items:center}
body.ez-page .ez-tile-icon img{width:44px;height:44px;object-fit:contain}
body.ez-page .ez-tile .ez-emoji{font-size:34px;line-height:1}
body.ez-page .ez-tile strong{font-family:"Poppins",system-ui,sans-serif;font-weight:800;font-size:21px;line-height:1.2}
body.ez-page .ez-tile-ex{display:flex;flex-direction:column;font-size:15px;font-weight:700;opacity:.9}
body.ez-page .ez-tile em{align-self:flex-start;font-style:normal;font-size:13px;font-weight:800;background:#fff;color:var(--c);border-radius:99px;padding:2px 10px;margin-top:auto}
body.ez-page .ez-tiles-empty{font-size:18px;color:#6a6479}

/* ---------- hub pages (list of exercises on a topic) ---------- */
body.ez-page .main > ol:has(a.content_link){list-style:none;padding:0;margin:10px 0 30px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;counter-reset:none}
body.ez-page .main > ol:has(a.content_link) > li{position:relative;background:#fff;border:2px solid #e3d9f2;border-radius:14px;padding:16px 16px 14px 70px;font-size:16px;font-weight:700;color:#6a6479;min-height:76px;display:flex;flex-direction:column;justify-content:center;transition:transform .15s,border-color .15s,box-shadow .15s}
body.ez-page .main > ol:has(a.content_link) > li:hover{transform:translateY(-3px);border-color:#7e10ff;box-shadow:0 8px 20px rgba(80,20,140,.12)}
body.ez-page .main > ol:has(a.content_link) > li a.content_link{font-family:"Poppins",system-ui,sans-serif;font-weight:800;font-size:19px;color:#25222e;text-decoration:none;text-transform:capitalize}
body.ez-page .main > ol:has(a.content_link) > li a.content_link::after{content:"";position:absolute;inset:0;border-radius:14px}
body.ez-page .main > ol:has(a.content_link) > li::before{content:"✍️";position:absolute;left:14px;top:50%;transform:translateY(-50%);width:44px;height:44px;box-sizing:border-box;border:0;padding:0;margin:0;border-radius:50%;background:#7e10ff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:400;line-height:1}
body.ez-page .main > ol:has(a.content_link) > li:has(a[href*="multiple"])::before{content:"🔘";background:#e73f70}
body.ez-page .main > ol:has(a.content_link) > li:has(a[href*="random"])::before{content:"🎲";background:#363845}
body.ez-page .main > ol:has(a.content_link) > li:has(a[href*="guess"])::before{content:"❓";background:#178850}
body.ez-page .main > ol:has(a.content_link) > li:has(a[href*="unscrambler"])::before{content:"🔀";background:#0f9e74}
body.ez-page .main > ol:has(a.content_link) > li:has(a[href*="missing"])::before{content:"🔤";background:#e73f70}
body.ez-page .main > ol:has(a.content_link) > li:has(a[href*="matching"])::before{content:"🧩";background:#363845}
body.ez-page .main > ol:has(a.content_link) > li:has(a[href*="question"])::before{content:"❔"}
body.ez-page .main .naglowek{display:inline-block;border-radius:6px}
body.ez-page .tresc{font-size:18px;line-height:1.6;max-width:900px}
body.ez-page p.tresc.h2{font-size:24px}

/* ---------- language functions ---------- */
body.ez-page .ez-lf{max-width:980px;margin:0 auto;width:100%}
body.ez-page .ez-lf-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:14px}
body.ez-page .ez-lf-modes{display:flex;gap:6px;flex-wrap:wrap}
body.ez-page .ez-lf-modes a{font-family:"Poppins",system-ui,sans-serif;font-weight:800;font-size:14px;text-decoration:none;padding:8px 14px;border-radius:99px;border:2px solid #7e10ff;color:#5a00c2}
body.ez-page .ez-lf-modes a.on{background:#7e10ff;color:#fff}
body.ez-page .ez-lf-score{display:flex;align-items:center;gap:10px;font-family:"Poppins",system-ui,sans-serif;font-weight:800;font-size:18px}
body.ez-page .ez-lf-score .ok{color:#178850} body.ez-page .ez-lf-score .bad{color:#e73f70}
body.ez-page .ez-lf-small{font:inherit;font-size:13px;font-weight:800;border:1px solid #c9bfe0;background:#fff;color:#5a00c2;border-radius:99px;padding:4px 12px;cursor:pointer}
body.ez-page .ez-lf-card{background:#fff;border-radius:18px;box-shadow:inset 0 10px 0 #7e10ff,0 10px 30px rgba(80,20,140,.14);padding:36px 28px 28px;text-align:center}
body.ez-page .ez-lf-card:fullscreen{display:flex;flex-direction:column;justify-content:center;padding:6vh 6vw;border-radius:0}
body.ez-page .ez-lf-count{font-weight:800;color:#6a6479;margin:0 0 8px}
body.ez-page .ez-lf-sit{font-family:"Poppins",system-ui,sans-serif;font-weight:800;font-size:clamp(24px,3.4vw,40px);line-height:1.25;color:#25222e;margin:0 0 10px}
body.ez-page .ez-lf-card:fullscreen .ez-lf-sit{font-size:clamp(32px,4.5vw,64px)}
body.ez-page .ez-lf-q{color:#6a6479;font-weight:700;margin:0 0 20px}
body.ez-page .ez-lf-opts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media (max-width:640px){body.ez-page .ez-lf-opts{grid-template-columns:1fr}body.ez-page .ez-lf-card{padding:28px 16px 20px}}
body.ez-page .ez-lf-opt{font-family:"Nunito",system-ui,sans-serif;font-weight:800;font-size:20px;padding:14px 18px;border:2px solid #7e10ff;border-radius:16px;background:#fff;color:#25222e;cursor:pointer;transition:background .15s,color .15s}
body.ez-page .ez-lf-card:fullscreen .ez-lf-opt{font-size:clamp(20px,2.4vw,34px)}
body.ez-page .ez-lf-opt:hover:not([disabled]){background:#7e10ff;color:#fff}
body.ez-page .ez-lf-opt.right{background:#178850;border-color:#178850;color:#fff}
body.ez-page .ez-lf-opt.wrong{background:#fdecf1;border-color:#f3b4c6;color:#b8204f;text-decoration:line-through}
body.ez-page .ez-lf-opt[disabled]:not(.right):not(.wrong){opacity:.45}
body.ez-page .ez-lf-msg{min-height:28px;margin:18px 0 10px;font-family:"Poppins",system-ui,sans-serif;font-weight:800;font-size:20px}
body.ez-page .ez-lf-msg.ok{color:#178850} body.ez-page .ez-lf-msg.bad{color:#e73f70}

/* ---------- escape room suggestions ---------- */
body.ez-page .ez-related{width:100%;margin:46px 0 10px}
body.ez-page .ez-related-in{background:#7e10ff;color:#fff;border-radius:18px;padding:26px 24px 22px;position:relative;overflow:hidden}
body.ez-page .ez-related-in::after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:#d650bf;opacity:.55;right:-50px;top:-60px}
body.ez-page .ez-related h3{font-family:"Poppins",system-ui,sans-serif;font-weight:900;font-size:clamp(22px,3vw,30px);margin:0 0 6px;position:relative;z-index:1}
body.ez-page .ez-related p{margin:0 0 16px;font-weight:700;opacity:.92;position:relative;z-index:1}
body.ez-page .ez-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;position:relative;z-index:1}
body.ez-page .ez-related-card{display:flex;align-items:center;gap:12px;background:#fff;color:#25222e;border-radius:14px;padding:12px 14px;text-decoration:none;box-shadow:0 5px 0 rgba(0,0,0,.18);transition:transform .15s}
body.ez-page .ez-related-card:hover,body.ez-page .ez-related-card:focus-visible{transform:translateY(-3px);color:#25222e}
body.ez-page .ez-related-card .ic{width:46px;height:46px;flex:none;border-radius:50%;background:#f1e8ff;display:grid;place-items:center;font-size:26px}
body.ez-page .ez-related-card strong{font-family:"Poppins",system-ui,sans-serif;font-weight:800;font-size:16px;line-height:1.2;flex:1}
body.ez-page .ez-related-card em{font-style:normal;font-size:12px;font-weight:800;background:#e73f70;color:#fff;border-radius:99px;padding:2px 8px;white-space:nowrap}
body.ez-page .ez-related-all{display:inline-block;margin-top:14px;color:#fff;font-weight:800;position:relative;z-index:1}
body.ez-page .ez-related-all:hover{color:#d7d477}
body.ez-page .ez-related-in.ez-pulse{animation:ezpulse 1.2s 2}
@keyframes ezpulse{50%{box-shadow:0 0 0 10px rgba(215,212,119,.6)}}
@media (prefers-reduced-motion: reduce){body.ez-page .ez-related-in.ez-pulse{animation:none}}

/* ---------- escape room pages ---------- */
body.ez-page .ez-er{width:100%;max-width:1040px}
body.ez-page .ez-er-hero{display:flex;gap:22px;align-items:center;flex-wrap:wrap;background:#7e10ff;color:#fff;border-radius:20px;padding:26px 26px 28px;margin:6px 0 10px;position:relative;overflow:hidden}
body.ez-page .ez-er-hero::after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:#d650bf;opacity:.5;right:-70px;top:-80px}
body.ez-page .ez-er-hero > *{position:relative;z-index:1}
body.ez-page .ez-er-hero > div{flex:1;min-width:260px}
body.ez-page .ez-er-icon{width:110px;height:110px;flex:none;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:62px}
body.ez-page .ez-er-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
body.ez-page .ez-er-tags span{font-family:"Poppins",system-ui,sans-serif;font-weight:800;font-size:13px;background:rgba(255,255,255,.18);border-radius:99px;padding:3px 12px}
body.ez-page .ez-er-tags span.lv{background:#e73f70}
body.ez-page .ez-er-lead{font-size:20px;font-weight:700;margin:0 0 16px}
body.ez-page .ez-er-play{display:inline-block;background:#d7d477;color:#25222e;font-family:"Poppins",system-ui,sans-serif;font-weight:900;font-size:18px;text-transform:uppercase;letter-spacing:.03em;text-decoration:none;padding:12px 22px;border-radius:12px;box-shadow:0 5px 0 rgba(0,0,0,.25)}
body.ez-page .ez-er-play:hover{color:#25222e;transform:translateY(-2px)}
body.ez-page .ez-er-sec{margin:34px 0 0}
body.ez-page .ez-er-sec h2{font-family:"Poppins",system-ui,sans-serif;font-weight:800;font-size:26px;color:#25222e;margin:0 0 10px}
body.ez-page .ez-er-sec p,body.ez-page .ez-er-sec li,body.ez-page .ez-er-faq dd{font-size:18px;line-height:1.6}
body.ez-page .ez-er-rooms{list-style:none;padding:0;margin:0;display:grid;gap:12px}
body.ez-page .ez-er-rooms li{display:flex;gap:14px;align-items:flex-start;background:#fff;border:2px solid #e3d9f2;border-radius:14px;padding:14px 16px}
body.ez-page .ez-er-rooms .ri{width:50px;height:50px;flex:none;border-radius:50%;background:#f1e8ff;display:grid;place-items:center;font-size:26px}
body.ez-page .ez-er-rooms strong{font-family:"Poppins",system-ui,sans-serif;font-weight:800;font-size:18px}
body.ez-page .ez-er-rooms p{margin:2px 0 4px;font-size:17px}
body.ez-page .ez-er-rooms small{color:#6a6479;font-weight:700;font-size:14px}
body.ez-page .ez-er-steps{padding-left:22px}
body.ez-page .ez-er-steps li::marker{font-family:"Poppins",system-ui,sans-serif;font-weight:800;color:#7e10ff}
body.ez-page .ez-er-teach{background:#f6f1fd;border-radius:16px;padding:20px 22px}
body.ez-page .ez-er-links{display:flex;flex-wrap:wrap;gap:10px}
body.ez-page .ez-er-links a{background:#fff;border:2px solid #7e10ff;color:#5a00c2;font-weight:800;text-decoration:none;padding:8px 16px;border-radius:99px}
body.ez-page .ez-er-links a:hover{background:#7e10ff;color:#fff}
body.ez-page .ez-er-faq dt{font-family:"Poppins",system-ui,sans-serif;font-weight:800;font-size:18px;margin-top:12px}
body.ez-page .ez-er-faq dd{margin:2px 0 0}
body.ez-page .ez-er-sim .ez-related-card{border:2px solid #e3d9f2;box-shadow:none}
body.ez-page .ez-er-bottom{text-align:center;margin:40px 0 10px}
body.ez-page .main > ol.ez-er-rooms,body.ez-page ol.ez-er-steps > li::before,body.ez-page ol.ez-er-rooms > li::before{content:none}
body.ez-page ol.ez-er-steps{list-style:decimal outside;padding-left:28px}
body.ez-page ol.ez-er-steps > li{display:list-item;padding-left:4px;margin:4px 0}
body.ez-page .ez-er-teach ul{list-style:disc outside;padding-left:24px}
body.ez-page .ez-er-teach li{display:list-item;margin:4px 0}
body.ez-page .ez-hinttxt{margin:0 0 0 10px;font-size:16px;font-weight:700;color:#6a6479;font-style:italic;max-width:420px}
body.ez-page .ez-missfb{display:flex;gap:6px;flex-wrap:wrap}
body.ez-page input.notlongin{width:44px;height:44px;text-align:center;font-family:"Nunito",system-ui,sans-serif;font-weight:800;font-size:22px;background:#fff;color:#25222e;border:2px solid #d9c8f5;border-radius:10px;padding:0}
body.ez-page input.notlongin:focus{outline:none;border-color:#7e10ff;box-shadow:0 0 0 4px rgba(126,16,255,.15)}
body.ez-page .spacix{font-size:24px;font-weight:800;padding:0 2px;color:#25222e}
body.ez-page .ez-ls-ladder{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
body.ez-page .ez-ls-ladder span{flex:1;min-width:120px;text-align:center;background:#f6f1fd;border-radius:12px;padding:10px;font-family:"Poppins",system-ui,sans-serif;font-weight:800;color:#5a00c2}
body.ez-page .ez-ls-ladder span:last-child{background:#7e10ff;color:#fff}
body.ez-page .ez-ls-ladder b{font-size:13px;color:#6a6479}
body.ez-page .ez-ls-ladder span:last-child b{color:#fff}