:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;--ink:#18231d;--paper:#f5f8f6;--mist:#dce5df;--line:#aebbb3;--green:#2d6a4f;--blue:#2467d3;--coral:#e85d4a;--gold:#efb331;font-family:Inter,Pretendard,Apple SD Gothic Neo,Malgun Gothic,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body{background:var(--paper);min-width:320px;min-height:100%;color:var(--ink);margin:0;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.app-shell{grid-template-rows:auto minmax(0,1fr);min-height:100dvh;display:grid}.topbar{border-bottom:1px solid var(--line);background:#f5f8f6f5;justify-content:space-between;align-items:center;gap:18px;min-height:72px;padding:10px clamp(14px,3vw,34px);display:flex}.brand{color:inherit;align-items:center;gap:11px;min-width:0;text-decoration:none;display:inline-flex}.brand-mark{background:var(--ink);color:#fff;border-bottom:4px solid var(--coral);flex:0 0 42px;place-items:center;width:42px;height:42px;font:800 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.brand-copy{gap:1px;min-width:0;display:grid}.brand-copy strong{font-size:18px;line-height:1.15}.brand-copy small{color:#667269;font:700 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.top-actions{align-items:center;gap:7px;display:flex}.icon-button,.tool-button,.dpad button,.segmented-control button,.command-button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff}.icon-button{border-radius:5px;place-items:center;width:44px;height:44px;display:grid}.icon-button:hover,.icon-button.active,.mode-button[aria-pressed=true]{border-color:var(--green);color:#1e573d;background:#e3eee7}.icon-button [hidden]{display:none}.game-shell{width:100%;min-height:0;padding:0 clamp(10px, 2.4vw, 28px) max(10px, env(safe-area-inset-bottom))}.game-layout{grid-template-columns:minmax(0,1fr) 230px;width:min(1460px,100%);height:calc(100dvh - 72px);min-height:530px;margin:0 auto;display:grid}.canvas-stage{background:var(--mist);border-left:1px solid var(--line);min-width:0;min-height:0;position:relative;overflow:hidden}#maze-canvas{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.control-rail{border-right:1px solid var(--line);border-left:1px solid var(--line);background:#edf2ef;flex-direction:column;gap:20px;min-width:0;padding:20px 16px;display:flex}.mode-status{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:5px 8px;padding-bottom:13px;display:flex}.mode-label{color:var(--green);font-size:13px;font-weight:800}.seed-label{color:#6e7a72;font:700 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.metrics{gap:10px;display:grid}.metric{justify-content:space-between;align-items:baseline;gap:10px;min-width:0;display:flex}.metric span,.difficulty-control legend{color:#657169;font-size:11px;font-weight:700}.metric strong{font:800 20px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.difficulty-control{border:0;min-width:0;margin:0;padding:0}.difficulty-control legend{margin-bottom:8px}.segmented-control{border:1px solid var(--line);border-radius:5px;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;overflow:hidden}.segmented-control button{border:0;border-right:1px solid var(--line);white-space:nowrap;border-radius:0;min-width:0;height:38px;padding:0 1px;font-size:11px;font-weight:750}.segmented-control button:last-child{border-right:0}.segmented-control button[aria-pressed=true]{background:var(--ink);color:#fff}.utility-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.tool-button{border-radius:5px;justify-content:center;align-items:center;gap:6px;min-width:0;height:44px;padding:0 8px;font-size:11px;font-weight:750;display:inline-flex}.tool-button.active{border-color:var(--blue);color:#184f9e;background:#e4edfb}.dpad{grid-template-rows:repeat(3,50px);grid-template-columns:repeat(3,50px);grid-template-areas:".up.""left center right"".down.";gap:4px;width:158px;height:158px;margin:auto auto 0;display:grid}.dpad button{border-radius:5px;place-items:center;width:50px;height:50px;display:grid}.dpad button:hover,.dpad button:active{border-color:var(--blue);color:#174e9d;background:#dfe9f8}.dpad button[data-direction=up]{grid-area:up}.dpad button[data-direction=left]{grid-area:left}.dpad button[data-direction=right]{grid-area:right}.dpad button[data-direction=down]{grid-area:down}.dpad-center{background:var(--ink);border:13px solid #c8d3cc;grid-area:center;width:50px;height:50px}.result-panel{border:2px solid var(--ink);text-align:center;background:#fffffff7;border-radius:8px;width:min(360px,100% - 32px);padding:24px;position:absolute;top:50%;bottom:auto;left:50%;right:auto;transform:translate(-50%,-50%);box-shadow:10px 10px #18231d2e}.result-panel[hidden]{display:none}.result-kicker{color:var(--coral);margin:0 0 6px;font:800 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.result-panel h2{margin:0;font-size:28px}.result-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(2,1fr);margin:22px 0;display:grid}.result-stats span{color:#657169;padding:14px 5px;font-size:10px}.result-stats span+span{border-left:1px solid var(--line)}.result-stats strong{color:var(--ink);margin-bottom:5px;font:800 18px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.result-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.command-button{border-radius:5px;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:44px;padding:8px;font-size:12px;font-weight:800;display:inline-flex}.command-button.primary{border-color:var(--ink);background:var(--ink);color:#fff}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:900px){.topbar{gap:8px;min-height:62px;padding:8px 10px}.brand{gap:8px}.brand-mark{flex-basis:38px;width:38px;height:38px}.brand-copy strong{font-size:15px}.brand-copy small{font-size:8px}.top-actions{gap:4px}.icon-button{width:40px;height:40px}.game-shell{padding:0 8px max(8px, env(safe-area-inset-bottom))}.game-layout{grid-template-rows:minmax(350px,1fr) auto;grid-template-columns:1fr;height:calc(100dvh - 62px);min-height:590px}.canvas-stage{border-right:1px solid var(--line)}.control-rail{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(180px,1.2fr) auto;grid-template-areas:"status metrics dpad""difficulty utility dpad";align-items:center;gap:9px 12px;padding:10px;display:grid}.mode-status{border:0;grid-area:status;justify-content:start;padding:0;display:grid}.metrics{grid-area:metrics;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.metric{gap:3px;display:grid}.metric strong{font-size:15px}.difficulty-control{grid-area:difficulty}.utility-actions{grid-area:utility}.dpad{grid-area:dpad;grid-template-rows:repeat(3,42px);grid-template-columns:repeat(3,42px);gap:3px;width:132px;height:132px;margin:0}.dpad button,.dpad-center{width:42px;height:42px}.dpad-center{border-width:11px}}@media (max-width:520px){.brand-copy small{display:none}.top-actions .icon-button{width:38px;height:38px}.control-rail{grid-template-columns:minmax(0,1fr) 124px;grid-template-areas:"metrics dpad""difficulty dpad""utility dpad"}.mode-status{z-index:2;background:#f5f8f6e6;border:1px solid #18231d47;padding:5px 7px;position:absolute;top:70px;left:16px}.mode-label{font-size:10px}.seed-label{display:none}.metric span{font-size:9px}.metric strong{font-size:13px}.difficulty-control legend{display:none}.segmented-control button,.tool-button{height:36px;font-size:10px}.tool-button svg{width:16px;height:16px}}@media (max-width:380px){.brand-copy{display:none}.topbar{justify-content:space-between}.game-layout{grid-template-rows:minmax(330px,1fr) auto;min-height:560px}.control-rail{grid-template-columns:minmax(0,1fr) 112px;gap:7px}.dpad{grid-template-rows:repeat(3,36px);grid-template-columns:repeat(3,36px);width:114px;height:114px}.dpad button,.dpad-center{width:36px;height:36px}}@media (max-height:540px) and (orientation:landscape){.topbar{min-height:54px;padding-block-start:6px;padding-block-end:6px}.game-layout{grid-template-rows:1fr;grid-template-columns:minmax(0,1fr) 270px;height:calc(100dvh - 54px);min-height:360px}.control-rail{grid-template-columns:minmax(120px,1fr) 112px;grid-template-areas:"status dpad""metrics dpad""difficulty dpad""utility dpad";padding:10px;display:grid}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric:last-child{grid-column:1/-1}.utility-actions{grid-template-columns:repeat(2,44px)}.segmented-control{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-button{width:44px;padding:0}.tool-button span{display:none}.dpad{grid-template-rows:repeat(3,36px);grid-template-columns:repeat(3,36px);width:114px;height:114px}.dpad button,.dpad-center{width:36px;height:36px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}