@import url('/fonts/fonts.css');
:root{font-family:'DM Sans',sans-serif;color:#f8efd3;background:#8aac60;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #fff1a0;outline-offset:3px}a{color:inherit;text-underline-offset:4px}[hidden]{display:none!important}#maze-shell{position:relative;width:100%;height:100dvh;min-height:370px;overflow:hidden;background:linear-gradient(#a5d8e4,#b1c179)}#maze-canvas{width:100%;height:100%;display:block;touch-action:none;outline-offset:-6px}.runner-top{position:absolute;top:max(20px,env(safe-area-inset-top));left:26px;right:26px;display:flex;align-items:center;justify-content:space-between;gap:16px}.runner-brand{font:30px 'Silkscreen',monospace;text-decoration:none;color:#fff4c8;text-shadow:0 2px 5px #294330}.runner-brand span{display:block;font:8px 'DM Sans',sans-serif;letter-spacing:2.1px;margin-top:3px}.runner-top-actions{display:flex;gap:7px}.runner-top-actions button,.runner-controls button{min-height:44px;border:1px solid #eee6b74d;border-radius:9px;background:#24432eea;color:#fff1bd;padding:10px 15px;box-shadow:0 3px 0 #152e2555}.runner-top-actions button[aria-pressed=true]{background:#efd07c;color:#24432e}.runner-hud{position:absolute;top:95px;left:26px;display:flex;gap:1px;border:1px solid #e9e6b133;border-radius:10px;overflow:hidden;background:#21452ceb;box-shadow:0 5px 22px #23463222}.runner-hud>div{min-width:100px;padding:11px 17px;background:#ffffff06}.runner-hud span{display:block;font:7px monospace;letter-spacing:1px;color:#c0d0a3}.runner-hud b{display:block;font:24px 'Space Grotesk',sans-serif;margin-top:4px}.runner-hud small{font-size:12px;color:#b5c894}#runner-hearts{color:#f4ce80;font-size:18px;padding-top:3px}#maze-map{position:absolute;right:26px;top:88px;width:180px;height:180px;border:5px solid #f2e7be;border-radius:8px;box-shadow:0 4px 24px #20351d55}.runner-bottom{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(620px,calc(100% - 28px));text-align:center}#runner-hint{display:table;margin:0 auto 11px;padding:10px 17px;border:1px solid #ece5b34a;border-radius:8px;background:#233d2cee;color:#fff3c6;font-size:12px;line-height:1.5;box-shadow:0 3px 12px #21342622}.runner-controls{display:flex;justify-content:center;gap:6px}.runner-controls button{min-width:52px;font-size:23px}.runner-controls [data-command=jump]{font-size:12px;background:#efcf70;color:#2a422c;font-weight:700;min-width:95px}.runner-controls span{display:block;font:8px monospace;opacity:.7;margin-top:3px}.runner-keyboard{font:7px monospace;letter-spacing:1px;color:#fff4c7;text-shadow:0 1px 3px #20371a}dialog{width:min(510px,calc(100% - 28px));max-height:calc(100dvh - 30px);padding:30px;border:1px solid #a8bd7f;border-radius:17px;background:#f5efd9;color:#30462e;box-shadow:0 30px 110px #1c352866;overscroll-behavior:contain}dialog::backdrop{background:#18352475;backdrop-filter:blur(3px)}.menu-eyebrow{font:8px monospace;letter-spacing:1.5px;color:#708357}h1{font:48px/.98 'Space Grotesk',sans-serif;letter-spacing:-2px;margin:16px 0}h1 em{font-style:normal;color:#7f943e}#runner-description{font-size:13px;line-height:1.75;color:#667454;margin:14px 0}.menu-route{display:flex;gap:10px;margin:20px 0;border-top:1px solid #9cae7438;border-bottom:1px solid #9cae7438;padding:14px 0}.menu-route span{flex:1;font:10px monospace;color:#9c8b4c}.menu-route b{display:block;font:10px 'DM Sans',sans-serif;color:#536542;margin-top:7px}.runner-primary{display:block;width:100%;min-height:48px;border:1px solid #304b31;border-radius:7px;background:#34543a;color:#fff1bb;font-size:14px;font-weight:700}#runner-loading{font:10px 'DM Sans',sans-serif;color:#71844c}#runner-retry,#runner-new{border:1px solid #a4b275;background:#e7e6c8;color:#405b34;border-radius:6px;min-height:42px;margin-top:8px;padding:8px 13px;font-size:11px}.menu-help{font-size:10px;line-height:1.75;color:#73815c;margin:15px 0}.corn-radio{border-top:1px solid #9cae7438;padding-top:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.radio-controls{display:flex;gap:6px;align-items:center}.radio-controls button{min-width:35px;min-height:35px;border:1px solid #aabb81;border-radius:5px;background:#e7e6c9;color:#425d34}.radio-controls input{width:70px;accent-color:#476d3d}#music-status{font-size:9px;color:#75825c;text-align:right}.menu-footer{display:flex;justify-content:space-between;gap:14px;margin-top:18px;font-size:10px;color:#536847}.runner-fine{font:8px/1.6 'DM Sans',sans-serif;color:#8a9175;margin:12px 0 0}.result-links{display:flex;gap:8px;flex-wrap:wrap}.result-links>*{padding:10px;border:1px solid #9bb075;border-radius:5px;background:#e8e7ca;color:#435b36;font-size:11px;min-height:39px}#runner-result-stats{font:15px 'Space Grotesk',sans-serif}#runner-card-status{font-size:10px;line-height:1.5}.no-script{position:fixed;inset:30%;padding:30px;background:#24432e}body[data-phase=running] .runner-top .runner-brand{opacity:.85}
@media(max-width:600px){.runner-top{left:14px;right:14px;top:max(14px,env(safe-area-inset-top))}.runner-brand{font-size:23px}.runner-brand span{font-size:6px;letter-spacing:1.2px}.runner-top-actions button{padding:8px 10px;font-size:11px}.runner-hud{top:79px;left:14px}.runner-hud>div{min-width:79px;padding:9px 12px}.runner-hud b{font-size:21px}.runner-hud span{font-size:6px;letter-spacing:.4px}#maze-map{width:150px;height:150px;right:14px;top:152px}.runner-keyboard{display:none}.runner-bottom{bottom:max(18px,env(safe-area-inset-bottom))}.runner-controls{gap:5px}.runner-controls button{min-width:42px;min-height:49px;padding:9px 12px}#runner-hint{font-size:11px;padding:9px 12px}.runner-controls [data-command=jump]{min-width:77px}dialog{padding:23px}h1{font-size:43px}.menu-route{margin:15px 0}#runner-description{font-size:12px}.menu-help{font-size:10px}}
@media(max-height:600px) and (orientation:landscape){.runner-top{top:10px}.runner-hud{top:68px}.runner-hud>div{padding:7px 12px}#maze-map{top:66px;width:125px;height:125px}.runner-bottom{bottom:9px}.runner-keyboard{display:none}.runner-controls button{min-height:40px;padding:5px 12px}#runner-hint{padding:6px 13px;margin-bottom:7px}dialog{padding:23px}h1{font-size:38px}}
