/* Sluglife: one visual system for the adventure, arsenal and wardrobe. */
:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#f5f8ff;background:#0a1729;font-synthesis:none;--panel:#10233cf5;--line:#ffffff24;--muted:#b6c9de;--lime:#d3ff49;--cyan:#69e8ff}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,a,summary{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{min-height:44px;font-weight:750;color:inherit;border:1px solid var(--line);background:#203954;border-radius:12px;padding:11px 15px;cursor:pointer;touch-action:manipulation;transition:background .15s,transform .15s,border-color .15s}button:hover:not(:disabled){background:#2c496a;border-color:#8ab3d7;transform:translateY(-1px)}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}button:disabled{cursor:default}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}button.primary{background:var(--lime);color:#142327;border:0;padding:17px 22px;font-size:18px;font-weight:900;box-shadow:0 4px 0 #6c9230}button.primary:hover:not(:disabled){background:#e1ff86}button.primary:disabled{opacity:.55}#game{width:100%;height:100dvh;position:relative;isolation:isolate;overflow:hidden}#renderCanvas{width:100%;height:100%;display:block;touch-action:none;outline:none}header{position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;z-index:3;pointer-events:none;background:linear-gradient(#0a172977,transparent)}.brand{font-size:30px;letter-spacing:-1.6px;font-weight:950;color:#fff;pointer-events:auto;text-shadow:0 2px 10px #07162966;white-space:nowrap}.brand:hover{text-decoration:none}.brand span{font-size:12px;letter-spacing:.03em;margin-left:6px;vertical-align:middle;background:var(--lime);color:#152829;border-radius:6px;padding:4px 6px}.toolbar{display:flex;gap:8px;pointer-events:auto}.toolbar button{background:#10233cec;font-size:13px}.hud{position:absolute;left:24px;right:24px;top:78px;display:flex;justify-content:space-between;align-items:flex-start;gap:14px;pointer-events:none}.mission,.health{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px 16px;box-shadow:0 6px 25px #07152226}.mission{width:min(340px,57%);border-left:4px solid var(--lime)}.eyebrow{display:block;font-size:10px;font-weight:850;letter-spacing:.1em;color:var(--cyan);line-height:1.5}.objective-line{display:flex;align-items:center;gap:9px;margin:9px 0}.objective-line img{width:24px;height:28px;object-fit:contain}.objective-line strong{font-size:18px;line-height:1.3}.track{height:6px;border-radius:8px;background:#ffffff17;overflow:hidden}.track i{display:block;width:0;height:100%;background:var(--lime);transition:width .2s;border-radius:inherit}#count{display:block;font-size:13px;color:#d7e6f5;margin-top:8px}.health{text-align:right;min-width:136px}#hearts{display:block;color:#ff8d9d;font-size:21px;letter-spacing:1px}#dashState{display:block;color:var(--cyan);font-size:12px;margin-top:5px}#coopStatus,#pixieState{display:block;font-size:11px;margin-top:6px;max-width:200px;color:#e1eafa}#pixieState{color:#ffdf6d}#raceGuide{display:block;font-size:12px;color:#d3ff90;margin-top:7px;font-weight:750}#bossHud{position:absolute;top:78px;left:50%;transform:translateX(-50%);width:min(30vw,370px);padding:12px 15px;border:1px solid #ff8a9c66;border-radius:14px;background:#381f39f2;pointer-events:none}#bossHud>span{display:block;font-size:12px;font-weight:850;margin-bottom:8px}#bossHp{float:right;font-size:11px;margin-left:12px}#bossFill{background:#ff738d}#toast{position:absolute;z-index:6;left:50%;bottom:155px;transform:translate(-50%,8px);width:max-content;max-width:min(560px,90vw);padding:12px 18px;background:#142a45f5;border:1px solid #97dcff66;border-radius:14px;box-shadow:0 6px 30px #0004;text-align:center;font-size:14px;font-weight:700;line-height:1.4;opacity:0;transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%,0)}
.menu{position:absolute;inset:0;z-index:2;display:grid;place-items:center;overflow:auto;padding:80px 24px 24px;background:linear-gradient(120deg,#071328c9,#0b214384)}.menu-card{width:min(1000px,100%);display:grid;grid-template-columns:1fr 1.1fr;background:#0f2139f5;border:1px solid #ffffff30;border-radius:24px;overflow:hidden;box-shadow:0 24px 100px #020b1a88}.menu-art{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 26px;background:radial-gradient(ellipse at 50% 38%,#225747,#0d1a30 75%);text-align:center;position:relative;border-right:1px solid var(--line)}.season-tag{padding:7px 12px;border:1px solid #a7e96655;border-radius:100px;font-size:10px;font-weight:900;letter-spacing:.15em;color:#d8ff83}.game-logo{display:block;width:100%;height:auto;object-fit:contain;border-radius:20px;margin:18px 0 6px}.world-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.world-tags span{border:1px solid #a3cdd333;border-radius:7px;padding:6px 8px;color:#cbddeb;font-size:11px;font-weight:700}.menu-art>p{font-weight:850;font-size:17px;color:#effbd9}.producer-credit{margin:16px 0 0;display:flex;flex-direction:column;align-items:center;gap:6px}.producer-credit span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.production-logo{width:210px;max-width:100%;height:auto}.menu-content{padding:34px}.menu h1{font-size:clamp(36px,4.6vw,58px);line-height:.98;letter-spacing:-2px;margin:16px 0 18px;font-weight:950}.menu h1 em{font-style:normal;color:var(--lime)}.menu p{font-size:15px;line-height:1.6;color:#c0d3e6;margin:0 0 20px}.menu #play{width:100%;margin-bottom:16px}.menu-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.menu-actions button{padding:11px 8px;font-size:13px}.save-card{margin:18px 0 12px;padding:12px 14px;background:#06172a66;border:1px solid #b9e1fe1a;border-radius:12px}.save-card #saveStatus{font-size:12px;line-height:1.5;margin:0 0 5px;color:#d6e7f7}#accountLink{font-size:12px;font-weight:750}#saveRetry{font-size:12px;margin-top:8px}.settings{margin:10px 0 14px;border-bottom:1px solid var(--line);padding-bottom:12px}.settings summary{cursor:pointer;font-size:13px;font-weight:750;padding:8px 0;min-height:38px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.settings-grid button{font-size:12px}.settings a{font-size:12px;display:inline-block;padding:8px 0}.settings button[aria-pressed=true]{border-color:var(--cyan)}.menu-community{font-size:12px;font-weight:750}.hint{font-size:12px;color:var(--muted);line-height:1.5}
footer{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);max-width:calc(100% - 48px);width:max-content}.arsenal-bar{display:flex;align-items:center;gap:12px;padding:9px 10px 9px 16px;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 32px #04142655}.auto-label{font-size:9px;letter-spacing:.06em;font-weight:900;white-space:nowrap;color:var(--lime)}#weaponState{display:flex;gap:6px;flex-wrap:wrap}.loadout-chip{display:block;border:1px solid color-mix(in srgb,var(--weapon-colour) 45%,transparent);background:#ffffff08;border-radius:9px;padding:9px;font-size:11px;font-weight:750;white-space:nowrap;color:var(--weapon-colour)}#weaponsFooter{font-size:12px;white-space:nowrap}.footer-meta{display:flex;justify-content:space-between;gap:16px;font-size:10px;font-weight:650;text-shadow:0 1px 4px #031120;color:#f0f7ff;padding:7px 2px 0}
.wardrobe,.level-select,.weapon-select{background:#10233c;color:#f5f8ff;border:1px solid #6889a977;border-radius:20px;padding:24px;box-shadow:0 25px 100px #020b1ab3}.wardrobe{position:absolute;z-index:8;left:50%;top:50%;transform:translate(-50%,-50%);width:min(760px,94vw);max-height:94dvh;overflow:auto}.wardrobe h2,.level-heading h2{font-size:27px;letter-spacing:-.6px;margin:0}.wardrobe p{color:var(--muted);font-size:13px;line-height:1.5;margin:10px 0}.costume-preview{position:relative;border:1px solid #91b5cd44;border-radius:15px;overflow:hidden;background:#122f35;margin:12px 0}.costume-preview canvas{display:block;width:100%;height:220px;touch-action:none}.costume-preview span{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:11px;color:#e7f5ff;pointer-events:none}#skinSearch{width:100%;padding:12px;background:#0a192b;color:#f5f8ff;border:1px solid #6b89a977;border-radius:11px}#skinCategories{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}#skinCategories button{font-size:12px;padding:9px 12px}#skinCategories button[aria-pressed=true]{background:var(--lime);color:#173021}#skins{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:26dvh;overflow:auto;padding:4px;margin:12px 0 18px}#skins button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:135px;padding:10px;background:#203e58}#skins button.selected{border:2px solid var(--lime);background:#33524f}#skins img{width:96px;height:72px;object-fit:contain;margin-bottom:6px}#skins strong{font-size:13px;line-height:1.35}#skins small{font-size:11px;color:#c3d5e6;margin-top:4px}#closeWardrobe{position:sticky;bottom:0}dialog{width:min(920px,94vw);max-height:90dvh;overflow:auto}dialog::backdrop{background:#030d20cc}.level-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.level-heading button{font-size:12px}dialog p{font-size:14px;color:var(--muted);line-height:1.6}.level-select h3{color:var(--cyan);font-size:17px;margin:22px 0 12px}.level-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.level-grid button{min-height:88px;text-align:left;padding:13px}.level-grid button:disabled{background:#142a40;color:#7e96ad;border-style:dashed}.level-grid strong{display:block;font-size:13px;line-height:1.5}.level-grid span{display:block;font-size:11px;font-weight:400;color:#c2d6e8;line-height:1.4;margin-top:6px}.level-grid button:disabled span{color:#91a5b9}#weaponList{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.weapon-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:10px;padding:18px;min-height:236px;background:linear-gradient(145deg,#203c57,#132b44);border:2px solid #416080}.weapon-card[aria-pressed=true]{border-color:var(--weapon-colour)}.weapon-card:disabled{opacity:1}.weapon-card:disabled:not([aria-pressed=true]){background:#14283d;border-style:dashed;color:#b7c9d8}.weapon-card strong{font-size:18px;letter-spacing:-.3px}.weapon-card b{color:var(--weapon-colour);font-size:10px;letter-spacing:.07em;text-transform:uppercase}.weapon-card>span:not(.weapon-icon){color:#c5d7e8;font-size:13px;line-height:1.5;font-weight:400}.weapon-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;color:var(--weapon-colour);background:#0b2037;border:1px solid #d1e8ff33;font-size:32px}.weapon-card small{margin-top:auto;font-size:12px;color:var(--weapon-colour)}
.touch-controls{display:none;position:absolute;bottom:105px;left:22px;right:22px;align-items:flex-end;justify-content:space-between;pointer-events:none}#joystick{width:110px;height:110px;border:2px solid #e2f2ff77;border-radius:50%;background:#163249aa;position:relative;touch-action:none;pointer-events:auto}#stick{position:absolute;width:46px;height:46px;left:30px;top:30px;border:2px solid #dff6ff;background:#80cee2bb;border-radius:50%;pointer-events:none}.touch-actions button{width:82px;height:82px;border-radius:50%;font-size:13px;font-weight:900;background:var(--lime);color:#183230;border:3px solid #ebffc788;pointer-events:auto;touch-action:none;user-select:none}body.touch.playing .touch-controls{display:flex}#error{position:absolute;inset:0;z-index:99;background:#10243b;padding:18vh 10vw;text-align:center}#error p{line-height:1.6}.expanded{position:fixed!important;inset:0!important;z-index:9999!important}body:not(.playing) .hud,body:not(.playing) #bossHud,body:not(.playing) footer{display:none}[hidden]{display:none!important}
@media(max-width:1100px){#bossHud{top:240px;left:24px;transform:none;width:300px}.arsenal-bar{max-width:85vw}#weaponState{gap:4px}.loadout-chip{font-size:10px;padding:7px}.auto-label{display:none}}
@media(max-width:720px){header{padding:12px 14px}.brand{font-size:26px}.toolbar{gap:6px}.toolbar button{padding:8px 10px;font-size:12px}.hud{left:12px;right:12px;top:70px;gap:9px}.mission{padding:11px 12px;width:58%}.objective-line{gap:6px;margin:6px 0}.objective-line img{display:none}.objective-line strong{font-size:15px}.eyebrow{font-size:9px;letter-spacing:.04em}.health{min-width:108px;padding:10px}#hearts{font-size:17px;letter-spacing:0}#dashState{font-size:11px}#coopStatus,#pixieState{font-size:10px;max-width:122px}#count,#raceGuide{font-size:11px}#bossHud{top:221px;left:12px;width:58%;padding:10px 12px}#bossHud>span{font-size:10px}#bossHp{font-size:10px}.menu{padding:70px 14px 14px;align-items:start}.menu-card{display:block;max-width:460px;border-radius:20px}.menu-art{display:none}.menu-content{padding:24px}.menu h1{font-size:44px}.menu p{font-size:14px}.menu-actions button{font-size:12px}.save-card{margin-top:15px}.wardrobe,.level-select,.weapon-select{padding:18px}.level-heading h2,.wardrobe h2{font-size:23px}.level-grid,#weaponList{grid-template-columns:repeat(2,minmax(0,1fr))}#weaponList{gap:9px}.weapon-card{min-height:235px;padding:13px}.weapon-card strong{font-size:16px}#skins{grid-template-columns:repeat(2,minmax(0,1fr))}.costume-preview canvas{height:190px}footer{bottom:max(12px,env(safe-area-inset-bottom));max-width:calc(100% - 24px);width:calc(100% - 24px)}.arsenal-bar{max-width:100%;padding:7px;gap:6px}#weaponState{flex:1;min-width:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.loadout-chip{padding:8px;font-size:10px}#weaponsFooter{padding:8px 11px;font-size:11px}.footer-meta{font-size:9px;gap:8px}#toast{bottom:235px;font-size:12px}.touch-controls{bottom:100px;left:18px;right:18px}}
@media(max-height:620px) and (min-width:721px){header{padding:10px 18px}.menu{padding:66px 18px 18px;place-items:start center}.menu-card{max-width:920px}.menu-content{padding:24px}.menu h1{font-size:39px;margin:12px 0}.menu p{font-size:13px;margin-bottom:15px}.menu-art{padding:20px}.game-logo{max-height:210px;width:auto;max-width:100%;margin:10px 0}.producer-credit{margin-top:10px}.production-logo{width:160px}.hud{top:68px;left:18px;right:18px}.mission{width:240px;padding:10px 12px}.objective-line strong{font-size:15px}#bossHud{top:68px;left:50%;transform:translateX(-50%);width:27vw}.health{padding:10px}#toast{bottom:110px}.touch-controls{bottom:94px;left:20px;right:20px}#joystick{width:90px;height:90px}#stick{left:20px;top:20px}.touch-actions button{width:72px;height:72px}.costume-preview canvas{height:150px}#skins{max-height:22dvh}footer{bottom:10px}.arsenal-bar{max-width:calc(100vw - 250px)}}
@media(prefers-reduced-motion:reduce){button,#toast,.track i{transition:none}}

@media(max-width:720px){.menu-art{display:flex;flex-direction:row;gap:12px;justify-content:center;height:96px;padding:8px 20px;border-right:0;border-bottom:1px solid var(--line)}.menu-art>.season-tag,.menu-art>.world-tags,.menu-art>p{display:none}.menu-art .game-logo{width:130px;height:84px;margin:0;object-fit:contain}.menu-art .producer-credit{margin:0;max-width:140px}.menu-art .production-logo{width:130px}.menu-art .producer-credit span{font-size:8px}}