pixel-break{--lime:#c0ff49;--sprite-url:none;display:contents;font-family:var(--sans,Arial,sans-serif)}
pixel-break [hidden]{display:none!important}
.pixel-launcher{position:fixed;z-index:90;right:22px;bottom:8px;width:112px;height:78px;border:0;padding:0;background:none;cursor:pointer;touch-action:none;animation:pixel-wander 28s linear infinite alternate;filter:drop-shadow(0 3px 2px #0002)}
.pixel-crawler{display:block;width:100%;height:100%;image-rendering:pixelated;transform-origin:50% 85%}
.pixel-launcher:hover,.pixel-launcher:focus-visible{animation-play-state:paused}.pixel-launcher:hover .pixel-crawler{filter:brightness(1.06)}
.pixel-launcher:focus-visible{outline:2px dashed #58b929;outline-offset:3px}
@keyframes pixel-wander{0%,5%{translate:0 0}95%,100%{translate:calc(-1 * min(40vw,540px)) 0}}
@keyframes pixel-wander-local{from{translate:0 0}to{translate:var(--crawl-travel,100px) 0}}
.pixel-dialog{position:fixed;inset:auto 0 0;margin:0;padding:0;width:100%;max-width:none;height:clamp(250px,38dvh,380px);max-height:none;border:0;border-radius:0;background:transparent;color:#eff9df;box-shadow:none;overflow:hidden;overscroll-behavior:contain}
.pixel-dialog::backdrop{background:transparent}body:has(.pixel-dialog[open]){overflow:hidden}
.pixel-dialog[open]{animation:pixel-rise .7s cubic-bezier(.2,.7,.2,1)}
@keyframes pixel-rise{from{translate:0 100%;opacity:.3}to{translate:0 0;opacity:1}}
.pixel-stage{position:absolute;inset:0;isolation:isolate;overflow:hidden;touch-action:manipulation;cursor:crosshair}
.pixel-seascape{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:none;mask-image:linear-gradient(transparent 0%,#00000008 8%,#00000026 19%,#00000080 31%,#000000dd 43%,#000 56%)}
.pixel-water{position:absolute;inset:0 -50px -12px;background:#0c3042 url('sea.png') center 25%/cover repeat-x;image-rendering:pixelated;animation:pixel-tide 8s ease-in-out infinite alternate}
.pixel-water-front{position:absolute;inset:46% -50px -12px;background:url('sea.png') center bottom/cover repeat-x;image-rendering:pixelated;opacity:.6;mask-image:linear-gradient(transparent,#000 80%);animation:pixel-tide 5s ease-in-out infinite alternate-reverse}
.pixel-foam{position:absolute;left:-10%;top:26%;width:120%;height:26px;opacity:.2;background:repeating-radial-gradient(ellipse at 30% 100%,transparent 0 22px,#c3e7e52a 25px 28px,transparent 31px 58px);animation:pixel-tide 6s ease-in-out infinite alternate;filter:blur(1px)}
@keyframes pixel-tide{from{translate:-20px 0}to{translate:24px 6px}}
.pixel-hud{position:absolute;z-index:20;top:12px;right:14px;display:flex;gap:7px;align-items:center}
.pixel-hud button{height:34px;min-width:34px;padding:0;border:1px solid #759898;background:#102c38ef;color:#dbf8c1;cursor:pointer;font:22px/1 Arial,sans-serif;clip-path:polygon(5px 0,calc(100% - 5px) 0,calc(100% - 5px) 3px,100% 3px,100% calc(100% - 3px),calc(100% - 5px) calc(100% - 3px),calc(100% - 5px) 100%,5px 100%,5px calc(100% - 3px),0 calc(100% - 3px),0 3px,5px 3px)}
.pixel-hud button:hover{background:#244753}.pixel-hud .pixel-sound{color:var(--lime)}.pixel-sound[aria-pressed=false]{color:#7eaaa9}
.pixel-dialog button:focus-visible{outline:2px solid #d0ff7e;outline-offset:2px}.pixel-hud button:focus-visible{background:#466659}
.pixel-scoreboard{height:34px;padding:4px 8px;display:flex;gap:10px;align-items:center;background:#102c38ef;border:2px solid #557c7f;box-shadow:2px 2px #0a1c25;clip-path:polygon(4px 0,calc(100% - 4px) 0,calc(100% - 4px) 3px,100% 3px,100% calc(100% - 3px),calc(100% - 4px) calc(100% - 3px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 3px),0 calc(100% - 3px),0 3px,4px 3px)}
.pixel-scoreboard canvas{width:112px;height:24px;image-rendering:pixelated}.pixel-score,.pixel-health{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.pixel-hud .pixel-super{width:48px;position:relative;border-color:#c0ff49;background:linear-gradient(to top,#405a2b calc(var(--charge,1)*100%),#102c38 calc(var(--charge,1)*100%));display:flex;align-items:center;justify-content:center}
.pixel-super canvas{width:31px;height:31px;image-rendering:pixelated}.pixel-super small{font:700 10px/1 monospace;align-self:end;margin:0 3px 5px -2px;color:#e0ffab}.pixel-super:disabled{cursor:default;filter:saturate(.4);opacity:.7}
.pixel-ship{position:absolute;left:1%;bottom:3%;width:clamp(175px,31vw,370px);aspect-ratio:3/2;border:0;padding:0;background:none;z-index:4;cursor:pointer;transform-origin:50% 80%;animation:pixel-bob 3.6s ease-in-out infinite}
.pixel-ship-body{width:100%;height:100%;position:relative;transform-origin:50% 85%}.pixel-ship-body>img{width:100%;height:100%;display:block;object-fit:contain;image-rendering:pixelated;pointer-events:none}
.pixel-crew{position:absolute;left:35%;top:49%;width:34%;height:26%;display:flex;align-items:end;pointer-events:none}
.pixel-crew-member{display:block;width:43%;flex:none;aspect-ratio:1;margin-left:-8%;transform-origin:50% 85%}
.pixel-sprite{width:100%;height:100%;display:block;background-image:var(--sprite-url);background-size:400% 400%;background-position:0 calc(var(--row) * 100% / 3);image-rendering:pixelated}
.pixel-crew-sprite{display:block;width:100%;height:100%;image-rendering:pixelated}
.pixel-stage.playing .pixel-crew-member{animation:pixel-crew-idle 1.8s ease-in-out infinite;animation-delay:calc(var(--row)*-.35s)}
.pixel-stage .pixel-ship.dancing .pixel-crew-member{animation:none}
@keyframes pixel-crew-idle{0%,100%{translate:0 0}50%{translate:0 -1.5px}}
.pixel-boarders{position:absolute;inset:45% 15% 16% 25%;pointer-events:none}.pixel-rider{position:absolute;top:15%;width:32%;height:auto;image-rendering:pixelated}
.pixel-ship.shielded .pixel-ship-body{filter:drop-shadow(0 0 3px #c1ff51) drop-shadow(0 0 10px #57dca288)}
.pixel-ship.sinking{animation:none;pointer-events:none}
@keyframes pixel-bob{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(4px) rotate(1deg)}}
.pixel-target{position:absolute;width:clamp(78px,7.8vw,114px);aspect-ratio:28/23;height:auto;border:0;padding:0;background:none;z-index:3;cursor:crosshair;overflow:visible;-webkit-tap-highlight-color:transparent;transform-origin:center}
.pixel-target canvas{width:100%;height:auto;display:block;image-rendering:pixelated;pointer-events:none;transform-origin:center}
.pixel-target:disabled{opacity:1}.pixel-target:focus-visible{outline:2px dashed #d0ff7e;outline-offset:-10px}.pixel-target.boss{width:clamp(108px,10.5vw,155px);z-index:5}
.pixel-bolt{position:absolute;left:0;top:0;width:34px;height:4px;background:#bafa45;box-shadow:0 2px #276437;z-index:7;pointer-events:none;transform-origin:0 50%;filter:drop-shadow(0 0 4px #bdff55)}
.pixel-bolt:after{content:'';position:absolute;right:-5px;top:-4px;border-left:10px solid #d9ff73;border-top:6px solid transparent;border-bottom:6px solid transparent}
.pixel-boomerang{position:absolute;left:0;top:0;width:50px;height:50px;z-index:8;pointer-events:none;image-rendering:pixelated;filter:drop-shadow(0 0 5px #bfff43)}
.pixel-pop{position:absolute;z-index:10;color:#d7ff91;font:700 18px/1 monospace;text-shadow:2px 2px #123520;pointer-events:none}
.pixel-splatter{position:absolute;width:5px;height:5px;z-index:99;pointer-events:none;box-shadow:1px 1px #19322566}
.pixel-gas{position:absolute;width:7px;height:7px;border:2px solid #bcd574;background:#93b3552e;z-index:2;pointer-events:none;clip-path:polygon(2px 0,5px 0,5px 2px,7px 2px,7px 5px,5px 5px,5px 7px,2px 7px,2px 5px,0 5px,0 2px,2px 2px)}
.pixel-resume{position:absolute;bottom:12px;right:14px;z-index:30;padding:8px 12px;border:1px solid #c9f77a;background:#17323bee;color:#d9ff9b;font:12px monospace;cursor:pointer}
.pixel-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:700px){.pixel-dialog{height:clamp(245px,35dvh,310px)}.pixel-hud{top:8px;right:8px;gap:5px}.pixel-hud button{min-width:29px;height:31px;font-size:21px}.pixel-hud .pixel-super{width:42px}.pixel-scoreboard{height:31px;padding:3px 5px}.pixel-scoreboard canvas{width:94px;height:21px}.pixel-ship{left:0;width:44%;min-width:155px;bottom:4%}.pixel-target{width:76px}.pixel-target.boss{width:105px}.pixel-launcher{width:104px;height:73px;right:14px}}
@media(prefers-reduced-motion:reduce){.pixel-launcher,.pixel-ship,.pixel-water,.pixel-water-front,.pixel-foam,.pixel-dialog[open],.pixel-stage.playing .pixel-crew-member{animation:none}}
@media print{pixel-break{display:none}}

/* Crawl movement is tied to the two planted-arm pushes in every eight-frame cycle. */
.pixel-launcher{animation:none}.pixel-dismiss{position:fixed;z-index:92;bottom:70px;right:14px;left:auto;width:18px;height:18px;padding:0;border:1px solid #75876b55;border-radius:50%;background:#f8fff4cc;color:#4c6146;font:14px/16px Arial;cursor:pointer;opacity:.6}.pixel-dismiss:hover,.pixel-dismiss:focus-visible{opacity:1;background:#d8ffb1}.pixel-slime{position:fixed;z-index:89;height:4px;background:#53dc16;box-shadow:3px -2px #91f747,-2px 1px #46bb15;pointer-events:none;clip-path:polygon(0 25%,20% 25%,20% 0,75% 0,75% 25%,100% 25%,100% 75%,70% 75%,70% 100%,10% 100%,10% 75%,0 75%)}

pixel-break .pixel-launcher,pixel-break .pixel-ship,pixel-break .pixel-target,pixel-break .pixel-crawler,pixel-break .pixel-dialog{user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}pixel-break img{-webkit-user-drag:none;user-select:none}pixel-break .pixel-ship:hover,pixel-break .pixel-ship:active,pixel-break .pixel-ship:focus,pixel-break .pixel-launcher:hover,pixel-break .pixel-launcher:active,pixel-break .pixel-target:hover,pixel-break .pixel-target:active{background:transparent;box-shadow:none}pixel-break .pixel-ship:focus:not(:focus-visible),pixel-break .pixel-target:focus:not(:focus-visible){outline:none}

.pixel-dialog::backdrop{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
/* Keyboard focus follows the ship's alpha silhouette, not its transparent box. */
pixel-break .pixel-ship:focus-visible{outline:none}
pixel-break .pixel-ship:focus-visible .pixel-ship-body{filter:drop-shadow(1px 0 0 #d0ff7e) drop-shadow(-1px 0 0 #d0ff7e) drop-shadow(0 1px 0 #d0ff7e)}
.lume-logo{width:114px;height:42px;object-fit:contain;display:block}.footer .lume-logo{width:132px;height:48px}@media(max-width:700px){.lume-logo{width:99px;height:36px}}

lume-mark.lume-logo{position:relative;display:block;flex:none}lume-mark>img,lume-mark>canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}lume-mark>canvas{visibility:hidden}lume-mark[data-ready]>canvas{visibility:visible}lume-mark[data-ready]>img{visibility:hidden}