.fe{max-width:1240px;margin:auto;padding:10px 16px 24px;font-family:'Inter',sans-serif}.fe [hidden]{display:none!important}.fe nav{display:flex;align-items:center;gap:12px;margin-bottom:14px;color:#c1cec8;font-size:12px}.fe nav>span{margin-left:auto;font-size:10px;letter-spacing:1.5px}.fe button,.fe select{background:#182c2a;border:1px solid #537264;border-radius:9px;padding:10px 15px;color:#edf5df;font:inherit;min-height:42px;cursor:pointer}.fe button:hover{background:#294b3c;border-color:#bddb87}.fe button:disabled{opacity:.45;cursor:not-allowed}.fe .primary{background:#d8ed8d;color:#17362d;border-color:#d8ed8d;font-weight:700}.forest-frame{position:relative;height:clamp(430px,calc(100dvh - 160px),740px);border:1px solid #507567;border-radius:18px;overflow:hidden;background:#174d43}#forest{display:block;width:100%;height:100%;touch-action:none;outline-offset:-4px}.overlay{position:absolute;inset:0;display:flex;align-items:center;background:linear-gradient(90deg,#062a25ef,#062a2580 45%,transparent 75%);padding:38px 5%}.home-copy{max-width:470px}.label{font:10px 'IBM Plex Mono',monospace;letter-spacing:2px;color:#d9ed99}.fe h1{font-size:clamp(48px,6vw,80px);line-height:.97;letter-spacing:-.035em;margin:18px 0}.fe h1 em{font-style:normal;color:#d8ed8d}.fe p{font-size:14px;line-height:1.7;color:#d5e7d8;margin:16px 0}.fe label{display:block;font-size:12px;color:#d5e7d8;margin:12px 0}.fe select{width:100%;margin-bottom:10px}.home-actions,.home-links{display:flex;gap:9px;flex-wrap:wrap}.home-actions button{flex:1}.home-links{margin-top:10px}.home-links button{font-size:11px;padding:9px 11px}.fe #records{font-size:11px;color:#d5e7d8}#hud{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:24px;background:#092a2bd9;padding:12px 18px;backdrop-filter:blur(8px);color:#eef5d4}#hud small{display:block;font-size:8px;color:#c2dbc8;letter-spacing:1px}#hud b{font:22px 'Space Grotesk',sans-serif}#hud button{font-size:11px;margin-left:auto}#hud button+button{margin-left:0}#progress{position:absolute;bottom:0;left:0;width:100%;height:3px;accent-color:#d8ed8d}#message{position:absolute;top:90px;left:50%;transform:translateX(-50%);background:#0b302de8;padding:7px 14px;border-radius:8px;color:#f4edb5;font-size:13px;pointer-events:none;text-align:center;max-width:90%}#message:empty{display:none}#powers{position:absolute;top:76px;left:18px;color:#e6f6b1;font-size:11px;pointer-events:none}.forest-footer{display:flex;justify-content:space-between;gap:18px;font-size:10px;color:#b2c3ba;padding-top:12px}.forest-footer>span:last-child{letter-spacing:1.3px}.centered{justify-content:center;background:#051f2ac9;backdrop-filter:blur(5px)}.end-panel{width:min(600px,100%);max-height:100%;overflow:auto;text-align:center;padding:24px;background:#123a34;border:1px solid #9bbd79;border-radius:16px}.fe h2{font-size:30px;color:#f1f5e6}#end-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0;font-size:11px;color:#bdd1c0}#end-stats b{display:block;font-size:24px;color:#f2ebaf}#stars{font-size:30px;color:#ffe07d;letter-spacing:8px}.fe dialog{background:#10382f;color:#f4f6e7;border:1px solid #86a977;border-radius:16px;padding:26px;width:min(780px,92vw);max-height:85dvh;margin:auto}.fe dialog::backdrop{background:#020e16b8;backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.fe dialog p{font-size:13px}.fe dialog h3{font-size:19px;color:#d8ed8d;margin:24px 0 12px}.level-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:9px}.level-grid button{border-radius:50%;aspect-ratio:1;padding:6px;min-width:0;border:2px solid #a5c777;background:linear-gradient(#3c9259,#22563d);color:#fff4ac}.level-grid small{display:block;font-size:8px;color:#e7f3c9}.level-grid .done{border-color:#ffe077}.achievement{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #486f55;font-size:13px}.achievement span{color:#c3d29c}#touch{position:absolute;bottom:12px;left:12px;right:12px;display:flex;gap:10px;pointer-events:none}#touch button{pointer-events:auto;min-width:48px;min-height:48px;background:#113b3bdc;border-color:#b3d6b1;font-weight:bold}#touch .jump{margin-left:auto;background:#d8ed8de8;color:#17362d}.fe input[type=range]{display:block;width:100%;margin:14px 0;accent-color:#d8ed8d}@media(min-width:901px) and (pointer:fine){#touch{display:none!important}}@media(max-width:700px){.fe nav>span{display:none}.fe nav{flex-wrap:wrap;font-size:11px}.fe nav a{margin-right:auto}.forest-frame{height:clamp(430px,72dvh,650px)}.overlay{padding:24px;background:linear-gradient(90deg,#062a25ef,#062a2580)}.fe h1{font-size:54px}.fe p{font-size:12px}.fe h2{font-size:25px}#hud{gap:13px;padding:10px}#hud b{font-size:17px}#hud button{font-size:10px;padding:8px;min-height:36px}.level-grid{grid-template-columns:repeat(5,1fr)}.forest-footer>span:last-child{display:none}.home-links button{padding:8px;font-size:10px}.end-panel{padding:18px}#end-stats b{font-size:20px}}@media(max-height:500px){.forest-frame{height:350px}.fe h1{font-size:40px;margin:8px 0}.fe p{margin:8px 0}.overlay{padding:18px 30px}.home-copy{max-width:490px}#touch{bottom:6px}.home-links{margin-top:6px}}

.fe .primary{background:#ffcb69;color:#231931;border-color:#ffcb69}.fe h1 em,.fe .label{color:#ffcb69}.fe dialog{background:linear-gradient(140deg,#0b3445,#101625);border-color:#44667a}.fe .level-grid button{border-radius:6px;background:#121d31;border:2px solid #527995;color:#ffcf77;font-weight:800}.fe .level-grid button:disabled{background:#111723;color:#a4b7c8}.forest-frame{border-color:#395a70}.fe #hud{background:#101c2be8}.fe .overlay{background:linear-gradient(90deg,#071c2bed,#0b233878 58%,transparent)}

.fe .forest-frame{background:#101627;border:1px solid #65536d;border-radius:10px}.fe #home{background:linear-gradient(90deg,#111426ed,#191528c4 42%,transparent 80%)}.fe h1 em{color:#ff596b}.fe .label{color:#ffc4aa}.fe .primary,.fe #touch .jump{background:#c72d49;color:white;border-color:#e45368}.fe button,.fe select{background:#222235;color:#f1e6eb;border-color:#635469}.fe button:hover{background:#443047;border-color:#e08791}.fe #hud,.fe #message{background:#171828ed}.fe #progress,.fe input[type=range]{accent-color:#ff596b}.fe dialog,.fe .end-panel{background:#191928;border-color:#786077}.fe p,.fe label,.fe #records,.forest-footer{color:#d4cad5}.fe dialog h3,#powers{color:#ffbdab}.fe .level-grid button{background:#242438;color:#ffd1bb;border-color:#73576e}.fe .level-grid .done{border-color:#ff7b87}.fe .achievement{border-color:#494152}.fe #touch button{background:#272238ee;border-color:#a17d91}.fe #touch .jump{background:#bf2e4c}

/* Mission workspace */
.fe{max-width:1280px;padding:8px 20px 24px}.fe nav{margin-bottom:12px}.fe .forest-frame{height:clamp(400px,calc(100dvh - 170px),680px);border-radius:14px;position:relative;background:#121726}.fe #forest{position:absolute;top:64px;height:calc(100% - 120px);outline:none}.fe #forest:focus-visible{outline:2px solid #f6b29b;outline-offset:-3px}.fe #hud{height:64px;padding:10px 20px;gap:26px;background:#151b2b;border-bottom:1px solid #495067;backdrop-filter:none}.fe #hud small{font-size:9px;letter-spacing:1.2px;color:#a9b5c9}.fe #hud b{font-size:22px;color:#fff1de}.fe #hud button{background:#242c40;border-color:#4a5670;min-height:36px}.fe #touch{display:flex!important;bottom:0;left:0;right:0;height:56px;justify-content:flex-end;align-items:center;background:#151b2b;border-top:1px solid #495067;padding:7px 14px;gap:9px}.fe #touch button{min-height:38px;min-width:80px;font-size:12px;padding:8px 14px}.fe #touch .jump{margin-left:0;background:#cb3a52;color:white}.fe #touch::before{content:'AUTO RUN  /  FIND YOUR RHYTHM';margin-right:auto;font-size:9px;letter-spacing:1.3px;color:#a9b5c9}.fe #home{z-index:4}.fe #end{z-index:5}.fe #message{top:76px;z-index:3}.fe #powers{top:76px;z-index:2}.fe .forest-footer{font-size:11px;line-height:1.7;color:#aeb7ca}.fe .home-copy{background:#111a2bd9;border:1px solid #5d536d;padding:26px;border-radius:14px;backdrop-filter:blur(10px)}.fe h1{font-size:clamp(42px,5vw,66px)}.fe .end-panel{background:#171e30;border-color:#716781}.fe .primary{background:#ca344f!important;color:white!important;border-color:#ef798a!important}
@media(max-width:700px){.fe{padding:8px 12px 22px}.fe .forest-frame{height:clamp(430px,calc(100dvh - 190px),630px)}.fe #hud{gap:12px;padding:9px 10px}.fe #hud b{font-size:17px}.fe #hud small{font-size:7px}.fe #hud button{padding:7px;font-size:10px}.fe #touch::before{display:none}.fe #touch{justify-content:space-between}.fe #touch button{flex:1;min-width:0}.fe .home-copy{padding:18px}.fe .home-copy h1{font-size:44px}.fe nav{gap:8px}.fe nav button{font-size:11px;padding:9px}.fe .overlay{padding:16px}.fe .forest-footer>span:last-child{display:none}}