@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--muted:#8e98a4;--line:#2b333d;--fire:#ff8156;--water:#64d6f8}*{box-sizing:border-box}body{margin:0;background:#10151c;color:#eef2f5;font:16px 'DM Sans',sans-serif}header{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5.3%}.brand{color:#edf2f7;font:700 24px 'Space Grotesk',sans-serif;text-decoration:none}.brandmark{color:var(--fire);margin-right:12px}.muted{color:#59626f;margin:0 5px}.edition{font-size:12px;letter-spacing:3px;color:#7f8995}.local{font-size:14px;color:#bec6cd;border:1px solid var(--line);border-radius:30px;padding:9px 15px}main{max-width:1230px;margin:auto;padding:40px 35px 25px}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:2.5px;color:#a0acae}h1{font:700 52px 'Space Grotesk',sans-serif;margin:8px 0}h1 span{color:var(--fire)}h1 i{font-weight:400;font-style:normal;color:#75808b}h1 b{color:var(--water)}p{color:#9ea8b5;line-height:1.7;margin:0}button{font:inherit;cursor:pointer;color:inherit;border:0;background:transparent}button:focus-visible,a:focus-visible{outline:2px solid #a6edc5;outline-offset:4px}.outline{border:1px solid #3c4550;border-radius:7px;padding:12px 17px;font-size:14px}.outline:hover{background:#222a35}.game{border:1px solid #39413d;border-radius:12px;overflow:hidden;box-shadow:0 25px 70px #0003}.toolbar,.gamefoot{display:flex;align-items:center;justify-content:space-between;background:#1b222a;padding:15px 22px}.toolbar>div{display:flex;align-items:center;gap:14px}.chapter{border:1px solid #4d595c;border-radius:5px;font:14px 'Space Grotesk';padding:7px;color:#bdc7ce}.toolbar strong{font-size:15px}.difficulty{font-size:10px;color:#a6bca3;letter-spacing:1.3px;background:#303e34;padding:6px 9px;border-radius:4px}.stats{font:14px 'Space Grotesk'}.stats button{font-size:21px;width:27px}.gem{color:#c7eeb4}.separator{height:20px;width:1px;background:#3a4248;margin:0 5px}.stage{position:relative;background:#112421}canvas{display:block;width:100%;height:auto}#overlay{position:absolute;inset:0;display:grid;place-items:center;background:#091814a6;backdrop-filter:blur(3px)}#overlay.hidden{display:none}.overlaybox{text-align:center;padding:25px}.overlaybox h2{font:600 42px/1.15 'Space Grotesk';margin:18px 0}.overlaybox p{color:#c0d2c9;font-size:15px}.primary{background:#d9efa4;color:#17251b;border-radius:6px;padding:15px 23px;font-weight:700;margin:22px 0 12px}.primary span{margin-left:30px}.primary:hover{background:#ecffc0}.overlaybox small{display:block;color:#a4b4aa;font-size:12px}.gamefoot{font-size:12px;color:#919ba5;padding:12px 22px}.live{display:inline-block;background:#c7e5a4;border-radius:100%;width:6px;height:6px;margin-right:6px}.instructions{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.instructions article{display:flex;align-items:center;padding:19px;border:1px solid #30343b;border-radius:9px;gap:16px;background:#191d25}.avatar{font-size:29px;background:#ff815612;padding:12px;border-radius:10px}.fire .avatar,.fire h3{color:var(--fire)}.water .avatar,.water h3{color:var(--water)}.water .avatar{background:#64d6f810}h3{font-size:17px;margin:0 0 10px}h3 span{font-size:10px;letter-spacing:1.2px;color:#77828f;margin-left:9px}.instructions p{font-size:12px}kbd{display:inline-block;border:1px solid #48505b;border-bottom:3px solid #48505b;border-radius:4px;padding:1px 6px;margin-right:4px;color:#d7dee7;font:12px 'DM Sans'}.tip{margin-left:auto;font-size:12px;color:#818b99;max-width:110px}footer{display:flex;justify-content:space-between;color:#697581;font-size:12px;margin-top:24px}.touch{display:none;justify-content:space-between;margin-top:15px}.touch button{padding:15px;background:#27343d;border-radius:6px;touch-action:none}dialog{max-width:490px;border:1px solid #4c6153;border-radius:12px;background:#19251f;padding:30px}dialog::backdrop{background:#000a}dialog p{margin-top:15px}dialog h2{margin-top:0}@media(max-width:760px){header{height:68px;padding:0 20px}.edition{display:none}.brand{font-size:21px}.local{font-size:12px}main{padding:25px 14px}.heading{gap:12px}h1{font-size:40px}.heading p{font-size:13px}.eyebrow{font-size:10px}.outline{font-size:12px;padding:10px}.toolbar{padding:10px;gap:5px}.toolbar>div{gap:7px}.difficulty{display:none}.toolbar strong{font-size:12px}.stats{font-size:12px}.stats button{width:20px}.instructions{gap:10px}.instructions article{padding:12px;gap:10px}.tip{display:none}.avatar{display:none}h3 span{display:block;margin:4px 0}.overlaybox h2{font-size:26px;margin:7px 0}.overlaybox p{font-size:12px}.overlaybox .eyebrow,.overlaybox small{display:none}.primary{margin-top:10px;padding:10px 20px}.gamefoot{font-size:10px;padding:10px}.touch{display:flex}footer{gap:20px;font-size:11px}.overlaybox{padding:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

.levelbar{display:flex;align-items:center;gap:16px;margin:0 0 16px}.levelbar label{font-size:12px;letter-spacing:1.5px;color:#96a3ad}.levelbar select{background:#202b33;color:#ecf2e7;border:1px solid #4c5b60;border-radius:6px;font:inherit;padding:10px 14px;max-width:100%}.levelbar>span{margin-left:auto;font-size:13px;color:#94a3a1}.mission{background:#202c28;padding:12px 22px;color:#d0ddc5;font-size:14px;line-height:1.5}.difficulty{max-width:250px}.gamefoot>span:first-child{max-width:65%}@media(max-width:760px){.levelbar{flex-wrap:wrap;gap:8px}.levelbar>span{display:none}.levelbar select{font-size:14px}.mission{padding:10px 12px;font-size:12px}.gamefoot>span:first-child{max-width:55%}}