@font-face{font-family:Konami Classic;src:url(../konamid.otf) format("opentype");font-display:block}:root{--panel-navy: #00005e;--frogger: #11a800;--frogger-shadow: #190019;--periwinkle: #c5ccf6;--periwinkle-dim: #5a608c;--magenta: #cd19e6;--amber-stat: #e3db2c;--amber: #f7d51d;--red-gameover: #c01f0a;--border: #65687e;--bg: #191919;--vp: min(2px, calc(100vw / 416), calc(100dvh / 592));--u: calc(var(--vp) * 2);--t-body: calc(var(--vp) * 16);--t-hero: calc(var(--vp) * 32);--t-stat: var(--t-body);--t-head: var(--t-hero);font-family:Konami Classic,"Press Start 2P",monospace;font-smooth:never;-webkit-font-smoothing:none;--scan-darkness: .5;--scan-period: 2;--vignette-strength: .6;--vignette-inner: 66%;--panel-radius: 16}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:#000;overflow:hidden}#root{height:100%}.stage{height:100%;display:flex;align-items:center;justify-content:center;background:#000;touch-action:none}.frame{position:relative;display:flex;flex-direction:column;width:calc(var(--vp) * 416)}.screen{display:block;width:calc(var(--vp) * 416);height:calc(var(--vp) * 592);image-rendering:pixelated}.screenCrt{position:absolute;top:0;left:0;width:calc(var(--vp) * 416);height:calc(var(--vp) * 592);image-rendering:pixelated;pointer-events:none;z-index:0}.hudIconStack:after,.overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;background:repeating-linear-gradient(to bottom,#0000,rgba(0,0,0,var(--scan-darkness)) calc(var(--vp) * var(--scan-period) / 2),#0000 calc(var(--vp) * var(--scan-period))),radial-gradient(ellipse at center,rgba(0,0,0,0) var(--vignette-inner),rgba(0,0,0,var(--vignette-strength)) 100%);mix-blend-mode:multiply}.navyPanel{border-radius:calc(var(--vp) * var(--panel-radius))}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;background:var(--bg);text-align:center;text-transform:uppercase;color:var(--periwinkle)}.overlay.title:has(.menu){display:grid;grid-template-rows:auto 1fr auto auto;padding-bottom:calc(var(--vp) * 16)}.overlay.title:has(.menu)>.logoBlock,.overlay.title:has(.menu)>.overlayBody{justify-self:center;width:100%}.overlay.title:has(.menu)>.menu{justify-self:center}.overlay.title:has(.menu)>.logoBlock{grid-row:1}.overlay.title:has(.menu)>.overlayBody{grid-row:2}.overlay.title:has(.menu)>.menu{grid-row:3}.overlay.title:has(.menu)>.siteCredit{grid-row:4;justify-self:center}.siteCredit{display:inline-flex;align-items:center;justify-content:center;color:var(--border);text-decoration:none;margin-top:calc(var(--u) * 6);padding:calc(var(--u) * 2) calc(var(--u) * 4)}.siteCredit>svg{width:var(--t-stat);height:var(--t-stat);display:block}.siteCredit:hover{color:var(--periwinkle)}.siteCredit:focus-visible{outline:none;color:var(--periwinkle)}.overlayBody{display:flex;flex-direction:column;align-items:center;justify-content:center}.overlay.title:has(.menu):has(.logoBlock)>.overlayBody{align-self:end;margin-bottom:calc(var(--u) * 16)}.overlayBody>.tagSub{margin-top:0}.overlay.title:has(.menu)>.menu{margin-top:0}.overlay.title:has(.pressStart){display:grid;grid-template-rows:auto 1fr auto;padding-bottom:calc(var(--u) * 95)}.overlay.title:has(.pressStart)>.logoBlock{grid-row:1}.overlay.title:has(.pressStart)>.pressStart{grid-row:3;justify-self:center}.navyPanel{position:absolute;left:0;right:0;top:0;background:var(--panel-navy);z-index:0;pointer-events:none}.overlay>*:not(.navyPanel){position:relative;z-index:1}.logoBlock{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u) * 8);padding-top:calc(var(--u) * 27);padding-bottom:calc(var(--u) * 27);width:100%}.logoBlock.withPanel{background:var(--panel-navy)}.wordmark{display:flex;flex-direction:row;line-height:0}.wordmarkLetter{display:block;width:calc(var(--u) * 16);height:calc(var(--u) * 16);image-rendering:pixelated;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.pressStart{font-size:var(--t-body);color:var(--periwinkle);animation:pressFlash 1.06s steps(2,jump-none) infinite}.titleFrog{position:absolute;top:0;left:0;width:calc(var(--vp) * 416);height:calc(var(--vp) * 528);image-rendering:pixelated;pointer-events:none;z-index:2}.titleFrog.hidden{display:none}@keyframes pressFlash{0%,49%{opacity:1}50%,to{opacity:0}}.tagSub{font-size:var(--t-body);color:var(--periwinkle);margin-top:calc(var(--vp) * 12);line-height:1.0625}.tagSub.warn{color:var(--red-gameover)}.menu{display:flex;flex-direction:column;gap:calc(var(--vp) * 4);width:calc(var(--vp) * 352);max-width:80vw;margin-top:calc(var(--vp) * 12)}.pxbtn{position:relative;font-family:inherit;font-size:var(--t-body);color:#fff;background:var(--border);border:0;padding:calc(var(--u) * 6) calc(var(--vp) * 8);cursor:pointer;white-space:nowrap;width:100%;text-transform:uppercase;text-align:center;line-height:1;display:flex;align-items:center;justify-content:center;clip-path:polygon(calc(var(--u) * 2) 0,calc(100% - var(--u) * 2) 0,calc(100% - var(--u) * 2) var(--u),calc(100% - var(--u)) var(--u),calc(100% - var(--u)) calc(var(--u) * 2),100% calc(var(--u) * 2),100% calc(100% - var(--u) * 2),calc(100% - var(--u)) calc(100% - var(--u) * 2),calc(100% - var(--u)) calc(100% - var(--u)),calc(100% - var(--u) * 2) calc(100% - var(--u)),calc(100% - var(--u) * 2) 100%,calc(var(--u) * 2) 100%,calc(var(--u) * 2) calc(100% - var(--u)),var(--u) calc(100% - var(--u)),var(--u) calc(100% - var(--u) * 2),0 calc(100% - var(--u) * 2),0 calc(var(--u) * 2),var(--u) calc(var(--u) * 2),var(--u) var(--u),calc(var(--u) * 2) var(--u))}.pxbtn:before{content:"";position:absolute;inset:var(--u);background:var(--bg);clip-path:polygon(calc(var(--u) * 2) 0,calc(100% - var(--u) * 2) 0,calc(100% - var(--u) * 2) var(--u),calc(100% - var(--u)) var(--u),calc(100% - var(--u)) calc(var(--u) * 2),100% calc(var(--u) * 2),100% calc(100% - var(--u) * 2),calc(100% - var(--u)) calc(100% - var(--u) * 2),calc(100% - var(--u)) calc(100% - var(--u)),calc(100% - var(--u) * 2) calc(100% - var(--u)),calc(100% - var(--u) * 2) 100%,calc(var(--u) * 2) 100%,calc(var(--u) * 2) calc(100% - var(--u)),var(--u) calc(100% - var(--u)),var(--u) calc(100% - var(--u) * 2),0 calc(100% - var(--u) * 2),0 calc(var(--u) * 2),var(--u) calc(var(--u) * 2),var(--u) var(--u),calc(var(--u) * 2) var(--u));z-index:-1}.pxbtn:hover{background:#fff}.pxbtn:focus-visible{outline:none}.pxbtn.selected{background:var(--periwinkle);animation:selectedFlash 1.06s steps(2,jump-none) infinite}.pxbtn.selected:before{background:#16165a}@keyframes selectedFlash{0%,49%{background:var(--periwinkle)}50%,to{background:var(--border)}}.pxbtn.primary{color:var(--bg);background:var(--periwinkle)}.pxbtn.primary:before{background:var(--frogger)}.pxbtn.primary:hover{background:#fff}.pxbtn.primary:hover:before{background:#1ed40a}.pxbtn.primary.selected{background:var(--periwinkle)}.pxbtn.primary.selected:before{background:var(--frogger)}.imagineInput{position:relative;display:flex;align-items:stretch;width:100%;font-family:inherit;font-size:var(--t-body);text-transform:uppercase;background:var(--border);clip-path:polygon(calc(var(--u) * 2) 0,calc(100% - var(--u) * 2) 0,calc(100% - var(--u) * 2) var(--u),calc(100% - var(--u)) var(--u),calc(100% - var(--u)) calc(var(--u) * 2),100% calc(var(--u) * 2),100% calc(100% - var(--u) * 2),calc(100% - var(--u)) calc(100% - var(--u) * 2),calc(100% - var(--u)) calc(100% - var(--u)),calc(100% - var(--u) * 2) calc(100% - var(--u)),calc(100% - var(--u) * 2) 100%,calc(var(--u) * 2) 100%,calc(var(--u) * 2) calc(100% - var(--u)),var(--u) calc(100% - var(--u)),var(--u) calc(100% - var(--u) * 2),0 calc(100% - var(--u) * 2),0 calc(var(--u) * 2),var(--u) calc(var(--u) * 2),var(--u) var(--u),calc(var(--u) * 2) var(--u))}.imagineInput:before{content:"";position:absolute;inset:var(--u);background:var(--bg);clip-path:polygon(calc(var(--u) * 2) 0,calc(100% - var(--u) * 2) 0,calc(100% - var(--u) * 2) var(--u),calc(100% - var(--u)) var(--u),calc(100% - var(--u)) calc(var(--u) * 2),100% calc(var(--u) * 2),100% calc(100% - var(--u) * 2),calc(100% - var(--u)) calc(100% - var(--u) * 2),calc(100% - var(--u)) calc(100% - var(--u)),calc(100% - var(--u) * 2) calc(100% - var(--u)),calc(100% - var(--u) * 2) 100%,calc(var(--u) * 2) 100%,calc(var(--u) * 2) calc(100% - var(--u)),var(--u) calc(100% - var(--u)),var(--u) calc(100% - var(--u) * 2),0 calc(100% - var(--u) * 2),0 calc(var(--u) * 2),var(--u) calc(var(--u) * 2),var(--u) var(--u),calc(var(--u) * 2) var(--u));z-index:0}.imagineField{position:relative;z-index:1;flex:1;min-width:0;padding:calc(var(--u) * 6) calc(var(--vp) * 8);overflow:hidden;color:#fff;display:flex;align-items:center}.imagineField .slots{display:flex;align-items:center;font-family:inherit;pointer-events:none}.imagineField .slot{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;flex-shrink:0;position:relative;line-height:1}.imagineField .slot.typed{color:var(--magenta)}.imagineField .slot.placeholder{color:var(--periwinkle-dim)}.imagineField .slot.caret{color:var(--periwinkle)}.imagineField .slot.caret.off{visibility:hidden}.imagineField .slot.rest:after{content:"";position:absolute;left:var(--u);right:var(--u);bottom:0;height:var(--u);background:var(--periwinkle-dim)}.imagineField input.hidden{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:transparent;border:0;outline:none;color:transparent;caret-color:transparent;font:inherit;padding:calc(var(--vp) * 6) calc(var(--vp) * 8)}.imagineGo{position:relative;z-index:1;flex-shrink:0;align-self:stretch;margin:var(--u) var(--u) var(--u) 0;padding:0 calc(var(--vp) * 8);font-family:inherit;font-size:var(--t-body);color:var(--bg);background:var(--periwinkle-dim);border:0;cursor:not-allowed;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center}.imagineGo.active{background:var(--frogger);cursor:pointer}.imagineGo.active:hover{background:#1ed40a}.hudIconStack{position:absolute;top:calc(var(--vp) * 10);right:calc(var(--vp) * 6);display:flex;flex-direction:column;align-items:center;gap:0;z-index:2}.hudIconStack button{display:flex;align-items:center;justify-content:center;width:var(--t-stat);height:var(--t-stat);color:var(--periwinkle-dim);background:transparent;border:0;padding:0;cursor:pointer}.hudIconStack svg{display:block;width:var(--t-stat);height:var(--t-stat);image-rendering:pixelated}.hudIconStack .hudClose:hover,.hudIconStack .hudClose:focus-visible{color:var(--red-gameover);outline:none}.hudIconStack .hudSound{color:var(--periwinkle-dim)}.hudIconStack .hudSound.off{opacity:.45}.hudIconStack .hudSound:hover,.hudIconStack .hudSound:focus-visible{color:var(--periwinkle);outline:none}.toast{line-height:1}.loadingOverlay{background:transparent!important}.loadGlyph{display:block;width:40px;height:auto;image-rendering:pixelated;animation:pulse .8s steps(2,jump-none) infinite;margin-top:calc(var(--vp) * 80)}.loadMsg{font-size:var(--t-stat);color:var(--periwinkle);margin:calc(var(--vp) * 16) 0 0;line-height:1}@keyframes pulse{0%{transform:translateY(2px)}to{transform:translateY(-2px)}}.declineMsg{font-size:var(--t-stat);color:var(--periwinkle);line-height:1.6;max-width:calc(var(--vp) * 190);margin:calc(var(--vp) * 8) 0 0;text-transform:none}.overlay.over{display:grid;grid-template-rows:auto auto 1fr auto;justify-items:center;padding-bottom:calc(var(--vp) * 16)}.overHeader{width:100%;background:var(--panel-navy);display:flex;flex-direction:column;align-items:center;gap:calc(var(--vp) * 4);padding:calc(var(--vp) * 12) calc(var(--vp) * 8)}.gameover{font-size:var(--t-hero);color:var(--red-gameover);margin:0;letter-spacing:0}.ovTitle{font-size:var(--t-body);color:var(--magenta);max-width:calc(var(--vp) * 352);line-height:1.0625;margin:calc(var(--vp) * 4) 0 calc(var(--vp) * 34)}.stats{display:flex;flex-direction:column;gap:calc(var(--vp) * 34);font-size:var(--t-body);width:calc(var(--vp) * 352);max-width:80vw;margin-top:0;align-self:start}.stats div{display:flex;justify-content:space-between}.stats span{color:var(--periwinkle)}.stats b{color:var(--amber-stat);font-weight:400}.stats b.w{color:#fff}.stats b.y{color:var(--amber-stat)}.stats b.r{color:var(--red-gameover)}.ovMenu{display:flex;flex-direction:column;gap:calc(var(--vp) * 4);width:calc(var(--vp) * 352);max-width:80vw;margin-top:0}.shareMsg{font-size:var(--t-stat);color:var(--frogger);margin:calc(var(--vp) * 4) 0 0}.overlay.share{display:grid;grid-template-rows:auto 1fr auto;justify-items:center;padding-bottom:calc(var(--vp) * 16)}.shareHead{width:100%;background:var(--panel-navy);font-size:var(--t-head);color:var(--periwinkle);padding:calc(var(--vp) * 6) 0;text-align:center;margin:0;line-height:1.0625}.shareCardFrame{--art-h: 444;display:block;align-self:center;justify-self:center;height:calc(100% - var(--u) * 16);aspect-ratio:416 / var(--art-h);max-width:min(80vw,calc(var(--vp) * 416 + var(--u) * 2));padding:var(--u);box-sizing:border-box;background:var(--border);clip-path:polygon(calc(var(--u) * 2) 0,calc(100% - var(--u) * 2) 0,calc(100% - var(--u) * 2) var(--u),calc(100% - var(--u)) var(--u),calc(100% - var(--u)) calc(var(--u) * 2),100% calc(var(--u) * 2),100% calc(100% - var(--u) * 2),calc(100% - var(--u)) calc(100% - var(--u) * 2),calc(100% - var(--u)) calc(100% - var(--u)),calc(100% - var(--u) * 2) calc(100% - var(--u)),calc(100% - var(--u) * 2) 100%,calc(var(--u) * 2) 100%,calc(var(--u) * 2) calc(100% - var(--u)),var(--u) calc(100% - var(--u)),var(--u) calc(100% - var(--u) * 2),0 calc(100% - var(--u) * 2),0 calc(var(--u) * 2),var(--u) calc(var(--u) * 2),var(--u) var(--u),calc(var(--u) * 2) var(--u))}.shareCard{display:block;width:100%;height:100%;image-rendering:pixelated;background:var(--bg);clip-path:polygon(calc(var(--u) * 2) 0,calc(100% - var(--u) * 2) 0,calc(100% - var(--u) * 2) var(--u),calc(100% - var(--u)) var(--u),calc(100% - var(--u)) calc(var(--u) * 2),100% calc(var(--u) * 2),100% calc(100% - var(--u) * 2),calc(100% - var(--u)) calc(100% - var(--u) * 2),calc(100% - var(--u)) calc(100% - var(--u)),calc(100% - var(--u) * 2) calc(100% - var(--u)),calc(100% - var(--u) * 2) 100%,calc(var(--u) * 2) 100%,calc(var(--u) * 2) calc(100% - var(--u)),var(--u) calc(100% - var(--u)),var(--u) calc(100% - var(--u) * 2),0 calc(100% - var(--u) * 2),0 calc(var(--u) * 2),var(--u) calc(var(--u) * 2),var(--u) var(--u),calc(var(--u) * 2) var(--u))}.shareActions{display:flex;gap:calc(var(--vp) * 4);margin-top:0;width:calc(var(--vp) * 352);max-width:80vw}.shareActions .pxbtn{flex:1}.shareActions .pxbtn.copyBtn{display:grid;grid-template-areas:"cell"}.shareActions .pxbtn.copyBtn>span{grid-area:cell;display:flex;align-items:center;justify-content:center}.shareActions .pxbtn.copyBtn>.copyGhost{visibility:hidden}.snapIndicator{position:fixed;top:8px;left:8px;z-index:10000;pointer-events:none;padding:4px 8px;background:var(--magenta);color:var(--bg);font:600 11px/1 system-ui,sans-serif;letter-spacing:.05em}.debugGrid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,transparent 0,transparent calc(var(--vp) * 2 - 1px),rgba(255,0,255,.35) calc(var(--vp) * 2 - 1px),rgba(255,0,255,.35) calc(var(--vp) * 2)),repeating-linear-gradient(90deg,transparent 0,transparent calc(var(--vp) * 2 - 1px),rgba(255,0,255,.35) calc(var(--vp) * 2 - 1px),rgba(255,0,255,.35) calc(var(--vp) * 2));mix-blend-mode:difference}.crtPanel{position:fixed;top:12px;right:12px;z-index:1000;width:280px;padding:10px 12px 12px;background:#14161ceb;color:#e8eaed;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;font-size:11px;line-height:1.4;box-shadow:0 4px 16px #0006;-webkit-user-select:none;user-select:none}.crtPanel.collapsed{width:auto;padding:6px 10px;opacity:.55;font-size:10px;color:#a8acb3}.crtPanelHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.08);font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#a8acb3}.crtPanelActions{display:flex;gap:4px}.crtPanel button{background:#ffffff14;color:#e8eaed;border:1px solid rgba(255,255,255,.1);border-radius:3px;padding:2px 8px;font:inherit;font-size:10px;cursor:pointer}.crtPanel button:hover{background:#ffffff24}.crtKnob{display:grid;grid-template-columns:1fr 110px 44px;align-items:center;gap:8px;margin-bottom:4px}.crtKnobLabel{color:#c8ccd3}.crtKnobValue{font-variant-numeric:tabular-nums;text-align:right;color:#a8acb3;font-size:10px}.crtKnob input[type=range]{width:100%;accent-color:#6ea8fe}.domPanel{position:fixed;bottom:12px;right:12px;z-index:1000;width:280px;padding:10px 12px 12px;background:#14161ceb;color:#e8eaed;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;font-size:11px;line-height:1.4;box-shadow:0 4px 16px #0006;-webkit-user-select:none;user-select:none}.domPanel.collapsed{width:auto;padding:6px 10px;opacity:.55;font-size:10px;color:#a8acb3}.domPanelHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.08);font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#a8acb3}.domPanelActions{display:flex;gap:4px}.domPanel button{background:#ffffff14;color:#e8eaed;border:1px solid rgba(255,255,255,.1);border-radius:3px;padding:2px 8px;font:inherit;font-size:10px;cursor:pointer}.domPanel button:hover{background:#ffffff24}.domKnob{display:grid;grid-template-columns:1fr 110px 44px;align-items:center;gap:8px;margin-bottom:4px}.domKnobLabel{color:#c8ccd3}.domKnobValue{font-variant-numeric:tabular-nums;text-align:right;color:#a8acb3;font-size:10px}.domKnob input[type=range]{width:100%;accent-color:#f0a868}