@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap";:root{font-family:Nunito,system-ui,sans-serif;color:#263238;background:#f0f4f8;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 10% 0%,rgba(52,152,219,.1),transparent 28rem),radial-gradient(circle at 90% 100%,rgba(155,89,182,.08),transparent 28rem),#f0f4f8}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.58}.app,.shell{min-height:100vh}.shell{width:min(800px,100%);margin:auto;padding:28px 18px 48px}.shell.narrow{width:min(620px,100%);padding-top:8vh}.card{background:#fffffff7;border:1px solid rgba(38,50,56,.07);border-radius:28px;box-shadow:0 18px 55px #26323817}.brand{display:flex;align-items:center;gap:14px;margin:0 0 22px 6px}.mark{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;color:#fff;background:#2980b9;font-size:30px;font-weight:900;box-shadow:0 10px 24px #2980b940}.brand h1{margin:0;font-size:38px;line-height:1;letter-spacing:-.04em}.brand small,.step{color:#8a99a8;font-size:11px;font-weight:900;letter-spacing:.12em}.intro{padding:38px}.intro h2{margin:0 0 8px;font-size:clamp(26px,5vw,36px);letter-spacing:-.035em}.intro p,.complete p{margin:0 0 28px;color:#70808e;line-height:1.55}.language{width:100%;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;text-align:left;padding:19px;border-radius:19px;background:#f0f8ff;border:2px solid #3498db;color:#263238}.language b,.language small,.difficulty b,.difficulty small{display:block}.language small,.difficulty small{color:#8a99a8;margin-top:2px}.top,.game-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;color:#71808d;color:#424242;font-weight:800}.ghost{padding:9px 12px;background:transparent;color:#424242;border-radius:12px}.ghost:hover{background:#fffc}.difficulties{display:grid;gap:12px}.difficulty{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:18px;text-align:left;background:#f7f9fb;border:2px solid transparent;border-radius:19px;color:#263238;transition:.18s}.difficulty:hover{transform:translateY(-2px);border-color:#d9e4ec;background:#fff}.difficulty>span{width:48px;height:48px;display:grid;place-items:center;background:#fff;border-radius:15px;font-size:24px;box-shadow:0 4px 15px #0000000d}.difficulty i{font-style:normal;font-size:24px;color:#9aabb8}.round{font-size:12px;letter-spacing:.1em;color:#212121}.dots{display:flex;gap:5px}.dots span{width:18px;height:5px;border-radius:99px;background:#d7e0e6}.dots span.done{background:#2ecc71}.question-card{overflow:hidden;padding:24px}.category-row{display:flex;justify-content:space-between;align-items:center;min-height:38px;margin-bottom:10px}.category-pill{--category-color: #3498db;display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;color:var(--category-color);background:color-mix(in srgb,var(--category-color) 10%,white);font-weight:900;font-size:13px}.part{color:#2980b9;font-size:11px;font-weight:900;letter-spacing:.1em}.double{display:flex;padding-left:8px}.double i{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#2980b9;color:#fff;font-style:normal;font-weight:900;border:2px solid white;box-shadow:0 4px 10px #2980b92e;margin-left:-8px}.question-image{display:block;width:100%;aspect-ratio:5/1;object-fit:cover;border-radius:18px;background:#e8eef2;margin-bottom:20px}.question-copy{padding:0 4px 18px}.question-copy small{color:#98a6b1;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.question-copy h1{margin:4px 0 0;font-size:clamp(23px,4vw,31px);line-height:1.18;letter-spacing:-.025em}.options{display:grid;gap:10px}.option{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;width:100%;min-height:52px;padding:8px 14px 8px 10px;text-align:left;color:#34434e;background:#f6f8fa;border:2px solid transparent;border-radius:17px;font-weight:700;transition:.16s}.option:hover:not(:disabled){transform:translate(2px);border-color:#d9e6ef;background:#fff}.option.selected:not(.correct):not(.incorrect){border-color:#3498db;background:#f0f8ff}.option.correct{border-color:#2ecc71;background:#effbf4}.option.incorrect{border-color:#e74c3c;background:#fff2f1}.option>b{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#fff;color:#82919d}.option em{font-style:normal;font-size:21px}.option.correct em{color:#27ae60}.option.incorrect em{color:#c0392b}.submit,.primary{width:100%;margin-top:16px;min-height:56px;border-radius:17px;color:#fff;background:#2980b9;font-weight:900;box-shadow:0 9px 20px #2980b933;transition:.16s}.submit:hover:not(:disabled),.primary:hover{transform:translateY(-1px)}.feedback{display:grid;gap:3px;margin-top:14px;padding:14px 16px;border-radius:15px;font-size:14px}.feedback.success{background:#edfaf2;color:#218c4c}.feedback.error{background:#fff0ef;color:#c0392b}.unscramble{display:grid;gap:12px}.scrambled{padding:18px;border-radius:16px;background:#f5f8fa;text-align:center;font-size:28px;font-weight:900;letter-spacing:.12em}.unscramble input{width:100%;min-height:58px;padding:0 17px;border:2px solid #e1e8ed;border-radius:16px;outline:none}.unscramble input:focus{border-color:#3498db}.loading{padding:48px;text-align:center}.spinner{width:34px;height:34px;margin:0 auto 14px;border:4px solid #dbe6ed;border-top-color:#3498db;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.complete{padding:48px 38px;text-align:center}.trophy{width:88px;height:88px;display:grid;place-items:center;margin:0 auto 18px;border-radius:28px;background:#fff7df;font-size:44px}.complete h1{margin:0 0 8px;font-size:42px;letter-spacing:-.04em}.text-button{margin-top:12px;padding:10px 15px;color:#70808e;background:transparent;font-weight:800}@media (max-width: 600px){.shell{padding:16px 12px 30px}.shell.narrow{padding-top:4vh}.intro,.question-card{padding:20px}.brand h1{font-size:32px}.dots span{width:12px}.question-image{margin-bottom:18px}.question-copy h1{font-size:24px}.option{min-height:57px}}.background-canvas{position:absolute;z-index:0}.shell{position:relative;z-index:8}.score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin:26px 0 10px;padding:18px;border-radius:20px;background:#f7f9fb}.score-item{display:grid;gap:2px;text-align:center}.score-item strong{font-size:36px;line-height:1;font-weight:900}.score-item span{color:#81909c;font-size:12px;font-weight:800}.correct-score strong{color:#27ae60}.incorrect-score strong{color:#e74c3c}.score-divider{width:1px;height:42px;background:#dce4e9}.score-total{margin-bottom:4px;color:#81909c;font-size:13px}.score-total b{color:#4d5c67}@media (max-width: 600px){.score{padding:16px 10px}.score-item strong{font-size:32px}}.languages{display:grid;gap:10px}.language{width:100%;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;text-align:left;padding:14px;border:1px solid #dce5ec;background:#fff;border-radius:16px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.language:hover{transform:translateY(-1px);box-shadow:0 6px 18px #1e3c5a14;border-color:#b9cddd}.language>span{font-size:28px}.language div{display:grid;gap:3px}.language small{color:#71808f}.language i{font-style:normal;font-size:22px;color:#71808f}.header-actions{display:flex;align-items:center;gap:8px}.install-button{border:0;border-radius:999px;padding:7px 12px;font:inherit;font-weight:700;background:#fff;color:#243746;cursor:pointer;box-shadow:0 2px 8px #00000014}.installed{font-weight:800;color:#2ecc71}.language-mini{font-size:20px}@media (max-width: 600px){.game-header{grid-template-columns:auto 1fr auto;gap:8px}.round{justify-self:center}.dots{grid-column:1 / -1}.install-button{padding:6px 9px;font-size:12px}}.site-footer{margin-top:24px;padding:12px 0 4px;text-align:center}.footer-link{background:none;border:none;color:#64748b;font-size:13px;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:6px 10px}.footer-link:hover{color:#334155}.about-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;animation:fade-in .18s ease-out}.about-modal{background:#fff;border-radius:16px;padding:24px;max-width:420px;width:100%;box-shadow:0 20px 40px #0003;animation:modal-pop .2s ease-out}@keyframes modal-pop{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.about-modal h2{margin:0 0 12px;font-size:20px}.about-modal p{margin:0 0 20px;font-size:14px;line-height:1.5;color:#475569}.about-close{width:100%;padding:12px;background:#3498db;color:#fff;border:none;border-radius:10px;font-weight:600;font-size:15px;cursor:pointer}.about-close:hover{background:#2f89c5}@keyframes fade-in{0%{opacity:0}to{opacity:1}}