.frogger{--frog-green:#b5ee6b;--frog-cream:#ede9ca;--frog-dim:#a2a79e;--frog-edge:#454737;color:var(--ink)}.frogger-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(210px,1fr);gap:24px;align-items:start}.frogger-cabinet{min-width:0;background:#111510;border:2px solid var(--frog-edge);border-radius:12px;padding:12px;color:var(--frog-cream);box-shadow:0 8px #070a08,0 12px 30px #0004}.frogger-marquee{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:4px 4px 12px;border-bottom:3px solid #667144}.frogger-marquee>span{font-family:Impact,Arial Black,monospace;font-size:clamp(26px,4vw,40px);font-weight:900;letter-spacing:3px;color:var(--frog-green);text-shadow:2px 2px #367a44,4px 4px #263b30}.frogger-marquee small{font-size:9px;letter-spacing:2px;max-width:72px;text-align:right;line-height:1.8;color:var(--frog-cream)}.frogger-hud{display:flex;justify-content:space-between;gap:10px;padding:12px 6px 10px;font-size:12px;letter-spacing:1px}.frogger-hud>div{display:grid;gap:4px;text-align:right}.frogger-hud>div:first-child{text-align:left}.frogger-hud span{color:var(--frog-dim);font-size:10px}.frogger-hud b{font-size:clamp(15px,2.6vw,22px);font-variant-numeric:tabular-nums}.frogger-hud .frogger-active span{color:var(--frog-green)}.frogger-screen{position:relative;border:2px solid #777e5a;background:#05070d;overflow:hidden}.frogger-screen canvas{display:block;width:100%;height:auto;image-rendering:pixelated;touch-action:none;outline-offset:-3px!important}.frogger-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:16px;background:#040a10d6;color:var(--frog-cream)}.frogger-eyebrow{font-size:.65em;letter-spacing:.14em;color:var(--p1);font-weight:700}.frogger-overlay .frogger-eyebrow{color:var(--frog-green);font-size:10px}.frogger-overlay h2{font-size:clamp(22px,3.5vw,36px);margin:0;font-weight:900;letter-spacing:1px}.frogger-overlay p{font-size:12px;line-height:1.7;max-width:230px;margin:0}.frogger-overlay small{font-size:10px;color:var(--frog-dim)}.frogger-overlay .pb.hot{background:var(--frog-green);color:#122510;border-color:var(--frog-green);font-size:12px;padding:12px 18px}.frogger-toast{position:absolute;left:6%;right:6%;top:45%;padding:14px 10px;text-align:center;background:#112817ed;border:2px solid #b5ee6b;color:#ceff9c;font-size:14px;font-weight:700;pointer-events:none}.frogger-oops{background:#2a1125ed;border-color:#ee9eaf;color:#ffd4d4;font-size:12px}.frogger-status{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 2px 8px;font-size:10px}.frogger-status b{color:var(--frog-green)}.frogger-lives{font-size:16px;letter-spacing:2px;color:var(--frog-green)}.frogger-status small{font-size:9px}.frogger-time{display:flex;gap:8px;align-items:center;padding:0 2px 3px;font-size:10px}.frogger-time>div{height:9px;flex:1;background:#2d3328}.frogger-time i{display:block;height:100%;background:#aed661;transition:width .1s linear}.frogger-time b{width:20px;text-align:right}.frogger-time-low i{background:#ee796a}.frogger-sidebar{display:flex;flex-direction:column;gap:20px;padding-top:5px;min-width:0}.frogger-note h3{font-size:1.4em;line-height:1.3;margin:12px 0;letter-spacing:-.03em}.frogger-note p,.frogger-help p{font-size:.78em;line-height:1.8;color:var(--dim);margin:10px 0}.frogger-buttons{display:flex;flex-wrap:wrap;gap:7px}.frogger-buttons .pb{font-size:.65em;padding:9px;min-height:36px}.frogger-dpad{display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(2,44px);gap:5px;justify-content:center;margin:20px auto 10px;touch-action:none;-webkit-user-select:none;user-select:none}.frogger-dpad .pb{font-size:23px;font-family:monospace;padding:0;touch-action:none;border-bottom-width:4px}.frogger-up{grid-column:2;grid-row:1}.frogger-left{grid-column:1;grid-row:2}.frogger-down{grid-column:2;grid-row:2}.frogger-right{grid-column:3;grid-row:2}.frogger-keys{text-align:center;font-size:.65em;color:var(--dim);line-height:1.8;margin:10px 0 0}.frogger-records{border-top:1px solid var(--line);padding-top:16px}.frogger-records-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.frogger-records h3,.frogger-help h3{font-size:.8em;margin:0;color:var(--p1);letter-spacing:.12em}.frogger-records-title>span{font-size:.6em;color:var(--dim)}.frogger-records p{font-size:.68em;line-height:1.7;color:var(--dim)}.frogger-records .frogger-empty{padding:14px 0;border-top:1px dashed var(--line)}.frogger-records ol{list-style:none;margin:14px 0 0;padding:0}.frogger-records li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 0;border-top:1px solid var(--line);font-size:.7em;font-variant-numeric:tabular-nums}.frogger-records li:first-child b{color:var(--zest)}.frogger-records small{color:var(--dim)}.frogger-help{border:1px solid var(--line);padding:15px;background:var(--surface);border-radius:8px}.frogger-help dl{display:grid;grid-template-columns:1fr auto;gap:9px;font-size:.72em}.frogger-help dd{margin:0;color:var(--p1);font-weight:700}.frogger-credit{font-size:.6em;line-height:1.8;color:var(--dim);margin:22px 0 0}.frogger-expanded{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;z-index:45;background:var(--bg);padding:20px max(16px,calc((100vw - 1060px)/2))}.frogger-expanded .frogger-layout{grid-template-columns:minmax(0,650px) minmax(210px,1fr)}@media (max-width:660px){.frogger-layout,.frogger-expanded .frogger-layout{grid-template-columns:minmax(0,1fr);gap:20px}.frogger-cabinet{max-width:480px;width:100%;margin:auto;padding:8px}.frogger-sidebar{display:grid;grid-template-columns:minmax(0,1fr);gap:15px}.frogger-controls{order:-1}.frogger-buttons{justify-content:center}.frogger-dpad{grid-template-columns:repeat(3,56px);grid-template-rows:repeat(2,48px);margin-top:14px}.frogger-note{border-top:1px solid var(--line);padding-top:18px}.frogger-note h3{font-size:1.2em}.frogger-expanded{padding:12px}.frogger-marquee>span{font-size:32px}}@media (prefers-reduced-motion:reduce){.frogger-time i{transition:none}}.lode{--lr-gold:#e9d477;--lr-white:#e4dcd0;--lr-violet:#a59ee9;min-width:0}.lode-legend{display:flex;gap:10px 20px;flex-wrap:wrap;align-items:center;padding:16px 0 0;color:var(--dim);font-size:.6em;letter-spacing:.05em}.lode-legend>span{display:flex;gap:7px;align-items:center}.lode-legend canvas{width:28px;height:28px;image-rendering:pixelated;background:#08080b;border-radius:2px}.lode-legend b{font-size:9px;color:var(--p1)}.lode-marquee{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:8px 0 18px}.lode-kicker{font-size:10px;font-weight:700;letter-spacing:.17em;color:var(--p1)}.lode-marquee h1{font-size:clamp(25px,5vw,44px);line-height:1;letter-spacing:-.06em;margin:8px 0 0;font-weight:900}.lode-marquee h1>span{color:var(--p1);font-size:.55em;vertical-align:middle;margin-left:8px}.lode-hi{text-align:right;font-variant-numeric:tabular-nums}.lode-hi small{display:block;font-size:9px;letter-spacing:.1em;color:var(--dim)}.lode-hi b{display:block;color:var(--p1);font-size:18px;margin-top:6px}.lode-machine{padding:10px;border:2px solid #6e707b;border-radius:5px;background:#373944;box-shadow:0 6px #20212b;color:var(--lr-white)}.lode-stage-line{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:10px;padding:1px 4px 10px;letter-spacing:.09em}.lode-stage-line>b{flex:1;text-align:center;color:var(--lr-accent,#ddd7ff)}.lode-stage-line>span:last-child{font-size:8px;color:#cbc5d4}.lode-screen{position:relative;background:#08080b}.lode-screen canvas{display:block;width:100%;height:auto;image-rendering:pixelated;outline-offset:-3px!important}.lode-hud{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 4px 1px;font-size:clamp(10px,1.7vw,15px);letter-spacing:.04em;font-variant-numeric:tabular-nums}.lode-hud b{font-weight:400;color:#fff4d5}.lode-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;background:#08080b60;padding:10px}.lode-overlay>div{background:#11121bea;border:2px solid #777390;box-shadow:5px 5px #000a;padding:24px 30px;max-width:90%}.lode-overlay .lode-kicker{color:var(--lr-violet);font-size:9px}.lode-overlay h2{font-size:clamp(20px,4vw,34px);margin:12px 0 9px;letter-spacing:-.03em}.lode-overlay p{font-size:11px;line-height:1.7;margin:0 0 16px}.lode-overlay .pb.hot{background:var(--lr-gold);color:#22202b;border-color:var(--lr-gold);font-size:12px}.lode-flash{position:absolute;left:15%;right:15%;top:40%;background:#2c1c29ed;border:2px solid #ba7777;padding:16px;text-align:center;font-size:13px;color:#ffe3d0;pointer-events:none}.lode-clear{background:#13271feb;border-color:#a5bf7a;color:#e5f6b1}.lode-notice{display:flex;align-items:center;gap:12px;min-height:48px;padding:14px 3px 6px;color:var(--dim);font-size:.72em;line-height:1.6}.lode-notice>span:first-child{color:var(--p1);font-size:18px}.lode-exit-ready{color:var(--p1);font-weight:700}.lode-deck{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0 22px;border-bottom:1px solid var(--line)}.lode-inputs{display:flex;gap:20px;align-items:center;flex:none;touch-action:none;-webkit-user-select:none;user-select:none}.lode-dpad{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,42px);gap:4px}.lode-dpad .pb{font-size:22px;padding:0;border-bottom-width:4px;touch-action:none}.lode-up{grid-column:2;grid-row:1}.lode-left{grid-column:1;grid-row:2}.lode-down{grid-column:2;grid-row:2}.lode-right{grid-column:3;grid-row:2}.lode-dig-buttons{display:flex;gap:7px}.lode-dig-buttons .pb{display:flex;flex-direction:column;gap:5px;align-items:center;padding:9px 10px;font-size:9px;border-bottom-width:4px;touch-action:none}.lode-dig-buttons b{font-size:24px;color:var(--p1);line-height:1}.lode-dig-buttons kbd{font-size:10px;color:var(--dim)}.lode-actions{max-width:410px}.lode-actions p{font-size:.64em;line-height:1.8;color:var(--dim);margin:12px 0 0}.lode-toolbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.lode-toolbar .pb.mini{font-size:10px;padding:8px;min-height:34px}.lode-bottom{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:36px;margin-top:24px}.lode h3{font-size:.82em;letter-spacing:.1em;color:var(--p1);margin:0 0 12px}.lode-section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.lode-section-heading h3{margin:0}.lode-section-heading .pb{font-size:9px}.lode-level-list{margin-top:14px}.lode-level-list>div{display:flex;align-items:center;gap:12px;font-size:.68em;padding:11px 0;border-bottom:1px solid var(--line)}.lode-level-list>div>span{color:var(--dim)}.lode-level-list>div>b{flex:1;font-weight:400}.lode-level-list small{color:var(--dim);letter-spacing:2px;font-size:8px}.lode-level-list .lode-level-active>b{color:var(--p1);font-weight:700}.lode-level-list .pb{font-size:8px}.lode-run-menu{margin-top:16px}.lode-small{font-size:.67em;color:var(--dim);line-height:1.8}.lode-empty{padding:20px 0;border-top:1px dashed var(--line);color:var(--dim);font-size:.72em;line-height:1.8}.lode-records{list-style:none;padding:0;margin:18px 0}.lode-records li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:12px 0;font-size:.72em;font-variant-numeric:tabular-nums}.lode-records li:first-child b{color:var(--zest)}.lode-records li>span{color:var(--dim)}.lode-help{padding:20px;border:1px solid var(--line);background:var(--surface);margin-top:16px}.lode-help>div{display:grid;grid-template-columns:1fr 1fr;gap:8px 28px}.lode-help p{font-size:.73em;line-height:1.8;color:var(--dim);margin:0 0 16px}.lode-credit{font-size:.6em;color:var(--dim);line-height:1.8;margin:26px 0 0}.lode-large{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;overflow:auto;background:var(--bg);padding:16px max(12px,calc((100vw - 1080px)/2))}.lode-editor-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.lode-editor h2{font-size:1.4em;margin:8px 0 18px}.lode-name-label{font-size:.7em;display:flex;gap:12px;align-items:center}.lode-name-label input{font:inherit;min-width:0;flex:1;background:var(--bg2);color:var(--ink);border:1px solid var(--line);padding:10px}.lode-tools{display:flex;gap:5px;flex-wrap:wrap;margin:14px 0}.lode-tools .pb{font-size:10px;padding:9px}.lode-editor-board{position:relative;border:2px solid var(--line)}.lode-editor-board canvas{width:100%;height:auto;display:block;image-rendering:pixelated;touch-action:none}.lode-editor-cursor{position:absolute;border:2px solid #fff;pointer-events:none;background:#ffffff20}@media (max-width:720px){.lode-deck{flex-direction:column;gap:16px}.lode-actions{max-width:none;width:100%}.lode-actions .lode-toolbar{justify-content:center}.lode-actions p{text-align:center}.lode-dpad{grid-template-columns:repeat(3,48px);grid-template-rows:repeat(2,44px)}.lode-dig-buttons .pb{min-height:70px;min-width:60px}.lode-bottom{grid-template-columns:1fr;gap:24px}.lode-help>div{grid-template-columns:1fr}.lode-stage-line{font-size:8px;gap:6px}.lode-machine{padding:7px}.lode-overlay>div{padding:14px 16px}.lode-overlay h2{margin:8px 0;font-size:22px}.lode-overlay p{font-size:10px;margin:0 0 9px}.lode-overlay .pb.hot{font-size:10px}.lode-marquee{gap:8px}.lode-kicker{font-size:8px}.lode-hi b{font-size:14px}.lode-marquee h1{font-size:26px}.lode-flash{left:8%;right:8%;padding:10px;font-size:10px}}@media (max-width:370px){.lode-inputs{gap:10px}.lode-dpad{grid-template-columns:repeat(3,42px)}.lode-marquee h1{font-size:23px}.lode-hi small{font-size:8px}.lode-hud{gap:5px;font-size:9px}.lode-stage-line>span:last-child{display:none}.lode-dig-buttons{gap:4px}.lode-dig-buttons .pb{padding:8px 7px;min-width:55px}}.lode-senior-hud{display:flex;justify-content:space-around;gap:8px;flex-wrap:wrap;border-top:1px solid #61616f;margin-top:9px;padding:9px 4px 0;font-size:10px;letter-spacing:.04em;color:var(--lr-accent);font-variant-numeric:tabular-nums}.lode-senior-hud b{color:#fff;margin-left:5px}.lode-ice-active{color:#b7efff}.lode-senior-label{font-style:normal;font-size:8px;color:var(--dim)}.lode-theme-label{display:flex;align-items:center;gap:12px;font-size:.7em;margin-top:12px}.lode-theme-label select{font:inherit;background:var(--bg2);color:var(--ink);border:1px solid var(--line);padding:10px}@media (max-width:480px){.lode-senior-label{display:none}.lode-level-list>div{gap:7px}.lode-level-list>div>b{overflow-wrap:anywhere}.lode-senior-hud{font-size:9px}}.lode-callout{font-size:.64em;line-height:1.7;color:var(--lr-accent);margin:8px 0 0}