:root{--bg:#101a19;--panel:#182422;--line:#30403a;--muted:#9aada2;--lime:#d5f883;--accent:#98acb6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f0f3e9;font-family:'DM Sans',sans-serif}button,input{font:inherit}button,a,input{outline-offset:5px}button{cursor:pointer}button:disabled{cursor:default}header{max-width:1320px;margin:auto;padding:28px 48px;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line)}.brand{font-family:'Space Grotesk',sans-serif;font-size:23px;font-weight:700;color:#fff;text-decoration:none;letter-spacing:-1px;display:flex;gap:7px;align-items:center}.brand>span:last-child{color:var(--lime)}.ball{display:inline-block;width:24px;height:24px;border:2px solid var(--lime);border-radius:50%;background:linear-gradient(transparent 44%,var(--lime) 44%,var(--lime) 55%,transparent 55%);margin-right:5px}.edition{font-size:10px;letter-spacing:2px;color:var(--muted);flex:1}.quiet{background:transparent;border:0;color:var(--muted);font-size:12px}main{max-width:1224px;margin:auto;padding:0 48px}.intro{display:flex;justify-content:space-between;align-items:center;padding:56px 0 36px;min-height:325px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--lime)}h1{font-family:'Space Grotesk',sans-serif;font-size:66px;line-height:1.02;letter-spacing:-3px;margin:20px 0}h1 em{font-style:normal;color:var(--lime)}.intro p{color:var(--muted);font-size:14px;line-height:1.7}.hero-art{position:relative;width:400px;height:280px;display:grid;place-items:center;background:radial-gradient(ellipse,#8eae6630,transparent 65%)}.hero-art img{width:240px;height:240px;object-fit:contain;filter:drop-shadow(0 20px 25px #0007);z-index:1;transform:rotate(-7deg)}.orbit{position:absolute;width:235px;height:235px;border:1px solid #697b4655;border-radius:50%;outline:1px dashed #68774455;outline-offset:25px}.art-label{position:absolute;bottom:0;font-size:9px;letter-spacing:3px;color:var(--muted)}.journey{padding:26px 0 30px;border-top:1px solid var(--line)}.section-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;margin-bottom:16px;color:var(--muted)}.section-label span{letter-spacing:0}#levels{display:flex;gap:7px;flex-wrap:wrap}.level{border:1px solid var(--line);border-radius:6px;padding:9px 12px;background:transparent;color:var(--muted);font-size:11px}.level:disabled{opacity:.38}.level.active{background:var(--lime);border-color:var(--lime);color:#19271c;font-weight:700}.game{border:1px solid var(--line);border-radius:14px;padding:30px;background:linear-gradient(140deg,#1d2b27,#15211f)}.game-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}h2{font-family:'Space Grotesk',sans-serif;font-size:30px;letter-spacing:-1px;margin:9px 0}.game-heading p{color:var(--muted);font-size:12px;margin:0}.counter{text-align:right;display:flex;flex-direction:column;gap:7px}.counter strong{font-family:'Space Grotesk';font-size:37px}.counter strong span{font-size:20px;color:#71837b}.counter>span{font-size:8px;letter-spacing:1.5px;color:var(--muted)}.progress{height:4px;background:#304139;border-radius:4px;margin:24px 0 16px;overflow:hidden}.progress div{height:100%;background:var(--lime);transition:width .3s}.legend{display:flex;gap:20px;font-size:10px;color:var(--muted);margin-bottom:22px}.green{color:var(--lime)}.grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.cell{position:relative;min-height:142px;border:1px solid #3a4a40;border-radius:9px;background:#1c2a25;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:border .15s}.cell:hover:not(.locked){border-color:#a5bc7d}.cell .types{font-size:9px;color:#bac7b9;display:flex;gap:4px;align-items:center;justify-content:center}.type-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:var(--accent)}.cell .placeholder{font-size:30px;font-weight:400;color:#53654e;line-height:1.1}.cell input{width:100%;border:0;background:transparent;border-bottom:1px solid #43533e;color:#fff;text-align:center;padding:6px 0;font-size:11px;border-radius:0}.cell input::placeholder{color:#899c86;font-size:10px}.cell.locked{background:repeating-linear-gradient(135deg,#14201d,#14201d 5px,#17221e 5px,#17221e 7px);border-color:#29362f;opacity:.55}.cell.locked small{font-size:9px;color:#9bab9a}.cell.done{border-color:#7e9b48;background:#263723}.cell.done img{width:74px;height:64px;object-fit:contain}.cell.done strong{font-size:10px;text-align:center}.tick{position:absolute;right:9px;top:8px;color:var(--lime);font-size:10px}.suggestions{position:absolute;left:0;right:0;top:100%;background:#26382d;border:1px solid #718650;border-radius:6px;z-index:5;max-height:230px;overflow:auto;box-shadow:0 10px 30px #0008}.suggestions button{display:block;background:transparent;border:0;color:#fff;text-align:left;width:100%;padding:10px;font-size:11px}.suggestions button:hover,.suggestions button:focus{background:#45603a}.bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:20px}.bottom>span{color:var(--muted);font-size:10px}#next{background:var(--lime);color:#18241b;border:0;border-radius:6px;padding:12px 18px;font-weight:700;font-size:12px}#next span{margin-left:25px}#next:disabled{background:#303e32;color:#7f8d7c}#notice{font-size:12px;color:var(--lime);min-height:18px;margin-top:14px}.note{display:flex;align-items:center;gap:20px;padding:28px 4px;color:var(--muted)}.note>span{font-size:32px;color:var(--lime)}.note strong{color:#d7dfcc;font-size:12px}.note p{font-size:11px;line-height:1.6;margin:5px 0}footer{max-width:1224px;margin:15px auto 0;padding:28px 48px;border-top:1px solid var(--line);display:flex;align-items:center;gap:25px;flex-wrap:wrap;color:var(--muted);font-size:9px}footer .brand{font-size:16px}footer p{flex:1}footer a{color:var(--muted)}footer div{line-height:1.8}dialog{max-width:520px;background:#203027;color:#e7efdd;border:1px solid #677a51;border-radius:14px;padding:30px;line-height:1.7}dialog::backdrop{background:#000b}dialog p{font-size:14px}dialog button{float:right}@media(max-width:1000px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-art{width:300px}h1{font-size:56px}}@media(max-width:650px){header{padding:20px}.edition{display:none}header .quiet{margin-left:auto}main{padding:0 18px}.intro{padding-top:35px;min-height:260px}h1{font-size:43px;letter-spacing:-2px}.eyebrow{font-size:8px}.hero-art{width:135px;height:190px}.hero-art img{width:155px;height:155px}.orbit{width:100px;height:100px;outline-offset:15px}.art-label{font-size:6px;letter-spacing:1px}.intro p{font-size:11px}.game{padding:18px 12px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.cell{padding:8px 5px;min-height:135px}.cell .types{font-size:8px}h2{font-size:24px}.counter strong{font-size:28px}.legend{font-size:8px;gap:10px}.bottom{align-items:flex-start;flex-direction:column}.bottom button{width:100%}.level{padding:8px 10px}footer{padding:25px 20px;gap:15px}footer p{flex-basis:65%}}