@font-face{font-family:Permanent Marker;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/permanent-marker-latin-400-normal-BF23djCy.woff2)format("woff2"),url(/assets/permanent-marker-latin-400-normal-BnZj5c41.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#f6f1e5;--paper-dim:#ece5d4;--ink:#171616;--ink-soft:#5b5650;--accent:#e8b23a;--red:#e5352b;--blue:#3555d6;--green:#27a862}*{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;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;line-height:0;display:inline-block}.hand-text svg{display:block;overflow:visible}.ink-icon{line-height:0;display:inline-block}.ink-icon svg{display:block;overflow:visible}.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-btn{align-items:center;gap:12px;padding:12px 22px 12px 16px;transition:transform .12s steps(2,end);display:inline-flex}.ink-btn:hover,.ink-btn:focus-visible{transform:translate(-2px,-3px)rotate(-1.2deg)}.ink-btn:active{transform:translate(3px,4px)}.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.is-locked,.mode-card.is-locked{cursor:not-allowed;color:var(--ink-soft)}.ink-btn.is-locked:hover,.mode-card.is-locked:hover{transform:none}.nope{animation:.32s steps(6,end) nope}@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{padding:8px;transition:transform .12s steps(2,end)}.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 9px;transition:transform .1s steps(2,end)}.ink-seg__opt:hover{transform:translateY(-2px)rotate(-1deg)}.ink-seg__opt.is-on{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,.hud{zoom:var(--ui-scale,1)}.screen{position:absolute;inset:0}.screen.enter{animation:.22s steps(3,end) stamp}@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::-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{flex-direction:column;align-items:center;gap:10px;padding:22px 14px 20px;transition:transform .12s steps(2,end);display:flex}.mode-card:hover{transform:translateY(-5px)rotate(-1deg)}.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)}.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{flex-direction:column;flex:1;align-items:center;gap:5px;width:100%;padding:10px 10px 12px;transition:transform .12s steps(2,end);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:54px 120px;align-items:center;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__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__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-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:.36s steps(3,end) bump}@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%;flex-direction:column;align-items:flex-end;gap:5px;transition:opacity .3s steps(3,end),transform .3s steps(3,end);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:.3s steps(3,end) infopop}@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 steps(2,end) infinite cookhot}@keyframes cookhot{0%{transform:translate(-1.5px)rotate(-1deg)}to{transform:translate(1.5px)rotate(1deg)}}.slot{place-items:center;width:82px;height:82px;transition:transform .12s steps(2,end);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.ding{animation:.3s steps(3,end) ding}.slot.is-on.ding{animation:.3s steps(3,end) dingOn}@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-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}}