@font-face{font-family:RBNo2;src:url(../assets/fonts/RBNo2Light.otf)format("opentype");font-display:block}@font-face{font-family:ONRAMP;src:url(../assets/fonts/ONRAMP.ttf)format("truetype");font-display:block}:root{--pt:min(calc(100dvw / 1024), calc(100dvh / 700), 1.5px);--hud:min(var(--pt), 1px);--touch:clamp(.85px, var(--pt), 1px);--yellow:#f0dc2a;--cyan:#1ff1ff;--ui:"assets/ui/"}html,body{color:#fff;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:none;overscroll-behavior:none;background:#000;height:100%;margin:0;padding:0;font-family:ONRAMP,Arial Narrow,sans-serif;overflow:hidden}#game{touch-action:none;width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}#ui{pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.screen{display:none;position:absolute;top:0;bottom:0;left:0;right:0}.screen.visible{display:block}button{font:inherit;color:inherit;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:0 0;border:0;outline:none;margin:0;padding:0}button:focus-visible{filter:drop-shadow(0 0 6px var(--cyan))}#menu-backdrop{background:#000 url(../assets/ui/mainBackground.png) 50%/cover no-repeat;transition:opacity .6s}#loading{background:#000}.loading-bg{background:url(../assets/ui/loadingBackground.png) 50%/cover no-repeat;position:absolute;top:0;bottom:0;left:0;right:0}.loading-bg.controls-pad{background-image:url(../assets/ui/controlsPad.png);background-size:contain}.loading-bg.controls-phone{background-image:url(../assets/ui/controlsPhone.png);background-size:contain}.loading-bg.controls-keyboard{background-image:url(../assets/ui/controls.png);background-size:contain}.loading-bar{left:50%;bottom:calc(11.2% - 53.5 * var(--pt));width:calc(553 * var(--pt));height:calc(107 * var(--pt));background:url(../assets/ui/loadingBarBackground.png) 50%/100% 100% no-repeat;position:absolute;transform:translate(-50%)}.loading-segments{left:calc(2 * var(--pt));bottom:calc(14 * var(--pt));width:calc(563.5 * var(--pt));height:calc(28.5 * var(--pt));background:url(../assets/ui/loadingBarSegments.png) 0 0/auto 100% repeat-x;animation:2s linear infinite segments;position:absolute;-webkit-mask:url(../assets/ui/loadingBarMask.png) 50%/100% 100% no-repeat;mask:url(../assets/ui/loadingBarMask.png) 50%/100% 100% no-repeat}.loading-status{text-align:center;font-family:RBNo2,sans-serif;font-size:calc(22 * var(--pt));color:#fff9;text-shadow:0 0 4px #000;position:absolute;bottom:calc(2% + 4px);left:0;right:0}@keyframes segments{to{background-position-x:calc(-563.5 * var(--pt))}}#hud{pointer-events:none}.hud-btn{width:calc(100 * var(--hud));height:calc(100 * var(--hud));top:calc(30 * var(--hud));background:50%/contain no-repeat;position:absolute}#hud-pause{left:calc(30 * var(--hud) + env(safe-area-inset-left,0px));background-image:url(../assets/ui/pauseButtonNormal.png)}#hud-pause:active{background-image:url(../assets/ui/pauseButtonPressed.png)}#hud-retry{left:calc(150 * var(--hud) + env(safe-area-inset-left,0px));background-image:url(../assets/ui/retryButtonNormal.png)}#hud-retry:active{background-image:url(../assets/ui/retryButtonPressed.png)}.timer{right:calc(24 * var(--hud) + env(safe-area-inset-right,0px));top:calc(18 * var(--hud));font-family:RBNo2,monospace;font-size:calc(72 * var(--hud));color:var(--yellow);text-shadow:0 0 calc(7 * var(--hud)) #000, 0 0 calc(3 * var(--hud)) #000;font-variant-numeric:tabular-nums;letter-spacing:-.01em;line-height:1;position:absolute}.beat{right:calc(30 * var(--hud) + env(safe-area-inset-right,0px));top:calc(96 * var(--hud));align-items:center;gap:calc(12 * var(--hud));font-family:RBNo2,monospace;font-size:calc(38 * var(--hud));color:#fff;text-shadow:0 0 calc(6 * var(--hud)) #000;font-variant-numeric:tabular-nums;display:flex;position:absolute}.beat-icon{width:calc(62.5 * var(--hud));height:calc(35 * var(--hud));background:50%/contain no-repeat}.beat-icon.s0{background-image:url(../assets/ui/level0StarTimeIcon.png)}.beat-icon.s1{background-image:url(../assets/ui/level1StarTimeIcon.png)}.beat-icon.s2{background-image:url(../assets/ui/level2StarTimeIcon.png)}.beat-icon.s3{background-image:url(../assets/ui/level3StarTimeIcon.png)}#hud-indicator{width:calc(16 * var(--hud));height:calc(16 * var(--hud));margin-left:calc(-8 * var(--hud));margin-top:calc(-16 * var(--hud));transform-origin:50% 100%;opacity:0;background:url(../assets/ui/indicatorTriangle.png) 50%/contain no-repeat;position:absolute;top:0;left:0}#intro{pointer-events:none}.intro-bar{background:#000;height:20%;position:absolute;left:0;right:0}.intro-bar.top{top:0}.intro-bar.bottom{bottom:0}.intro-text{text-align:center;font-family:RBNo2,sans-serif;font-size:calc(84 * var(--pt));color:var(--yellow);text-shadow:0 0 calc(8 * var(--pt)) #000, 0 0 calc(3 * var(--pt)) #000;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}#touch{pointer-events:none}.touch-btn{opacity:0;background:50%/contain no-repeat;position:absolute}#touch-left{left:calc(30 * var(--touch) + env(safe-area-inset-left,0px));bottom:calc(40 * var(--touch) + env(safe-area-inset-bottom,0px));width:calc(76 * var(--touch));height:calc(76 * var(--touch));background-image:url(../assets/ui/leftButtonNormal.png)}#touch-left.pressed{background-image:url(../assets/ui/leftButtonPressed.png)}#touch-right{left:calc(110 * var(--touch) + env(safe-area-inset-left,0px));bottom:calc(40 * var(--touch) + env(safe-area-inset-bottom,0px));width:calc(76 * var(--touch));height:calc(76 * var(--touch));background-image:url(../assets/ui/rightButtonNormal.png)}#touch-right.pressed{background-image:url(../assets/ui/rightButtonPressed.png)}#touch-jump{right:calc(12 * var(--touch) + env(safe-area-inset-right,0px));bottom:calc(8 * var(--touch) + env(safe-area-inset-bottom,0px));width:calc(113 * var(--touch));height:calc(113 * var(--touch));background-image:url(../assets/ui/jumpButtonNormal.png)}#touch-jump.pressed{background-image:url(../assets/ui/jumpButtonPressed.png)}#menus{pointer-events:none;display:block}.panel-host{pointer-events:none;opacity:0;transform:translateY(calc(40 * var(--pt)));justify-content:center;align-items:center;transition:opacity .25s,transform .25s;display:none;position:absolute;top:0;bottom:0;left:0;right:0}.panel-host.visible{pointer-events:auto;display:flex}.panel-host.shown{opacity:1;transform:none}.panel{background:50%/100% 100% no-repeat;flex:none;position:relative}.title-box{background:50%/100% 100% no-repeat;position:absolute;left:50%;transform:translate(-50%)}.glyph{pointer-events:none;background:50%/contain no-repeat;display:inline-block}.menu-btn{width:calc(290 * var(--pt));height:calc(70 * var(--pt));background:url(../assets/ui/menuButtonNormal.png) center / calc(288 * var(--pt)) calc(68 * var(--pt)) no-repeat;font-family:ONRAMP,sans-serif;font-size:calc(47 * var(--pt));padding-bottom:calc(2 * var(--pt));color:#fff;text-transform:none;line-height:1;position:absolute;left:50%;transform:translate(-50%)}.menu-btn:hover{background-image:url(../assets/ui/menuButtonHighlighted.png);background-size:100% 100%}.menu-btn:active{background-image:url(../assets/ui/menuButtonPressed.png);background-size:100% 100%}.circle-btn{width:calc(95 * var(--pt));height:calc(113 * var(--pt));background:url(../assets/ui/circleButtonBottomNormal.png) 50%/contain no-repeat;position:absolute}.circle-btn .glyph{left:50%;top:calc(67.8 * var(--pt));width:calc(44 * var(--pt));height:calc(44 * var(--pt));position:absolute;transform:translate(-50%,-50%)}.circle-btn:hover{background-image:url(../assets/ui/circleButtonBottomHighlighted.png)}.circle-btn:active{background-image:url(../assets/ui/circleButtonBottomPressed.png);background-size:calc(91 * var(--pt)) calc(98 * var(--pt));background-position:50%}.circle-btn:active .glyph{top:calc(62.3 * var(--pt))}.circle-btn:disabled{cursor:default;background-image:url(../assets/ui/circleButtonBottomDisabled.png)}.circle-btn:disabled .glyph{opacity:.35}.square-btn{width:calc(71 * var(--pt));height:calc(98 * var(--pt));background:url(../assets/ui/squareButtonTopNormal.png) 50%/contain no-repeat;position:absolute}.square-btn .glyph{left:50%;top:calc(34.8 * var(--pt));width:calc(28 * var(--pt));height:calc(28 * var(--pt));position:absolute;transform:translate(-50%,-50%)}.square-btn:hover{background-image:url(../assets/ui/squareButtonTopHighlighted.png)}.square-btn:active{background-image:url(../assets/ui/squareButtonTopPressed.png);background-size:calc(67.5 * var(--pt)) calc(79 * var(--pt));background-position:center calc(50% + 3 * var(--pt))}.square-btn:active .glyph{top:calc(45.7 * var(--pt))}.window{isolation:isolate;--win-edge:calc(26 * var(--pt));background:0 0!important}.window:before{content:"";border:var(--win-edge) solid transparent;border-image:var(--win-art) 56 fill / var(--win-edge) stretch;pointer-events:none;z-index:-1;position:absolute;top:0;bottom:0;left:0;right:0}.main-panel{width:calc(400 * var(--pt));height:calc(290 * var(--pt));--win-art:url(../assets/ui/mainMenuBackground.png)}.main-panel .logo{left:50%;top:calc(-69 * var(--pt));width:calc(400 * var(--pt));height:calc(125.5 * var(--pt));background:url(../assets/ui/mainMenuLogo.png) 50%/contain no-repeat;position:absolute;transform:translate(-50%)}.main-panel [data-action=play]{top:calc(78 * var(--pt))}.main-panel [data-action=settings]{top:calc(168 * var(--pt))}.main-panel .credits-btn{left:50%;bottom:calc(-56 * var(--pt));transform:translate(-50%)}.level-select-row{gap:calc(20 * var(--pt));align-items:flex-start;display:flex}.selector-panel{width:calc(568 * var(--pt));height:calc(600 * var(--pt));background-image:url(../assets/ui/levelSelectorBackground.png)}.selector-panel .title-box{top:calc(-42 * var(--pt));width:calc(309 * var(--pt));height:calc(107.5 * var(--pt));background-image:url(../assets/ui/levelSelectorTitleBox.png)}.back-btn{left:calc(-35 * var(--pt));top:calc(-33 * var(--pt))}.level-grid{left:calc(71 * var(--pt));top:calc(80 * var(--pt));width:calc(430 * var(--pt));height:calc(430 * var(--pt));grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);place-items:center;display:grid;position:absolute}.level-item{width:calc(124 * var(--pt));height:calc(134 * var(--pt));font-family:ONRAMP,sans-serif;font-size:calc(66 * var(--pt));color:#fff;justify-content:center;align-items:center;transition:transform .15s;display:flex;position:relative}.level-item .icon{background:50%/contain no-repeat;position:absolute;top:0;bottom:0;left:0;right:0}.level-item .glow{width:calc(122 * var(--pt));height:calc(122 * var(--pt));transform:translate(-50%, -50%) translateY(calc(-9 * var(--pt)));opacity:0;background:50%/contain no-repeat;transition:opacity .15s;position:absolute;top:50%;left:50%}.level-item:hover .glow{opacity:1}.level-item .num{margin-top:calc(-20 * var(--pt));text-shadow:0 calc(2 * var(--pt)) 0 #00000080;position:relative}.level-item.locked .num{display:none}.page-prev{left:calc(22% - 47 * var(--pt));bottom:calc(-48 * var(--pt))}.page-next{left:calc(78% - 47 * var(--pt));bottom:calc(-48 * var(--pt))}.page-dots{left:50%;bottom:calc(30 * var(--pt));gap:calc(20 * var(--pt));display:flex;position:absolute;transform:translate(-50%)}.page-dot{width:calc(32 * var(--pt));height:calc(32 * var(--pt));padding:calc(6 * var(--pt));background:url(../assets/ui/pageDotNormal.png) 50%/contain no-repeat}.page-dot.selected{background-image:url(../assets/ui/pageDotSelected.png)}.detail-panel{width:calc(371 * var(--pt));height:calc(600 * var(--pt));background-image:url(../assets/ui/levelDetailBackground.png)}.preview-frame{left:50%;top:calc(40 * var(--pt));width:calc(341 * var(--pt));height:calc(200 * var(--pt));position:absolute;overflow:hidden;transform:translate(-50%);-webkit-mask:url(../assets/ui/levelDetailPreviewMask.png) 50%/100% 100% no-repeat;mask:url(../assets/ui/levelDetailPreviewMask.png) 50%/100% 100% no-repeat}.preview-frame img{object-fit:cover;width:100%;height:100%;display:block}.detail-title{left:0;right:0;top:calc(250 * var(--pt));text-align:center;font-family:ONRAMP,sans-serif;font-size:calc(55 * var(--pt));position:absolute}.times{left:calc(60 * var(--pt));right:calc(20 * var(--pt));top:calc(320 * var(--pt));gap:calc(10 * var(--pt));flex-direction:column;display:flex;position:absolute}.time-row{align-items:center;gap:calc(16 * var(--pt));height:calc(36 * var(--pt));display:flex}.time-label{width:calc(90 * var(--pt));text-align:center;font-family:ONRAMP,sans-serif;font-size:calc(40 * var(--pt))}.time-icon{width:calc(90 * var(--pt));height:calc(35 * var(--pt));background:50%/contain no-repeat}.time-icon.level3StarTimeIcon{background-image:url(../assets/ui/level3StarTimeIcon.png)}.time-icon.level2StarTimeIcon{background-image:url(../assets/ui/level2StarTimeIcon.png)}.time-icon.level1StarTimeIcon{background-image:url(../assets/ui/level1StarTimeIcon.png)}.time-value{font-family:RBNo2,monospace;font-size:calc(40 * var(--pt));font-variant-numeric:tabular-nums}.start-btn{left:50%;bottom:calc(-93 * var(--pt));width:calc(198 * var(--pt));height:calc(205 * var(--pt));font-family:ONRAMP,sans-serif;font-size:calc(50 * var(--pt));padding-top:calc(27 * var(--pt));box-sizing:border-box;color:#fff;background:url(../assets/ui/startButtonNormal.png) 50%/contain no-repeat;line-height:1;position:absolute;transform:translate(-50%)}.start-btn:hover{background-image:url(../assets/ui/startButtonHighlighted.png)}.start-btn:active{padding-top:calc(4 * var(--pt));background-image:url(../assets/ui/startButtonPressed.png)}.start-btn:disabled{color:#0000;cursor:default;background-image:url(../assets/ui/startButtonDisabled.png)}.settings-panel{width:calc(400 * var(--pt));height:calc(523 * var(--pt));background-image:url(../assets/ui/settingsMenuBackground.png)}.settings-panel .title-box{top:calc(-38 * var(--pt));width:calc(248.5 * var(--pt));height:calc(101.5 * var(--pt));background-image:url(../assets/ui/mainMenuSettingsLogo.png)}.setting-row{left:calc(43 * var(--pt));right:calc(43 * var(--pt));height:calc(101 * var(--pt));font-family:ONRAMP,sans-serif;font-size:calc(47 * var(--pt));cursor:pointer;pointer-events:auto;justify-content:space-between;align-items:center;display:flex;position:absolute}.setting-row:first-of-type{top:calc(55 * var(--pt))}.setting-row:nth-of-type(2){top:calc(148 * var(--pt))}.setting-row:nth-of-type(3){top:calc(241 * var(--pt))}.setting-row:nth-of-type(4){top:calc(334 * var(--pt))}.setting-row:nth-of-type(5){top:calc(427 * var(--pt))}.settings-panel .menu-btn.small,.setting-row.hidden{display:none}.checkbox{width:calc(71 * var(--pt));height:calc(101 * var(--pt));background:url(../assets/ui/checkboxNormal.png) 50%/contain no-repeat}.checkbox.checked{background-image:url(../assets/ui/checkboxChecked.png)}.checkbox:active{background-image:url(../assets/ui/checkboxNormalPressed.png)}.checkbox.checked:active{background-image:url(../assets/ui/checkboxCheckedPressed.png)}.settings-panel .menu-btn.small{bottom:calc(18 * var(--pt))}.pause-panel{width:calc(400 * var(--pt));height:calc(410 * var(--pt));background-image:url(../assets/ui/pauseMenuBackground.png)}.pause-panel .title-box{top:calc(-47 * var(--pt));width:calc(259 * var(--pt));height:calc(107.5 * var(--pt));font-family:ONRAMP,sans-serif;font-size:calc(48 * var(--pt));padding-bottom:calc(14 * var(--pt));box-sizing:border-box;background-image:url(../assets/ui/pauseMenuTitleBar.png);justify-content:center;align-items:center;display:flex}.pause-panel [data-action=mainmenu]{top:calc(115 * var(--pt))}.pause-panel [data-action=settings]{top:calc(220 * var(--pt))}.pause-retry{left:calc(28% - 47 * var(--pt));bottom:calc(-48 * var(--pt))}.pause-levels{left:calc(72% - 47 * var(--pt));bottom:calc(-48 * var(--pt))}.levelend-panel{width:calc(780 * var(--pt));height:calc(420 * var(--pt));--win-art:url(../assets/ui/levelEndWindow.png)}.levelend-title{left:50%;top:calc(-160 * var(--pt));width:calc(400 * var(--pt));height:calc(223 * var(--pt));z-index:1;background:bottom/contain no-repeat;position:absolute;transform:translate(-50%)}.levelend-title.s0{background-image:url(../assets/ui/levelEndTitle0Stars.png)}.levelend-title.s1{background-image:url(../assets/ui/levelEndTitle1Star.png)}.levelend-title.s2{background-image:url(../assets/ui/levelEndTitle2Stars.png)}.levelend-title.s3{background-image:url(../assets/ui/levelEndTitle3Stars.png)}.levelend-body{inset:calc(70 * var(--pt)) calc(40 * var(--pt)) calc(62 * var(--pt));gap:calc(36 * var(--pt));display:flex;position:absolute}.levelend-summary{justify-content:center;align-items:center;gap:calc(8 * var(--pt));text-align:center;flex-direction:column;flex:1 1 0;display:flex}.levelend-name{font-family:RBNo2,sans-serif;font-size:calc(38 * var(--pt));text-shadow:0 0 calc(6 * var(--pt)) #000}.levelend-time{font-family:RBNo2,monospace;font-size:calc(74 * var(--pt));text-shadow:0 0 calc(7 * var(--pt)) #000;font-variant-numeric:tabular-nums;line-height:1}.levelend-rank{min-height:calc(30 * var(--pt));font-family:ONRAMP,sans-serif;font-size:calc(24 * var(--pt));color:var(--yellow);letter-spacing:.04em}.levelend-side{flex:0 0 calc(340 * var(--pt));flex-direction:column;justify-content:center;display:flex}.end-retry{left:calc(30% - 47 * var(--pt));bottom:calc(-48 * var(--pt))}.end-levels{left:calc(50% - 47 * var(--pt));bottom:calc(-48 * var(--pt))}.end-next{left:calc(70% - 47 * var(--pt));bottom:calc(-48 * var(--pt))}.end-next .glyph{transform:translate(calc(-50% + 3 * var(--pt)), -50%)}.board-heading{font-family:ONRAMP,sans-serif;font-size:calc(26 * var(--pt));text-align:center;color:var(--cyan);letter-spacing:.05em;margin-bottom:calc(8 * var(--pt));text-shadow:0 0 calc(8 * var(--pt)) #1ff1ff59}.board{gap:calc(2 * var(--pt));margin:0;padding:0;list-style:none;display:grid}.board li{grid-template-columns:calc(50 * var(--pt)) calc(90 * var(--pt)) 1fr;height:calc(27 * var(--pt));padding:0 calc(12 * var(--pt));border-radius:calc(6 * var(--pt));align-items:baseline;display:grid}.board li:nth-child(odd){background:#1ff1ff0d}.board .rank{font-family:ONRAMP,sans-serif;font-size:calc(20 * var(--pt));color:#ffffff8c}.board .who{font-family:ONRAMP,sans-serif;font-size:calc(24 * var(--pt));letter-spacing:.12em}.board .t{font-family:RBNo2,monospace;font-size:calc(26 * var(--pt));text-align:right;font-variant-numeric:tabular-nums}.board li.first .rank,.board li.first .who,.board li.first .t{color:var(--yellow)}.board li.mine{box-shadow:inset 0 0 0 calc(1.5 * var(--pt)) #f0dc2ab3;background:#f0dc2a29}.board li.mine .who,.board li.mine .t{color:var(--yellow)}.board li.empty .who,.board li.empty .t{color:#ffffff40}.board-status{font-family:RBNo2,sans-serif;font-size:calc(26 * var(--pt));text-align:center;color:#fff9;padding:calc(40 * var(--pt)) 0}.name-entry{align-items:center;gap:calc(10 * var(--pt));flex-direction:column;display:flex}.name-entry[hidden]{display:none}.name-entry .board-heading{color:var(--yellow);text-shadow:0 0 calc(10 * var(--pt)) #f0dc2a80;animation:1.2s ease-in-out infinite pulse}.name-slots{gap:calc(18 * var(--pt));display:flex}.name-slot{align-items:center;gap:calc(4 * var(--pt));flex-direction:column;display:flex}.name-slot button.arrow{width:calc(64 * var(--pt));height:calc(36 * var(--pt));color:var(--cyan);font-size:calc(22 * var(--pt));border-radius:calc(8 * var(--pt));justify-content:center;align-items:center;display:flex}.name-slot button.arrow:hover,.name-slot button.arrow:active{background:#1ff1ff26}.name-slot .letter{width:calc(64 * var(--pt));height:calc(78 * var(--pt));font-family:ONRAMP,sans-serif;font-size:calc(60 * var(--pt));color:#fff;border:calc(2.5 * var(--pt)) solid #1ff1ff73;border-radius:calc(10 * var(--pt));cursor:pointer;pointer-events:auto;background:#030e14b3;justify-content:center;align-items:center;line-height:1;display:flex}.name-slot.active .letter{border-color:var(--yellow);color:var(--yellow);box-shadow:0 0 calc(14 * var(--pt)) #f0dc2a73}.name-entry .name-ok{width:calc(200 * var(--pt));background-size:100% 100%;position:relative;left:auto;transform:none}.name-hint{font-family:RBNo2,sans-serif;font-size:calc(20 * var(--pt));color:#ffffff80}.highscores-panel{width:calc(460 * var(--pt));height:calc(500 * var(--pt));padding:calc(74 * var(--pt)) calc(40 * var(--pt)) 0;box-sizing:border-box;--win-art:url(../assets/ui/levelSelectorBackground.png)}.highscores-panel .title-box{top:calc(-47 * var(--pt));width:calc(259 * var(--pt));height:calc(107.5 * var(--pt));font-family:ONRAMP,sans-serif;font-size:calc(44 * var(--pt));padding-bottom:calc(14 * var(--pt));box-sizing:border-box;background-image:url(../assets/ui/pauseMenuTitleBar.png);justify-content:center;align-items:center;display:flex}.hs-prev{left:calc(22% - 47 * var(--pt));bottom:calc(-48 * var(--pt))}.hs-next{left:calc(78% - 47 * var(--pt));bottom:calc(-48 * var(--pt))}.scores-btn{right:calc(-35 * var(--pt));top:calc(-33 * var(--pt))}.glyph.trophyGlyph{background-image:url(../assets/ui-extra/trophyGlyph.svg)}.fullimage{background:#000}.fullimage img{object-fit:contain;max-width:100%;max-height:100%}#start-overlay{pointer-events:auto;cursor:pointer;background:#0000008c}.start-card{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.start-card .logo{width:calc(400 * var(--pt));height:calc(125.5 * var(--pt));margin:0 auto calc(20 * var(--pt));background:url(../assets/ui/mainMenuLogo.png) 50%/contain no-repeat}.start-hint{font-family:ONRAMP,sans-serif;font-size:calc(36 * var(--pt));color:#fff;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.5}}#error{color:#f66;white-space:pre-wrap;pointer-events:auto;background:#000;padding:24px;font-family:monospace}.glyph.closeGlyph{background-image:url(../assets/ui/closeGlyph.png)}.glyph.helftoneGlyph{background-image:url(../assets/ui/helftoneGlyph.png)}.glyph.leftPageGlyph{background-image:url(../assets/ui/leftPageGlyph.png)}.glyph.rightPageGlyph{background-image:url(../assets/ui/rightPageGlyph.png)}.glyph.retrySymbol{background-image:url(../assets/ui/retrySymbol.png)}.glyph.levelsSymbol{background-image:url(../assets/ui/levelsSymbol.png)}.glyph.nextLevelSymbol{background-image:url(../assets/ui/nextLevelSymbol.png)}.level-select-row{margin-bottom:calc(50 * var(--pt));margin-top:calc(50 * var(--pt))}.main-panel,.settings-panel,.pause-panel{margin-bottom:calc(60 * var(--pt))}.levelend-panel{margin-top:calc(150 * var(--pt));margin-bottom:calc(50 * var(--pt))}.highscores-panel{margin-top:calc(40 * var(--pt));margin-bottom:calc(50 * var(--pt))}.start-note{font-family:ONRAMP,sans-serif;font-size:calc(22 * var(--pt));color:#fff9;margin-top:calc(12 * var(--pt));display:none}body.touch-device .start-note.touch-only{display:block}body.touch-device .start-note.no-fullscreen-only,body.touch-device.no-fullscreen .start-note.touch-only{display:none}body.touch-device.no-fullscreen .start-note.no-fullscreen-only{display:block}#rotate{color:#fff;text-align:center;z-index:10;pointer-events:auto;background:#060d12;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:24px;font-family:ONRAMP,sans-serif;font-size:7vw;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.rotate-icon{border:1.2vw solid var(--cyan);border-radius:3vw;width:18vw;height:32vw;animation:2.4s ease-in-out infinite rotate-hint;box-shadow:0 0 24px #1ff1ff66}@keyframes rotate-hint{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media (prefers-reduced-motion:reduce){.rotate-icon{animation:none;transform:rotate(-90deg)}}@media (orientation:portrait){body.touch-device #rotate{display:flex}}#fullscreen-btn{top:calc(env(safe-area-inset-top,0px) + 8px);height:40px;color:var(--cyan);z-index:9;pointer-events:auto;background:#060d12b3;border:1px solid #1ff1ff99;border-radius:20px;align-items:center;gap:8px;padding:0 14px;font-family:ONRAMP,sans-serif;font-size:16px;display:none;position:fixed;left:50%;transform:translate(-50%)}#fullscreen-btn svg{width:20px;height:20px}body.touch-device:not(.no-fullscreen):not(.is-fullscreen) #fullscreen-btn{display:flex}