:root{--paper:#111f12;--ink:#fff9e4;--ink-soft:#77785b;--heart:#ff5777;--heart-off:#2f2a4c;--spark:#ffb915;--open:#ffe077;--card:#182a1a;--line:#2b4a30;--frame:#3f6b4a;--buncss-light: ;--buncss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{color:var(--ink);-webkit-font-smoothing:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;height:100%;margin:0;font-family:Dungeon Mode,ui-monospace,monospace;font-size:16px;line-height:1.5}@media (min-width:760px) and (min-height:760px){html,body{font-size:24px}}@media (min-width:1400px) and (min-height:1300px){html,body{font-size:32px}}body{background-color:var(--paper);background-image:radial-gradient(ellipse at 50% 50%,transparent 45%,color-mix(in srgb,var(--paper-shade,var(--paper))70%,transparent)130%),var(--paper-tex,none);background-size:100% 100%,var(--paper-tex-size,256px)var(--paper-tex-size,256px);background-repeat:no-repeat,repeat;background-attachment:fixed,fixed}#app{display:flex;padding:max(10px,env(safe-area-inset-top))16px max(10px,env(safe-area-inset-bottom));flex-direction:column;max-width:max(560px,100dvh - 40px);height:100dvh;margin:0 auto}#loading{position:fixed;z-index:100;display:grid;background:#000;place-items: center;transition:opacity .35s ease-out;inset:0}#loading img{image-rendering:pixelated;animation:loading-breathe 1.4s ease-in-out infinite;width:calc(max(100vw,100vh)/7.11458)}#loading.done{opacity:0;pointer-events:none}@keyframes loading-breathe{50%{opacity:.45}}#hud .row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}#hud .title{display:flex;align-items:baseline}#hud .run{display:flex;color:color-mix(in srgb,var(--ink-soft)80%,var(--paper));justify-content:space-between;gap:1rem;font-size:.625rem;line-height:1.5}#hud .run[hidden],#app.campaign #hud .score{display:none}#hud .run .new{color:var(--spark);animation:newbest-blaze .36s steps(1)infinite}#hud .run.beat .new{transform-origin:right center;animation:run-beat .52s cubic-bezier(.2,1.7,.4,1),newbest-blaze .36s steps(1)infinite}@keyframes run-beat{0%{transform:scale(2.6)}to{transform:none}}.mark{color:var(--heart);margin-right:.4em}#stats{display:flex;align-items:baseline;gap:1rem}#stats .hearts,#stats .sparks{display:inline-flex;align-self: center;align-items: center;gap:.125em}#stats img{image-rendering:pixelated;width:.875em;height:.75em}#stats img.spark{height:.875em}#banner .heart{letter-spacing:.1875rem}.score{display:inline-flex;flex-direction:row-reverse;align-items:baseline;gap:.375rem}.score .pts{display:inline-block;font-weight:400}.score .pts.bump{animation:score-bump .32s ease-out}@keyframes score-bump{0%{transform:scale(1.6);color:var(--open)}to{transform:scale(1);color:var(--ink)}}.score .combo{display:inline-block;color:var(--open)}.score .combo.hot{color:var(--heart)}.score .combo.blaze{color:var(--heart);animation:combo-blaze .3s steps(1)infinite}.score .combo[data-grace=low]{opacity:.6}.score .combo[data-grace=last]{animation:combo-last .4s steps(1)infinite}.score .combo.pop{animation:combo-pop .42s cubic-bezier(.2,1.8,.4,1)}.score .combo.blaze.pop{animation:combo-pop .42s cubic-bezier(.2,1.8,.4,1),combo-blaze .3s steps(1)infinite}.score .combo.break{animation:combo-break .52s ease-in forwards}@keyframes combo-pop{0%{transform:scale(2.4)rotate(-14deg)}to{transform:scale(1)rotate(0)}}@keyframes combo-last{0%{opacity:1}50%{opacity:.25}}@keyframes combo-blaze{0%{color:var(--heart)}33%{color:var(--open)}66%{color:var(--spark)}}@keyframes combo-break{0%{transform:none;opacity:1}15%{transform:translate(-.2rem)rotate(-10deg)}30%{transform:translate(.2rem)rotate(8deg);opacity:1}to{transform:translateY(1rem)rotate(30deg);opacity:0}}.log-slot{display:flex;flex:1;justify-content:center;align-items: center;min-width:0;min-height:3.75em;padding-inline-start:.75rem;padding-inline-end:.75rem;font-size:.625rem;line-height:1.25}#log{opacity:.75;text-align:left;color:color-mix(in srgb,var(--ink-soft)60%,var(--paper));display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;-webkit-box-orient:vertical;min-width:0}#log .hit{color:var(--ink-soft)}#log .crit{color:var(--open)}#log .kill{color:var(--ink)}#log .hurt{color:var(--heart)}#log .parry{color:var(--parry,#4772bf)}#log .spark{color:var(--spark)}#stage{position:relative;touch-action:none;flex:1;min-height:0}@media (max-width:600px){#stage{margin:0 -16px}#hud{padding-bottom:.25rem}#hud .row{display:grid;grid-template-areas:"title title title" "hearts score sparks";grid-template-columns:1fr auto 1fr;gap:.25rem .75rem}#stats{display:contents}#hud .title{grid-area:title;overflow:hidden;white-space:nowrap;min-width:0}#stats .score{grid-area:score}#stats .score,#stats .hearts,#stats .sparks{font-size:1.5rem;line-height:1.25}#stats .hearts{grid-area:hearts}#stats .sparks{grid-area:sparks;justify-self:end}#hud .run{margin-top:.375rem;font-size:.75rem}}#stage canvas{display:block;cursor:pointer;width:100%;height:100%}#banner{position:absolute;display:none;pointer-events:none;justify-content:center;align-items: center;inset:0}#banner.won,#banner.lost{display:flex}#banner .card{pointer-events:auto;background:var(--paper);border:.375rem double var(--frame);text-align:center;padding:1.5rem 2rem}#banner p{margin:0 0 1rem}#banner .sub{color:var(--ink-soft)}#banner .heart{color:var(--heart)}#banner .open{color:var(--open)}#banner .card{animation:card-in .28s cubic-bezier(.2,1.6,.4,1)}@keyframes card-in{0%{transform:scale(.7);opacity:0}to{transform:none;opacity:1}}#banner .total{display:inline-block;color:var(--open);text-shadow:.1875rem .1875rem 0 var(--heart-off);margin:.5rem 0 1.5rem;font-size:3rem;line-height:1}#banner .total.counting{animation:total-throb .16s ease-in-out infinite alternate}#banner .total.bump{animation:total-bump .26s ease-out}#banner .total.final{animation:total-final .9s ease-out}@keyframes total-throb{0%{transform:scale(1.04)}to{transform:scale(1.08)}}@keyframes total-bump{0%{transform:scale(1.18);color:var(--ink)}to{transform:none}}@keyframes total-final{0%{transform:scale(1.25);color:var(--ink)}40%{transform:scale(.97)}to{transform:none;color:var(--open)}}#banner .tally{display:grid;row-gap:.375rem;width:max-content;min-width:14rem;margin:0 auto 1.5rem}#banner .row{display:flex;color:var(--ink-soft);opacity:0;justify-content:space-between;gap:3rem;transform:translate(-1.5rem)}#banner .row.in{opacity:1;transition:opacity .12s,transform .22s cubic-bezier(.2,1.8,.4,1);transform:none}#banner .row b{font-weight:400}#banner .row.live b{color:var(--open);animation:row-live .12s steps(1)infinite}#banner .row.done b{color:var(--ink)}@keyframes row-live{50%{color:var(--ink)}}#banner .kills{display:flex;box-sizing:border-box;flex-wrap:wrap;width:15rem;margin-bottom:.25rem;padding:.875rem 1.625rem 0 0}#banner .kills i{width:var(--step);opacity:0;flex:none;height:2.125rem;margin-top:-.875rem;font-style:normal}#banner .kills i.in{opacity:1;animation:kill-pop .18s ease-out}#banner .kills img{display:block;image-rendering:pixelated;filter:drop-shadow(-.125rem .0625rem .0625rem #00000080);width:2.125rem;height:2.125rem}@keyframes kill-pop{0%{transform:translateY(-.5rem)scale(1.5)}to{transform:none}}#banner .extra{opacity:0;margin-top:-.5rem;margin-bottom:1.5rem}#banner .record{border-top:.125rem solid var(--line);display:flex;color:var(--ink-soft);justify-content:space-between;gap:2rem;width:max-content;min-width:14rem;margin:0 auto 1.5rem;padding-top:.75rem}#banner .record b{color:var(--ink);font-weight:400}#banner .record b.open{color:var(--open)}#banner .card{position:relative}#banner .total:has(+.newbest){margin-bottom:.75rem}#banner .newbest{color:var(--spark);text-shadow:.125rem .125rem 0 var(--heart-off);opacity:0;margin:0 0 1.25rem;font-size:1.5rem;line-height:1.25}#banner .newbest .mark{margin:0 .4em}#banner .newbest.in{opacity:1;animation:newbest-in .52s cubic-bezier(.2,1.7,.4,1),newbest-blaze .36s steps(1).52s infinite}@keyframes newbest-in{0%{transform:scale(3.2)rotate(-10deg);opacity:0}55%{opacity:1}to{transform:none}}@keyframes newbest-blaze{0%{color:var(--spark)}33%{color:var(--open)}66%{color:var(--heart)}}#banner .confetti{position:absolute;pointer-events:none;width:0;height:0}#banner .confetti i{position:absolute;opacity:0;animation:confetti-fly 1.4s linear forwards;font-size:.875rem;font-style:normal;line-height:1}@keyframes confetti-fly{0%{transform:translate(-50%,-50%)scale(.4);opacity:1;animation-timing-function:cubic-bezier(.1,.7,.3,1)}35%{transform:translate(calc(-50% + var(--dx)*.7),calc(-50% + var(--up)))rotate(calc(var(--spin)*.4));opacity:1;animation-timing-function:cubic-bezier(.5,0,.9,.6)}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--down)))rotate(var(--spin));opacity:0}}@media (prefers-reduced-motion:reduce){#banner .newbest.in{animation:none}}#banner .extra.in{opacity:1;transition:opacity .3s}#banner button+button{margin-left:.5rem}#banner .card:has(.back){position:relative;padding-top:2.75rem}#banner .back{position:absolute;width:1.75rem;height:1.75rem;padding:.25rem;top:.5rem;left:.5rem}#banner .back .px{display:block;fill:currentColor;shape-rendering:crispEdges;width:100%;height:100%}#banner.cleared .star img{display:block;image-rendering:pixelated;width:2.75rem;height:2.75rem;margin:0 auto}#banner.cleared p+button{margin-top:.5rem}#stage-title{position:absolute;top:calc(var(--board-top,0px) + 2.5rem);z-index:2;pointer-events:none;white-space:nowrap;color:var(--ink);background:color-mix(in srgb,var(--paper)88%,transparent);border:.125rem solid var(--frame);opacity:0;padding:.375rem 1rem;font-size:1.25rem;left:50%;transform:translate(-50%)}#stage-title .mark{margin-right:.5rem}#stage-title.show{animation:stage-title 2.2s ease-out both}@keyframes stage-title{0%{opacity:0;transform:translate(-50%,-.75rem)}10%{opacity:1;transform:translate(-50%,.125rem)}16%,75%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}#app.titled #hud,#app.titled #controls,#app.cold #hud,#app.cold #controls{opacity:0}#hud,#controls{transition:opacity .5s}#app.cold #hud,#app.cold #controls{transition:none}#title-card{position:absolute;display:grid;pointer-events:none;color:var(--ink);text-shadow:.25rem .25rem 0 var(--paper);opacity:0;animation:title-in .52s cubic-bezier(.2,1.7,.4,1)var(--wait)forwards;place-content: center;justify-items:center;font-size:3rem;line-height:1.1;inset:0}#app.home #hud{opacity:0;pointer-events:none}#app.home #controls [data-act=home],#app.home #controls [data-act=retry]{visibility:hidden}#home{position:absolute;display:none;z-index:1;container-type:size;flex-direction:column;justify-content:center;align-items: center;gap:min(1.75rem,5cqh);inset:0}#home.open{display:flex}#home .name{display:grid;color:var(--ink);text-shadow:.25rem .25rem 0 var(--paper);opacity:0;animation:title-in .52s cubic-bezier(.2,1.7,.4,1)var(--wait,0s)forwards;justify-items:center;margin:0;font-size:min(3rem,9vw);font-weight:400;line-height:1.1}@supports (width: 1cqw){#home .name{font-size:min(3rem,9cqw,11cqh)}}#home .name b{font-weight:400}#home .name .mark{margin:0 0 .25rem;font-size:.75em}#home nav{display:grid;opacity:0;animation:home-menu .4s ease-out calc(var(--wait,0s) + .35s)forwards;gap:.625rem;width:min(17rem,82%,100cqh)}@keyframes home-menu{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:none}}#home nav button{background:color-mix(in srgb,var(--card)92%,transparent);padding:.5rem .75rem}#home nav .main{display:grid;white-space:normal;border-color:var(--heart);box-shadow:0 .125rem 0 var(--heart);gap:.125rem;padding:.75rem}#home nav .main b{font-size:1.125rem;font-weight:400}#home nav .sub{color:var(--ink-soft);font-size:.625rem}#home .said{color:var(--ink-soft);min-height:1em;margin:.75rem 0 0;font-size:.625rem}#home nav [data-act=campaign]{display:grid;white-space:normal;gap:.125rem}#home nav [data-act=campaign] b{font-weight:400}#stages{position:absolute;display:none;z-index:1;justify-content:center;align-items: center;padding:.5rem;inset:0}#stages.open{display:flex}#stages .card{position:relative;display:flex;background:color-mix(in srgb,var(--paper)94%,transparent);border:.375rem double var(--frame);animation:card-in .28s cubic-bezier(.2,1.6,.4,1);flex-direction:column;width:min(18rem,100%);max-height:100%;padding:1rem 1.5rem}#stages .head{display:flex;align-items: center;gap:.75rem;margin:0 0 .75rem}#stages .head button{width:1.75rem;height:1.75rem;padding:.25rem}#stages .head>span{white-space:nowrap}#stages .head .mark{margin-right:.5rem}#stages ul{overflow:auto;display:grid;grid-template-columns:repeat(4,1fr);list-style:none;scrollbar-width:none;flex:1;gap:.5rem;min-height:0;margin:0;padding:0 .125rem .25rem}#stages ul::-webkit-scrollbar{display:none}#stages .chapter{grid-column:1/-1;color:var(--ink-soft);font-size:.625rem}#stages .chapter:not(:first-child){margin-top:.75rem}#stages li button{display:grid;justify-items:center;gap:.125rem;width:100%;padding:.375rem 0}#stages li .n{font-size:1.25rem;line-height:1.2}#stages li .got{display:grid;color:var(--ink-soft);place-items: center;width:1.375rem;height:1.375rem}#stages li .got .px{width:1rem;height:1rem}#stages li .got img{display:block;image-rendering:pixelated;width:1.375rem;height:1.375rem}#stages .px{display:block;fill:currentColor;shape-rendering:crispEdges;width:100%;height:100%}#stages li .next{border-color:var(--heart);box-shadow:0 .125rem 0 var(--heart)}#stages li .shut{color:var(--ink-soft);border-color:var(--line);box-shadow:none;cursor:default;transform:none}@media (prefers-reduced-motion:reduce){#home .name,#home nav{animation:none;opacity:1}}#stir-line{position:absolute;display:grid;pointer-events:none;text-align:center;text-wrap:balance;color:var(--ink);text-shadow:.125rem .125rem 0 var(--paper),-.125rem 0 0 var(--paper),0 -.125rem 0 var(--paper),.125rem .375rem 0 #00000080;z-index:2;animation:stir-line var(--hold,.8s)ease-out both;place-content: center;margin:0;padding:0 1.5rem;font-size:1.25rem;line-height:1.3;inset:0 0 24%}@keyframes stir-line{0%{opacity:0;transform:translateY(.375rem)}14%,85%{opacity:1;transform:none}to{opacity:0}}#title-card b{font-weight:400}#title-card .mark{margin:0 0 .5rem;font-size:2.5rem}@keyframes title-in{0%{transform:scale(2.4);opacity:0}60%{opacity:1}to{transform:none;opacity:1}}#hud,#controls,#tutorial{width:var(--board-width,100%);align-self: center;max-width:calc(100vw - 1rem)}#tutorial{width:var(--caption-width,100%)}#controls{padding-top:.5rem}button{font:inherit;color:var(--ink);background:var(--card);border:.125rem solid var(--frame);white-space:nowrap;cursor:pointer;touch-action:manipulation;user-select:none;box-shadow:0 .125rem 0 var(--frame);border-radius:0;margin:0;padding:.125rem .625rem}button:active{box-shadow:none;transform:translateY(.125rem)}.toolbar{display:flex;align-items: center;gap:.75rem}.toolbar .group{display:flex;gap:.375rem}.toolbar button{--u:.125rem;--round:polygon(calc(2*var(--u))0,calc(100% - 2*var(--u))0,calc(100% - 2*var(--u))var(--u),calc(100% - var(--u))var(--u),calc(100% - var(--u))calc(2*var(--u)),100% calc(2*var(--u)),100% calc(100% - 2*var(--u)),calc(100% - var(--u))calc(100% - 2*var(--u)),calc(100% - var(--u))calc(100% - var(--u)),calc(100% - 2*var(--u))calc(100% - var(--u)),calc(100% - 2*var(--u))100%,calc(2*var(--u))100%,calc(2*var(--u))calc(100% - var(--u)),var(--u)calc(100% - var(--u)),var(--u)calc(100% - 2*var(--u)),0 calc(100% - 2*var(--u)),0 calc(2*var(--u)),var(--u)calc(2*var(--u)),var(--u)var(--u),calc(2*var(--u))var(--u));position:relative;isolation:isolate;padding:0 0 calc(2*var(--u));display:grid;color:color-mix(in srgb,var(--ink)34%,var(--frame));background:color-mix(in srgb,var(--frame)52%,var(--paper));box-shadow:none;clip-path:var(--round);border:0;place-items: center;width:2.25rem;height:2.5rem}.toolbar button:before{content:"";position:absolute;z-index:-1;inset:var(--u)var(--u)calc(3*var(--u));background:linear-gradient(color-mix(in srgb,var(--card)91%,var(--frame))var(--u),color-mix(in srgb,var(--card)52%,var(--paper))var(--u));clip-path:var(--round)}.toolbar button:active{padding:calc(2*var(--u))0 0;transform:none}.toolbar button:active:before{inset:calc(3*var(--u))var(--u)var(--u)}.toolbar .px{display:block;fill:currentColor;shape-rendering:crispEdges;width:16px;height:16px}@media (min-width:760px) and (min-height:760px){.toolbar .px{width:32px;height:32px}}@media (max-width:600px){#controls{padding-top:.75rem}.toolbar{padding-inline:min(.75rem,env(safe-area-inset-bottom))}.toolbar button{width:3rem;height:3.25rem}.toolbar .px{width:32px;height:32px}.log-slot{padding-inline-start:.25rem;padding-inline-end:.25rem;font-size:.75rem}}#help,#ranks,#name-ask,#settings{position:absolute;display:none;background:color-mix(in srgb,var(--paper)60%,transparent);z-index:3;justify-content:center;align-items: center;padding:.5rem;inset:0}#help.open,#ranks.open,#name-ask.open,#settings.open{display:flex}#help .card,#ranks .card,#name-ask .card,#settings .card{display:flex;background:var(--paper);border:.375rem double var(--frame);flex-direction:column;max-width:35rem;max-height:100%;padding:1rem 1.5rem}#help .head,#ranks .head,#settings .head{margin:0 0 .5rem}#ranks .tabs,#help .tabs{display:flex;border-bottom:.125rem solid var(--line);gap:1rem;margin-bottom:.75rem}#ranks .tabs button,#help .tabs button{box-shadow:none;color:var(--ink-soft);background:0 0;border:0;border-bottom:.125rem solid #0000;margin-bottom:-.125rem;padding:0 0 .125rem;transform:none}#ranks .tabs button.on,#help .tabs button.on{color:var(--ink);border-bottom-color:var(--ink)}#help ul,#ranks ul,#settings ul{overflow:auto;list-style:none;color:var(--ink-soft);flex:1;min-height:0;margin:0 0 1rem;padding-left:0}#help ul[hidden]{display:none}#help ul,#ranks ul,#settings ul{scrollbar-width:none}#help ul::-webkit-scrollbar{display:none}#ranks ul::-webkit-scrollbar{display:none}#settings ul::-webkit-scrollbar{display:none}#help .card,#ranks .card,#settings .card{position:relative}.scrollmark{position:absolute;background:var(--line);pointer-events:none;width:.25rem;right:.5rem}.scrollmark[hidden]{display:none}.scrollmark i{position:absolute;background:var(--frame);width:100%;left:0}#help .bestiary .unmet img{filter:brightness(0)invert(1);opacity:.22}#help .bestiary li,#foe-tip{display:flex;align-items: flex-start;gap:.75rem}#help .bestiary li>img,#foe-tip>img{image-rendering:pixelated;flex:none;width:3rem;height:3rem}#help .controls .keys{display:block}#help .controls kbd{white-space:nowrap}#help .bestiary .hp,#foe-tip .hp{color:var(--heart)}#help .bestiary .hp img,#foe-tip .hp img{image-rendering:pixelated;width:.875rem;height:.75rem}#help .bestiary .hp img+img,#foe-tip .hp img+img{margin-left:.125rem}#foe-tip{position:absolute;color:var(--ink-soft);background:var(--paper);border:.125rem solid var(--frame);pointer-events:none;z-index:2;width:max-content;max-width:min(20rem,100% - .5rem);padding:.5rem .75rem;box-shadow:.375rem .375rem #0000008c}#foe-tip[hidden]{display:none}#foe-tip.intro{top:50%;left:50%;transform:translate(-50%,-50%)}#help li+li,#ranks li+li,#settings li+li{margin-top:.5rem}#ranks button+button,#help button+button{margin-left:.5rem}#help b,#foe-tip b,#tutorial b{color:var(--ink);font-weight:400}#help .spark,#tutorial .spark{color:var(--spark)}#help .open,#tutorial .open{color:var(--open)}#help .tele,#tutorial .tele{color:var(--heart)}#ranks li,#settings li{display:flex;justify-content:space-between;align-items: center;gap:2rem}#ranks li[hidden],#settings li[hidden]{display:none}#settings li button{color:var(--ink);min-width:7.5rem}#settings .skips{display:flex;gap:.25rem}#settings .skips button{width:2.25rem;min-width:0;padding-inline-start:0;padding-inline-end:0}#name-ask{z-index:4}#name-ask .card{text-align:center;align-items: center;padding:1.5rem 2rem}#name-ask .head{margin:0 0 .5rem}#name-ask .note{color:var(--ink-soft);margin:0 0 1rem}#name-ask .card input[type=text]{width:14rem;margin-bottom:1.5rem;padding:.375rem .5rem}#name-ask [hidden]{display:none}#name-ask button.quiet{box-shadow:none;color:var(--ink-soft);background:0 0;border-color:#0000;margin:1rem 0 0;padding:0 .5rem;font-size:.625rem}#name-ask .card{position:relative}#name-ask button[data-act=skip]{position:absolute;box-shadow:none;color:var(--ink-soft);background:0 0;border-color:#0000;margin:0;padding:0 .5rem;top:.25rem;right:.25rem;transform:none}#ranks .card{width:32rem;padding:1.5rem 2rem}#ranks .head{margin-bottom:1rem}#ranks .tabs{gap:1.5rem;margin-bottom:.75rem}#ranks ul{flex:0 18rem;margin-bottom:1.5rem}#ranks .cols,#ranks li{display:flex;align-items: center;gap:1rem;padding:.5rem .25rem}#ranks .cols{color:var(--ink-soft);border-bottom:.125rem solid var(--line)}#ranks .cols[hidden]{display:none}#ranks li+li{border-top:.125rem solid var(--line);margin-top:0}#ranks .pos{text-align:right;flex:none;width:2rem}#ranks .who{text-align:left;white-space:nowrap;flex:1;min-width:0}#ranks .glade,#ranks .pts{text-align:right;flex:none;width:4.75rem}#ranks li .who{color:var(--ink)}#ranks li .pts{color:var(--open)}#ranks li.you,#ranks li.you .who{color:var(--spark)}#ranks .note{text-align:center;white-space:pre-line;border:0;justify-content:center}#ranks .note:only-child{height:100%}#banner .rank{color:var(--ink-soft);margin:0 0 1.5rem}#banner .rank b{color:var(--spark);font-weight:400}#banner .rank p{margin-bottom:.5rem}#settings .legal{text-align:center;color:var(--ink-soft);margin:.75rem 0;font-size:.625rem}#settings .legal a{color:inherit}#banner input[type=text],#name-ask input[type=text],#settings input[type=text]{font:inherit;text-align:center;color:var(--ink);background:var(--paper);border:.125rem solid var(--frame);border-radius:0;width:7.5rem;margin:0;padding:.125rem .375rem}#settings input[data-seed]{width:9rem}#settings input[type=range]{appearance:none;-webkit-appearance:none;background:linear-gradient(to right,var(--ink)var(--fill,0%),var(--frame)var(--fill,0%))center/100% .25rem no-repeat;cursor:pointer;touch-action:pan-y;border-radius:0;width:7.5rem;height:1.5rem;margin:0}#settings input[type=range]::-webkit-slider-runnable-track{background:0 0;height:100%}#settings input[type=range]::-moz-range-track{background:0 0;height:100%}#settings input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);box-shadow:0 .125rem 0 var(--frame);border:0;border-radius:0;width:.625rem;height:1.25rem;margin-top:.125rem}#settings input[type=range]::-moz-range-thumb{background:var(--ink);box-shadow:0 .125rem 0 var(--frame);border:0;border-radius:0;width:.625rem;height:1.25rem}#settings .skull{color:var(--heart)}#settings .off{color:var(--heart-off)}#settings .no{color:var(--ink-soft)}kbd{font:inherit;border:.125rem solid var(--frame);color:var(--ink);padding:0 .25rem}#tutorial{display:flex;background:var(--card);border:.375rem double var(--frame);color:var(--ink-soft);flex-wrap:wrap;align-items: flex-start;gap:.25rem .75rem;margin:.25rem 0 .5rem;padding:.5rem .75rem}.in-tutorial #log{visibility:hidden}#tutorial .texts{display:grid;flex:1}#tutorial p{grid-area:1/1;visibility:hidden;margin:0}#tutorial p.on{visibility:visible}#tutorial .texts{flex-basis:100%;order:1}#tutorial .n{color:var(--ink);margin-right:auto}#tutorial.done .n{color:var(--open)}.sb-tray{display:grid;grid-template-columns:minmax(0,1fr);align-content: start;gap:.5rem}@media not all and (min-width:900px) and (min-aspect-ratio:5/4){.sb-tray{position:fixed;z-index:9;box-sizing:border-box;padding:max(.5rem,env(safe-area-inset-top))max(.5rem,env(safe-area-inset-right))max(.5rem,env(safe-area-inset-bottom)).5rem;overflow-y:auto;overscroll-behavior:contain;background:var(--paper);border-left:.125rem solid var(--line);width:8.25rem;transition:transform .15s;top:0;bottom:0;right:0}#sandbox.shut .sb-tray,#sandbox.carrying .sb-tray{transform:translate(100%)}#sandbox .sb-tab{position:fixed;z-index:9;background:var(--paper);padding:.75rem .25rem;transition:right .15s;top:40%;right:8.125rem}#sandbox.shut .sb-tab,#sandbox.carrying .sb-tab{right:0}#sandbox .sb-tray .sb-foes button{touch-action:pan-y}.sb-bin{display:none;position:fixed;left:.5rem;right:.5rem;bottom:max(.5rem,env(safe-area-inset-bottom));z-index:9;background:var(--paper)}#sandbox.lifting .sb-bin{display:block}}.sb-row{display:flex;flex-wrap:wrap;align-items: center;gap:.375rem}#sandbox button{box-shadow:none;border-color:var(--line);padding:0 .5rem}.sb-sprite{display:block;zoom:1.5;image-rendering:pixelated;width:32px;height:32px}.sb-tab:before{content:"►"}#sandbox.shut .sb-tab:before{content:"◄"}#sandbox .sb-play{border-color:var(--frame);padding:.5rem;font-size:1rem}#sandbox .sb-tool{flex:1;padding:.25rem .5rem;font-size:.625rem}#sandbox select{font:inherit;color:var(--ink);background:var(--card);border:.125rem solid var(--line);border-radius:0;flex:1;min-width:0;padding:.125rem .25rem;font-size:.625rem}.sb-solve{color:var(--ink-soft);font-size:.625rem}.sb-group{display:grid;border-top:.125rem solid var(--line);gap:.375rem;padding-top:.5rem}.sb-label{color:var(--ink-soft);margin:0;font-size:.625rem}#sandbox .sb-foes button{touch-action:none;cursor:grab;padding:0}.sb-bin{border:.125rem dashed var(--line);color:var(--ink-soft);text-align:center;padding:.5rem}.sb-bin.over{border-color:var(--ink);background:var(--ink);color:var(--paper)}.sb-ghost{position:fixed;z-index:10;pointer-events:none;transform:translate(-50%,-50%)}@media (min-width:900px) and (min-aspect-ratio:5/4){body:has(#sandbox){box-sizing:border-box;padding-right:15rem}#sandbox{display:grid;grid-template-columns:minmax(0,1fr);position:fixed;box-sizing:border-box;overflow-y:auto;border-left:.125rem solid var(--line);align-content: start;gap:.5rem;width:15rem;margin:0;padding:.5rem;top:0;bottom:0;right:0}.sb-tab{display:none}}@media (max-width:600px){#help,#ranks,#settings,#banner{position:fixed;z-index:3}#ranks{z-index:4}#ranks .card{padding:1rem}#ranks .cols,#ranks li{gap:.5rem;padding-inline-start:0;padding-inline-end:0}#ranks .glade{display:none}#help,#ranks,#settings{padding-top:max(.5rem,env(safe-area-inset-top));padding-bottom:max(.5rem,env(safe-area-inset-bottom))}}