#minimap{right:8px;top:calc(62px + env(safe-area-inset-top));cursor:pointer;z-index:1;padding:0;line-height:0;position:absolute}#minimap canvas{image-rendering:pixelated;display:block}body:not([data-update=needed]) #update:not([hidden])~#minimap{top:calc(108px + env(safe-area-inset-top))}#minimap.dim{opacity:.3;pointer-events:none}body[data-talking] #minimap,body[data-stage=title] #minimap{display:none}#panel[data-kind=map]{max-height:calc(100% - 28px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}body[data-input=touch] #panel[data-kind=map]{max-height:calc(100% - 84px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}#panel .mm-view{touch-action:none;cursor:grab;background:#1a1423;flex:none;align-self:center;position:relative;overflow:hidden}#panel .mm-pan{will-change:transform;position:absolute;top:0;left:0}#panel .mm-pan canvas{image-rendering:pixelated;display:block}#panel .mm-name{text-align:center;color:#fff;pointer-events:none;text-shadow:2px 0 #1a1423,-2px 0 #1a1423,0 2px #1a1423,0 -2px #1a1423,2px 2px #1a1423,-2px 2px #1a1423,2px -2px #1a1423,-2px -2px #1a1423;width:max-content;max-width:96px;font-size:16px;line-height:14px;position:absolute;top:0;left:0}#panel .mm-legend{color:#b0a4b8;flex-wrap:wrap;justify-content:center;gap:4px 12px;padding:0 2px;font-size:16px;display:flex}#panel .mm-legend span{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}#panel .mm-legend i{width:8px;height:8px;display:inline-block;box-shadow:0 0 0 2px #1a1423}#warp-wash{opacity:0;pointer-events:none;z-index:5;background:radial-gradient(circle,#fff 0%,#dff6ff 45%,#b8d8ff 100%);transition:opacity .55s ease-out;position:fixed;inset:0}#warp-wash.on{opacity:1;transition:opacity .55s ease-in .2s}@media (prefers-reduced-motion:reduce){#warp-wash.on{opacity:.6}}@font-face{font-family:Tiny5;src:url(/art/font/tiny5.woff2)format("woff2");font-display:block}:root{--ink:#1a1423;--ui:"Tiny5", monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}#pad,#pad *,#view,.btn,.btn *{-webkit-user-select:none;user-select:none}img{-webkit-user-drag:none}[hidden]{display:none!important}html,body{background:var(--ink);color:#fff;height:100%;font:16px/1.1 var(--ui);touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none;margin:0;overflow:hidden}#view{image-rendering:pixelated;position:fixed;top:0;left:0}#ui{pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:fixed;inset:0}#ui>*{pointer-events:auto}.ic{image-rendering:pixelated;vertical-align:middle;background:no-repeat;flex:none;margin:-8px 0;display:inline-block}.ic.missing{background:#e070b0}.btn{color:#fff;font:16px/1 var(--ui);cursor:pointer;min-height:40px;image-rendering:pixelated;background:0 0;border:6px solid #0000;border-image:url(/art/ui/frame-up-blue.png) 3 fill/6px;align-items:center;gap:4px;padding:4px 8px;display:inline-flex}.btn:active{border-image-source:url(/art/ui/frame-down-blue.png)}.btn.green{border-image-source:url(/art/ui/frame-up-green.png)}.btn.green:active{border-image-source:url(/art/ui/frame-down-green.png)}.btn.red{border-image-source:url(/art/ui/frame-up-red.png)}.btn.red:active{border-image-source:url(/art/ui/frame-down-red.png)}.btn.dim{border-image-source:url(/art/ui/frame-up-dim.png)}.btn.dim:active{border-image-source:url(/art/ui/frame-down-dim.png)}.btn.sq{justify-content:center;width:48px;height:48px;padding:0}.btn.x{min-height:0;padding:0}.hudbox{image-rendering:pixelated;border:6px solid #0000;border-image:url(/art/ui/frame-up-hud.png) 3 fill/6px;padding:2px 6px}.well{image-rendering:pixelated;border:6px solid #0000;border-image:url(/art/ui/frame-well-row.png) 3 fill/6px}.panel{image-rendering:pixelated;border:8px solid #0000;border-image:url(/art/ui/frame-panel.png) 4 fill/8px}#top{flex-direction:column;align-items:flex-start;gap:4px;max-width:calc(100% - 130px);display:flex;position:absolute;top:8px;left:8px}#stats{flex-wrap:wrap;align-items:center;gap:2px 10px;display:flex}#clock{white-space:nowrap;align-items:center;gap:3px;font-size:16px;display:inline-flex}#clock b{font-weight:400}#coins{align-items:center;gap:2px;font-size:24px;display:inline-flex}#held .ic+.ic{margin-left:-10px}.btn .ic,#stats .ic,#panel .row>.ic{margin:0}#quest{align-items:center;gap:4px;font-size:16px;display:flex}#wanted{font-size:16px}#wanted .row{align-items:center;gap:2px;display:flex}#wanted b{margin-right:4px;font-weight:400}#wanted .star.off{opacity:.3}#buttons{gap:6px;display:flex;position:absolute;top:8px;right:8px}#toasts{pointer-events:none;flex-direction:column;align-items:center;gap:4px;width:max-content;max-width:92%;display:flex;position:absolute;top:84px;left:50%;transform:translate(-50%)}.toast{text-align:center;border:6px solid #0000;border-image:url(/art/ui/frame-up-dark.png) 3 fill/6px;padding:2px 8px;font-size:16px}#notice{white-space:pre-wrap;z-index:5;border:6px solid #0000;border-image:url(/art/ui/frame-up-green.png) 3 fill/6px;max-width:560px;margin:0 auto;padding:4px 8px;font-size:16px;position:absolute;bottom:8px;left:8px;right:8px}#notice.bad{border-image-source:url(/art/ui/frame-up-red.png)}#status{border:6px solid #0000;border-image:url(/art/ui/frame-up-dark.png) 3 fill/6px;padding:6px 12px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}#panel{z-index:4;flex-direction:column;gap:6px;width:min(430px,100% - 16px);max-height:72%;padding:4px 6px 6px;display:flex;position:absolute;bottom:14px;left:50%;overflow-y:auto;transform:translate(-50%)}#panel[hidden]{display:none}#panel .head{justify-content:space-between;align-items:center;font-size:24px;display:flex}#panel .line{margin:0 2px 2px;font-size:16px;line-height:1.25}#panel .row{align-items:center;gap:8px;min-height:40px;padding:2px 4px;display:flex}#panel .row>.ic{margin:0 2px}#panel .grow{flex-direction:column;flex:1;gap:2px;display:flex}#panel small{color:#b0a4b8;font-size:16px;line-height:1.15}#panel .grid{flex-wrap:wrap;align-items:center;gap:4px;display:flex}#panel .grid b{width:64px}#dbg-map{image-rendering:pixelated;border:2px solid var(--ink);cursor:crosshair;align-self:center;max-width:100%}#pad{display:none;position:absolute;inset:0;pointer-events:none!important}body[data-input=touch] #pad{display:block}#stick-zone{pointer-events:auto;width:55%;height:48%;position:absolute;bottom:0;left:0}#stick{pointer-events:none;width:0;height:0;display:none;position:fixed}#stick.on{display:block}#stick:before{content:"";width:96px;height:96px;image-rendering:pixelated;opacity:.55;background:url(/art/ui/pad-dim.png) 0 0/192px 96px;position:absolute;top:-48px;left:-48px}#knob{width:48px;height:48px;image-rendering:pixelated;background:url(/art/ui/pad-blue.png) 0 0/96px 48px;position:absolute;top:-24px;left:-24px}.pbtn{width:72px;height:72px;image-rendering:pixelated;pointer-events:auto;background:url(/art/ui/pad-red.png) 0 0/144px 72px;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.pbtn.pb-blue{background-image:url(/art/ui/pad-blue.png)}.pbtn.down{background-position:-72px 0}body[data-input=touch] #panel{max-height:52%;top:70px;bottom:auto}body[data-talking] #pad{opacity:.2}body[data-talking] #stick-zone,body[data-talking] .pbtn{pointer-events:none}body[data-talking] #panel{max-height:44%;top:auto;bottom:14px}body[data-talking] #buttons,body[data-talking] #b-report{opacity:.3;pointer-events:none}#view{transform-origin:0 0;will-change:transform}#panel [data-do].focus{color:#1a1423;border-image-source:url(/art/ui/frame-up-gold.png)}#panel .btn[data-do]{justify-content:center}#panel [data-do][data-off]{opacity:.45}.pbtn.pb-green{background-image:url(/art/ui/pad-green.png)}.pbtn.pb-gold{background-image:url(/art/ui/pad-gold.png)}.pbtn.idle .ic{opacity:.45}.pbtn.small{background-size:96px 48px;width:48px;height:48px}.pbtn.small.down{background-position:-48px 0}.pbtn .cd{background:conic-gradient(#1a14239e calc(var(--dash-cd,0) * 1turn), transparent 0);pointer-events:none;border-radius:50%;position:absolute;inset:0}body[data-water] .pbtn[data-act=attack],body[data-water] .pbtn[data-act=jump],body[data-water] .pbtn[data-act=dash]{opacity:.3}#area{color:#fff4d6;text-shadow:0 2px #0a0712,0 0 6px #0a0712;white-space:nowrap;pointer-events:none;opacity:0;font-size:22px;transition:opacity .6s ease-out;position:absolute;top:22%;left:50%;transform:translate(-50%)}#area.show{opacity:1;transition-duration:.25s}#fade{opacity:0;pointer-events:none;z-index:5;background:#0a0712;position:fixed;inset:0}#fade.in{animation:.45s ease-out fade-in}@keyframes fade-in{0%{opacity:1}35%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){#fade.in{animation-duration:10ms}}#fade.wake{animation:2.6s ease-in fade-in}#hint{pointer-events:none;color:#fff;white-space:normal;background:#1a1423d0;border:2px solid #5a8ae0;align-self:flex-start;max-width:min(300px,70vw);margin-top:4px;padding:4px 8px;font:16px Tiny5,monospace;position:static}#hint[hidden]{display:none}#title{z-index:6;pointer-events:auto;background:linear-gradient(#1a142388,#1a142322 45%,#1a1423aa);flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex;position:absolute;inset:0}#title[hidden]{display:none}#title h1{color:#f0d070;text-shadow:4px 4px #1a1423,-2px 0 #1a1423,0 -2px #1a1423,2px 0 #1a1423;letter-spacing:2px;margin:0;font:64px Tiny5,monospace}#title .menu{flex-direction:column;gap:8px;width:min(300px,80vw);display:flex}#title .btn.big{flex-direction:column;align-items:center;padding:10px 12px;font-size:20px;display:flex}#title .btn.big small{opacity:.85;font-size:14px}#title .row{color:#fff;background:#1a1423cc;align-items:center;gap:8px;padding:6px 10px;font:18px Tiny5,monospace;display:flex}#title .row .grow{flex:1}#title .num{text-align:center;min-width:52px}#title .field{color:#fff;flex-direction:column;gap:4px;font:16px Tiny5,monospace;display:flex}#title .code{color:#f0d070;text-align:center;letter-spacing:4px;-webkit-user-select:text;user-select:text;background:#1a1423;border:2px solid #5a8ae0;padding:10px 4px;font:44px Tiny5,monospace}#title .row.carry{font-size:16px;line-height:1.25}#title .row.carry.bad{color:#ffdcb8}#title .field input#t-code{text-transform:uppercase;letter-spacing:3px;font-size:30px}#title .field input#t-code::placeholder{color:#5e5456}#title .field input{color:#fff;text-align:center;background:#1a1423;border:2px solid #5a8ae0;outline:none;padding:8px;font:22px Tiny5,monospace}@media (width<=520px){#title h1{font-size:44px}}body[data-stage=title] #top,body[data-stage=title] #buttons,body[data-stage=title] #b-report,body[data-stage=title] #pad,body[data-stage=title] #hint{display:none}#panel .btn.ask{text-align:left;width:100%;margin:3px 0;display:block}#quest{pointer-events:auto;cursor:pointer}#panel{max-height:min(72%, calc(100% - 28px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));bottom:calc(14px + env(safe-area-inset-bottom));overflow:hidden}#panel>*{flex:none;min-width:0}#panel>.body{overscroll-behavior:none;flex-direction:column;flex:auto;gap:4px;min-height:0;padding:2px;display:flex;overflow-y:auto}#panel>.body>*{flex:none}#panel .head{gap:6px}#panel .head>b{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}#panel .tabs{flex:none;gap:4px;display:flex}#panel .tab{opacity:.6;padding:2px 8px;font-size:16px}#panel .tab.on{opacity:1;border-image-source:url(/art/ui/frame-up-blue.png)}#panel .line{overflow-wrap:anywhere}#panel .row{min-height:44px}#panel .row .grow{min-width:0}#panel .row b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#panel .row small{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}#panel .row>.btn{flex:none}#panel .purse{color:#b0a4b8;align-items:center;gap:4px;min-height:34px;margin:0 2px;font-size:16px;display:flex;overflow:hidden}#panel .btn.ask{text-overflow:ellipsis;white-space:nowrap;min-height:30px;margin:0;overflow:hidden}body[data-talking] #panel{top:auto;bottom:calc(14px + env(safe-area-inset-bottom));max-height:45%}@media (aspect-ratio>=4/3){body[data-talking] #panel{max-height:40%}}#toasts{align-items:flex-start;width:auto;max-width:min(340px,78vw);margin-top:4px;position:static;transform:none}#top{pointer-events:none}body[data-talking] #panel{max-height:none}@media (aspect-ratio>=1){body[data-talking] #panel{width:min(720px,100% - 16px)}}#panel .boxes{flex-direction:column;flex:none;align-items:stretch;gap:6px;display:flex}#panel .box{flex:0 auto;min-width:0;min-height:0;display:flex;position:relative}#panel .boxes>.box{flex:none}@media (aspect-ratio>=1){#panel .boxes{flex-direction:row;align-items:flex-start}#panel .boxes>.box.said{flex:1 1 0}#panel .boxes>.box.list{flex:1.2 1 0}}#panel .scroll{touch-action:pan-y;-webkit-overflow-scrolling:auto;overscroll-behavior:none;scrollbar-width:none;flex-direction:column;flex:auto;gap:4px;min-width:0;min-height:0;padding:2px;display:flex;overflow-y:auto}#panel .scroll::-webkit-scrollbar{display:none}#panel .scroll>*{flex:none}#panel .scroll.over{padding-right:16px}#panel .said .line{margin:0;line-height:20px}#panel .said .unsaid{visibility:hidden}#panel .said .face{image-rendering:pixelated;box-sizing:content-box;border:2px solid #1a1423;flex:none;align-self:flex-start;margin-right:6px}.sb{box-sizing:border-box;z-index:2;touch-action:none;background:#2e2638;border:2px solid #1a1423;width:10px;position:absolute;top:2px;bottom:2px;right:2px}.sb[hidden]{display:none}.sb-thumb{box-sizing:border-box;cursor:grab;touch-action:none;background:#f0d070;border-bottom:2px solid #c8a050;position:absolute;left:0;right:0}#update{right:8px;top:calc(62px + env(safe-area-inset-top));z-index:6;pointer-events:auto;padding:4px 8px;font-size:12px;position:absolute}body[data-update=needed] #update{color:#1a1423;background:#f0d070;padding:8px 14px;font-size:16px;top:40%;left:50%;right:auto;transform:translate(-50%,-50%)}#health{align-items:center;height:32px;display:inline-flex}#fx{pointer-events:auto;align-items:center;gap:1px;display:inline-flex}#fx .fx{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:24px;height:28px;padding:0 0 4px;display:inline-flex;position:relative}#fx .fx>i:last-child{background:#e8e8e8;height:2px;position:absolute;bottom:2px;left:4px;box-shadow:0 1px #1a1418}#fx .fx>b{color:#fff;text-shadow:0 1px #1a1418;font:8px Tiny5,monospace;position:absolute;top:0;right:0}#fx .fx.ending>.ic{animation:.5s step-end infinite fx-ending}@keyframes fx-ending{50%{opacity:.35}}#health .bar{box-sizing:content-box;background:#1a1418;flex-direction:column;padding:2px;display:flex;box-shadow:0 0 0 1px #524a4c}#health .r{display:flex}#health .r>i{background:#42342e;flex:none;height:100%;display:block}#health .r>i.on{background:#d8443b;box-shadow:inset 0 -1px #a83a4a}#health.low .r>i.on{background:#e85a1a;box-shadow:inset 0 -1px #c84010}body[data-beat="1"] #health.low .r>i.last{box-shadow:none;background:#fff}#health .r>i.fill{animation:hp-fill .3s steps(3) backward}#health.hit{animation:.3s steps(4,end) hp-hit}#health.hit .r>i.on{animation:.3s steps(2,end) hp-flash}@keyframes hp-fill{0%{box-shadow:none;background:#fff}}@keyframes hp-flash{0%{background:#fff}}@keyframes hp-hit{0%{transform:translate(-2px)}33%{transform:translate(2px)}66%{transform:translate(-1px)}}#title .creator{box-sizing:border-box;width:min(460px,100% - 16px);max-height:calc(100% - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));color:#fff;font:16px/1.1 var(--ui);flex-direction:column;gap:6px;padding:4px;display:flex}#title .creator .hd{flex:none;align-items:center;gap:6px;display:flex}#title .creator .hd b{text-align:center;color:#f0d070;letter-spacing:1px;flex:1 1 0;font-size:20px;font-weight:400}#title .creator .hd .sp{flex:none;width:44px}#title .creator .hd b:before,#title .creator .hd b:after{content:"";background:#c8a050;width:4px;height:4px;margin:0 10px 3px;display:inline-block}#title .creator .btn.sq{flex:none;justify-content:center;min-width:44px;min-height:40px;padding:0 4px}#title .creator .btn .ic{margin:0}#title .creator .pv{height:calc(60px * var(--art,3));border-width:4px;flex:none;position:relative;overflow:hidden}#title .creator .pv canvas{image-rendering:pixelated;position:absolute;top:0;left:0}#title .creator .pv .tab{z-index:1;color:#b0a4b8;letter-spacing:1px;text-transform:uppercase;background:#1a1423;padding:2px 10px 3px;font-size:12px;position:absolute;top:0;left:50%;transform:translate(-50%)}#title .creator .pv .btn{z-index:1;position:absolute;bottom:6px;right:10px}#title .creator .box{flex:auto;min-width:0;min-height:60px;display:flex;position:relative}#title .scroll{touch-action:pan-y;-webkit-overflow-scrolling:auto;overscroll-behavior:none;scrollbar-width:none;flex-direction:column;flex:auto;gap:4px;min-width:0;min-height:0;padding:2px;display:flex;overflow:hidden auto}#title .scroll::-webkit-scrollbar{display:none}#title .scroll>*{flex:none}#title .scroll.over{padding-right:16px}#title .cd{box-sizing:border-box;border-width:4px;align-items:flex-start;gap:6px;padding:0 2px;display:flex}#title .cd>.lab{box-sizing:border-box;white-space:nowrap;flex:none;width:64px;padding-left:6px;font-size:15px;line-height:38px}#title .cd .lines{flex-direction:column;flex:1 1 0;gap:1px;min-width:0;display:flex}#title .ln{box-sizing:border-box;border:1px solid #0000;align-items:center;gap:4px;min-width:0;height:38px;display:flex}#title .namef{position:relative}#title .namef input{box-sizing:border-box;color:#fff;background:#1a1423;border:2px solid #524a4c;outline:none;flex:1 1 0;min-width:0;height:36px;padding:0 44px 0 8px;font:18px Tiny5,monospace}#title .namef input:focus{border-color:#5a8ae0}#title .namef .dice{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:44px;height:36px;padding:0;display:flex;position:absolute;top:0;right:0}#title .namef .dice .ic{pointer-events:none;margin:0}#title .namef .dice:active .ic{transform:translateY(1px)}#title .namef .dice.focus{outline-offset:-3px;outline:2px solid #f0d070}#title .ln .val{box-sizing:border-box;white-space:nowrap;background:#1a1423;border:2px solid #524a4c;flex:1 1 0;justify-content:center;align-items:center;min-width:0;height:34px;font-weight:400;display:flex;overflow:hidden}#title .ln .arr{color:#f0d070;flex:none;justify-content:center;min-width:36px;height:36px;min-height:36px;padding:0 4px;font-size:18px}#title .ln .sws{scroll-snap-type:x mandatory;overscroll-behavior-x:none;scrollbar-width:none;touch-action:pan-x pan-y;-webkit-overflow-scrolling:auto;flex:1 1 0;gap:4px;min-width:0;padding:2px;scroll-padding-left:2px;display:flex;overflow:auto hidden}#title .ln .sws::-webkit-scrollbar{display:none}#title .ln .sws .tile{scroll-snap-align:start}#title .ln .sws~.arr{display:none}#title .ln .arr:has(~.sws){display:none}#title .ln.more .arr{display:inline-flex}#title .ln.focus{background:#1a142388;border-color:#f0d070}#title .tile{box-sizing:border-box;cursor:pointer;background:#3b3348;border:2px solid #1a1423;flex:none;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex;overflow:hidden;box-shadow:0 0 0 2px #524a4c}#title .tile.ico{width:44px}#title .tile.ico .ic{pointer-events:none;margin:0}#title .tile.on{border-color:#f0d070;box-shadow:0 0 0 2px #f0d070}#title .tile.focus{outline-offset:2px;outline:2px solid #fff}#title .creator .foot{flex:none;display:flex}#title .creator .foot .btn{letter-spacing:1px;flex:1 1 0;justify-content:center;min-height:48px;font-size:20px}#title .creator .btn.focus,#title .menu .btn.focus{color:#1a1423;border-image-source:url(/art/ui/frame-up-gold.png)}@media (aspect-ratio>=1){#title .creator{width:min(780px,100% - 16px);height:min(520px, calc(100% - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));grid-template-rows:auto 1fr auto;grid-template-columns:minmax(180px,34%) 1fr;display:grid}#title .creator .hd{grid-area:1/1/auto/span 2}#title .creator .pv{grid-area:2/1;height:auto;min-height:0}#title .creator .foot{grid-area:3/1}#title .creator .box{grid-area:2/2/span 2;min-height:0}}#whatsnew{z-index:7;pointer-events:auto;flex-direction:column;gap:6px;width:min(420px,100% - 24px);max-height:min(70%,460px);padding:4px;font-size:15px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#whatsnew[hidden]{display:none}#whatsnew .head b{color:#f0d070;font-size:20px;font-weight:400}#whatsnew .box{flex:auto;min-height:40px;display:flex;position:relative}#whatsnew .scroll{overscroll-behavior:none;scrollbar-width:none;touch-action:pan-y;flex:auto;min-height:0;padding:4px 6px;overflow-y:auto}#whatsnew .scroll::-webkit-scrollbar{display:none}#whatsnew .scroll.over{padding-right:16px}#whatsnew ul{margin:0;padding:0;list-style:none}#whatsnew li{margin:0 0 6px;padding-left:10px;line-height:1.2;position:relative}#whatsnew li:before{content:"";background:#f0d070;width:4px;height:4px;position:absolute;top:6px;left:0}#whatsnew p{margin:0}#whatsnew .more{color:#b0a4b8}#whatsnew .lead{margin-bottom:6px}#whatsnew .foot{flex:none;gap:6px;display:flex}#whatsnew .foot .btn{flex:1 1 0;justify-content:center}#whatsnew .btn.focus{color:#1a1423;border-image-source:url(/art/ui/frame-up-gold.png)}#panel .btn[data-hold]{touch-action:none;-webkit-touch-callout:none;background-image:linear-gradient(90deg, #f0d070 calc(var(--hold,0) * 100%), transparent 0)}#title .sheet{box-sizing:border-box;width:min(430px,100% - 16px);max-height:calc(100% - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));color:#fff;font:16px/1.1 var(--ui);flex-direction:column;gap:6px;padding:4px 6px 6px;display:flex}#title .sheet .head{flex:none;align-items:center;gap:6px;font-size:24px;display:flex}#title .sheet .head>b{flex:auto;align-items:center;gap:6px;min-width:0;font-weight:400;display:flex}#title .sheet .box{flex:auto;min-width:0;min-height:0;display:flex;position:relative}#title .sheet [data-do].focus{color:#1a1423;border-image-source:url(/art/ui/frame-up-gold.png)}#panel .head>b{align-items:center;gap:6px;display:flex}.head .btn.x{justify-content:center;min-width:44px;min-height:44px}body[data-input=touch] #panel[data-kind=settings]{max-height:calc(100% - 84px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}:is(#panel,#title) .set{gap:6px}:is(#panel,#title) .set .sec{color:#f0d070;letter-spacing:1px;margin:8px 4px 0;font-size:14px}:is(#panel,#title) .set .sec:first-child{margin-top:2px}:is(#panel,#title) .set .opt{text-align:left;justify-content:flex-start;align-items:center;gap:8px;width:100%;min-height:50px;padding:4px 10px;font-size:18px;display:flex}:is(#panel,#title) .set .opt .grow{flex-direction:row;flex:auto;align-items:center;gap:6px;min-width:0;display:flex}:is(#panel,#title) .set .opt b{font-weight:400}:is(#panel,#title) .set .val{color:#b0a4b8;flex:none}:is(#panel,#title) .set .val.on{color:#9ee07a}:is(#panel,#title) .set .focus .val{color:inherit}:is(#panel,#title) .set .go{color:#f0d070;flex:none}:is(#panel,#title) .set .focus .go{color:inherit}:is(#panel,#title) .set .vol{image-rendering:pixelated;background:0 0;border:6px solid #0000;border-image:url(/art/ui/frame-well-row.png) 3 fill/6px;min-height:50px;padding:0 0 0 10px}:is(#panel,#title) .set .vol .btn{flex:none;justify-content:center;min-width:48px;min-height:44px;font-size:20px}:is(#panel,#title) .set .vol .num{text-align:center;min-width:56px;font-weight:400}:is(#panel,#title) .set .tag{color:#fff;background:#d8443b;flex:none;padding:3px 5px 2px;font-size:12px;line-height:1}:is(#panel,#title) .log{gap:0}:is(#panel,#title) .log .lead{color:#b0a4b8;margin:2px 4px;font-size:15px}:is(#panel,#title) .log .day{border-bottom:2px solid #3b3348;flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin:12px 4px 2px;padding-bottom:4px;display:flex}:is(#panel,#title) .log .day b{color:#f0d070;font-size:18px;font-weight:400}:is(#panel,#title) .log .day small{color:#b0a4b8;font-size:14px;line-height:1.2}:is(#panel,#title) .log .upd{align-items:flex-start;gap:8px;padding:5px 4px;display:flex}:is(#panel,#title) .log .upd .at{color:#8c8098;flex:none;width:62px;font-size:13px;line-height:18px}:is(#panel,#title) .log .upd p{color:#ddd4e6;overflow-wrap:anywhere;flex:1 1 0;min-width:0;margin:0;font-size:15px;line-height:18px}:is(#panel,#title) .log .upd.new{background:#2e2638}:is(#panel,#title) .log .upd.new p{color:#fff}:is(#panel,#title) .log .upd .tag{margin-top:2px}#panel .btn.make[data-notch]{background-image:linear-gradient(90deg, #f0d070 calc(var(--hold,0) * 100%), transparent 0), linear-gradient(90deg, transparent calc(var(--notch) * 100% - 1px), #1a1423 0, #1a1423 calc(var(--notch) * 100% + 1px), transparent 0)}#panel small.needs{-webkit-line-clamp:unset;flex-wrap:wrap;align-items:center;gap:2px 8px;display:flex}#panel small.needs .miss{color:#d8443b}#panel small.needs i{opacity:.7;font-style:normal}#panel small.state{color:#f0d070;-webkit-line-clamp:unset;align-items:center;gap:6px;display:flex}#panel .ubar{background:linear-gradient(90deg, #65b258 calc(var(--k,1) * 100%), #4a4a58 0);flex:none;width:28px;height:6px;display:inline-block;box-shadow:0 0 0 1px #1a1423}#panel .row.bad small.state{color:#d8443b}#panel .worn{padding:2px 4px 6px}#panel .worn>b{font-size:16px}#panel .worn>small{color:#8c8098;margin-left:8px;font-size:13px}#panel .slots{grid-template-columns:repeat(9,1fr);gap:3px;margin-top:4px;display:grid}#panel .slot{aspect-ratio:1;color:#8c8098;background:#2e2638;border:2px solid #4a4a58;justify-content:center;align-items:center;min-width:0;padding:0;display:flex;position:relative}#panel button.slot{cursor:pointer;background:#382a60;border-color:#9a6a40}#panel .slot small{font-size:10px;line-height:1;overflow:hidden}#panel .slot .ic{aspect-ratio:1;max-width:100%;height:auto}#panel .slot .ubar{width:auto;height:3px;position:absolute;bottom:2px;left:3px;right:3px}@media (width<=380px){#panel .slots{grid-template-columns:repeat(5,1fr)}}#panel small.does{color:#a8c4dc}#panel .head .room{color:#c8d0dc;flex:none;font-size:14px}.pbtn[data-act=use]{display:none}body[data-use] .pbtn[data-act=use]{display:flex}#panel .line.over{color:#e8c878}#emotes{z-index:4;width:min(360px,100% - 16px);max-height:58%;image-rendering:pixelated;border:6px solid #0000;border-image:url(/art/ui/frame-well-row.png) 3 fill/6px;flex-direction:column;gap:6px;padding:6px;display:flex;position:absolute;bottom:210px;right:8px;overflow-y:auto}#emotes[hidden]{display:none}#emotes .tabs{align-items:center;gap:4px;display:flex}#emotes .tabs .x{margin-left:auto}#emotes .tab.on{border-image-source:url(/art/ui/frame-up-green.png)}#emotes .grid{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}#emotes .grid.say{grid-template-columns:repeat(2,1fr)}#emotes .grid .btn{justify-content:flex-start;min-height:44px;padding:2px 4px;font-size:14px;position:relative}#emotes .key{color:#b0a4b8;font-size:10px;position:absolute;top:0;right:2px}body[data-input=touch] #emotes .key{display:none}body:not([data-input=touch]) #emotes{top:64px;bottom:auto}#b-report{opacity:.85;width:40px;height:40px;min-height:0;position:absolute;top:62px;right:8px}#report{z-index:20;flex-direction:column;gap:6px;width:min(430px,100% - 16px);max-height:calc(100% - 80px);padding:4px 6px 6px;display:flex;position:absolute;top:70px;left:50%;overflow-y:auto;transform:translate(-50%)}#report .head{justify-content:space-between;align-items:center;font-size:24px;display:flex}#report .head b{font-weight:400}#report .body{align-items:stretch;gap:8px;display:flex}#report .shot{object-fit:contain;object-position:top;width:34%;max-height:150px;image-rendering:pixelated;border:2px solid var(--ink);background:var(--ink);align-self:flex-start}#report textarea{resize:none;min-width:0;min-height:96px;font:16px/1.25 var(--ui);color:#fff;-webkit-user-select:text;user-select:text;touch-action:auto;background:#0a0712;border:2px solid #382a60;flex:1;padding:6px}#report textarea:focus{border-color:#f0d070;outline:none}#report .kinds{gap:6px;display:flex}#report .kinds .btn{flex:1;justify-content:center}#report .fine,#report .why{color:#b0a4b8;margin:0 2px;font-size:16px;line-height:1.2}#report .why{color:#e8903c}#report [data-do=send]{justify-content:center}#duelstrip{left:50%;top:calc(44px + env(safe-area-inset-top));white-space:nowrap;pointer-events:auto;z-index:4;align-items:center;gap:6px;font-size:14px;display:flex;position:absolute;transform:translate(-50%)}#duelstrip .side{align-items:center;gap:1px;display:flex}#duelstrip .side b{margin:0 3px;font-weight:400}#duelstrip .off{opacity:.25}#duelstrip .vs{opacity:.7}#duelstrip .btn{padding:2px 6px;font-size:12px}#duelbanner{color:#fff4d6;text-shadow:0 3px #0a0712,0 0 8px #0a0712;white-space:nowrap;pointer-events:none;z-index:4;font-size:40px;position:absolute;top:30%;left:50%;transform:translate(-50%)}#duelbanner.win{color:#f0d070;font-size:44px}#duelbanner.lose{color:#d8443b}#duelbanner.watch{font-size:22px}#duelbanner.count{font-size:56px}@media (width<=420px){#duelstrip{gap:3px;font-size:12px}}#view{transition:filter .6s ease-out}body[data-defeat] #view{filter:saturate(calc(1 - var(--defeat-drain,.85))) brightness(.82);transition:filter 3s ease-out}#defeatveil{pointer-events:none;opacity:0;background:radial-gradient(ellipse at 50% 48%, transparent 30%, rgba(10, 7, 18, var(--defeat-dark,.6)) 100%);transition:opacity .6s;position:fixed;inset:0}body[data-defeat] #defeatveil{opacity:1;transition:opacity 3s ease-out}#defeatline{color:#d8443b;text-shadow:0 2px #0a0712,0 0 8px #0a0712;white-space:nowrap;pointer-events:none;font-size:26px;animation:1.6s ease-out defeat-line;position:absolute;top:32%;left:50%;transform:translate(-50%)}@keyframes defeat-line{0%{opacity:0}40%{opacity:0}to{opacity:1}}#fade.down{opacity:1;transition:opacity var(--defeat-fade,1.4s) ease-in}@media (prefers-reduced-motion:reduce){body[data-defeat] #view,body[data-defeat] #defeatveil{transition-duration:10ms}}#actionbar{--u:2;left:50%;bottom:calc(var(--u) * 3px + env(safe-area-inset-bottom));z-index:3;align-items:center;gap:calc(var(--u) * 1px);pointer-events:none;flex-direction:column;display:flex;position:absolute;transform:translate(-50%)}#actionbar .arow{align-items:flex-end;gap:calc(var(--u) * 6px);pointer-events:none;display:flex}#actionbar .aplay,#actionbar #buttons{gap:calc(var(--u) * 2px);padding:calc(var(--u) * 2px);pointer-events:auto;border:solid #0000;border-width:calc(var(--u) * 3px);border-image:url(/art/ui/frame-up-hud.png) 3 fill / calc(var(--u) * 3px);image-rendering:pixelated;display:flex}#actionbar #buttons{position:static}#actionbar #b-report{top:auto;right:auto}#actionbar #b-bag{order:1}#actionbar #b-emote{order:2}#actionbar #b-report{order:3}#actionbar #b-settings{order:4}#actionbar .abtn,#actionbar #buttons .btn{box-sizing:border-box;width:calc(var(--u) * 24px);height:calc(var(--u) * 24px);cursor:pointer;color:#fff;min-height:0;font:inherit;border:solid #0000;border-width:calc(var(--u) * 3px);border-image:url(/art/ui/frame-up-blue.png) 3 fill / calc(var(--u) * 3px);image-rendering:pixelated;background:0 0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}#actionbar #buttons .btn{width:calc(var(--u) * 20px);height:calc(var(--u) * 20px);opacity:1}#actionbar .abtn.red{border-image-source:url(/art/ui/frame-up-red.png)}#actionbar .abtn.red.down{border-image-source:url(/art/ui/frame-down-red.png)}#actionbar .abtn.green{border-image-source:url(/art/ui/frame-up-green.png)}#actionbar .abtn.green.down{border-image-source:url(/art/ui/frame-down-green.png)}#actionbar .abtn.gold{border-image-source:url(/art/ui/frame-up-gold.png)}#actionbar .abtn.gold.down{border-image-source:url(/art/ui/frame-down-gold.png)}#actionbar .abtn.blue.down,#actionbar #buttons .btn:active{border-image-source:url(/art/ui/frame-down-blue.png)}#actionbar .abtn.down .aic{transform:translateY(calc(var(--u) * 1px))}#actionbar .aic{line-height:0;display:flex}#actionbar .ic{margin:0}#actionbar .akey{right:calc(var(--u) * -3px);top:calc(var(--u) * -4px);font:calc(var(--u) * 2px + 8px)/1 var(--ui);color:#f0d070;pointer-events:none;padding:calc(var(--u) * 1px) calc(var(--u) * 1px) 0;white-space:nowrap;background:#1a1423;position:absolute}#actionbar .akey:empty{display:none}#actionbar .abtn.off .aic{opacity:.35;filter:grayscale()}#actionbar .abtn.off{border-image-source:url(/art/ui/frame-up-dim.png)}#actionbar .afill{left:calc(var(--u) * 1px);right:calc(var(--u) * 1px);bottom:calc(var(--u) * -1px);height:calc(var(--u) * 2px);background:linear-gradient(to right, var(--fill,#c8d0dc) calc(var(--hold,0) * 100%), #4a4a58 0);box-shadow:0 0 0 calc(var(--u) * 1px) #1a1423;pointer-events:none;display:none;position:absolute}#actionbar .abtn[data-fill] .afill{display:block}#actionbar .abtn[data-fill=counts]{--fill:#f0d070}#actionbar .abtn[data-fill=full]{--fill:#fff}#actionbar .cd{background:conic-gradient(#1a14239e calc(var(--dash-cd,0) * 1turn), transparent 0);pointer-events:none;position:absolute;inset:0}#actionbar [data-tip]:hover:after{content:attr(data-tip);left:50%;bottom:calc(100% + var(--u) * 4px);z-index:2;font:calc(var(--u) * 4px + 8px)/1.2 var(--ui);color:#fff;white-space:nowrap;padding:calc(var(--u) * 2px) calc(var(--u) * 3px);pointer-events:none;border:solid #0000;border-width:calc(var(--u) * 3px);border-image:url(/art/ui/frame-up-dark.png) 3 fill / calc(var(--u) * 3px);image-rendering:pixelated;position:absolute;transform:translate(-50%)}#actionbar .ahint{font:calc(var(--u) * 4px + 8px)/1 var(--ui);color:#efe0c0;white-space:pre;pointer-events:none;text-shadow:1px 0 #1a1423,-1px 0 #1a1423,0 1px #1a1423,0 -1px #1a1423}#actionbar .ahint:empty{display:none}body[data-bar] #notice{bottom:calc(var(--bar-h,64px) + 8px)}body[data-stage=title] #actionbar{display:none}