@font-face{font-family:Spud Brawl Display;src:url(/assets/SpudBrawl-Display-CpEtthu6.woff2)format("woff2");font-display:block}@font-face{font-family:Spud Brawl Text;src:url(/assets/SpudBrawl-Text-wOduMUYa.woff2)format("woff2");font-display:block}:root{--paper:#f6f1e5;--paper-dim:#ece5d4;--ink:#171616;--ink-soft:#5b5650;--accent:#e8b23a;--red:#e5352b;--blue:#3555d6;--green:#27a862;--ease-pop:cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box}html,body{background:var(--paper);height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;margin:0;font-family:Spud Brawl Text,sans-serif;overflow:hidden}#app{position:fixed;inset:0}#game{width:100%;height:100%;display:block}#hud,#ui{pointer-events:none;position:absolute;inset:0}.hidden{display:none!important}.muted{color:var(--ink-soft)}.hand-text{vertical-align:middle;white-space:nowrap;letter-spacing:.01em;font-feature-settings:"calt" 1, "kern" 1;font-family:Spud Brawl Display,Spud Brawl Text,sans-serif;font-weight:400;display:inline-block}.hand-text--small{letter-spacing:.02em;font-family:Spud Brawl Text,sans-serif}.ink-icon{line-height:0;display:inline-block}.ink-icon svg{transform-origin:50% 60%;display:block;overflow:visible}:is(button,a,[data-hover],.tag-press):hover .ink-icon--hover svg,:is(button,a,[data-hover],.tag-press):focus-visible .ink-icon--hover svg{animation:.7s ease-in-out infinite icon-wiggle}.ink-icon--idle svg,.ink-icon.is-active svg{animation:1.3s ease-in-out infinite icon-bob}@keyframes icon-wiggle{0%,to{transform:rotate(0)scale(1)}25%{transform:rotate(-9deg)scale(1.12)}70%{transform:rotate(7deg)scale(1.1)}}@keyframes icon-bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-3px)rotate(-4deg)}}@media (prefers-reduced-motion:reduce){.ink-icon svg{animation:none!important}}.ink-framed{isolation:isolate;position:relative}.ink-frame{z-index:-1;pointer-events:none;position:absolute;top:-12px;left:-12px;overflow:visible}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:focus-visible{outline:3px dashed var(--ink);outline-offset:8px}.ink-frame--tag{--depth:5px;--depth-color:var(--ink);filter:drop-shadow(0 var(--depth) 0 var(--depth-color))}.ink-btn,.ink-seg__opt,.tag-press{transition:transform .18s var(--ease-pop)}.ink-btn .ink-frame--tag,.ink-seg__opt .ink-frame--tag,.tag-press .ink-frame--tag{transition:filter .18s var(--ease-pop)}.ink-btn:hover .ink-frame--tag,.ink-btn:focus-visible .ink-frame--tag,.ink-seg__opt:hover .ink-frame--tag,.tag-press:hover .ink-frame--tag{filter:drop-shadow(0 calc(var(--depth) + 3px) 0 var(--depth-color))}.ink-btn:hover .tag-face,.ink-seg__opt:hover .tag-face,.tag-press:hover .tag-face{filter:brightness(1.05)saturate(1.1)}.ink-btn:active .ink-frame--tag,.ink-seg__opt:active .ink-frame--tag,.ink-seg__opt.is-on .ink-frame--tag,.tag-press:active .ink-frame--tag,.tag-press.is-packed .ink-frame--tag{filter:drop-shadow(0 1px 0 var(--depth-color))}.ink-btn:active,.tag-press:active{transition-duration:60ms}.ink-btn:active .tag-face,.tag-press:active .tag-face{filter:brightness(.93)}.ink-btn:active .tag-shine,.ink-seg__opt.is-on .tag-shine,.tag-press.is-packed .tag-shine{opacity:.35}.tag-press.is-packed{transform:translateY(3px)}.ink-btn.is-locked .ink-frame--tag,.tag-press.is-locked .ink-frame--tag,.ink-btn:disabled .ink-frame--tag{filter:none}.ink-btn.is-locked .hand-text,.ink-btn.is-locked .ink-btn__icon,.tag-press.is-locked>.ink-icon{opacity:.5}.ink-btn{align-items:center;gap:12px;padding:12px 22px 12px 16px;display:inline-flex}.ink-btn:hover,.ink-btn:focus-visible{transform:translateY(-3px)rotate(-1.2deg)}.ink-btn:active{transform:translateY(4px)scale(1.02,.95)}.ink-btn:focus-visible{outline-offset:10px}.ink-btn__text{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.ink-btn--xl{gap:16px;padding:14px 30px 14px 20px}.ink-btn--l{padding:10px 22px 10px 14px}.ink-btn--s{gap:8px;padding:8px 14px 8px 10px}.ink-btn--quiet:hover{transform:translate(-3px)}.ink-btn--quiet:active{transform:translate(-3px,2px)}.ink-btn.is-locked,.mode-card.is-locked{cursor:not-allowed;color:var(--ink-soft)}.ink-btn.is-locked:hover,.ink-btn.is-locked:active,.mode-card.is-locked:hover{transform:none}.nope{animation:nope .32s var(--ease-pop)}@keyframes nope{0%,to{transform:translate(0)}20%{transform:translate(-7px)rotate(-1deg)}40%{transform:translate(6px)rotate(1deg)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}.ink-sticker{color:var(--ink);padding:5px 9px;position:absolute;top:-14px;right:-16px;transform:rotate(7deg)}.icon-btn{transition:transform .12s var(--ease-pop);padding:8px}.icon-btn:hover{transform:rotate(-6deg)scale(1.08)}.ink-seg{flex-wrap:nowrap;flex:none;gap:8px;display:flex}.ink-seg__opt{padding:5px 10px}.ink-seg__opt .ink-frame--tag{--depth:3px}.ink-seg__opt:hover{transform:translateY(-2px)rotate(-1deg)}.ink-seg__opt.is-on,.ink-seg__opt:active{transform:translateY(2px)}.ink-slider{align-items:center;gap:10px;display:flex;position:relative}.ink-slider__track{width:220px;height:30px;overflow:visible}.ink-slider input{opacity:0;cursor:pointer;width:220px;height:30px;margin:0;position:absolute;top:0;left:0}.ink-slider input:focus-visible+.ink-slider__value{outline:2px dashed var(--ink);outline-offset:4px}.ink-slider__value{min-width:52px}.ink-bar{display:block;overflow:visible}.ui-layer{pointer-events:auto;position:absolute;inset:0}.ui-layer,.resume-hint,.secret-toast,.hud{zoom:var(--ui-scale,1)}.screen{position:absolute;inset:0}.screen.enter{animation:stamp .22s var(--ease-pop)}@keyframes stamp{0%{opacity:0;transform:scale(1.04)rotate(.6deg)}60%{opacity:1;transform:scale(.995)rotate(-.2deg)}to{opacity:1;transform:none}}.screen--main:before{content:"";pointer-events:none;background:linear-gradient(90deg,#f6f1e5e6 0%,#f6f1e599 34%,#f6f1e500 58%);position:absolute;inset:0}.main-col{flex-direction:column;gap:clamp(10px,2.6vh,36px);display:flex;position:absolute;top:clamp(14px,4vh,64px);left:clamp(24px,5vw,80px)}.logo{flex-direction:column;align-items:flex-start;display:flex;transform:rotate(-3deg)}.logo__panic{margin-top:-14px;margin-left:26px}.logo__tag{margin:2px 0 0 34px}.main-nav{flex-direction:column;align-items:flex-start;gap:clamp(10px,1.9vh,24px);padding-left:8px;display:flex}.main-nav .ink-btn:nth-child(2){margin-left:18px}.main-nav .ink-btn:nth-child(3){margin-left:6px}.main-nav .ink-btn:nth-child(4){margin-left:26px}.player-card{align-items:center;gap:14px;padding:10px 18px 10px 12px;display:flex;position:absolute;top:26px;right:104px;transform:rotate(-1deg)}.player-card__badge{place-items:center;display:grid;position:relative}.player-card__badge>*{grid-area:1/1}.player-card__lvl{margin-top:-4px}.player-card__info{flex-direction:column;gap:5px;display:flex}.xp-bar{border:2px solid var(--ink);border-radius:6px 3px 7px 4px;width:170px;height:8px;overflow:hidden}.xp-bar__fill{background:var(--accent);height:100%}.version{opacity:.7;position:absolute;bottom:20px;right:26px}.sound-btn{position:absolute;top:26px;right:28px}.panel{flex-direction:column;width:min(760px,100vw - 48px);max-height:calc(100vh - 40px);padding:16px 30px 22px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-.4deg)}.panel--wide{width:min(1120px,100vw - 48px)}.panel__head{align-items:center;gap:20px;margin-bottom:6px;display:flex}.panel__title{margin-left:auto;margin-right:auto;transform:rotate(-2deg)translate(-40px)}.panel__body{scrollbar-width:thin;scrollbar-color:var(--ink) transparent;margin:0 -14px;padding:10px 14px 14px;overflow:hidden auto}.panel__body.more-below{-webkit-mask-image:linear-gradient(#000 calc(100% - 48px),#0000);mask-image:linear-gradient(#000 calc(100% - 48px),#0000)}.panel__body::-webkit-scrollbar{width:8px}.panel__body::-webkit-scrollbar-thumb{background:var(--ink);border-radius:6px 3px 7px 2px}.panel__body::-webkit-scrollbar-track{background:repeating-linear-gradient(-45deg,#17161626 0 1px,#0000 1px 6px)}.panel__intro{text-align:center;margin:0 auto 12px;display:block}.mode-grid{grid-template-columns:repeat(3,1fr);gap:32px;padding:18px 10px 14px;display:grid}.mode-card{transition:transform .12s var(--ease-pop);flex-direction:column;align-items:center;gap:10px;padding:22px 14px 20px;display:flex}.mode-card:hover{transform:translateY(-5px)rotate(-1deg)}.mode-card:active{transform:translateY(4px)scale(1.01,.97)}.mode-card__text{margin-top:2px}.mode-grid--maps{grid-template-columns:repeat(4,1fr);gap:22px}.screen--pause{background:#17161647}.pause-row{justify-content:center;align-items:center;gap:44px;display:flex;position:absolute;inset:0}.pause-card{flex-direction:column;align-items:center;gap:22px;padding:26px 46px 34px;display:flex;transform:rotate(-1deg)}.pause-moves{flex-direction:column;gap:14px;padding:20px 26px 24px;display:flex;transform:rotate(.8deg)}.pause-moves .keys{gap:9px}.pause-moves .keys__row{grid-template-columns:128px 1fr}.pause-nav{flex-direction:column;align-items:stretch;gap:16px;display:flex}.resume-hint{pointer-events:none;padding:12px 22px;position:absolute;top:30%;left:50%;transform:translate(-50%)rotate(-2deg)}.secret-toast{z-index:50;pointer-events:none;flex-direction:column;align-items:center;gap:4px;padding:12px 24px;animation:3.2s ease-out forwards secret-toast;display:flex;position:absolute;top:14%;left:50%;transform:translate(-50%)rotate(-3deg)}@keyframes secret-toast{0%{transform:translate(-50%)rotate(-3deg)scale(.4)}8%{transform:translate(-50%)rotate(-3deg)scale(1.12)}14%,86%{transform:translate(-50%)rotate(-3deg)scale(1)}to{transform:translate(-50%)rotate(-3deg)scale(0)}}.sack-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.sack-col{flex-direction:column;align-items:center;gap:10px;display:flex}.sack-role{flex-direction:column;align-items:center;gap:2px;display:flex}.sack-card{width:100%;transition:transform .12s var(--ease-pop);flex-direction:column;flex:1;align-items:center;gap:5px;padding:10px 10px 12px;display:flex}.sack-card:hover{transform:translateY(-4px)rotate(-1deg)}.sack-card.is-on{transform:translateY(-8px)rotate(-1.5deg)}.sack-card__blurb{flex:1;align-items:flex-start;display:flex}.sack-stats{flex-direction:column;gap:4px;margin-top:2px;display:flex}.stat-row{grid-template-columns:64px 120px;align-items:center;column-gap:4px;display:grid}.sack-mastery{flex-direction:column;align-items:center;gap:3px;margin-top:8px;display:flex}.sack-alts{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.sack-alt{all:unset;cursor:pointer;align-items:center;gap:8px;padding:6px 12px 6px 8px;display:flex;position:relative}.sack-alt:hover{transform:translateY(-2px)rotate(-1deg)}.sack-alt.is-locked{color:var(--ink-soft);cursor:default;flex-direction:column;gap:2px}.sack-alt.is-locked:hover{transform:none}.sack-alt.is-packed{opacity:.62}.sack-alt.is-packed:hover{opacity:1}.sack-arsenal__head{justify-content:center;margin:26px 0 10px;display:flex}.sack-arsenal{max-width:920px;margin:0 auto}.sack-alt__text{flex-direction:column;gap:2px;display:flex}.profile{grid-template-columns:290px 1fr;gap:36px;display:grid}.profile__left,.profile__right{flex-direction:column;gap:14px;display:flex}.profile__right{gap:12px}.profile__left{align-self:start;position:sticky;top:0}@media (max-width:980px){.profile__left{position:static}}.profile__head{flex-direction:column;gap:4px;display:flex}.rank-card{grid-template-columns:auto 1fr;align-items:center;gap:8px 14px;padding:14px 16px 12px;display:grid}.rank-card__text{flex-direction:column;gap:4px;display:flex}.rank-card__ladder{border-top:1.5px dashed #17161640;flex-direction:column;grid-column:1/-1;align-items:center;gap:3px;padding-top:8px;display:flex}.level-row{flex-direction:column;gap:6px;display:flex}.level-row__line{align-items:center;gap:10px;display:flex}.stat-grid{grid-template-columns:1fr 1fr;gap:10px 14px;display:grid}.stat-cell{flex-direction:column;gap:2px;display:flex}.mastery-row{grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:8px 18px 8px 14px;display:grid}.mastery-row__col{flex-direction:column;gap:5px;display:flex}.mastery-row__title,.mastery-row__bar{align-items:center;gap:10px;display:flex}.mastery-row__tiers{gap:2px;display:flex}.mastery-row__tiers .is-dim{opacity:.5}.set-body{overflow:visible}.set-tabs{flex-wrap:wrap;justify-content:center;gap:10px;margin:2px 0 22px;display:flex}.set-tab{padding:7px 16px 8px}.set-content{min-height:min(470px,100vh - 230px)}.set-page{animation:set-page-in .22s var(--ease-pop)}@keyframes set-page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.set-preset{align-items:center;gap:10px;display:flex}.set-preset-name{color:var(--red);min-width:0}.set-keys .rebind__grid{grid-template-columns:1fr}.set-keys{scrollbar-width:thin;scrollbar-color:var(--ink) transparent;max-height:min(470px,100vh - 250px);padding:2px 10px 6px 4px;overflow-y:auto}.set-cols{grid-template-columns:1fr 1fr;gap:40px;display:grid}.set-group{flex-direction:column;gap:16px;margin-bottom:26px;display:flex}.set-group__title{margin-bottom:2px;transform:rotate(-1.5deg)}.set-row{justify-content:space-between;align-items:center;gap:18px;display:flex}.set-row__label{flex-direction:column;flex:auto;gap:4px;min-width:0;display:flex}.set-reset{margin-top:6px}.keys{flex-direction:column;gap:10px;display:flex}.keys__row{grid-template-columns:150px 1fr;align-items:center;gap:12px;display:grid}.keys__caps{align-items:center;gap:8px;display:flex}.rebind__grid{grid-template-columns:1fr 1fr;gap:8px 44px;display:grid}.rebind__row{grid-template-columns:1fr 112px 112px;align-items:center;gap:10px;display:grid}.rebind__slot{all:unset;cursor:pointer;place-items:center;min-height:30px;display:grid;position:relative}.rebind__slot.is-empty{opacity:.55}.rebind__slot:focus-visible{outline:2px dashed var(--ink);outline-offset:3px}.rebind__foot{justify-content:space-between;align-items:center;gap:20px;margin-top:16px;display:flex}.rebind__notes{flex-direction:column;gap:6px;display:flex}.keys__label{flex-direction:column;gap:2px;display:flex}.keycap{place-items:center;min-width:26px;padding:5px 6px;display:inline-grid}.hud{position:absolute;inset:0}.reticle-layer{pointer-events:none;position:absolute;inset:0}.hud-score{align-items:center;gap:10px;padding:8px 16px 8px 10px;display:flex;position:absolute;top:22px;right:26px;transform:rotate(2deg)}.hud-score__col{flex-direction:column;align-items:flex-start;gap:3px;display:flex}.hud-score.bump{animation:bump .36s var(--ease-pop)}@keyframes bump{0%{transform:rotate(-6deg)scale(1.3)}to{transform:rotate(2deg)scale(1)}}.hud-bar{align-items:flex-end;gap:22px;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.hud-slots{align-items:flex-end;gap:18px;display:flex}.hud-info{white-space:nowrap;transform-origin:100% 100%;transition:opacity .3s var(--ease-pop), transform .3s var(--ease-pop);flex-direction:column;align-items:flex-end;gap:5px;display:flex;position:absolute;bottom:8px;right:calc(100% + 26px)}.hud-info>.hand-text:not(:first-child){filter:drop-shadow(0 0 1.5px var(--paper)) drop-shadow(0 0 1.5px var(--paper)) drop-shadow(0 0 1px var(--paper))}.hud-info.calm{opacity:.85;transform:scale(.94)}.hud-info.pop{animation:infopop .3s var(--ease-pop)}@keyframes infopop{0%{transform:translate(16px)rotate(2deg)scale(1.08)}to{transform:none}}.hud-cook{align-items:center;gap:8px;display:flex}.hud-cook__bar{width:170px;height:16px;overflow:visible}.hud-cook.is-hot{animation:.25s ease-in-out infinite cookhot}@keyframes cookhot{0%{transform:translate(-1.5px)rotate(-1deg)}to{transform:translate(1.5px)rotate(1deg)}}.slot{width:82px;height:82px;transition:transform .12s var(--ease-pop);place-items:center;display:grid}.slot>*{grid-area:1/1}.slot.is-on{transform:translateY(-12px)scale(1.1)rotate(-2deg)}.slot.is-cooling .slot__icon{opacity:.55}.slot__hatch{width:70px;height:70px}.slot__key{background:var(--paper);border:2px solid var(--ink);border-radius:50% 45% 55% 48%;place-self:start;place-items:center;width:24px;height:24px;margin:-8px 0 0 -8px;display:grid}.slot__timer{filter:drop-shadow(0 0 2px var(--paper)) drop-shadow(0 0 2px var(--paper))}.slot__ammo{background:var(--ink);min-width:18px;color:var(--paper);text-align:center;border-radius:7px 6px 8px 5px;place-self:end;margin:0 4px 5px 0;padding:1px 5px 2px;line-height:1.15!important}.slot__ammo:empty{display:none}.slot.is-empty .slot__ammo{background:#e5352b}.slot.is-empty .slot__icon{opacity:.4}.hud-ammo{filter:drop-shadow(0 0 1.5px var(--paper)) drop-shadow(0 0 1.5px var(--paper)) drop-shadow(0 0 1px var(--paper));align-items:baseline;gap:6px;display:flex}.hud-ammo.is-low .hud-ammo__count{color:#e5352b}.hud-ammo__size{opacity:.7}.hud-ammo__empty{color:#e5352b;margin-right:8px}.hud-ammo__empty.jolt{animation:jolt .3s var(--ease-pop)}@keyframes jolt{0%{transform:translate(-6px)rotate(-3deg)scale(1.15)}50%{transform:translate(5px)rotate(2deg)scale(1.1)}to{transform:none}}.hud-reload{margin-right:8px}.hud-reload .hud-cook__bar{width:120px}.slot.ding{animation:ding .3s var(--ease-pop)}.slot.is-on.ding{animation:dingOn .3s var(--ease-pop)}@keyframes ding{0%{transform:translateY(-8px)scale(1.12)rotate(4deg)}to{transform:none}}@keyframes dingOn{0%{transform:translateY(-20px)scale(1.2)rotate(3deg)}to{transform:translateY(-12px)scale(1.1)rotate(-2deg)}}.hud-chip{align-self:center;place-items:center;width:50px;height:50px;margin-left:4px;display:grid}.hud-chip>*{grid-area:1/1}.hud-chip .slot__hatch{width:42px;height:42px}.hud-chip__label{align-self:end;margin-bottom:-24px}.hud-chip.is-cooling>.hand-text:not(.hud-chip__label){opacity:.5}.hud-hint{opacity:.7;position:absolute;top:20px;left:24px}.hud-fps{position:absolute;top:42px;left:24px}@media (max-width:980px){.sack-grid{grid-template-columns:repeat(2,1fr)}.profile,.set-cols,.rebind__grid,.mode-grid{grid-template-columns:1fr}.mode-grid--maps{grid-template-columns:repeat(2,1fr)}.pause-moves{display:none}}@media (max-height:800px){.panel__intro{margin-bottom:6px}.sack-grid{gap:16px}.sack-col{gap:6px}.sack-card{gap:4px;padding:8px 10px 10px}.sack-stats{gap:3px}.sack-mastery{margin-top:4px}.sack-arsenal__head{margin:12px 0 6px}.sack-alts{gap:8px 12px}.sack-alt{padding:4px 12px 4px 8px}}@media (max-width:1120px){.hud-info{transform-origin:bottom;align-items:center;animation:none;bottom:calc(100% + 22px);left:50%;right:auto;transform:translate(-50%)}.hud-info.calm{transform:translate(-50%)scale(.94)}}@media (max-width:720px){.slot{width:62px;height:62px}.hud-bar{gap:10px}.hud-chip{display:none}}
