:root{font-family:Arial,Helvetica,sans-serif;color:#e8eedd;background:#398fc7;letter-spacing:0;color-scheme:dark;--surface:#202923;--line:#4a5549;--green:#a1d04e;--muted:#aab3a5}
*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #f5e986;outline-offset:3px}button{border:0;border-radius:3px}button:hover{filter:brightness(1.15)}button:active{filter:brightness(.92)}[hidden]{display:none!important}#game{display:block;width:100vw;height:100dvh;position:fixed;inset:0}svg{width:20px;height:20px;flex:none;stroke-width:1.8}.icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:38px;height:38px;background:transparent;color:inherit}.icon:hover{background:#ffffff15}.icon[aria-pressed=true]{color:var(--green)}
#hud{position:fixed;top:0;left:0;right:0;min-height:52px;background:#182219e8;border-bottom:1px solid #d2dfba38;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:5px 16px;gap:16px;z-index:2}.hud-side,.hud-center{display:flex;align-items:center;gap:12px;min-width:0}.hud-center{gap:9px;font:18px 'Courier New',monospace;font-weight:bold}.hud-side.tools{justify-content:flex-end;gap:3px}#level-title{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timer{font:25px 'Courier New',monospace;font-weight:bold;font-variant-numeric:tabular-nums;min-width:124px}.apple-icon{display:inline-block;width:16px;height:17px;flex:none;position:relative;background:#e94a34;border:1px solid #982c20;border-radius:40% 40% 45% 45%;margin:2px 3px 0 8px}.apple-icon:before{content:'';position:absolute;width:6px;height:4px;background:#9bbc43;top:-5px;left:8px;transform:rotate(-25deg)}#gravity{color:#fff199;width:18px}.bottom-status{position:fixed;bottom:16px;left:20px;display:flex;gap:24px;color:#edf3d6;font:12px 'Courier New',monospace;text-shadow:1px 2px #172b29}.bottom-status b{margin-left:6px;font-size:14px}#ready-mark{position:fixed;left:50%;top:22%;transform:translateX(-50%);font:bold 20px 'Courier New',monospace;color:#fcf3b0;text-shadow:2px 2px #294d32}
.overlay{position:fixed;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:24px;background:#15271d70;overflow:auto}.menu-overlay{background:#142719a1}.menu-window{width:900px;max-width:100%;background:var(--surface);border:1px solid #748067;box-shadow:0 16px 80px #08190f80;padding:24px 28px 0;border-radius:4px}.brand-row{display:flex;align-items:center;justify-content:space-between;padding-bottom:24px;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:baseline;gap:12px;font:bold 29px 'Courier New',monospace;color:var(--green);text-shadow:2px 2px #101e14}.wordmark>span{font-size:18px;color:#e8e7c8}.menu-tools{display:flex;gap:4px}.menu-caption{display:flex;align-items:center;justify-content:space-between;height:56px}.menu-caption h1{font-size:16px;margin:0;font-weight:normal}.menu-caption>span{font:13px 'Courier New',monospace;color:var(--muted)}.level-selector{display:grid;grid-template-columns:1.12fr 1fr;gap:28px;padding-bottom:24px}#level-list{height:360px;overflow:auto;border-block:1px solid var(--line);scrollbar-color:#718068 #18221b;scrollbar-width:thin}.level-row{display:grid;grid-template-columns:27px minmax(0,1fr) 77px;align-items:center;gap:6px;width:100%;height:38px;background:transparent;text-align:left;border-radius:0;border-bottom:1px solid #344033;padding:0 10px;font-size:13px}.level-row.selected{background:#a1d04e;color:#1c2917}.level-row:hover{background:#384834}.level-row.selected:hover{background:#b0dc60}.level-number{opacity:.6;font:12px 'Courier New',monospace}.level-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.level-time{font:12px 'Courier New',monospace;text-align:right;font-variant-numeric:tabular-nums}.level-detail{min-width:0;display:flex;flex-direction:column}.preview-heading{display:flex;justify-content:space-between;margin:0 0 8px;font:12px 'Courier New',monospace;color:var(--muted)}#level-preview{display:block;width:100%;height:auto;aspect-ratio:15/8;background:#75b2d4;border:1px solid #6d816b;image-rendering:pixelated}.level-detail h2{font-size:21px;margin:16px 0 12px;line-height:1.2;overflow-wrap:anywhere}.level-detail dl{display:flex;gap:28px;margin:0 0 20px}.level-detail dl>div{display:flex;flex-direction:column;gap:6px}dt{font-size:11px;color:var(--muted)}dd{margin:0;font:16px 'Courier New',monospace}.primary{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--green);color:#17230f;border:1px solid #c0e772;min-height:43px;padding:10px 22px;font-weight:bold;font-size:15px;flex:none}.level-detail>.primary{margin-top:auto}.menu-footer{display:flex;align-items:center;gap:24px;border-top:1px solid var(--line);min-height:61px;font-size:12px}.menu-footer>span{margin-left:auto;font:10px 'Courier New',monospace;color:#96a18d}.menu-footer a{color:var(--muted);text-decoration:none}.text-button{background:transparent;color:#dce7d0;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 0;font-size:13px;min-height:40px}.text-button svg{width:17px;height:17px}
.dialog{background:var(--surface);border:1px solid #718168;border-radius:4px;padding:28px;width:400px;max-width:100%;box-shadow:0 12px 50px #14231366}.dialog h2{font-size:23px;font-weight:normal;margin:0 0 22px}.dialog .primary{width:100%}.setting{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);font-size:14px}.setting input{width:20px;height:20px;accent-color:var(--green)}.bindings{display:grid;grid-template-columns:1fr 1fr;gap:18px 30px;margin:24px 0 30px}.bindings>div{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);gap:10px}kbd{font:12px 'Courier New',monospace;color:#fff9d1}.compact{width:310px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px}.compact .text-button{width:100%}.compact h2{margin-bottom:18px}.eyebrow{font:10px 'Courier New',monospace;color:var(--green);margin-bottom:12px}#result-time{font:36px 'Courier New',monospace;margin:0 0 15px}.result-count{display:flex;align-items:center;gap:5px;margin-bottom:22px;font:15px 'Courier New',monospace}.result-tools{display:flex;gap:12px;margin-top:10px}.result-overlay{background:#10231920}#replay-strip{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:16px;background:#18251deb;padding:0 5px 0 18px;z-index:3;font:12px 'Courier New',monospace}progress{accent-color:var(--green);width:200px;height:5px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:20;background:#202923;color:#f5f1cc;border:1px solid #879967;padding:15px 22px;max-width:calc(100% - 32px);font-size:13px;text-align:center}
#touch{display:none;position:fixed;bottom:max(18px,env(safe-area-inset-bottom));left:16px;right:16px;align-items:flex-end;justify-content:space-between;z-index:3;pointer-events:none}.touch-group{display:flex;gap:8px;pointer-events:auto}.touch-button{display:flex;align-items:center;justify-content:center;width:57px;height:57px;background:#183022b0;color:#eff6d9;border:1px solid #cbe0a969;touch-action:none;user-select:none}.touch-button.held{background:#90bc43;color:#172216}.touch-button.throttle{height:72px;background:#93c23cb8;color:#142611}.touch-button.turn{width:45px;height:45px;align-self:flex-end;margin-left:5px}
@media(pointer:coarse){#touch:not([hidden]){display:flex}.bottom-status{bottom:106px}.icon{width:40px;height:40px}}
@media(max-height:680px){.menu-window{padding-top:16px}.brand-row{padding-bottom:12px}.menu-caption{height:40px}#level-list{height:300px}.level-selector{padding-bottom:16px;gap:20px}.level-detail h2{margin:10px 0;font-size:18px}.level-detail dl{margin-bottom:10px}#level-preview{max-height:165px;object-fit:contain}.menu-footer{min-height:48px}}
@media(max-width:650px){.overlay{padding:12px}.menu-window{padding:18px 16px 0}.wordmark{font-size:23px;gap:8px}.wordmark>span{font-size:13px}.brand-row{padding-bottom:15px}.menu-caption{height:44px}.level-selector{grid-template-columns:1fr;gap:16px}#level-list{height:230px}.level-detail{display:grid;grid-template-columns:120px 1fr;gap:10px 16px;align-items:center}.preview-heading{display:none}#level-preview{grid-row:1/4;width:120px;height:90px;object-fit:cover}.level-detail h2{font-size:17px;margin:0}.level-detail dl{gap:22px;margin:0}.level-detail dl>div{gap:3px}dd{font-size:13px}.level-detail .primary{min-height:38px;padding:8px 14px;font-size:13px}.menu-footer{gap:16px}.menu-footer>span{display:none}.menu-footer a{margin-left:auto}.level-row{height:36px}#hud{padding:5px 8px;grid-template-columns:1fr auto;gap:4px}.hud-side.tools{position:fixed;right:8px;top:58px;background:#193222b0;border-radius:3px}.hud-side:first-child{gap:5px}#level-title{max-width:120px;font-size:11px}.hud-center{font-size:14px;gap:4px}.timer{font-size:21px;min-width:103px}.apple-icon{margin-left:2px}#gravity{width:12px}.bottom-status{left:16px}.dialog{padding:22px}.bindings{gap:15px}.touch-button{width:49px;height:53px}.touch-group{gap:6px}}
@media(max-height:480px) and (min-width:651px){.overlay{padding:8px}.menu-window{max-width:780px;padding:10px 20px 0}.brand-row{padding-bottom:5px}.wordmark{font-size:22px}.menu-caption{height:30px}.level-selector{gap:22px;padding-bottom:10px}#level-list{height:235px}.level-row{height:32px}#level-preview{height:100px}.level-detail h2{font-size:18px;margin:10px 0}.menu-footer{min-height:38px}.dialog{padding:20px}.compact h2{font-size:20px;margin-bottom:10px}#result-time{font-size:30px;margin-bottom:8px}.result-count{margin-bottom:12px}}