.forest-page{--forest-bg:#0b1917;--forest-text:#d6dfc8;--forest-line:#385045;--forest-accent:#d8b879;width:100%;max-width:none;box-shadow:none;background:var(--forest-bg);min-height:100svh;color:var(--forest-text);border:0;flex-direction:column;justify-content:center;margin:0;padding:24px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.forest-header{justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1440px;margin:0 auto 18px;display:flex}.forest-header span{letter-spacing:2px;color:#93ac9b;font-size:10px}.forest-header h1{letter-spacing:1px;margin:5px 0 0;font:19px/1.4 ui-monospace,monospace}.forest-altitude{text-align:right;align-items:baseline;gap:12px;display:flex}.forest-altitude strong{font-size:24px;font-weight:400}.forest-altitude span{letter-spacing:0}.forest-stage{background:#91cdb2;width:100%;max-width:min(1440px,220.69svh - 353.103px);margin:auto;position:relative;overflow:hidden}.forest-stage canvas{aspect-ratio:64/29;width:100%;height:auto;image-rendering:pixelated;display:block}.forest-controls{align-items:center;gap:24px;width:100%;max-width:1440px;margin:18px auto 0;display:flex}.forest-buttons{gap:8px;display:flex}.forest-controls button{border:1px solid var(--forest-line);color:var(--forest-text);cursor:pointer;white-space:nowrap;background:0 0;border-radius:2px;min-height:44px;padding:0 18px;font:12px ui-monospace,monospace}.forest-controls button:first-child{background:var(--forest-accent);color:#202e24;border-color:var(--forest-accent)}.forest-controls button:hover{filter:brightness(1.15)}.forest-controls button:focus-visible,.forest-controls input:focus-visible{outline-offset:4px;outline:2px solid #f0d89d}.forest-controls label{flex:1;align-items:center;gap:12px;max-width:400px;font-size:11px;display:flex}.forest-controls input{accent-color:var(--forest-accent);width:100%;min-width:70px;height:44px}.forest-controls p{color:#93ac9b;margin-left:auto;font-size:10px}.forest-controls button:disabled{opacity:.5;cursor:default}@media (width<=650px){.forest-page{justify-content:start;padding:14px}.forest-header{margin:8px auto 20px}.forest-altitude{display:block}.forest-altitude span{font-size:9px;display:block}.forest-stage{margin:auto}.forest-controls{flex-wrap:wrap;gap:12px}.forest-controls label{min-width:140px;max-width:none}.forest-controls p{width:100%;margin:0}.forest-header h1{font-size:16px}}@media (height<=500px) and (width>=651px){.forest-page{padding:10px}.forest-header{margin-bottom:8px}.forest-stage{max-width:calc(220.69svh - 291.31px)}.forest-controls{margin-top:8px}.forest-controls p{display:none}}.forest-page,.forest-page *{box-sizing:border-box}.forest-controls{box-shadow:none;background:0 0;border:0;min-height:44px;padding:0}.forest-header{line-height:1.3}.forest-controls p{line-height:1.4}.forest-stage{max-width:min(1440px,220.69svh - 397.241px)}.forest-page:before,.forest-page:after{display:none}.forest-stops{flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0;display:flex}.forest-stops button{font:inherit;color:#c4d5bf;cursor:pointer;background:#122820;border:1px solid #345246;padding:6px 12px;font-size:12px}.forest-stops button:hover,.forest-stops button:focus-visible{background:#244334;border-color:#d9bf7c}@media (width>=651px){.forest-stage{max-width:min(1440px,220.69svh - 595.862px)}}.forest-groups{margin-bottom:0}.forest-groups button[aria-pressed=true]{color:#f1d79f;background:#244334;border-color:#d8b879}@media (width>=651px){.forest-stage{max-width:min(1440px,220.69svh - 684.138px)}}
