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