:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{width:100%;min-height:100vh;user-select:none;-webkit-user-select:none}body.in-game{overflow:hidden;touch-action:none;overscroll-behavior:none}#app canvas{touch-action:none}input,textarea{user-select:text;-webkit-user-select:text}#app{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;display:flex;justify-content:center;align-items:center}#app canvas{display:block;width:100%;height:100%}.splash-screen{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;background-color:#242424}#about_screen,#sacq_badges_screen{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:2;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:20px;background-color:#242424;overflow-y:auto;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}#about_screen::-webkit-scrollbar,#sacq_badges_screen::-webkit-scrollbar{display:none}.container{position:relative;z-index:3}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #f7df1eaa)}.card{padding:2em}.read-the-docs{color:#888}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}section[data-route]:not([data-route=splash]):not([data-route=game]){padding-top:var(--app-bar-height, 60px);padding-bottom:104px;box-sizing:border-box}section[data-route] .settings-container,section[data-route] .about-container{margin-top:0;height:auto;overflow:visible}#about_screen,#sacq_badges_screen{padding-top:calc(var(--app-bar-height, 60px) + 8px);padding-bottom:104px}.back-fab{position:fixed;bottom:24px;left:50%;transform:translate(-50%);width:56px;height:56px;border-radius:28px;background-color:var(--accent-color, #ff8534);color:#fff;border:none;box-shadow:0 4px 8px #0003;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1000;opacity:0;pointer-events:none;overflow:hidden}.back-fab.visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.back-fab:hover{background-color:var(--accent-color-hover, #ff9d5c);box-shadow:0 6px 12px #0000004d;transform:translate(-50%) translateY(-2px)}.back-fab:active{transform:translate(-50%) translateY(1px);box-shadow:0 2px 4px #0003}.back-fab .ripple{position:absolute;background:#ffffff4d;border-radius:50%;transform:scale(0);animation:ripple .6s linear;pointer-events:none}@keyframes ripple{to{transform:scale(4);opacity:0}}@supports (padding: max(0px)){.back-fab{bottom:max(24px,env(safe-area-inset-bottom))}}body[data-game-active=true] .back-fab{opacity:0;pointer-events:none;transform:translate(-50%) translateY(100%)}:root{--accent-color: #ff8534;--accent-color-hover: #ff9d5c;--app-bar-height: 56px;--z-app-bar: 1000;--z-fab: 1000;--z-modal: 1100}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1a1a1a;color:#fff}.screen:not(.game-screen){padding:64px 16px 24px;max-width:800px;margin:0 auto;box-sizing:border-box}@media (max-width: 600px){.screen:not(.game-screen){padding-top:56px;padding-left:12px;padding-right:12px}}@font-face{font-family:"Jersey 10";font-weight:400;font-display:swap;src:url(../fonts/jersey10.woff2) format("woff2")}@font-face{font-family:Silkscreen;font-weight:400;font-display:swap;src:url(../fonts/silkscreen-400.woff2) format("woff2")}@font-face{font-family:Silkscreen;font-weight:700;font-display:swap;src:url(../fonts/silkscreen-700.woff2) format("woff2")}:root{--app-bar-height: 60px;--font-banner: "Jersey 10", "Silkscreen", monospace;--font-panel: "Silkscreen", monospace;--panel-top: #474f72;--panel-bottom: #343a56;--panel-edge: #23263a;--panel-light: #6f789c;--panel-shade: #282d44;--ink: #1d2033;--yellow: #f7e26b;--cyan: #8fd3ff;--green: #a6f0a0;--gold-hi: #fff3b0;--gold: #f0c75e;--gold-lo: #a8741f;--gold-ink: #2a1e0a;--screen-bg: #1d2135}body{background:var(--screen-bg)}.txt-gold{font-family:var(--font-banner);font-weight:400;letter-spacing:.02em;text-transform:uppercase;color:var(--gold);background:linear-gradient(var(--gold-hi) 15%,var(--gold) 55%,var(--gold-lo) 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(2px 0 0 var(--gold-ink)) drop-shadow(-2px 0 0 var(--gold-ink)) drop-shadow(0 2px 0 var(--gold-ink)) drop-shadow(0 -2px 0 var(--gold-ink)) drop-shadow(0 3px 0 rgba(0,0,0,.35))}.txt-panel{font-family:var(--font-panel);font-weight:700;text-transform:uppercase;letter-spacing:.04em;text-shadow:2px 0 0 var(--ink),-2px 0 0 var(--ink),0 2px 0 var(--ink),0 -2px 0 var(--ink),2px 2px 0 var(--ink),-2px 2px 0 var(--ink),2px -2px 0 var(--ink),-2px -2px 0 var(--ink)}.txt-yellow{color:var(--yellow)}.txt-cyan{color:var(--cyan)}.txt-green{color:var(--green)}@keyframes blink{0%,60%{opacity:1}61%,to{opacity:0}}.blink{animation:blink 1.1s steps(1) infinite}@media (prefers-reduced-motion: reduce){.blink{animation:none}}.pixel-icon{width:100%;height:100%;display:block;image-rendering:pixelated}.arcade-panel{background:linear-gradient(var(--panel-top),var(--panel-bottom));border:3px solid var(--panel-edge);border-radius:8px;box-shadow:inset 2px 2px 0 var(--panel-light),inset -2px -2px 0 var(--panel-shade),0 4px #00000059}.icon-box{width:38px;height:38px;padding:5px;background:#2b2f45;border:2px solid var(--panel-edge);border-radius:4px;box-shadow:inset 0 0 0 2px #8a93b4;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .08s steps(1)}.icon-box:hover{box-shadow:inset 0 0 0 2px var(--yellow)}.icon-box:active{transform:translateY(2px)}.icon-box i{display:block;width:100%;height:100%}.icon-box.active{box-shadow:inset 0 0 0 2px var(--yellow)}.arcade-button{font-family:var(--font-panel);font-weight:700;font-size:.85rem;text-transform:uppercase;color:var(--yellow);text-shadow:2px 2px 0 var(--ink);background:#2b2f45;border:2px solid var(--panel-edge);border-radius:4px;box-shadow:inset 0 0 0 2px #8a93b4,0 3px 0 var(--panel-edge);padding:10px 14px;cursor:pointer}.arcade-button:hover{box-shadow:inset 0 0 0 2px var(--yellow),0 3px 0 var(--panel-edge)}.arcade-button:active{transform:translateY(2px);box-shadow:inset 0 0 0 2px var(--yellow),0 1px 0 var(--panel-edge)}#app_bar{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--app-bar-height);padding:0 10px;padding-top:env(safe-area-inset-top);box-sizing:content-box;display:flex;align-items:center;gap:10px;border-radius:0 0 8px 8px;border-top:0;transition:opacity .3s ease}.bar-logo{font-size:2.4rem;line-height:1;background-color:transparent;border:0;padding:0 4px;cursor:pointer}.bar-stat{display:flex;flex-direction:column;line-height:1.1;font-size:.8rem;margin-right:auto}.bar-logo{margin-right:auto}.bar-icons{display:flex;gap:6px}@media (max-width: 440px){.bar-logo{font-size:2rem}.bar-icons{gap:4px}.icon-box{width:32px;height:32px;padding:4px}}@media (max-width: 370px){.bar-icons{margin-left:auto}}section[data-route=splash]{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;background:var(--screen-bg) url(../art/bay.png) center bottom / cover no-repeat;image-rendering:pixelated}.attract{min-height:100%;box-sizing:border-box;padding:calc(var(--app-bar-height) + env(safe-area-inset-top) + 16px) 16px 120px;display:flex;flex-direction:column;align-items:center;gap:18px;image-rendering:auto}.attract-banner{text-align:center}.attract-title{font-size:clamp(5rem,26vw,9rem);line-height:.9;margin:0}.attract-subtitle{font-size:clamp(.9rem,4vw,1.3rem);margin-top:6px}.press-start{font-size:clamp(1.4rem,7vw,2.2rem);background:none;border:0;padding:6px 12px;cursor:pointer}.attract-scores{width:100%;max-width:460px;box-sizing:border-box;padding:12px 14px}.attract-scores-title{text-align:center;font-size:1rem;margin-bottom:8px}.scores-list .score-row{display:grid;grid-template-columns:2.6em 1fr auto;gap:8px;align-items:center;padding:6px 4px;font-family:var(--font-panel);font-weight:700;font-size:.85rem;text-transform:uppercase;color:var(--yellow);text-shadow:2px 2px 0 var(--ink);cursor:pointer;border-radius:4px}.scores-list .score-row:hover{background:#00000026}.scores-list .score-place{color:var(--cyan)}.scores-list .score-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scores-list .score-points{color:var(--cyan)}.attract-links{display:flex;gap:8px;justify-content:center;margin-top:10px}.attract-footer{position:fixed;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));z-index:5;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px}.footer-cell{display:flex;flex-direction:column;line-height:1.15;font-size:clamp(.7rem,3vw,1.05rem);min-width:0}.footer-player{flex:1;cursor:pointer}.footer-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.footer-trophy{width:40px;height:40px;background:none;border:0;padding:0;cursor:pointer}.footer-trophy i{display:block;width:100%;height:100%}.footer-sack{cursor:default}.footer-start{background:none;border:0;cursor:pointer;text-align:center;font-size:clamp(.85rem,3.4vw,1.2rem);white-space:nowrap}@media (max-width: 400px){.footer-trophy,.footer-sack{display:none}}section[data-route]:not([data-route=splash]):not([data-route=game]){background:var(--screen-bg);min-height:100vh}section[data-route]:not([data-route=splash]) h1{font-family:var(--font-banner)!important;font-weight:400!important;text-transform:uppercase;font-size:3rem!important;line-height:1!important;color:var(--gold)!important;background:linear-gradient(var(--gold-hi) 15%,var(--gold) 55%,var(--gold-lo) 90%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;filter:drop-shadow(2px 0 0 var(--gold-ink)) drop-shadow(-2px 0 0 var(--gold-ink)) drop-shadow(0 2px 0 var(--gold-ink)) drop-shadow(0 -2px 0 var(--gold-ink))}section[data-route] h2,section[data-route] h3{font-family:var(--font-panel)!important;font-weight:700!important;text-transform:uppercase;color:var(--yellow)!important;text-shadow:2px 2px 0 var(--ink);letter-spacing:.03em}section[data-route] :is(.about-section,.settings-group,.profile-card,.stats-section,.connect-option,.score-section,.highlight-card,.badge-item,.high-scores-item,.profile-section,.detail-section,.inventory-section,.stat-item,.badges-header){background:linear-gradient(var(--panel-top),var(--panel-bottom))!important;border:3px solid var(--panel-edge)!important;border-radius:8px!important;box-shadow:inset 2px 2px 0 var(--panel-light),inset -2px -2px 0 var(--panel-shade),0 4px #00000059!important;color:#eef0f8}section[data-route] :is(.stat-value,.score-value,.high-scores-points,.high-scores-rank,.final-score,.high-scores-player,.stat-label,.high-scores-date,.badge-item h3,.setting-item label,.setting-item>span,.volume-value){font-family:var(--font-panel)!important;font-weight:700!important;text-transform:uppercase;text-shadow:2px 2px 0 var(--ink)}section[data-route] :is(.stat-value,.score-value,.high-scores-points){color:var(--cyan)!important}section[data-route] :is(.stat-label,.high-scores-player,.final-score){color:var(--yellow)!important}section[data-route]:not([data-route=splash]):not([data-route=game]) :is(.btn,.login-button,.primary-button,.secondary-button,.button,.about-button,.splash-button,.back-button){font-family:var(--font-panel)!important;font-weight:700!important;text-transform:uppercase;color:var(--yellow)!important;text-shadow:2px 2px 0 var(--ink);background:#2b2f45!important;border:2px solid var(--panel-edge)!important;border-radius:4px!important;box-shadow:inset 0 0 0 2px #8a93b4,0 3px 0 var(--panel-edge)!important}section[data-route] :is(.login-button,.primary-button,.splash-button):not(.secondary){color:var(--green)!important}.back-fab{background:linear-gradient(var(--panel-top),var(--panel-bottom))!important;border:3px solid var(--panel-edge)!important;border-radius:8px!important;box-shadow:inset 2px 2px 0 var(--panel-light),inset -2px -2px 0 var(--panel-shade),0 4px #00000059!important;color:var(--yellow)!important}.back-fab svg{filter:drop-shadow(2px 2px 0 var(--ink))}section[data-route] .high-scores-item{display:grid!important;grid-template-columns:2.4em 40px 1fr auto;align-items:center;gap:10px;padding:8px 12px!important}section[data-route] .high-scores-player{font-size:.8rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}section[data-route] .high-scores-date{font-size:.65rem!important;color:#d4d8e8!important}section[data-route] .high-scores-details{min-width:0}section[data-route] .high-scores-avatar img,section[data-route] .high-scores-avatar .empty-avatar{width:40px;height:40px}section[data-route] .high-scores-page{padding:12px!important}section[data-route] .high-scores-container{padding-left:0!important;padding-right:0!important;background:none!important}section[data-route] .badges-count{font-size:.9rem;margin-top:8px}section[data-route] .badge-group-title{text-align:center;margin:22px 0 4px;font-size:1rem}section[data-route] .badge-item p{color:#e2e5f2!important;font-size:.8rem!important}section[data-route] .badge-item .badge-icon{background:#2b2f45;border:2px solid var(--panel-edge);border-radius:6px;box-shadow:inset 0 0 0 2px #8a93b4;width:64px;height:64px;font-size:34px}section[data-route] .badge-item.earned .badge-icon{box-shadow:inset 0 0 0 3px var(--gold),0 0 0 2px var(--gold-ink)}section[data-route] .badge-item.locked{opacity:1;filter:none}section[data-route] .badge-item.locked .badge-icon span{filter:grayscale(1) brightness(.7);opacity:.6}section[data-route] .badge-progress{height:12px!important;background:#1d2033!important;border:2px solid var(--panel-edge);border-radius:2px!important;margin:12px 0 18px!important}section[data-route] .progress-bar{border-radius:0!important;background:repeating-linear-gradient(90deg,var(--green) 0 6px,#6cc066 6px 8px)!important;transition:none!important}section[data-route] .badge-item.earned .progress-bar{background:repeating-linear-gradient(90deg,var(--gold) 0 6px,var(--gold-lo) 6px 8px)!important}section[data-route] .badge-progress span{top:auto!important;bottom:-20px;right:0;left:0;text-align:center;font-family:var(--font-panel);font-weight:700;font-size:.65rem!important;color:var(--cyan)!important;text-shadow:1px 1px 0 var(--ink)}.recap-badge-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.recap-badge{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#2b2f45;border:2px solid var(--panel-edge);border-radius:4px;box-shadow:inset 0 0 0 2px var(--gold);cursor:pointer}.recap-badge-icon{font-size:1.4rem}.recap-badge-title{font-family:var(--font-panel);font-weight:700;text-transform:uppercase;font-size:.75rem;color:var(--yellow);text-shadow:2px 2px 0 var(--ink)}.move-bars{display:flex;flex-direction:column;gap:8px}.move-row{display:grid;grid-template-columns:7.5em 1fr 3em;align-items:center;gap:10px;font-family:var(--font-panel);font-weight:700;text-transform:uppercase;font-size:.72rem;text-shadow:2px 2px 0 var(--ink)}.move-name{color:var(--yellow)}.move-count{color:var(--cyan);text-align:right}.move-track{height:12px;background:#1d2033;border:2px solid var(--panel-edge)}.move-fill{display:block;height:100%;background:repeating-linear-gradient(90deg,var(--cyan) 0 6px,#5aa8d8 6px 8px)}section[data-route] .final-score{font-size:1.1rem!important;letter-spacing:.05em}#about_screen,#sacq_badges_screen{background:var(--screen-bg)!important}.start-zone{flex:1;width:100%;display:flex;align-items:center;justify-content:center;min-height:160px}.start-button{width:min(78vw,420px);padding:14px 20px 18px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;animation:start-pulse 1.2s steps(2) infinite}.start-button:active{transform:translateY(3px)}.start-press{font-size:clamp(.9rem,3.6vw,1.2rem)}.start-label{font-size:clamp(4.5rem,22vw,8rem);line-height:.9;white-space:nowrap}@keyframes start-pulse{0%,to{box-shadow:inset 2px 2px 0 var(--panel-light),inset -2px -2px 0 var(--panel-shade),0 4px #00000059,0 0 0 4px var(--yellow)}50%{box-shadow:inset 2px 2px 0 var(--panel-light),inset -2px -2px 0 var(--panel-shade),0 4px #00000059,0 0 0 4px transparent}}@media (prefers-reduced-motion: reduce){.start-button{animation:none}}.made-by{display:flex;align-items:baseline;justify-content:center;gap:10px;margin:12px 0 18px;padding:12px 16px;text-decoration:none;font-family:var(--font-panel);font-weight:700;text-transform:uppercase;text-shadow:2px 2px 0 var(--ink)}.made-by-label{color:var(--yellow);font-size:.8rem;white-space:nowrap}.made-by-name{color:var(--cyan);font-size:1.05rem;text-transform:none}.made-by:hover .made-by-name{color:var(--green)}.consent-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000}.consent-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0c188c;opacity:0;transition:opacity .2s}.consent-panel{position:absolute;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));max-width:560px;margin:0 auto;padding:16px 16px 14px;max-height:80vh;overflow-y:auto;transform:translateY(calc(100% + 24px));transition:transform .25s steps(5);color:#eef0f8;font-size:.85rem;line-height:1.4}.consent-sheet.open .consent-backdrop{opacity:1}.consent-sheet.open .consent-panel{transform:none}.consent-panel h2{font-size:1rem;margin-bottom:6px}.consent-intro{margin-bottom:10px}.consent-row{display:grid;grid-template-columns:1fr 92px;gap:12px;align-items:center;padding:10px 0;border-top:2px solid rgba(0,0,0,.18)}.consent-name{font-size:.8rem;margin-bottom:4px}.consent-row p{font-size:.78rem;color:#dfe2ee}.consent-row.note{grid-template-columns:1fr}.consent-switch{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;justify-self:stretch;text-align:center;cursor:pointer}.consent-switch input{position:absolute;opacity:0;pointer-events:none}.consent-slider{width:46px;height:24px;background:#1d2033;border:2px solid var(--panel-edge);border-radius:4px;position:relative}.consent-slider:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:16px;background:#8a93b4;border-radius:2px}.consent-switch input:checked+.consent-slider:after{left:22px;background:var(--green)}.consent-switch input:focus-visible+.consent-slider{outline:2px solid var(--yellow)}.consent-switch.locked{cursor:default}.consent-switch.locked .consent-slider:after{background:var(--cyan)}.consent-state{font-size:.6rem;color:var(--yellow)}.consent-save{width:100%;margin-top:10px;color:var(--green)}section[data-route] .setting-item{flex-wrap:wrap}section[data-route] .setting-item>span{flex:1 1 140px;min-width:0}.bay-boats{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.bay-boats img{position:absolute;left:0;top:0;image-rendering:pixelated}.attract,.attract-footer{position:relative;z-index:1}.attract-footer{position:fixed}html.reduce-motion .blink,html.reduce-motion .start-button{animation:none!important}html.reduce-motion *,html.reduce-motion *:before,html.reduce-motion *:after{transition-duration:.01ms!important;scroll-behavior:auto!important}:focus-visible{outline:3px solid var(--yellow)!important;outline-offset:2px;box-shadow:0 0 0 6px var(--ink)!important;border-radius:4px}:focus:not(:focus-visible){outline:none}[tabindex="-1"]:focus{outline:none;box-shadow:none!important}html{scroll-padding-top:calc(var(--app-bar-height) + env(safe-area-inset-top) + 16px);scroll-padding-bottom:110px}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.setting-note{font-size:.8rem;color:#d4d8e8;margin-top:-6px}.attract-scores.board-out{animation:board-out .7s cubic-bezier(.5,0,.75,0) forwards}.attract-scores.board-in{animation:board-in .9s linear both}@keyframes board-out{0%{transform:translateY(0)}25%{transform:translateY(14px)}to{transform:translateY(-120vh);visibility:hidden}}@keyframes board-in{0%{transform:translateY(-120vh);animation-timing-function:cubic-bezier(.55,0,1,.45)}55%{transform:translateY(0);animation-timing-function:ease-out}72%{transform:translateY(-26px);animation-timing-function:ease-in}86%{transform:translateY(0);animation-timing-function:ease-out}93%{transform:translateY(-8px);animation-timing-function:ease-in}to{transform:translateY(0)}}