@font-face{font-family:'Space Grotesk';src:url('assets/fonts/SpaceGrotesk.ttf') format('truetype');font-weight:300 700;font-display:swap}
html{scrollbar-gutter:stable}
:root{color-scheme:dark;--bg:#211e30;--text:#f5f2e9;--muted:#b9b2cb;--line:#5a536d;--panel:#302b44;--screen:#282435;--button:#ff8068;--button-text:#261e31;--selected:#433b59;--edge:#14111e;--accent:#c3b7f3;--target:#b5cbff;--target-bg:#303b56;--good:#a8e2bf;--good-bg:#233d35;--bad:#ffb0ac;--bad-bg:#4b2a3b}
html[data-theme=light]{color-scheme:light;--bg:#ddd9f3;--text:#302b4a;--muted:#625975;--line:#aaa2c1;--panel:#f5f2e9;--screen:#f5f2e9;--button:#ff7054;--button-text:#302b4a;--selected:#e4dff1;--edge:#302b4a;--accent:#504081;--target:#315aa3;--target-bg:#e1e9fc;--good:#216342;--good-bg:#dceee2;--bad:#a63143;--bad-bg:#fbe0e4}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 'Space Grotesk',Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:transparent;color:var(--text);padding:8px 12px;border-radius:9px;min-height:44px}button:hover:not(:disabled),a:hover{color:var(--accent)}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a{color:inherit;text-underline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.15;letter-spacing:-.8px}a,button{touch-action:manipulation}[hidden]{display:none!important}
.game-shell{max-width:1440px;padding:0 32px;margin:auto}header{min-height:76px;display:flex;gap:48px;align-items:center;border-bottom:1px solid var(--line)}.brand{font-weight:700;font-size:29px;line-height:1;letter-spacing:-1.8px;text-decoration:none;white-space:nowrap}.brand:before{content:'';display:inline-block;width:23px;height:22px;background:var(--accent);margin-right:9px;clip-path:polygon(0 100%,0 66%,33% 66%,33% 33%,66% 33%,66% 0,100% 0,100% 100%)}header nav{display:flex;gap:8px}header nav button{color:var(--muted);font-size:13px;padding:7px 16px}header nav .selected{color:var(--text);background:var(--selected);box-shadow:inset 0 0 0 1px var(--line)}.header-tools{margin-left:auto;display:flex;gap:7px}.header-tools button{color:var(--muted);font-size:12px}
#playView{display:grid;grid-template-columns:minmax(130px,1fr) minmax(0,820px) minmax(130px,1fr);column-gap:28px;align-items:start;padding-top:28px}.game-title{grid-column:1;grid-row:1;padding-top:55px}.game-title h1{font-size:36px;letter-spacing:-1.5px;font-weight:600;margin-bottom:16px}.game-title p{font-size:13px;color:var(--muted);line-height:1.65;max-width:170px}.game-links{grid-column:1;grid-row:1;align-self:start;margin-top:220px;display:flex;align-items:start;flex-direction:column;gap:4px;font-size:12px}.game-links button{padding:6px 0;min-height:36px}.game-links a{padding:8px 0;text-decoration:none}.arcade-console{grid-column:2;grid-row:1;border:2px solid var(--line);border-radius:25px;background:var(--screen);padding:16px 18px 0;box-shadow:7px 7px 0 var(--edge);min-width:0;overflow:hidden}.edition{display:flex;justify-content:space-between;align-items:baseline;gap:12px;color:var(--muted);font-size:10px;letter-spacing:.5px;margin-bottom:9px}.hud{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:0 0 10px}.hud>div:last-child{text-align:right}.hud span{display:block;font-size:10px;color:var(--muted);letter-spacing:.6px}.hud strong{font-size:38px;line-height:1.15;letter-spacing:-1.8px;font-weight:600;font-variant-numeric:tabular-nums;display:block;min-width:4ch}.stage-wrap{position:relative;width:100%;height:clamp(200px,calc(100svh - 445px),410px);overflow:hidden;border:2px solid var(--edge);border-radius:12px;background:#151515}#scene{width:100%;height:100%;position:absolute;inset:0;display:block}.input-hint{position:absolute;bottom:9px;left:10px;font-size:10px;background:#17151ed9;padding:4px 8px;color:#f5f2e9;border-radius:4px;pointer-events:none}.countdown{position:absolute;inset:0;display:grid;place-items:center;background:#17151e88;color:#fff;text-align:center;font-size:36px;font-weight:600;padding:20px}.celebration{position:absolute;right:10px;bottom:10px;padding:7px 10px;border:1px solid #a8e2bf;background:#233d35;color:#a8e2bf;border-radius:7px;font-size:12px}.stage-wrap.success{border-color:var(--good)}
.run-trace{padding-top:10px}.trace-heading{display:flex;justify-content:space-between;gap:12px;align-items:start;font-size:10px;color:var(--muted);line-height:1.5}.trace-heading>span:first-child{display:flex;align-items:center;flex-wrap:wrap;column-gap:12px}.trace-heading small{font:10px Consolas,monospace}.trace-heading b{font-size:10px;font-weight:500;color:var(--text)}#tapReadout{text-align:right;min-width:105px;font-size:10px}#inputTimeline{display:block;width:100%;height:42px}.frame-strip{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.frame-strip>span{position:relative;text-align:center;font:11px/1.7 Consolas,monospace;border-radius:4px 4px 0 0;background:var(--selected);color:var(--muted)}.frame-strip b{font-weight:400}.frame-strip small{display:block;background:var(--screen);font:10px/1.6 'Space Grotesk',sans-serif;padding-top:2px}.frame-strip .target{box-shadow:inset 0 2px var(--target)}.frame-strip .target:not(.hit):not(.held){background:var(--target-bg);color:var(--target)}.frame-strip .target small{color:var(--target)}.frame-strip .good{background:var(--good-bg);color:var(--good)}.frame-strip .bad{background:var(--bad-bg);color:var(--bad)}.frame-strip .good small{color:var(--good)}.frame-strip .bad small{color:var(--bad)}.frame-strip .held:before{content:'';position:absolute;bottom:18px;left:3px;right:3px;height:2px;background:currentColor}.frame-strip .current{outline:1px solid var(--text);outline-offset:1px}.frame-strip .current small{box-shadow:inset 0 -2px var(--text);color:var(--text)}[data-tone=good],.feedback-row[data-tone=good] strong{color:var(--good)}[data-tone=bad],.feedback-row[data-tone=bad] strong{color:var(--bad)}
.feedback-row{display:flex;justify-content:space-between;gap:14px;align-items:baseline;font-size:11px;min-height:29px;padding:7px 0 2px}.feedback-row strong{font-weight:600;font-size:13px;white-space:nowrap}.feedback-row span{color:var(--muted);text-align:right}.start-controls{display:grid;grid-template-columns:minmax(0,1fr) 52px;gap:6px 12px;align-items:center;padding-top:12px}.primary{background:var(--button);color:var(--button-text);border:2px solid var(--edge);border-radius:30px;min-height:48px;padding:10px 22px;font-weight:600;font-size:14px;box-shadow:0 2px 0 var(--edge)}.primary:hover:not(:disabled){color:var(--button-text);filter:brightness(1.07)}.primary:active:not(:disabled){transform:translateY(2px);box-shadow:none}.start-controls>small{grid-column:1/-1;text-align:center;font-size:10px;color:var(--muted);line-height:1.4}.text-button{font-size:12px;color:var(--muted)}.start-controls .text-button{grid-column:1/-1;justify-self:center}#tapButton{border:2px solid var(--edge);border-radius:50%;height:52px;width:52px;min-height:52px;background:var(--button);color:var(--button-text);font-weight:600;font-size:23px;line-height:1;padding:4px;touch-action:none;user-select:none;box-shadow:0 2px 0 var(--edge)}#tapButton span{display:block;font-size:7px;letter-spacing:.6px;margin-top:3px}#tapButton.pressed{transform:translateY(2px);box-shadow:none}.context{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:10px;padding:11px 0 12px;margin-top:8px;border-top:1px solid var(--line)}.context strong{color:var(--text);font-weight:500;margin-left:4px;white-space:nowrap}.notice{grid-column:1/-1;border:1px solid var(--bad);border-radius:8px;background:var(--bad-bg);padding:10px 14px;font-size:12px;margin-bottom:16px}.arcade-console .notice{margin-bottom:12px}footer{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:10px;max-width:820px;margin:20px auto 0;padding:0 0 18px}
dialog{background:var(--panel);color:var(--text);border:2px solid var(--line);border-radius:20px;padding:25px;max-width:560px;width:calc(100% - 32px);max-height:calc(100svh - 32px);overflow:auto;box-shadow:6px 6px 0 var(--edge)}dialog::backdrop{background:#0d0b17bb}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}.dialog-heading h2{font-size:25px;font-weight:600;margin:0}.dialog-heading button{font-size:12px;color:var(--muted)}dialog p,dialog li{font-size:13px;line-height:1.75;color:var(--muted)}dialog h3{font-size:16px;margin:22px 0 10px}dialog b{color:var(--text)}dialog label{display:block;font-size:13px;margin-top:15px}select,input[type=text],input:not([type]),textarea{display:block;width:100%;background:var(--screen);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:10px;margin-top:7px;min-height:44px}input[type=checkbox]{accent-color:var(--button)}.switch-row{display:flex!important;justify-content:space-between;align-items:center;min-height:32px}.switch-row input{width:20px;height:20px}hr{border:0;border-top:1px solid var(--line);margin:23px 0}details{border-top:1px solid var(--line);padding-top:14px;margin-top:20px;font-size:12px}summary{cursor:pointer;min-height:32px}.muted{color:var(--muted)}#romStatus,#padDetail,#nameStatus{font-size:11px;color:var(--muted);line-height:1.7}
#resultView,#recordsView{max-width:820px;margin:28px auto 0;background:var(--screen);border:2px solid var(--line);border-radius:25px;padding:25px 28px;box-shadow:7px 7px 0 var(--edge)}.result-overview{display:grid;grid-template-columns:minmax(190px,.9fr) minmax(0,1.2fr);gap:22px;align-items:center}.result-heading{padding:15px 0}.result-heading>span{font-size:10px;letter-spacing:1px;color:var(--muted)}.result-heading h1{font-size:100px;font-weight:600;letter-spacing:-6px;margin:12px 0 6px;font-variant-numeric:tabular-nums;line-height:1}.result-heading p{margin:8px 0 0;font-size:14px}.result-heading #resultBLJs{font-size:11px;color:var(--muted);margin-top:12px}.result-heading #newPB{display:block;color:var(--good);margin-top:13px;font-size:12px;letter-spacing:0}.result-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin-top:14px}.result-stats.practice-result{grid-template-columns:repeat(2,minmax(0,1fr))}.result-stats strong{display:block;font-size:23px;font-weight:500;font-variant-numeric:tabular-nums}.result-stats small{color:var(--muted);font-size:10px}.result-actions{display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;margin:20px 0 12px}.result-actions .primary{min-width:190px}.result-actions[data-mode=practice] #againButton{order:-1}#saveStatus{text-align:center;color:var(--muted);font-size:11px;margin:10px 0}#saveStatus:empty{display:none}#shareText{min-height:120px;font:12px/1.8 Consolas,monospace}.board{margin-top:28px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding-bottom:10px}.section-heading h1,.section-heading h2{font-size:23px;font-weight:600;margin:0}.section-heading>span,.section-heading>button{font-size:11px;color:var(--muted)}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th,td{padding:12px 9px;border-bottom:1px solid var(--line)}th{font-weight:400;color:var(--muted)}td:last-child,th:last-child{text-align:right;font-variant-numeric:tabular-nums}.mine{background:var(--selected);font-weight:600}.empty{text-align:center;padding:25px 0;font-size:13px;color:var(--muted)}.next-climb{text-align:center;font-size:11px;color:var(--muted);margin:24px 0 0}.record-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:25px 0}.record-summary strong{display:block;font-size:34px;letter-spacing:-1px;font-weight:500;font-variant-numeric:tabular-nums}.record-summary span{display:block;font-size:11px;color:var(--muted)}.record-filter{display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding:16px 0}.record-filter label{display:flex;align-items:center;gap:12px}.record-filter select{width:auto;margin:0}.chart-wrap{height:250px;position:relative;margin:20px 0}.table-scroll{overflow:auto;max-height:450px}.legacy-link{display:inline-block;font-size:12px;color:var(--muted);margin-top:22px}
.building-body{display:grid;grid-template-columns:minmax(90px,43%) minmax(0,1fr);gap:15px;align-items:center}.building-picture svg{display:block;width:100%;height:265px}.building-outline{fill:none;stroke:var(--text);stroke-width:1.65;stroke-linejoin:round;stroke-linecap:round}.building-fill{fill:var(--accent);opacity:.15}.building-detail{fill:none;stroke:var(--text);stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}.building-street{fill:none;stroke:var(--muted);stroke-width:1;stroke-linecap:round;stroke-linejoin:round}.building-ground{stroke:var(--line);stroke-width:1}.building-marker{stroke:var(--accent);stroke-dasharray:3 4;stroke-width:1}.building-dot{fill:var(--accent)}[data-cleared=true] .building-fill,[data-cleared=true] .building-dot{fill:var(--good)}[data-cleared=true] .building-marker{stroke:var(--good)}.building-city{font-size:10px;color:var(--muted);letter-spacing:.7px;margin:0 0 6px}.building-info h3{font-size:21px;letter-spacing:-.6px;margin:0 0 8px}.building-route{font-size:10px;color:var(--muted);margin:0 0 13px}.building-percent{font-size:35px;font-weight:500;line-height:1.1;letter-spacing:-1.5px}.building-count{font-size:11px;margin:7px 0 10px}.building-status{font-size:11px;color:var(--muted);margin:0}.building-comparison[data-cleared=true] .building-status{color:var(--good)}
body.running .game-title,body.running .game-links{visibility:hidden}body.running .start-controls>small{display:none}body.running .start-controls{padding-top:8px}body.running .context{padding:8px 0}body.running footer{display:none}
@media(min-width:1001px) and (max-height:800px){header{min-height:60px}#playView{padding-top:18px}.arcade-console{padding-top:12px}.stage-wrap{height:clamp(180px,calc(100svh - 420px),340px)}.hud strong{font-size:32px}.hud{padding-bottom:7px}.edition{margin-bottom:5px}footer{margin-top:16px}}
@media(max-width:1100px){#playView{grid-template-columns:145px minmax(0,1fr);gap:20px}.game-shell{padding:0 24px}.arcade-console{grid-column:2}.game-title{padding-top:40px}.game-title h1{font-size:30px}.game-links{margin-top:210px}.stage-wrap{height:clamp(220px,calc(100svh - 450px),410px)}}
@media(max-width:700px){.game-shell{padding:0 12px}header{display:grid;grid-template-columns:1fr auto;gap:5px 8px;min-height:0;padding:14px 2px 10px}.brand{font-size:25px}.brand:before{width:20px;height:19px;margin-right:7px}.header-tools{grid-column:2;grid-row:1;gap:2px}.header-tools button{font-size:11px;padding:4px 7px;min-height:36px}header nav{grid-column:1/-1;justify-content:center;gap:8px}header nav button{padding:5px 20px;min-height:36px;font-size:12px}#playView{display:flex;flex-direction:column;padding-top:14px;gap:0}.game-title{display:none}.arcade-console{width:100%;border-radius:20px;padding:12px 12px 0;box-shadow:4px 4px 0 var(--edge)}.edition{font-size:9px;letter-spacing:0;gap:8px;margin-bottom:6px}.hud{padding-bottom:9px}.hud strong{font-size:32px}.hud span{font-size:9px}.stage-wrap{height:clamp(175px,30svh,320px);border-radius:9px}.input-hint{font-size:8px;left:6px;bottom:6px;padding:3px 6px}.countdown{font-size:27px}.celebration{font-size:10px;right:6px;bottom:6px}.trace-heading{font-size:9px;gap:8px}.trace-heading>span:first-child{column-gap:7px;row-gap:1px}.trace-heading small{font-size:9px}.trace-heading b{font-size:9px}.trace-heading #tapReadout{min-width:90px;max-width:42%;font-size:9px}.run-trace{padding-top:9px}#inputTimeline{height:38px}.frame-strip{gap:4px}.frame-strip>span{font-size:10px}.frame-strip small{font-size:9px}.feedback-row{font-size:10px;gap:10px;min-height:31px}.feedback-row strong{font-size:12px}.feedback-row span{max-width:68%}.start-controls{padding-top:10px;grid-template-columns:minmax(0,1fr) 48px;gap:6px 10px}.primary{font-size:13px;min-height:46px;padding:9px 15px}#tapButton{width:48px;height:48px;min-height:48px}.start-controls>small{font-size:9px}.context{font-size:9px;padding:10px 0;margin-top:8px;gap:10px}.context strong{margin-left:3px}.game-links{margin:15px 0 0;width:100%;flex-direction:row;align-items:center;justify-content:center;gap:18px;font-size:11px}.game-links button,.game-links a{min-height:40px;padding:8px 0}footer{font-size:9px;padding-bottom:18px;margin-top:10px}body.running #playView{padding-top:10px}body.running .game-links{display:none}body.running .context{display:none}body.running .stage-wrap{height:clamp(200px,38svh,380px)}#resultView,#recordsView{margin-top:17px;border-radius:20px;padding:18px 17px;box-shadow:4px 4px 0 var(--edge)}.result-overview{display:block}.result-heading{text-align:center;padding:8px 0 18px}.result-heading h1{font-size:84px;letter-spacing:-5px}.result-heading #resultUnit{font-size:14px}.result-heading #resultBLJs{margin-top:8px}.building-body{grid-template-columns:minmax(100px,40%) minmax(0,1fr);gap:15px}.building-picture svg{height:215px}.building-info h3{font-size:20px}.building-percent{font-size:32px}.result-stats{gap:9px;padding:12px 0;margin-top:12px}.result-stats strong{font-size:19px}.result-stats small{font-size:9px}.result-actions{gap:8px;margin-top:16px}.result-actions .primary{min-width:150px}.result-actions .text-button{font-size:11px;padding:8px}.section-heading{gap:8px}.section-heading h1,.section-heading h2{font-size:21px}.section-heading>span{font-size:9px}.record-summary{gap:12px;padding:18px 0}.record-summary strong{font-size:29px}.record-summary span{font-size:10px}.record-filter{align-items:start;flex-direction:column;gap:10px;padding:12px 0}.table-scroll table{min-width:360px}.chart-wrap{height:220px}dialog{padding:20px}dialog label,dialog p,dialog li{font-size:13px}select,input[type=text],input:not([type]),textarea{font-size:16px}}
@media(max-width:700px) and (max-height:720px){header{padding-top:9px;padding-bottom:7px}#playView{padding-top:10px}.arcade-console{padding-top:9px}.hud strong{font-size:29px}.hud{padding-bottom:7px}.stage-wrap{height:clamp(160px,27svh,200px)}.context{padding:8px 0}.game-links{margin-top:9px}body.running .stage-wrap{height:clamp(180px,34svh,240px)}}
@media(prefers-reduced-motion:reduce){.primary:active:not(:disabled),#tapButton.pressed{transform:none}}
@media(max-width:400px){.header-tools button{font-size:10px;padding-left:5px;padding-right:5px}}
@media(orientation:portrait) and (min-width:701px){#playView{display:flex;flex-direction:column;align-items:center;padding-top:28px;gap:0}.game-title{display:flex;align-items:baseline;justify-content:space-between;gap:30px;width:min(100%,820px);padding:0;margin-bottom:16px}.game-title h1{font-size:28px;margin:0}.game-title p{max-width:none;margin:0}.arcade-console{width:min(100%,820px)}.stage-wrap{height:min(48svh,760px)}.game-links{margin:20px 0 0;flex-direction:row;gap:25px;align-items:center}body.running .game-title{display:none}body.running .game-links{display:none}}

.control-buttons{display:contents}
.start-controls:has(.practice-cta:not([hidden])){grid-template-columns:auto minmax(0,1fr)}
.practice-cta{display:grid;place-items:center;text-align:center;text-decoration:none}
.control-buttons .result-link{border:1px solid var(--line);color:var(--text);background:var(--panel)}
.control-buttons .result-link:hover{color:var(--accent)}
@media (max-width:700px), (max-width:950px) and (pointer:coarse){
  body{
    --jump-size:92px;
    --control-dock-height:calc(var(--jump-size) + 17px + env(safe-area-inset-bottom));
    padding-left:env(safe-area-inset-left);
    padding-right:env(safe-area-inset-right);
  }
  body:has(#playView:not([hidden]), #practice:not([hidden]) #drillConsole:not([hidden])){
    padding-bottom:var(--control-dock-height);
  }
  .start-controls .control-buttons{
    position:fixed;
    inset:auto 0 0;
    z-index:5;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    padding:8px max(16px, env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
    border-top:1px solid var(--line);
    background:var(--screen);
  }
  .left-handed .control-buttons{flex-direction:row-reverse}
  .control-buttons .result-link,
  .control-buttons .primary{
    width:88px;
    min-height:44px;
    padding:4px 8px;
    line-height:1.15;
  }
  .control-buttons :is(#tapButton,#tap){
    width:var(--jump-size);
    height:var(--jump-size);
    min-height:var(--jump-size);
    font-size:34px;
  }
  .control-buttons :is(#tapButton,#tap) span{font-size:9px}
  .control-buttons :is(#tapButton,#tap).pressed{transform:none;filter:brightness(.9)}
}

.result-share{display:grid;justify-items:center;gap:12px;margin:22px 0 0}
.result-message{max-width:100%;padding:12px 17px;border-radius:19px 19px 5px 19px;background:#0965cf;color:#fff;white-space:pre-wrap;overflow-wrap:anywhere;font:500 15px/1.5 system-ui,sans-serif}
.result-share #shareButton{min-width:150px}