.maze-heading{display:flex;justify-content:space-between;align-items:end;padding:40px 4vw 28px;gap:24px}.maze-heading h1{font-size:clamp(42px,6vw,90px);line-height:.95;margin:20px 0 0}.maze-heading p{font-size:11px;line-height:1.8;color:var(--muted)}.maze-view{margin:0 4vw;background:#0a130e;border:1px solid #48633d;padding:14px;box-shadow:0 0 80px #6b963010}.maze-view canvas{display:block;width:100%;aspect-ratio:30/18}.maze-caption{display:flex;justify-content:space-between;padding:14px 4px 0;color:var(--lime);font-size:9px}.maze-settings{display:flex;align-items:center;flex-wrap:wrap;gap:24px;padding:28px 4vw;font-size:10px}.maze-settings label{display:flex;gap:10px;align-items:center}.maze-settings input[type=number]{width:70px;padding:10px;background:#111c14;border:1px solid #344633;color:var(--lime);font:inherit}.maze-settings select{margin:0}.maze-settings input{accent-color:var(--lime)}#maze-status,.maze-explain{margin:0 4vw 24px;font-size:11px;line-height:1.8;color:var(--muted)}.maze-explain{max-width:1000px;padding-bottom:30px}@media(max-width:650px){.maze-heading{display:block}.maze-view{padding:6px;margin:0 2vw}.maze-caption{font-size:7px}.maze-settings{gap:16px}}

@media(min-width:1200px){body>main{max-width:1400px}.maze-heading{padding:32px 48px 24px}.maze-heading h1{font-size:68px}.maze-view{margin-inline:48px}.maze-view canvas{max-height:680px}.maze-settings{padding-inline:48px}.maze-explain,#maze-status{margin-inline:48px}}