#lulu-arcade{--arcade-ink:#542f35;--arcade-red:#b53150;--arcade-pink:#f6b9cb;--arcade-cream:#fff8ed;width:100%;max-width:850px;margin-inline:auto;color:var(--arcade-ink)}
#lulu-arcade *{box-sizing:border-box}
.ll-console{position:relative;background:#f1b0c3;border:3px solid #b96e85;border-radius:32px 32px 70px 32px;padding:24px 26px 19px;box-shadow:inset 0 6px 0 #ffd7e1,inset -7px -9px 0 #d98da7,0 12px 0 #713b50,0 23px 0 #4d213313;isolation:isolate}
.ll-console-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 3px 15px;font:800 11px/1.3 var(--font-body,Arial,sans-serif);letter-spacing:.1em}
.ll-console-brand{display:flex;gap:8px;align-items:center}.ll-led{width:7px;height:7px;border:1px solid #9b4563;background:#fff4b6;box-shadow:0 0 0 3px #d98da74d;border-radius:50%}.ll-console-edition{font-size:9px;color:#8c4d63}
.ll-display-frame{background:#843f57;border:2px solid #74354e;padding:12px;border-radius:15px;box-shadow:inset 0 3px 0 #5b2940,0 3px 0 #ffd7df;overflow:hidden}
.ll-game-hud{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;background:#fff4dc;border:2px solid #583645;border-bottom:0;color:#654050;font:800 clamp(10px,1.2vw,13px)/1.15 'Courier New',monospace;letter-spacing:.025em}
.ll-game-hud strong{margin-left:5px;color:#a53456;font-size:1.2em}
.ll-lives{display:flex;gap:5px;align-items:center}.ll-lives svg{width:20px;height:17px;fill:#bd3450;shape-rendering:crispEdges}.ll-lives .is-empty{fill:#dac4c8}
.ll-canvas-wrap{position:relative;border-inline:2px solid #583645;aspect-ratio:16/9;overflow:hidden;background:#dcecf0}
.ll-game-canvas{display:block;width:100%;height:100%;image-rendering:pixelated;touch-action:pan-y;outline-offset:-4px!important;cursor:pointer}
.ll-game-canvas:focus-visible{outline:3px solid #b53150!important}
.ll-game-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:17px 16px;text-align:center;background:#fff5e8e8;backdrop-filter:blur(2px);z-index:1}
.ll-game-overlay[hidden]{display:none!important}
.ll-start-screen{background:linear-gradient(90deg,#fff5e8e8,#fff5e8f5)}
.ll-game-overlay h3{margin:0;color:#ae3151;font-family:var(--pixel,'LuluPixel','Courier New',monospace)!important;font-weight:400;font-size:clamp(20px,3vw,30px);letter-spacing:-.035em;line-height:1.2;text-shadow:2px 2px 0 #f5bed0}
.ll-game-overlay p{margin:0;font:650 14px/1.35 var(--font-body,Arial,sans-serif);color:#6a4054}
.ll-game-overlay small{font:600 11px/1.4 var(--font-body,Arial,sans-serif);color:#6f4c5d}
.ll-level-pill{font:800 9px/1.2 'Courier New',monospace;letter-spacing:.12em;color:#80536b;border-bottom:1px dashed #bd8c9c;padding-bottom:7px}
.ll-game-overlay button{display:flex;align-items:center;justify-content:center;gap:17px;min-height:42px;padding:10px 22px;border:2px solid #77304b;border-radius:6px;background:#b53150;color:#fff8ed;box-shadow:0 4px 0 #77304b;font:800 13px/1 'Courier New',monospace;cursor:pointer;transition:transform .15s,box-shadow .15s}
.ll-game-overlay button:hover{transform:translateY(-2px);box-shadow:0 6px 0 #77304b}.ll-game-overlay button:active{transform:translateY(3px);box-shadow:0 1px 0 #77304b}
.ll-pause-screen h3{font-size:clamp(22px,3.8vw,38px)}
.ll-over-screen{background:#fff5e8f2;gap:9px}.ll-over-screen h3{font-size:clamp(21px,3.5vw,37px)}.ll-over-screen h3 span{font-size:.58em;color:#7a5260;letter-spacing:.04em;text-shadow:none}
.ll-result-score{display:flex;justify-content:center;gap:32px}.ll-result-score>span{display:flex;flex-direction:column;gap:3px;font:800 9px/1.2 'Courier New',monospace;letter-spacing:.05em;color:#8b5267}.ll-result-score strong{font-size:27px;color:#b53150}
.ll-screen-footer{display:flex;justify-content:space-between;gap:12px;padding:8px 12px;background:#fff4dc;border:2px solid #583645;border-top:0;font:800 10px/1.2 'Courier New',monospace;letter-spacing:.04em;color:#795264}
.ll-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 5px 12px}
.ll-treat-key{display:grid;gap:9px;font:800 10px/1.2 'Courier New',monospace;letter-spacing:.02em}.ll-treat-key>span{display:flex;gap:9px;align-items:center}.ll-mini-bagel{display:inline-block;flex:none;width:17px;height:17px;background:#e8b66c;border:3px solid #b67c45;outline:1px solid #99613e;border-radius:50%;position:relative}.ll-mini-bagel:after{content:'';position:absolute;inset:3px;border-radius:50%;background:#b67c45}.ll-mini-cup{position:relative;display:inline-block;flex:none;width:14px;height:19px;border:1px solid #7c8b5f;background:linear-gradient(#fff8ed 0 22%,#ec9cb6 22% 52%,#a9be8c 52%);margin-inline:2px}.ll-mini-cup:after{content:'';position:absolute;top:-4px;left:7px;width:2px;height:4px;background:#b53150}
.ll-button-pair{display:flex;align-items:center;gap:18px;flex-direction:row-reverse}
.ll-jump{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;width:105px;height:57px;border:3px solid #77304b;background:#b53150;border-radius:50%;color:#fff8ed;box-shadow:0 6px 0 #77304b,inset 0 3px 0 #e46c88;transform:rotate(-9deg);font:900 12px/1 'Courier New',monospace;cursor:pointer;touch-action:manipulation}.ll-jump>span{font-size:22px;font-weight:800}.ll-jump:active{box-shadow:0 2px 0 #77304b;translate:0 4px}.ll-jump:disabled{opacity:.58;cursor:default}
.ll-small-controls{display:flex;gap:10px;align-items:center}.ll-small-controls button{border:1px solid #b7798c;border-radius:999px;min-height:36px;padding:8px 12px;background:#f9d5df;color:#783d53;font:750 11px/1 var(--font-body,Arial,sans-serif);cursor:pointer;box-shadow:0 2px 0 #b7798c}.ll-small-controls button:disabled{opacity:.5;cursor:default}.ll-small-controls button[aria-pressed=true]{background:#71394e;color:#fff8ed}
.ll-console-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 27px 2px 6px;color:#95546b;font:700 10px/1 var(--font-body,Arial,sans-serif);letter-spacing:.02em}.ll-speaker{display:flex;gap:5px;transform:rotate(-23deg)}.ll-speaker i{height:20px;width:4px;background:#b7748d;border-radius:4px;box-shadow:inset 1px 1px 0 #98526f}
.ll-game-help{margin:29px auto 0;max-width:680px;text-align:center;font:600 13px/1.6 var(--font-body,Arial,sans-serif);color:#795366}.ll-game-help span{font-size:11px;color:#8b6575}.ll-game-status{min-height:18px;margin:9px 0 0;text-align:center;font:700 11px/1.4 var(--font-body,Arial,sans-serif);color:#8c5269}
#lulu-arcade button:focus-visible{outline:3px solid #71394e;outline-offset:5px}
@media(max-width:600px){.ll-console{border-radius:24px 24px 47px 24px;padding:17px 13px 15px;border-width:2px;box-shadow:inset 0 4px 0 #ffd7e1,inset -5px -6px 0 #d98da7,0 8px 0 #713b50,0 17px 0 #4d213313}.ll-console-top{padding:0 2px 12px;font-size:9px;letter-spacing:.06em}.ll-console-edition{font-size:7px;max-width:80px;text-align:right}.ll-display-frame{padding:7px;border-radius:11px}.ll-game-hud{padding:8px 7px;gap:5px;font-size:8px}.ll-game-hud strong{margin-left:2px;font-size:11px}.ll-lives{gap:3px}.ll-lives svg{width:14px;height:12px}.ll-canvas-wrap{aspect-ratio:1.4}.ll-game-canvas{height:100%;object-fit:cover}.ll-game-overlay{gap:9px;padding:13px 8px}.ll-game-overlay h3{font-size:31px}.ll-game-overlay p{font-size:12px;max-width:220px}.ll-game-overlay small{font-size:9px;max-width:210px}.ll-level-pill{font-size:7px;letter-spacing:.04em;padding-bottom:5px}.ll-game-overlay button{min-height:39px;font-size:11px;padding:9px 17px}.ll-screen-footer{padding:7px;font-size:8px;letter-spacing:0}.ll-controls{padding:17px 3px 11px;gap:8px}.ll-treat-key{gap:9px;font-size:8px}.ll-treat-key>span{gap:6px}.ll-button-pair{gap:10px;align-items:center}.ll-small-controls{flex-direction:column;gap:7px}.ll-small-controls button{padding:7px 9px;min-height:30px;font-size:10px}.ll-jump{width:75px;height:51px;gap:5px;font-size:10px}.ll-jump>span{font-size:18px}.ll-console-bottom{padding:8px 10px 0 3px;font-size:8px}.ll-speaker i{height:17px;width:3px}.ll-game-help{font-size:12px;margin-top:25px;padding-inline:5px}.ll-game-help span{font-size:10px}.ll-over-screen{gap:7px}.ll-over-screen h3{font-size:25px}.ll-result-score{gap:28px}.ll-result-score strong{font-size:25px}}
@media(max-width:360px){.ll-console{padding-inline:9px}.ll-console-top{font-size:8px}.ll-console-edition{font-size:6px}.ll-controls{gap:4px}.ll-treat-key{font-size:7px}.ll-button-pair{gap:7px}.ll-jump{width:64px;height:48px}.ll-small-controls button{padding-inline:7px;font-size:9px}.ll-game-overlay h3{font-size:27px}.ll-game-overlay p{font-size:11px}.ll-over-screen h3{font-size:22px}.ll-game-overlay button{min-height:35px}.ll-canvas-wrap{aspect-ratio:1.25}.ll-best-label{font-size:7px}}
@media(max-width:600px){.ll-canvas-wrap .ll-game-canvas{object-fit:fill}.ll-game-overlay{gap:7px;padding:8px}.ll-game-overlay h3{font-size:20px;line-height:1.18}.ll-over-screen h3{font-size:17px}.ll-game-overlay small{max-width:190px;font-size:9px}.ll-game-overlay .ll-level-pill{font-size:7px}.ll-pause-screen h3{font-size:17px}}
@media(max-width:360px){.ll-game-overlay h3{font-size:17px}.ll-over-screen h3{font-size:15px}.ll-result-score strong{font-size:22px}.ll-over-screen .ll-result-copy{font-size:10px}.ll-pause-screen h3{font-size:15px}}
@media(prefers-reduced-motion:reduce){.ll-game-overlay button{transition:none}}

.ll-play-icon{display:inline-block;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid currentColor}