@font-face{font-family:Fira Sans;font-weight:500;font-display:swap;src:url(./fira-sans-500-BjbSlxWn.woff2) format("woff2")}@font-face{font-family:Fira Sans;font-weight:500;font-style:italic;font-display:swap;src:url(./fira-sans-500-italic-MVWHk4bR.woff2) format("woff2")}@font-face{font-family:Fira Sans;font-weight:600;font-display:swap;src:url(./fira-sans-600-CyYTDGaN.woff2) format("woff2")}@font-face{font-family:Fira Sans;font-weight:700;font-display:swap;src:url(./fira-sans-700-BBLcMdgH.woff2) format("woff2")}@font-face{font-family:Fira Sans;font-weight:800;font-display:swap;src:url(./fira-sans-800-USfDnEIA.woff2) format("woff2")}@font-face{font-family:Lora;font-weight:700;font-display:swap;src:url(./lora-700-CQVjURBQ.woff2) format("woff2")}:root{--title: "Lora", Georgia, serif;--ui: "Fira Sans", "Segoe UI", system-ui, sans-serif;--ink: #f4f1ea;--dim: #b8b2a6;--muted: #7f7a70;--yellow: #ffd200;--gold: #ffd24a;--metal-hi: #f6dc8e;--metal: #c49a45;--metal-lo: #6b4b18;--iron-hi: #6a707c;--iron: #3a3e48;--iron-lo: #1c1f26;--hp-hi: #8ef06a;--hp: #33b33a;--hp-lo: #0f5a16;--low-hi: #ff9a7a;--low: #d8321e;--low-lo: #6a0c04;--xp: #9a6cff;--q-poor: #9d9d9d;--q-common: #ffffff;--q-uncommon: #1eff00;--q-rare: #0070dd;--q-epic: #a335ee;--q-legendary: #ff8000;--shade: 0 1px 0 #000, 0 0 3px rgb(0 0 0 / .95), 0 0 8px rgb(0 0 0 / .5);--r: 3px}body[data-art=pixel]{--r: 0px;--shade: 2px 2px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000}body{color:var(--ink);font:600 14px/1.35 var(--ui);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;text-align:center}button:is(:disabled,[aria-disabled=true]){cursor:not-allowed}:is(button,[tabindex],input):focus-visible,body.pad:not(.playing) :is(button,[tabindex],input):focus{outline:2px solid #fff;outline-offset:-2px;border-radius:var(--r)}body[data-art=pixel] :is(button,[tabindex],input):is(:focus-visible,body.pad:not(.playing) :focus){outline-width:3px;outline-offset:-3px}.sh{text-shadow:var(--shade)}kbd{display:inline-block;padding:2px 4px 1px;border-radius:3px;font:700 11px/1 var(--ui);color:#fff;background:#0000008c;box-shadow:inset 0 0 0 1px #ffffff59;text-shadow:none}body[data-art=pixel] kbd{border-radius:0}.ico{display:block;flex:none;width:var(--s, 36px);height:var(--s, 36px);background:var(--img) center / 100% 100% no-repeat}body[data-art=pixel] .ico{image-rendering:pixelated;width:36px;height:36px}body[data-art=pixel] .ico.small{width:24px;height:24px}.panel{position:relative;background:var(--grain, none),#101219f2;background-blend-mode:overlay;border-radius:6px;box-shadow:0 0 0 1px #000,inset 0 0 0 1px var(--metal-lo),inset 0 0 0 2px #000000d9,inset 0 1px 0 2px #f6dc8e1f,0 18px 40px #0000008c}body[data-art=pixel] .panel{border-radius:0;background:var(--grain, none),#0e1016f5;box-shadow:0 0 0 3px #000,inset 0 0 0 3px var(--metal-lo),inset 0 3px 0 3px #2a2414,0 6px 0 3px #0006;clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px)}.corners:before{content:"";position:absolute;inset:3px;pointer-events:none;z-index:2;background-repeat:no-repeat;background-image:linear-gradient(var(--metal),var(--metal)),linear-gradient(var(--metal),var(--metal)),linear-gradient(var(--metal),var(--metal)),linear-gradient(var(--metal),var(--metal)),linear-gradient(var(--metal),var(--metal)),linear-gradient(var(--metal),var(--metal)),linear-gradient(var(--metal),var(--metal)),linear-gradient(var(--metal),var(--metal));background-position:top left,top left,top right,top right,bottom left,bottom left,bottom right,bottom right;background-size:14px 2px,2px 14px,14px 2px,2px 14px,14px 2px,2px 14px,14px 2px,2px 14px}body[data-art=pixel] .corners:before{inset:6px;background-size:15px 3px,3px 15px,15px 3px,3px 15px,15px 3px,3px 15px,15px 3px,3px 15px}.bar{position:relative;display:block;height:18px;border-radius:2px;background:#07090b;box-shadow:0 0 0 1px #000,inset 0 1px 2px #000000e6;overflow:hidden}.bar i{position:absolute;inset:0 auto 0 0;background:var(--bartex, none) 0 0 / 128px 100%,var(--c);background-blend-mode:multiply;transition:width .25s ease}.bar .g{--c: #e2d2a0;transition:width .6s ease .4s}.bar .f{--c: #3ec24a;box-shadow:inset -1px 0 #0000008c}.bar.low .f{--c: #e0432a}.bar.boss .f{--c: #d0321f}.bar.casting .f{--c: #ffc040}.bar.ready .f{--c: #ffd24a}.bar.xp{height:6px}.bar.xp .f{--c: #9466ff;box-shadow:none}.bar.sp{height:6px}.bar.sp .f{--c: #2ec4ff;box-shadow:none}.bar b{position:absolute;inset:0;z-index:1;display:grid;place-items:center;font:700 12px/1 var(--ui);letter-spacing:.02em;color:#fff;text-shadow:0 1px 0 #000,0 0 3px #000;white-space:nowrap}body[data-art=pixel] .bar{border-radius:0;box-shadow:0 0 0 3px #000}body[data-art=pixel] .bar i{transition:none}body[data-art=pixel] .bar .g{background:#e6d6a4}body[data-art=pixel] .bar .f{background:linear-gradient(var(--hp-hi) 0 3px,var(--hp) 3px 12px,var(--hp-lo) 12px);box-shadow:none}body[data-art=pixel] .bar.low .f{background:linear-gradient(var(--low-hi) 0 3px,var(--low) 3px 12px,var(--low-lo) 12px)}body[data-art=pixel] .bar.boss .f{background:linear-gradient(#ff8a6a 0 3px,#c8241a 3px 15px,#5a0804 15px)}body[data-art=pixel] .bar.casting .f,body[data-art=pixel] .bar.ready .f{background:linear-gradient(#ffe39a 0 3px,#f0a020 3px)}body[data-art=pixel] .bar.xp .f{background:var(--xp)}body[data-art=pixel] .bar.sp .f{background:#2ec4ff}.enter{min-width:270px;height:51px;padding:0 36px;border-radius:6px;font:700 20px/1 var(--title);letter-spacing:.04em;color:var(--gold);text-shadow:0 1px 0 #000;background:var(--grain, none),#7e160c;background-blend-mode:overlay;box-shadow:0 0 0 1px #000,inset 0 1px #ffaa8266,inset 0 -3px #0000004d,0 0 0 3px var(--metal-lo),0 0 0 4px #000,0 10px 22px #0000008c}.enter:hover:not([aria-disabled=true]){background-color:#9c2014;color:#fff3c0}.enter:active:not([aria-disabled=true]){transform:translateY(1px)}.enter[aria-disabled=true]{filter:grayscale(.9) brightness(.65)}body[data-art=pixel] .enter{border-radius:0;background:#7a1408;box-shadow:0 0 0 3px #000,inset 0 3px #b8301e,inset 0 -3px #3a0602,0 0 0 6px var(--metal-lo),0 0 0 9px #000;height:54px}body[data-art=pixel] .enter:hover:not([aria-disabled=true]){background:#9c2014}.quiet{min-height:33px;padding:0 15px;border-radius:4px;font:700 13px/1 var(--ui);letter-spacing:.04em;color:var(--ink);white-space:nowrap;background:var(--grain, none),#20232c;background-blend-mode:overlay;box-shadow:0 0 0 1px #000,inset 0 1px #ffffff1a,inset 0 0 0 1px #4a4f5c}.quiet:hover:not([aria-disabled=true]){background-color:#2c303b}.quiet:active:not([aria-disabled=true]){transform:translateY(1px)}.quiet[aria-pressed=true]{color:var(--gold);box-shadow:0 0 0 1px #000,inset 0 1px #ffffff1a,inset 0 0 0 1px var(--metal)}.quiet[aria-disabled=true]{color:var(--muted)}body[data-art=pixel] .quiet{border-radius:0;background:#20232c;box-shadow:0 0 0 3px #000,inset 0 3px #3a3e48;min-height:36px}body[data-art=pixel] .quiet:hover:not([aria-disabled=true]){background:#2c303b}body[data-art=pixel] .quiet[aria-pressed=true]{box-shadow:0 0 0 3px #000,inset 0 0 0 3px var(--metal)}.quiet.gold{color:var(--gold)}.check{display:flex;align-items:center;gap:9px;font:600 14px/1.2 var(--ui);color:var(--dim);cursor:pointer}.check input{appearance:none;margin:0;width:18px;height:18px;flex:none;border-radius:3px;background:#07080c;box-shadow:0 0 0 1px #000,inset 0 0 0 1px var(--iron-hi);cursor:pointer;display:grid;place-items:center}.check input:checked:after{content:"";width:10px;height:6px;margin-top:-3px;border:solid var(--gold);border-width:0 0 3px 3px;transform:rotate(-45deg)}body[data-art=pixel] .check input{border-radius:0;box-shadow:0 0 0 3px #000,inset 0 0 0 3px var(--iron)}body[data-art=pixel] .check input:checked:after{transform:none;border:0;width:6px;height:6px;margin:0;background:var(--gold)}:is(.ab,.gs,.tn,.cls){position:relative;border-radius:4px}:is(.ab,.gs,.tn) .icn{position:absolute;inset:0;border-radius:4px}body[data-art=scaled] :is(.ab,.gs,.tn,.cls){box-shadow:0 3px 6px #00000080}body[data-art=scaled] :is(.ab,.gs,.tn,.cls):before{content:"";position:absolute;inset:-3px;z-index:3;pointer-events:none;background:var(--fr, var(--hr-iron)) 0 0 / 100% 100%}body[data-art=scaled] :is(.ab.on,.tn.max,.cls[aria-pressed=true]){--fr: var(--hr-goldbox)}body[data-art=pixel] :is(.ab,.gs,.tn,.cls){border-radius:0;box-shadow:0 0 0 3px #000}body[data-art=pixel] :is(.ab,.gs,.tn) .icn{border-radius:0}body[data-art=pixel] :is(.ab,.gs,.tn) .icn:after{box-shadow:inset 0 0 0 3px var(--edge, var(--iron)),inset 0 6px #ffffff1a}#hud{position:fixed;inset:0;pointer-events:none;z-index:2;--floor: 81px}#hud>*{pointer-events:auto}body.ui-hidden #hud,body.titled #hud{display:none}#ui{position:fixed;top:12px;right:12px;z-index:5;display:none}#left{position:absolute;top:18px;left:18px;display:grid;gap:18px;justify-items:start;pointer-events:none}#party{display:grid;gap:9px;pointer-events:auto}@keyframes breathe{50%{box-shadow:0 0 0 1px #000,0 0 3px #ffd24a66}}.fx{grid-column:2;display:flex;gap:5px;height:24px}.st{display:block;width:24px;height:24px}.st .ico{--s: 18px}body[data-art=pixel] .fx{gap:6px}body[data-art=pixel] .st .ico{width:24px;height:24px}@keyframes pulse{50%{opacity:.2}}#buffs{display:flex;gap:9px}.buff{display:grid;justify-items:center;gap:3px;font:700 12px/1 var(--ui);pointer-events:auto}.buff .ico{--s: 30px}#corner{position:absolute;top:12px;bottom:var(--floor);right:18px;width:252px;display:flex;flex-direction:column;align-items:flex-end;pointer-events:none}#corner>*{pointer-events:auto}#place{width:252px;height:36px;text-align:right;font:600 13px/18px var(--ui);color:var(--ink);text-shadow:var(--shade);margin-bottom:24px;white-space:pre;overflow:hidden;text-overflow:ellipsis}#place:first-line{font:700 15px/18px var(--title);color:var(--gold)}.mm{position:relative;width:192px;height:192px;flex:none}.mm .chart{position:absolute;inset:12px;border-radius:50%;overflow:hidden;background:#1e241c}.mm .chart canvas{display:block;width:100%;height:100%}.mm .chart:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 18px #000000a6;pointer-events:none}.mm:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:var(--hr-map) 0 0 / 100% 100%;filter:drop-shadow(0 3px 4px rgb(0 0 0 / .5))}body[data-art=pixel] .mm .chart{inset:15px}body[data-art=pixel] .mm .chart:after{display:none}body[data-art=pixel] .mm .chart canvas{position:absolute;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;image-rendering:pixelated}body[data-art=pixel] .mm:after{filter:none;background:var(--map64) 0 0 / 100% 100% no-repeat;image-rendering:pixelated}.rim{position:absolute;z-index:3;left:var(--x);top:var(--y);width:42px;height:42px;margin:-21px 0 0 -21px;display:grid;place-items:center;border-radius:50%;background:var(--hr-rim) 0 0 / 100% 100%,var(--grain, none),#1c1f28;background-blend-mode:normal,overlay;box-shadow:0 3px 6px #0009}.rim .ico{position:relative;--s: 26px}.rim:hover{filter:brightness(1.25)}.rim:active{transform:translateY(1px)}.rim[aria-pressed=true]{box-shadow:0 0 12px 2px #ffd24a99}body[data-art=pixel] .rim{width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:0;background:none;box-shadow:none}body[data-art=pixel] .rim:before{content:"";position:absolute;inset:0;background:var(--rim16) 0 0 / 100% 100% no-repeat;image-rendering:pixelated}body[data-art=pixel] .rim:hover:before{filter:brightness(1.35)}.purse{display:flex;gap:15px;margin-top:12px;width:252px;justify-content:center;align-items:center;font:700 15px/1 var(--ui)}.purse>span{display:flex;align-items:center;gap:5px}.purse .ico{--s: 20px}#gold{display:inline-block;min-width:6ch}#treasure,#renown{display:inline-block;min-width:5ch}.purse>span[hidden]{display:none}#gold.bump,#renown.bump{animation:bump .35s ease}@keyframes bump{40%{color:var(--gold)}}.tracker{width:240px;margin-top:12px}.tracker .head{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:5px;margin-bottom:3px;font:700 15px/1 var(--title);color:var(--gold);box-shadow:inset 0 -1px #ffd24a66}body[data-art=pixel] .tracker .head{box-shadow:inset 0 -3px #ffd24a66}.tracker .head small{font:600 12px/1 var(--ui);color:var(--dim)}.tracker .now{display:flex;gap:6px;align-items:baseline;font:600 14px/1.5 var(--ui);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tracker .now:before{content:"!";color:var(--yellow);font-weight:800;padding:0 2px}.tracker .now.done:before{content:"✓";color:#2ec24a}#column{width:252px;margin-top:12px;display:flex;flex-direction:column;gap:6px;min-height:0}.cb{position:relative;flex:none;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;height:30px;padding:0 9px 0 3px;overflow:hidden;font:700 12px/1 var(--ui);letter-spacing:.03em;text-transform:uppercase;text-align:left;color:var(--ink);border-radius:3px;background:var(--grain, none),#191c25eb;background-blend-mode:overlay;box-shadow:0 0 0 1px #000,inset 0 1px #ffffff14,inset 0 0 0 1px #3a3e48}.cb:hover{background-color:#232733f2}.cb:focus-visible,body.pad:not(.playing) .cb:focus{background-color:#3e4456fa}.cb b,.cb small{position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cb small{font:600 11px/1 var(--ui);letter-spacing:0;text-transform:none;color:var(--dim)}.cb .fill{position:absolute;inset:0 auto 0 0;width:var(--p, 0%);background:#ffd23f1f;pointer-events:none}.cb[data-state=near]{cursor:default}.cb[data-state=near] :is(b,.cicon){opacity:.55}.cb[data-state=locked]{cursor:not-allowed}.cb[data-state=locked] small{color:#ff8a70}.cb[data-state=ready]{box-shadow:0 0 0 1px #000,inset 0 1px #ffffff1a,inset 0 0 0 1px var(--metal),0 0 8px #ffd23f59}.cb[data-state=ready] b{color:var(--gold)}.cb[data-state=ready] small{color:var(--ink)}.cb[data-kind=attack][data-state=ready]{background-color:#6a1a10;animation:beckon .8s infinite alternate}.cb[data-kind=danger]{background-color:#2a1614eb}@keyframes beckon{to{box-shadow:0 0 0 1px #000,inset 0 0 0 1px #ff8a5a,0 0 14px #ff6a3a}}body[data-art=pixel] .cb{border-radius:0;box-shadow:0 0 0 3px #000,inset 0 3px #2a2e38}body[data-art=pixel] .cb[data-state=ready]{box-shadow:0 0 0 3px #000,inset 0 0 0 3px var(--metal)}#boss{position:absolute;top:9px;left:50%;width:444px;margin-left:-222px;display:grid;grid-template-columns:1fr 138px;align-items:center;pointer-events:none}#boss>*{pointer-events:auto}#boss .nm{display:flex;align-items:baseline;justify-content:flex-end;gap:8px;margin-bottom:5px}#boss .nm b{font:700 17px/1 var(--ui);color:#fff}#boss .nm small{font:700 12px/1 var(--ui);letter-spacing:.08em;color:#ff6a50}#boss .bar{height:21px}#boss .bar b{font-size:13px}#boss .cast{display:grid;grid-template-columns:1fr;width:252px;margin:9px 0 0 auto}#boss .cast[hidden]{display:grid!important;visibility:hidden}#boss .bar.casting{height:15px}#boss .bar.casting b{font-size:11px;justify-content:start;padding-left:8px;display:flex;align-items:center}body[data-art=pixel] #boss .bar.casting{height:21px}#boss .elite{position:relative;width:138px;height:108px}#boss .elite .dr{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}#boss .elite .dr.front{z-index:2}body[data-art=pixel] #boss .elite .dr{background:var(--dr-back) 0 0 / 100% 100% no-repeat;image-rendering:pixelated}body[data-art=pixel] #boss .elite .dr.front{background-image:var(--dr-front)}#actions{position:absolute;left:0;right:0;bottom:18px;display:flex;justify-content:center;gap:9px;pointer-events:none}#actions>*{pointer-events:auto}.ab{width:51px;height:51px}.ab .ico{position:relative;--s: 39px;margin:auto}body[data-art=pixel] #actions{gap:12px}body[data-art=pixel] .ab{width:48px;height:48px}.ab:after{content:"";position:absolute;inset:0;border-radius:4px;pointer-events:none;z-index:3}.ab:hover:not([aria-disabled=true]):after{box-shadow:inset 0 0 0 2px #ffffff8c,inset 0 0 12px #ffffff40}body[data-art=pixel] .ab:hover:not([aria-disabled=true]):after{border-radius:0;box-shadow:inset 0 0 0 3px #fff9}.ab .kb{position:absolute;top:3px;right:4px;z-index:4;font:700 12px/1 var(--ui);color:#e8e6e0;text-shadow:0 1px 0 #000,0 0 2px #000,0 0 2px #000}.ab .ct{position:absolute;bottom:2px;right:4px;z-index:4;font:800 15px/1 var(--ui);color:#fff;text-shadow:0 1px 0 #000,0 0 2px #000,0 0 3px #000}body[data-art=pixel] .ab .kb{top:5px;right:6px}body[data-art=pixel] .ab .ct{bottom:4px;right:6px}.ab[aria-disabled=true] .ico,.ab[aria-disabled=true] .icn{filter:grayscale(1) brightness(.5)}.ab[aria-disabled=true] .ct{color:#ff4a3a}.ab .lock{position:absolute;inset:0;z-index:4;display:grid;place-items:center}.ab .lock .ico{--s: 24px}.ab .sweep{position:absolute;inset:0;z-index:2;border-radius:4px;pointer-events:none;background:conic-gradient(transparent calc(var(--t, 1) * 1turn),#0000009e 0)}body[data-art=pixel] .ab .sweep{border-radius:0;background:linear-gradient(rgb(0 0 0 / .62) calc((1 - var(--t, 1)) * 100%),transparent 0)}.ab .left{position:absolute;inset:0;z-index:4;display:grid;place-items:center;font:800 17px/1 var(--ui);color:#fff;text-shadow:0 1px 0 #000,0 0 3px #000,0 0 3px #000}body[data-art=scaled] .ab.on{box-shadow:0 0 14px #ffd24a8c,0 3px 6px #00000080}body[data-art=pixel] .ab.on{--edge: var(--gold)}#feed{position:absolute;bottom:var(--floor);left:18px;width:420px;margin:0;padding:0;list-style:none;pointer-events:none}#feed li{font:600 14px/1.5 var(--ui);color:#fff;text-shadow:var(--shade);transition:opacity .6s}#feed .link{font-weight:700;pointer-events:auto;cursor:default}#card{position:absolute;top:21%;left:282px;right:288px;z-index:7;padding:12px 16px 14px;text-align:center;pointer-events:none;transition:opacity .6s;background:linear-gradient(90deg,transparent,rgb(0 0 0 / .5) 18%,rgb(0 0 0 / .5) 82%,transparent)}#card b{display:block;font:700 clamp(28px,7.5vw,56px)/1.05 var(--title);color:var(--yellow);text-wrap:balance;text-shadow:0 2px 0 #000,0 0 3px #000,0 0 18px rgb(0 0 0 / .65)}#card span{display:block;margin-top:8px;font:700 clamp(14px,2.8vw,20px)/1.25 var(--title);letter-spacing:.06em;color:#fff;text-wrap:balance;text-shadow:var(--shade)}#card.boss b{color:#ff6a4a}body[data-art=pixel] #card b{text-shadow:3px 3px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000}#tip{position:fixed;z-index:60;max-width:300px;padding:9px 12px 10px;font:600 14px/1.4 var(--ui);color:#fff;pointer-events:none;background:var(--grain, none),#060812ed;background-blend-mode:overlay;border-radius:4px;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #969cacb3,0 8px 20px #00000080}body[data-art=pixel] #tip{border-radius:0;background:var(--grain, none),#060812f5;box-shadow:0 0 0 3px #000,inset 0 0 0 3px #7a8090}#tip .t-title{font:700 16px/1.25 var(--title);margin-bottom:2px}#tip .t-row{display:flex;justify-content:space-between;gap:22px}#tip .dim{color:var(--q-poor)}#tip .acc{color:var(--yellow)}#tip .use{color:var(--q-uncommon)}#tip .bad{color:#ff4a3a}#tip .gap{height:6px}#sheet{position:fixed;top:18px;left:282px;z-index:6;width:clamp(552px,calc(100vw - 582px),760px);display:grid}.win{position:relative;display:flex;flex-direction:column;max-height:calc(100vh - 18px - var(--floor))}.win>.body{flex:1 1 auto}.win .head{position:relative;display:grid;grid-template-columns:78px 1fr 42px;align-items:center;min-height:66px;padding:9px 12px 9px 9px;box-shadow:inset 0 -1px #c49a458c}.win .head.plain{grid-template-columns:42px 1fr 42px}body[data-art=pixel] .win .head{box-shadow:inset 0 -3px 0 var(--metal-lo)}.win .head h2{margin:0;font:700 22px/1 var(--title);color:var(--gold);text-align:center}.win .head .sub{margin-top:5px;font:600 14px/1 var(--ui);color:var(--ink);text-align:center}.x{width:30px;height:30px;display:grid;place-items:center;justify-self:end;border-radius:4px;font:800 15px/1 var(--ui);color:#ffd8c8;background:var(--grain, none),#861a0e;background-blend-mode:overlay;box-shadow:0 0 0 1px #000,inset 0 1px #ffa07866,inset 0 -2px #0000004d,0 0 0 2px var(--metal-lo),0 0 0 3px #000}.x:hover{background-color:#a8261a}.x:active{transform:translateY(1px)}body[data-art=pixel] .x{border-radius:0;background:#8a1c10;box-shadow:0 0 0 3px #000,inset 0 3px #c8402a;width:33px;height:33px}.win .body{--room: calc(100vh - var(--floor) - 147px);height:clamp(372px,var(--room),640px);min-height:0;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-template-areas:"main"}.win.has-sections .body{grid-template-columns:186px minmax(0,1fr);grid-template-areas:"sections main"}.win.has-side .body{grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"main side"}.pane{min-height:0;overflow:auto;padding:15px 18px 18px;scrollbar-width:thin;scrollbar-color:var(--metal-lo) transparent}.pane.main{grid-area:main}.pane.side{grid-area:side;background:#00000029;box-shadow:inset 1px 0 #c49a4559}:is(.pane,.sections)::-webkit-scrollbar{width:9px;height:9px}:is(.pane,.sections)::-webkit-scrollbar-thumb{background:var(--metal-lo);border-radius:4px;border:2px solid transparent;background-clip:padding-box}body[data-art=pixel] .pane.side{box-shadow:inset 3px 0 0 var(--metal-lo)}.sections{grid-area:sections;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:3px;padding:12px 9px;background:#00000029;box-shadow:inset -1px 0 #c49a4559;scrollbar-width:thin;scrollbar-color:var(--metal-lo) transparent}body[data-art=pixel] .sections{box-shadow:inset -3px 0 0 var(--metal-lo)}.section{flex:none;display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:39px;padding:0 12px;border-radius:var(--r);text-align:left;font:700 13px/1.1 var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}.section small{font:600 12px/1 var(--ui);letter-spacing:0;color:var(--muted);font-variant-numeric:tabular-nums}.section:hover{color:#fff;background:#ffffff0d}.section[aria-selected=true]{color:var(--gold);background:var(--grain, none),#20232c;background-blend-mode:overlay;box-shadow:0 0 0 1px #000,inset 0 1px #ffffff1a,inset 0 0 0 1px var(--metal)}.section.ready small{color:var(--q-uncommon)}body[data-art=pixel] .sections{gap:6px;padding:12px}body[data-art=pixel] .section[aria-selected=true]{background:#20232c;box-shadow:0 0 0 3px #000,inset 0 0 0 3px var(--metal)}.win{container:frame / inline-size}@container frame (max-width: 700px){.win.has-sections .body{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"sections" "main"}.win.has-side .body{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"side" "main"}.pane.side{max-height:40vh;box-shadow:inset 0 -1px #c49a4559}body[data-art=pixel] .pane.side{box-shadow:inset 0 -3px 0 var(--metal-lo)}.sections,body[data-art=pixel] .sections{flex-direction:row;gap:6px;padding:9px 12px;overflow:auto hidden;box-shadow:inset 0 -1px #c49a4559;scrollbar-width:none}body[data-art=pixel] .sections{box-shadow:inset 0 -3px 0 var(--metal-lo)}.section{min-height:36px;white-space:nowrap}.seat{gap:9px;padding:6px}}.foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;padding:12px 18px;box-shadow:inset 0 1px #c49a458c}body[data-art=pixel] .foot{box-shadow:inset 0 3px 0 var(--metal-lo)}.foot .enter{min-width:270px}.tabs{display:flex;gap:6px;padding-left:21px;margin-top:-1px}.tab{position:relative;height:33px;padding:0 18px;border-radius:0 0 6px 6px;font:700 13px/1 var(--ui);letter-spacing:.06em;color:var(--dim);background:var(--grain, none),#0e0f15f5;background-blend-mode:overlay;box-shadow:0 0 0 1px #000,inset 0 -1px 0 0 var(--metal-lo),inset 1px 0 0 var(--metal-lo),inset -1px 0 0 var(--metal-lo)}.tab:hover{color:#fff}.tab[aria-selected=true]{color:var(--gold);background-color:#101219f5;z-index:1}.tab small{margin-left:6px;font:inherit;color:var(--q-uncommon)}.tab:not(.ready) small{visibility:hidden}body[data-art=pixel] .tab{border-radius:0;background:#0e1016;box-shadow:0 0 0 3px #000,inset 0 -3px 0 var(--metal-lo),inset 3px 0 0 var(--metal-lo),inset -3px 0 0 var(--metal-lo);height:36px}body[data-art=pixel] .tab[aria-selected=true]{background:#161922}.sec{display:flex;align-items:center;justify-content:space-between;height:24px;padding:0 9px;margin:0 0 6px;font:700 15px/1 var(--title);color:var(--gold);background:#c49a451f;box-shadow:inset 0 -1px #c49a4573}.sec small{font:600 12px/1 var(--ui);color:var(--dim)}body[data-art=pixel] .sec{box-shadow:inset 0 -3px 0 var(--metal-lo);background:#c49a4524}.hint{margin:0;font:500 13px/1.4 var(--ui);color:var(--dim)}.slots{display:grid;align-content:start;gap:12px;padding-top:3px}.gs{width:51px;height:51px}.gs .ico{position:relative;--s: 39px;margin:auto}.gs .new{position:absolute;top:-6px;right:-6px;z-index:4;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;font:800 12px/1 var(--ui);color:#062a00;background:var(--q-uncommon);box-shadow:0 0 0 1px #000,0 0 8px #1eff0099}body[data-art=pixel] .gs .new{border-radius:0;box-shadow:0 0 0 3px #000}.gs:hover:after{content:"";position:absolute;inset:0;z-index:4;border-radius:4px;box-shadow:inset 0 0 0 2px #ffffff80}body[data-art=pixel] .gs{width:48px;height:48px}body[data-art=pixel] .gs:hover:after{border-radius:0;box-shadow:inset 0 0 0 3px #ffffff8c}body[data-art=pixel] .gs{--edge: var(--q)}.gs.empty .ico{opacity:.28}.bag{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:15px}#tip .flavor{color:var(--yellow);font-style:italic}.model{display:grid;grid-template-rows:192px auto;gap:9px;align-content:start}.stage{position:relative;overflow:hidden;border-radius:4px;background:var(--grain, none),#11131a;background-blend-mode:overlay;box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 -40px 40px #0006}.stage canvas{position:absolute;left:50%;bottom:0;transform:translate(-50%)}body[data-art=pixel] .stage{border-radius:0;background:#12141b;box-shadow:inset 0 0 0 3px #0a0b0f}body[data-art=pixel] .stage canvas{image-rendering:pixelated}.meters{display:grid;gap:6px}.meters .bar.xp{height:9px}.meters .line{font:600 12px/1.3 var(--ui);color:var(--dim);text-align:center}.levelup{width:100%}.stats dl{margin:0 0 15px;display:grid;gap:1px}.stats dl div{display:flex;justify-content:space-between;padding:3px 9px;font:600 14px/1.25 var(--ui)}.stats dl div:nth-child(odd){background:#ffffff08}.stats dt{color:var(--dim)}.stats dd{margin:0;color:#fff;font-weight:700}.stats p{margin:0 9px;font:italic 500 14px/1.4 var(--ui);color:var(--dim)}.tally{width:100%;border-collapse:separate;border-spacing:0;font:600 14px/1.25 var(--ui);font-variant-numeric:tabular-nums}.tally th,.tally td{padding:3px 9px}.tally td{width:111px;text-align:right;white-space:nowrap;font-weight:700;color:#fff}.tally td.none{color:var(--muted)}.found{margin-bottom:15px;display:grid;gap:6px}.found .row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;font:600 13px/1.3 var(--ui)}.found .row small{display:block;color:var(--dim);font-weight:500}@container frame (min-width: 701px){.win.talents .body{grid-template-columns:minmax(0,1fr) 270px}}.win.talents .pane.main{display:flex;flex-direction:column}.trees{flex:1 0 auto;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px}.branch{display:flex;flex-direction:column;align-items:center;gap:9px}.branch .bn{display:grid;justify-items:center;gap:4px;min-height:36px;text-align:center}.branch .bn b{font:700 15px/1.1 var(--title);color:#fff}.branch .bn small{font:700 12px/1 var(--ui);color:var(--muted);font-variant-numeric:tabular-nums}.nodes{position:relative;flex:1 0 auto;display:flex;flex-direction:column;justify-content:space-between;gap:9px}.nodes:before{content:"";position:absolute;top:21px;bottom:21px;left:50%;width:3px;margin-left:-1.5px;background:var(--metal-lo);box-shadow:0 0 0 1px #000}body[data-art=pixel] .nodes:before{width:6px;margin-left:-3px;box-shadow:none;background:#000}.tn.picked:after{inset:-6px;border-radius:6px;box-shadow:inset 0 0 0 2px #fff}body[data-art=pixel] .tn.picked:after{inset:-9px;box-shadow:inset 0 0 0 3px #fff}.tn{flex:none;width:42px;height:42px}.tn .ico{position:relative;--s: 32px;margin:auto}.tn.passive,.tn.passive .icn,.tn.passive:after{border-radius:50%}.tn.none .icn,.tn.none .ico{filter:grayscale(1) brightness(.45)}.tn[aria-disabled=true]{cursor:default}.tn:after{content:"";position:absolute;inset:0;border-radius:4px;pointer-events:none;z-index:4}.tn.can:hover:after{box-shadow:inset 0 0 0 2px #fff9}body[data-art=scaled] .tn.passive{--fr: var(--hr-ironring)}body[data-art=scaled] .tn.passive.max{--fr: var(--hr-goldring)}body[data-art=scaled] .tn.can{box-shadow:0 0 14px 3px #1eff0080,0 3px 6px #00000080}body[data-art=pixel] .tn:after{border-radius:0}body[data-art=pixel] .tn.can{--edge: var(--q-uncommon)}body[data-art=pixel] .tn.max{--edge: var(--gold)}body[data-art=pixel] .tn.passive{box-shadow:none;--pr: var(--pr18-none)}body[data-art=pixel] .tn.passive.can{--pr: var(--pr18-can)}body[data-art=pixel] .tn.passive.max{--pr: var(--pr18-max)}body[data-art=pixel] .tn.passive:before{content:"";position:absolute;inset:-6px;z-index:1;background:var(--pr) 0 0 / 100% 100%;image-rendering:pixelated;pointer-events:none}.win .check{margin-top:18px;padding-top:12px;box-shadow:inset 0 1px #ffffff14}.offer{display:grid;grid-template-columns:48px 1fr 1fr;gap:6px 9px;align-items:center;margin-bottom:12px}.supplies{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:9px;margin-bottom:6px}.continent canvas{display:block;width:min(100%,clamp(372px,var(--room),640px) - 33px);height:auto;aspect-ratio:1;image-rendering:pixelated;border-radius:var(--r);box-shadow:0 0 0 1px #000,0 0 0 2px var(--metal-lo)}body[data-art=pixel] .continent canvas{box-shadow:0 0 0 3px #000}#settings-find{display:block;width:100%;height:36px;margin:0 0 12px;padding:0 12px;border:0;border-radius:var(--r);-webkit-appearance:none;appearance:none;font:600 14px/1 var(--ui);color:var(--ink);background:#07080c;box-shadow:0 0 0 1px #000,inset 0 0 0 1px var(--iron-hi)}#settings-find::placeholder{font-weight:700;letter-spacing:.06em;color:var(--muted)}body[data-art=pixel] #settings-find{box-shadow:0 0 0 3px #000,inset 0 0 0 3px var(--iron)}#settings-found{margin:0 0 12px;font:600 13px/1 var(--ui);color:var(--dim)}#settings-groups section+section{margin-top:15px}#settings-groups .sec{margin-bottom:12px}#bind-note{min-height:36px;margin:0 0 9px;font:600 13px/1.4 var(--ui);color:var(--ink)}.bind-head,.set.bind{grid-template-columns:minmax(0,210px) 78px 78px 36px;column-gap:12px}.set.bind{margin-bottom:9px}.set.bind .row{display:contents}.set.bind .quiet{width:100%;padding:0}.set{display:grid;grid-template-columns:96px 1fr;gap:9px 12px;align-items:center;margin-bottom:12px}.set>span{font:700 12px/1 var(--ui);letter-spacing:.06em;color:var(--dim)}.set .row{display:flex;flex-wrap:wrap;gap:9px}.vol input:is(:focus-visible,body.pad:not(.playing) :focus){outline:none}.vol input:is(:focus-visible,body.pad:not(.playing) :focus)::-webkit-slider-thumb{box-shadow:0 0 0 1px #000,inset 0 0 0 2px #fff}.vol input:is(:focus-visible,body.pad:not(.playing) :focus)::-moz-range-thumb{box-shadow:0 0 0 1px #000,inset 0 0 0 2px #fff}body[data-art=pixel] .vol input:is(:focus-visible,body.pad:not(.playing) :focus)::-webkit-slider-thumb{box-shadow:0 0 0 3px #000,inset 0 0 0 3px #fff}body[data-art=pixel] .vol input:is(:focus-visible,body.pad:not(.playing) :focus)::-moz-range-thumb{box-shadow:0 0 0 3px #000,inset 0 0 0 3px #fff}#art{width:92px}#angle{width:64px}#walls{width:120px}#pause{width:150px}#sound{width:132px}#speeds .quiet{width:48px;padding:0}#ask{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:12px;background:#04060a99}#ask .win{width:min(462px,100%)}#ask .body{height:auto}#ask .pane{padding:21px 21px 6px}#ask p{margin:0;font:600 15px/1.45 var(--ui);color:var(--ink)}#ask .foot{box-shadow:none;padding:12px 21px 18px}#ask .foot button{min-width:0;height:42px;min-height:42px;padding:0 21px;flex:none}#ask .enter{font-size:16px}#title{position:fixed;inset:0;z-index:6;overflow:auto}#title:before{content:"";position:fixed;inset:0;background:radial-gradient(70% 60% at 50% 40%,#04060a26,#04060acc);pointer-events:none}body.titled #ui,body.titled #speed-test{display:none}.scene{position:relative;min-height:100%;display:grid;grid-template-columns:1fr minmax(0,1fr) 1fr;grid-template-rows:auto 1fr auto;padding:42px 36px 36px;gap:18px}.menu{grid-column:1 / -1;align-self:center;justify-self:center;display:grid;justify-items:center;gap:15px}.menu .quiet{min-width:270px;min-height:42px;font-size:14px}.facts{display:flex;flex-wrap:wrap;justify-content:center;gap:9px 27px;max-width:480px;text-shadow:var(--shade)}.facts div{display:grid;justify-items:center;gap:3px}.facts b{font:700 16px/1.1 var(--ui);font-variant-numeric:tabular-nums;color:#fff}.facts small{font:600 11px/1 var(--ui);letter-spacing:.08em;color:#ece6d8}.away .facts{max-width:none}.away .facts div{min-width:132px}.classes{display:grid;grid-template-columns:repeat(auto-fill,51px);gap:12px;margin:9px 0 18px}.cls{width:51px;height:51px;padding:0;overflow:hidden;background:var(--grain, none),#191c25;background-blend-mode:overlay}.cls canvas{display:block;width:100%;height:100%}.cls.locked canvas{filter:grayscale(1) brightness(.35)}.cls .lock{position:absolute;inset:0;display:grid;place-items:center;z-index:1}.cls .lock .ico{--s: 24px}body[data-art=scaled] .cls[aria-pressed=true]{box-shadow:0 0 12px #ffd24a73,0 3px 6px #00000080}body[data-art=scaled] .cls:hover:not(.locked){box-shadow:0 0 10px #ffffff40,0 3px 6px #00000080}body[data-art=pixel] .classes{grid-template-columns:repeat(auto-fill,48px)}body[data-art=pixel] .cls{width:48px;height:48px;background:#151821}body[data-art=pixel] .cls canvas{image-rendering:pixelated}body[data-art=pixel] .cls:after{content:"";position:absolute;inset:0;z-index:2;box-shadow:inset 0 0 0 3px var(--edge, var(--iron));pointer-events:none}body[data-art=pixel] .cls[aria-pressed=true]{--edge: var(--gold)}body[data-art=pixel] .cls:hover:not(.locked){--edge: var(--iron-hi)}body[data-art=pixel] .cls[aria-pressed=true]:hover{--edge: #fff0a0}.why{margin:12px 0 0;min-height:2.7em;font:600 13px/1.35 var(--ui);color:var(--dim)}.seat{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;width:100%;padding:6px 9px 6px 6px;border-radius:4px;text-align:left}.seat b{display:block;font:700 16px/1.15 var(--ui);color:var(--gold)}.seat small{font:600 13px/1 var(--ui);color:var(--ink)}button.seat:hover{background:#ffffff0f}.seat.empty b{color:var(--muted)}.sheet-page:has(>.has-sections,>.has-side){width:min(960px,100%)}.ups{display:grid;gap:9px}.up{display:grid;grid-template-columns:1fr auto;gap:3px 12px;align-items:center;padding:9px 12px;background:#ffffff08;border-radius:var(--r)}.up b{font:700 16px/1.1 var(--title);color:#fff}.up p{grid-column:1;margin:0;font:500 13px/1.35 var(--ui);color:var(--dim)}.up .quiet{grid-row:span 2;min-width:72px}.end .body{height:auto}.end .pane{overflow:visible}.end p{margin:0 0 15px;font:500 15px/1.5 var(--ui);color:var(--ink)}.end b{color:var(--gold)}.up .rank{margin-left:9px;font:600 12px/1 var(--ui);color:var(--dim);font-variant-numeric:tabular-nums}.end .choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.end .choice{display:grid;gap:9px;align-content:start;padding:12px;background:#ffffff08;border-radius:var(--r)}.end .choice p{margin:0;font-size:13px;color:var(--dim)}.tally.rates td:first-of-type{width:auto;color:var(--gold);font-weight:600}@media(max-height:860px)and (min-width:761px){.tracker{display:none}}@media(max-height:820px)and (min-width:761px){#left{gap:9px}.mm{width:132px;height:132px}.mm .chart{inset:9px}.mm:after{background-image:var(--hr-map-small)}body[data-art=pixel] .mm .chart{inset:12px}body[data-art=pixel] .mm:after{background:var(--map44) 0 0 / 100% 100% no-repeat}.rim{left:var(--xs);top:var(--ys);width:36px;height:36px;margin:-18px 0 0 -18px;background-image:var(--hr-rim-small),var(--grain, none)}.rim .ico{--s: 22px}body[data-art=pixel] .rim{width:36px;height:36px;margin:-18px 0 0 -18px}body[data-art=pixel] .rim:before{background-image:var(--rim12)}body[data-art=pixel] .rim .ico{width:24px;height:24px}}@media(max-width:760px){#left{top:9px;left:9px;grid-auto-flow:column;gap:9px;align-items:start}#party{gap:6px}.fx .st:nth-child(n+4){display:none}#buffs{flex-direction:column}#corner{top:6px;right:9px;width:210px}#place{width:132px;font-size:12px}#place:first-line{font-size:13px}.mm{width:132px;height:132px}.mm .chart{inset:9px}.mm:after{background-image:var(--hr-map-small)}body[data-art=pixel] .mm .chart{inset:12px}body[data-art=pixel] .mm:after{background:var(--map44) 0 0 / 100% 100% no-repeat}.rim{left:var(--xs);top:var(--ys);width:36px;height:36px;margin:-18px 0 0 -18px;background-image:var(--hr-rim-small),var(--grain, none)}.rim .ico{--s: 22px}body[data-art=pixel] .rim{width:36px;height:36px;margin:-18px 0 0 -18px}body[data-art=pixel] .rim:before{background-image:var(--rim12)}body[data-art=pixel] .rim .ico{width:24px;height:24px}.purse{width:210px;gap:9px;font-size:13px;margin-top:6px}.tracker{display:none}#hud{--floor: 66px;--lane: 228px}#column{width:210px;margin-top:9px}#boss{top:auto;bottom:calc(var(--floor) + 18px);left:9px;margin:0;width:calc(100vw - var(--lane));grid-template-columns:1fr}#boss .elite{display:none}#boss .cast{width:100%}#actions{left:6px;right:6px;bottom:12px;gap:6px}.ab{width:39px;height:39px}.ab .ico{--s: 30px}body[data-art=pixel] .ab{width:36px;height:36px}body[data-art=pixel] .ab .ico{width:24px;height:24px}body[data-art=pixel] #actions{gap:6px}.ab .kb{font-size:11px}.ab .ct{font-size:13px}#card{top:40%;left:0;right:0}#feed{left:9px;right:var(--lane);width:auto}#feed li{display:none;font-size:13px}#feed li:last-child{display:block}#sheet,body.boss-up #sheet{inset:auto 0 0;width:auto}#sheet .tabs{order:-1;padding-left:12px}#sheet .tab{border-radius:6px 6px 0 0}.win,body.boss-up .win{max-height:64vh}.win .body{height:auto}.win .body:has(#settings){height:calc(64vh - 66px)}.win .head{grid-template-columns:66px 1fr 42px}.pane{padding:12px}.foot{padding:9px 12px}.foot .enter{min-width:0}.model{grid-template-rows:144px auto}.offer{grid-template-columns:48px 1fr}.continent canvas{width:100%;height:auto;aspect-ratio:1}.set{grid-template-columns:1fr}.bind-head,.set.bind{grid-template-columns:minmax(0,1fr) 66px 66px 36px;column-gap:9px}.tally th,.tally td{padding:3px 6px}.tally td{width:78px}.end .choices{grid-template-columns:1fr}.scene{grid-template-columns:1fr;padding:24px 12px 0;gap:12px}.menu{grid-column:1}.nodes{gap:9px}.nodes:before{top:15px;bottom:15px}.tn{width:30px;height:30px}.tn .ico{--s: 22px}body[data-art=pixel] .tn .ico{width:24px;height:24px}body[data-art=pixel] .tn.passive{--pr: var(--pr14-none)}body[data-art=pixel] .tn.passive.can{--pr: var(--pr14-can)}body[data-art=pixel] .tn.passive.max{--pr: var(--pr14-max)}}#colony-hud{position:fixed;inset:0;pointer-events:none;z-index:2;font-family:var(--ui)}#thing{position:absolute;top:calc(max(8px,env(safe-area-inset-top)) + 140px);right:calc(max(16px,env(safe-area-inset-right)) + 140px);width:340px;max-height:calc(100vh - 300px);display:grid;grid-template-rows:auto minmax(0,1fr);pointer-events:auto;padding:0 0 10px}#thing header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 8px 6px 14px}#thing header b{font:700 18px/1.1 var(--title);color:var(--gold);text-shadow:var(--shade)}#thing header .quiet{min-height:30px;width:34px;padding:0}#thing .body{display:grid;align-content:start;gap:6px;padding:2px 14px 8px;overflow-y:auto}#thing .line{padding:2px 1px 3px}#thing p{margin:0;color:var(--dim);font-weight:500}#thing .fact{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:26px}#thing .fact>span:first-child{color:var(--dim)}#thing .fact b{font-variant-numeric:tabular-nums}#thing .stepper{display:flex;align-items:center;gap:6px}#thing .stepper b{min-width:4ch;text-align:center}#thing .stepper .quiet{width:36px;padding:0;font-size:18px}#thing .line{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}#thing .item{display:grid;grid-template-columns:1fr auto;gap:0 8px;min-width:100%}#thing .item small{color:var(--dim);font:500 12px/1.2 var(--ui)}#thing .research{display:grid;gap:4px;padding:6px 0;border-top:1px solid rgb(255 255 255 / .08)}#thing .research p{font-size:12px}.price{display:flex;flex-wrap:wrap;gap:2px 10px;font:600 12px/1.2 var(--ui);color:var(--ink);font-variant-numeric:tabular-nums}.price .short{color:var(--low-hi)}.gain{color:var(--hp-hi)}@media(max-width:699px){#thing{inset:auto 0 0;width:auto;max-height:46vh;padding-bottom:max(10px,env(safe-area-inset-bottom))}}@media(max-width:699px){body:has(#thing:not([hidden])) #news{bottom:calc(46vh + 10px)}}#box{position:fixed;border:1px solid var(--gold);background:#ffd24a1f;pointer-events:none;z-index:3}#order{position:fixed;left:0;top:0;z-index:4;pointer-events:none;font:700 13px/1 var(--ui);letter-spacing:.06em;color:var(--gold)}#nameplates,#crossing-plates{position:fixed;inset:0;pointer-events:none;z-index:1;overflow:hidden}#news{position:absolute;left:50%;bottom:calc(max(14px,env(safe-area-inset-bottom)) + 56px);transform:translate(-50%,6px);margin:0;max-width:min(90vw,520px);text-align:center;font:700 16px/1.25 var(--ui);color:var(--ink);opacity:0;transition:opacity .35s,transform .35s}#news.on{opacity:1;transform:translate(-50%)}#away{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(92vw,360px);pointer-events:auto;padding:0 0 12px}#away header{padding:12px 16px 6px}#away header b{font:700 20px/1.1 var(--title);color:var(--gold)}#away .body{display:grid;gap:6px;padding:0 16px 10px}#away p{margin:0;color:var(--dim)}#away .fact{display:flex;justify-content:space-between}#away .bar{display:block;height:8px;background:#00000080}#away .bar .fill{display:block;height:100%;width:0;background:var(--gold)}#away footer{display:flex;justify-content:center;padding:0 16px}#away footer .quiet{min-width:160px}#beacons{position:fixed;inset:0;pointer-events:none;z-index:1;overflow:hidden}.beacon{position:absolute;left:-9px;top:-24px;width:18px;height:18px}.beacon:before{content:"";position:absolute;inset:2px;background:var(--gold);transform:rotate(45deg);box-shadow:0 0 0 2px #000,0 0 12px 2px #ffd24a99;animation:bob 1s ease-in-out infinite alternate}body[data-art=pixel] .beacon:before{box-shadow:0 0 0 3px #000;animation-timing-function:steps(3)}@keyframes bob{0%{translate:0 0}to{translate:0 -6px}}.beacon.edge:before{opacity:.85;animation-duration:.6s}#thing .sec{margin-top:4px;font:700 12px/1 var(--ui);letter-spacing:.08em;color:var(--gold);text-transform:uppercase}#thing .map{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:baseline;flex:1}#thing .map small{color:var(--dim);font:500 12px/1 var(--ui)}#menu{position:fixed;inset:0;z-index:5;display:grid;place-items:center;padding:16px;background:#00000059}#menu .win{width:min(100%,640px)}#menu .setting{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:4px 0}#menu .setting .quiet{min-width:128px}#menu .setting input[type=range]{width:min(260px,50vw);accent-color:var(--gold)}#menu .fact{display:flex;justify-content:space-between;gap:12px;min-height:30px;align-items:center}#menu .fact span{color:var(--dim)}#menu .fact b{font-variant-numeric:tabular-nums}.beacon.goal:before{background:#fff2b0;box-shadow:0 0 0 2px #000,0 0 18px 6px #ffd24ad9}.meter{display:block;width:64px;height:6px;background:#0000008c;box-shadow:inset 0 0 0 1px #000c}.meter>i{display:block;height:100%;width:0;background:var(--gold);transition:width .15s linear}#zone-label{position:absolute;left:0;top:0;translate:-50% 0;display:grid;gap:4px;justify-items:center}#zone-label b{font:700 15px/1 var(--title);letter-spacing:.08em;color:var(--gold);white-space:nowrap}#zone-label .meter{width:90px}.reason{position:absolute;translate:-50% -100%;white-space:nowrap;font:700 14px/1.2 var(--ui);color:var(--low-hi);animation:reason 2.2s ease-out forwards}@keyframes reason{0%{opacity:0}8%{opacity:1}80%{opacity:1}to{opacity:0}}.meter.hp>i{background:var(--hp)}.gain-at{position:absolute;translate:-50% -100%;pointer-events:none;font:800 18px/1 var(--ui);animation:gain-at .9s ease-out forwards}@keyframes gain-at{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-28px)}}:is(#colony-hud,#nameplates,#crossing-plates){--foot: 30px;--cream: #f4e9d2;--wdim: #c9b896;--amber: #ffb43a;--wgold: #f2c45c;--lacquer: #6a160c;--well: #2c2117;--tok: 30px;--tok-ico: 20px;--cap: 27px;--cap-ico: 16px;--rim-ico: 22px;--gem-in: 6px;--gem-hole: 15px}body:not([data-art=pixel]) :is(#colony-hud,#nameplates,#crossing-plates){--shade: 0 1px 0 #000, 0 0 3px #000, 0 0 7px rgb(0 0 0 / .75)}body[data-art=pixel] :is(#colony-hud,#nameplates,#crossing-plates){--tok: 36px;--tok-ico: 24px;--cap: 36px;--cap-ico: 24px;--rim-ico: 24px;--gem-in: 9px;--gem-hole: 12px;image-rendering:pixelated}#colony-hud .ring,#nameplates .cap{display:grid;place-items:center;border-radius:50%}#top{position:absolute;top:max(14px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));right:max(150px,env(safe-area-inset-right));display:grid;gap:12px;justify-items:start}#resources{display:flex;flex-wrap:wrap;gap:6px 16px;pointer-events:auto}.res{display:grid;grid-template-columns:var(--tok) auto;grid-template-rows:auto auto;column-gap:7px;align-items:center;cursor:default}.res .tok{grid-row:span 2;width:var(--tok);height:var(--tok);display:grid;place-items:center;background:var(--w-tok) center / 100% 100%,radial-gradient(circle,var(--well) 60%,transparent 61%)}.res .tok .ico{width:var(--tok-ico);height:var(--tok-ico)}.res b{min-width:6ch;font:800 18px/1 var(--ui);color:var(--cream);text-shadow:var(--shade);font-variant-numeric:tabular-nums}.res small{font:700 11px/1 var(--ui);color:var(--amber);text-shadow:var(--shade);font-variant-numeric:tabular-nums}.res small:empty{display:none}.res:has(small:empty) b{grid-row:span 2}.res.full b{color:#ff8a6a}#tracker{width:min(380px,100%);display:grid;gap:6px;text-shadow:var(--shade)}#tracker>*{margin:0;display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:8px;text-align:left}#zone-line b{font:700 19px/1.1 var(--title);color:var(--wgold)}#zone-line small{font:700 12px/1 var(--ui);color:var(--wdim);font-variant-numeric:tabular-nums}#goal{pointer-events:auto;font:700 15px/1.25 var(--ui);color:var(--cream)}#goal .mark{font:800 16px/1 var(--ui);font-style:normal;color:var(--amber)}#goal b,#goal .why{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#goal b{font:inherit}#goal .cost{min-height:15px}#goal .cost,#goal .why{grid-column:2}#goal .cost .price{font-size:12px;color:var(--wdim)}#goal .why{margin:1px 0 0;min-height:0;font:500 12px/1.25 var(--ui);color:var(--wdim)}#goal.new b{animation:goal-in 1.2s ease-out}@keyframes goal-in{0%{color:var(--amber)}}#boss-bar b{grid-column:1 / -1;font:700 16px/1.1 var(--title);color:#ff8a6a}#tracker .bar{grid-column:1 / -1;height:5px;margin-top:3px;border-radius:0;background:#0000008c;box-shadow:0 0 0 1px #c4913cb3}#tracker .bar i{--c: var(--amber);width:0}#tracker .bar.red i{--c: #c84a2e}body[data-art=pixel] #tracker .bar{height:6px;box-shadow:0 0 0 3px #000}#views{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:grid;gap:10px;justify-items:end;pointer-events:auto}#views .btn{display:flex;align-items:center;gap:10px}#views .name{font:800 12px/1 var(--ui);letter-spacing:.08em;color:var(--cream);text-shadow:var(--shade)}#colony-hud .ring{position:relative;width:42px;height:42px;background:var(--w-rim) center / 100% 100%,radial-gradient(circle,var(--well) 58%,transparent 59%)}#colony-hud .ring .ico{width:var(--rim-ico);height:var(--rim-ico)}#views .btn:hover .ring,#views .btn:focus-visible .ring{filter:brightness(1.18)}#views :is(em,kbd){position:absolute;bottom:-5px;right:-7px;min-width:18px;padding:2px 5px;border-radius:9px;font:800 10px/1.2 var(--ui);font-style:normal;text-align:center;color:var(--cream);background:var(--lacquer);box-shadow:0 0 0 1.5px var(--wgold),0 0 0 3px #000;text-shadow:none}body[data-art=pixel] #views :is(em,kbd){border-radius:0;box-shadow:inset 0 0 0 1.5px var(--wgold),0 0 0 3px #000}#selected{position:absolute;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;align-items:center;gap:10px;max-width:calc(100vw - 150px);pointer-events:auto;color:var(--cream);text-shadow:var(--shade)}#selected .who{display:grid;gap:3px;min-width:16ch;white-space:nowrap}#selected .who b{font:800 15px/1 var(--ui)}#selected .who small{font:700 11px/1 var(--ui);letter-spacing:.06em;color:var(--amber)}#selected .amounts{display:flex;gap:6px}#selected .amounts .quiet{min-height:28px;min-width:0;padding:0 9px;border-radius:14px;font-size:11px;color:var(--cream);background:radial-gradient(circle at 45% 35%,#4a3a2c,#241a12 70%);box-shadow:0 0 0 1.5px #a8692a,0 0 0 3px #000;text-shadow:0 1px 0 #000}#selected .amounts .quiet[aria-pressed=true]{background:radial-gradient(circle at 45% 35%,#c84a2e,var(--lacquer) 70%);box-shadow:0 0 0 1.5px var(--wgold),0 0 0 3px #000}body[data-art=pixel] #selected .amounts .quiet{border-radius:0;box-shadow:inset 0 0 0 3px #a8692a,0 0 0 3px #000}#selected .act.letgo,.badge .act{padding:0;border:0;display:grid;place-items:center;border-radius:50%;color:#ffe9c8;text-shadow:0 1px 0 #000;cursor:pointer}#selected .act.letgo{width:max(30px,var(--cap));height:max(30px,var(--cap));font:800 14px/1 var(--ui);background:var(--w-cap) center / 100% 100%,radial-gradient(circle,#c84a2e,var(--lacquer) 70%)}.badge{position:absolute;left:0;top:0;translate:-50% -100%;transform-origin:50% 100%;display:grid;justify-items:center;padding-top:calc(var(--cap) / 2);pointer-events:none}.badge .medal{position:relative;width:51px;height:51px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;pointer-events:auto;cursor:default;background:var(--w-ring) center / 100% 100%,radial-gradient(circle at 50% 38%,#3a2a18,#120a04 72%);box-shadow:0 4px 8px #00000080}.badge button.medal{cursor:pointer}.badge button.medal:hover{filter:brightness(1.15)}.badge .gem{position:absolute;inset:var(--gem-in);border-radius:50%;background:conic-gradient(var(--amber) calc(var(--p, 0) * 1%),transparent 0);-webkit-mask:radial-gradient(circle,transparent var(--gem-hole),#000 calc(var(--gem-hole) + 1px));mask:radial-gradient(circle,transparent var(--gem-hole),#000 calc(var(--gem-hole) + 1px));filter:drop-shadow(0 0 3px rgb(255 160 40 / .9))}.badge .medal.hp .gem{background:conic-gradient(#6ad04a calc(var(--p, 0) * 1%),transparent 0);filter:drop-shadow(0 0 3px rgb(90 220 60 / .8))}body[data-art=pixel] .badge .gem{filter:none}.badge .num{position:relative;margin-top:3px;font:800 16px/1 var(--ui);color:var(--cream);text-shadow:0 2px 0 #000;font-variant-numeric:tabular-nums}.badge .cap{position:absolute;top:0;left:50%;translate:-50% 0;width:var(--cap);height:var(--cap);background:var(--w-cap) center / 100% 100%,radial-gradient(circle,var(--well) 58%,transparent 59%)}.badge .cap .ico{width:var(--cap-ico);height:var(--cap-ico)}.badge .act{position:absolute;top:calc(var(--cap) / 2 + 25.5px - 12px);width:24px;height:24px;font:800 16px/1 var(--ui);pointer-events:auto;background:var(--w-stud) center / 100% 100%,radial-gradient(circle at 45% 35%,#c84a2e,var(--lacquer) 70%)}.badge .act.minus{left:calc(50% - 52.5px)}.badge .act.plus{left:calc(50% + 28.5px)}.badge .act[aria-disabled=true]{color:#8a7a64;cursor:not-allowed;background:var(--w-stud) center / 100% 100%,radial-gradient(circle,#4a3a2c,#241a12 70%)}.badge .caption{display:flex;gap:8px;white-space:nowrap;font:700 12px/1.1 var(--ui);color:var(--cream);text-shadow:var(--shade)}.badge .under{position:relative;width:0;height:var(--foot)}.badge .under>*{position:absolute;top:6px;left:0;translate:-50% 0;width:max-content}.badge .caption .price{flex-wrap:nowrap}.badge .caption .price{display:inline-flex;gap:6px;font-size:12px;color:inherit}.badge .caption .short,#goal .cost .short{color:#ff8a6a}.badge .pill{min-height:26px;padding:0 12px;border-radius:13px;font:800 11px/1 var(--ui);letter-spacing:.06em;white-space:nowrap;pointer-events:auto;color:var(--cream);text-shadow:0 1px 0 #000;background:radial-gradient(circle at 45% 35%,#c84a2e,var(--lacquer) 70%);box-shadow:0 0 0 1.5px var(--wgold),0 0 0 3px #000}.badge .pill.short{color:var(--wdim);background:radial-gradient(circle at 45% 35%,#4a3a2c,#241a12 70%);box-shadow:0 0 0 1.5px #a8692a,0 0 0 3px #000}body[data-art=pixel] .badge .pill{border-radius:0;box-shadow:inset 0 0 0 3px var(--wgold),0 0 0 3px #000}body[data-art=pixel] .badge .pill.short{box-shadow:inset 0 0 0 3px #a8692a,0 0 0 3px #000}.badge .medal[data-tip]{cursor:help}.badge.lead{padding-top:0;gap:2px;--banner: 104px}.badge.lead .crown{display:grid;place-items:center;height:24px;filter:drop-shadow(0 0 4px rgb(255 205 70 / .85)) drop-shadow(0 2px 0 #000)}.badge.lead .crown .ico{width:24px;height:24px}.badge.lead .banner{position:relative;box-sizing:border-box;width:var(--banner);height:26px;display:grid;grid-template-columns:var(--cap-ico) 1fr;align-items:center;column-gap:5px;padding:0 14px 1px;overflow:hidden;background:linear-gradient(#fff3c0,#fff3c0) 0 100% / calc(var(--p, 0) * 1%) 3px no-repeat,linear-gradient(var(--wgold) 0 2px,transparent 2px calc(100% - 3px),var(--wgold) calc(100% - 3px)),linear-gradient(#c23a22,#6a160c);clip-path:polygon(0 0,100% 0,calc(100% - 8px) 50%,100% 100%,0 100%,8px 50%)}.badge.lead .banner .ico{width:var(--cap-ico);height:var(--cap-ico)}.badge.lead .banner b{grid-column:2;text-align:center;white-space:nowrap;overflow:hidden;font:800 12px/1 var(--ui);letter-spacing:.04em;color:#ffe7a0;text-shadow:0 1px 0 #000;font-variant-numeric:tabular-nums}.badge.lead .banner.wait b{grid-column:1 / -1}.badge.lead .banner:is(.walk,.wait) b{color:#e8c8a0}body[data-art=pixel] .badge.lead{--banner: 117px}body[data-art=pixel] .badge.lead .banner{height:30px;background:linear-gradient(#fff3c0,#fff3c0) 0 100% / calc(var(--p, 0) * 1%) 3px no-repeat,linear-gradient(var(--wgold) 0 3px,transparent 3px calc(100% - 3px),var(--wgold) calc(100% - 3px)),#9a2414;clip-path:polygon(0 0,100% 0,calc(100% - 9px) 50%,100% 100%,0 100%,9px 50%)}body[data-art=pixel] .badge.lead .crown{filter:drop-shadow(0 3px 0 #000)}@media(max-width:699px){#top{right:max(16px,env(safe-area-inset-right));gap:8px}#resources{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:6px 8px}body:not([data-art=pixel]) #resources{--tok: 24px;--tok-ico: 16px}.res{column-gap:4px}.res b{min-width:0;font-size:14px;grid-row:span 2}.res small{display:none}#tracker{width:100%;gap:4px}#zone-line b{font-size:15px}#goal{font-size:13px}#goal .why{display:none}#views{right:max(10px,env(safe-area-inset-right));gap:8px}#views .name{display:none}#selected{left:max(12px,env(safe-area-inset-left));transform:none;max-width:calc(100vw - 80px);flex-wrap:wrap;gap:8px 10px;bottom:max(22px,env(safe-area-inset-bottom))}#selected .amounts{order:3;flex-basis:100%}}:is(#thing,#away,#menu){--metal: #b07a3a;--metal-hi: #ecc478;--metal-lo: #5a3a14;--gold: #f2c45c;--yellow: #ffb43a;--ink: #f4e9d2;--dim: #c9b896;--muted: #8a7a64;--cream: #f4e9d2;--lacquer: #6a160c}:is(#thing,#away,#menu .win).panel{background:var(--grain, none),radial-gradient(120% 90% at 50% 0%,#2c1f13f5,#140d07f5);background-blend-mode:overlay}:is(#thing,#away,#menu) .quiet{border-radius:15px;color:var(--cream);text-shadow:0 1px 0 #000;background:radial-gradient(circle at 45% 30%,#4a3a2c,#241a12 72%);box-shadow:0 0 0 1.5px #a8692a,0 0 0 3px #000}:is(#thing,#away,#menu) .quiet:hover:not([aria-disabled=true]){background:radial-gradient(circle at 45% 30%,#5a4836,#2c2016 72%)}:is(#thing,#away,#menu) .quiet[aria-pressed=true]{color:#fff3d8;background:radial-gradient(circle at 45% 30%,#c84a2e,var(--lacquer) 72%);box-shadow:0 0 0 1.5px var(--gold),0 0 0 3px #000}:is(#thing,#away,#menu) .quiet[aria-disabled=true]{color:var(--muted);background:radial-gradient(circle at 45% 30%,#34291f,#1c140d 72%);box-shadow:0 0 0 1.5px #5a3a14,0 0 0 3px #000}body[data-art=pixel] :is(#thing,#away,#menu) .quiet{border-radius:0;background:#2c2016;box-shadow:inset 0 0 0 3px #a8692a,0 0 0 3px #000}body[data-art=pixel] :is(#thing,#away,#menu) .quiet[aria-pressed=true]{background:#8a1c10;box-shadow:inset 0 0 0 3px var(--gold),0 0 0 3px #000}body[data-art=pixel] :is(#thing,#away,#menu) .quiet[aria-disabled=true]{background:#1c140d;box-shadow:inset 0 0 0 3px #5a3a14,0 0 0 3px #000}#thing header .quiet[data-do=close],#menu .win .x{width:32px;min-height:32px;height:32px;padding:0;border-radius:50%;color:#ffe9c8;background:var(--w-cap) center / 100% 100%,radial-gradient(circle,#c84a2e,var(--lacquer) 70%);box-shadow:none}body[data-art=pixel] :is(#thing header .quiet[data-do=close],#menu .win .x){width:36px;height:36px;border-radius:50%;box-shadow:none}:is(#thing,#away,#menu) .price .short{color:#ff8a6a}#menu .section[aria-selected=true]{background:var(--grain, none),#2c2016;background-blend-mode:overlay}body[data-art=pixel] #menu .section[aria-selected=true]{background:#2c2016}#menu .tab[aria-selected=true]{background-color:#20160df5}body[data-art=pixel] #menu .tab[aria-selected=true]{background:#20160d}:is(.badge .act,.badge .medal,#selected .act):is(:focus-visible,body.pad:not(.playing) :focus){border-radius:50%}body.crossing :is(#nameplates,#beacons,#selected,#news){visibility:hidden}#crossing .vows{position:absolute;left:50%;bottom:max(22px,env(safe-area-inset-bottom));translate:-50% 0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:calc(100% - 420px);pointer-events:auto}#crossing .vow{min-height:30px;padding:0 12px;border-radius:15px;font:800 11px/1 var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--cream);text-shadow:0 1px 0 #000;background:radial-gradient(circle at 45% 30%,#4a3a2c,#241a12 72%);box-shadow:0 0 0 1.5px #a8692a,0 0 0 3px #000}#crossing .vow[aria-pressed=true]{background:radial-gradient(circle at 45% 30%,#c84a2e,var(--lacquer) 72%);box-shadow:0 0 0 1.5px var(--wgold),0 0 0 3px #000}#crossing .vow[aria-disabled=true]{color:#8a7a64;background:radial-gradient(circle at 45% 30%,#34291f,#1c140d 72%);box-shadow:0 0 0 1.5px #5a3a14,0 0 0 3px #000}body[data-art=pixel] #crossing .vow{border-radius:0;box-shadow:inset 0 0 0 3px #a8692a,0 0 0 3px #000}#crossing .cross{position:absolute;right:calc(max(16px,env(safe-area-inset-right)) + 140px);bottom:max(18px,env(safe-area-inset-bottom));min-width:220px;pointer-events:auto}#crossing .back{position:absolute;left:max(16px,env(safe-area-inset-left));bottom:max(22px,env(safe-area-inset-bottom));width:36px;height:36px;padding:0;border:0;border-radius:50%;color:#ffe9c8;font:800 15px/1 var(--ui);pointer-events:auto;background:var(--w-cap) center / 100% 100%,radial-gradient(circle,#c84a2e,var(--lacquer) 70%)}@media(max-width:699px){#crossing .vows{max-width:calc(100% - 32px);bottom:calc(max(22px,env(safe-area-inset-bottom)) + 66px)}#crossing .cross{left:64px;right:70px;min-width:0}}body.crossed:after{content:"";position:fixed;inset:0;z-index:9;background:#000;animation:crossed .9s ease-in forwards}@keyframes crossed{0%{opacity:0}}#crossing-plates .badge{transform-origin:50% 100%}#vow-line{display:block!important;font:700 13px/1.2 var(--ui);color:#ff8a6a}#vow-line[hidden]{display:none!important}#thing .stepper .quiet.tog{width:auto;min-width:58px;padding:0 10px;font-size:12px}#thing .stepper{gap:8px}#thing .quiet.choice{min-width:156px;font-size:12px}#thing .research .quiet.tog{min-width:80px}#thing .trait{padding:2px 8px;border-radius:9px;background:#00000059;box-shadow:0 0 0 1px #5a3a14}#crossing .vows{flex-direction:column-reverse;align-items:center}#crossing .vow.head{min-width:200px}#crossing .vow-list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:640px;padding:10px;border-radius:12px;background:#140d07b8}#views #more-button{display:none}@media(max-width:699px){#views #more-button.has{display:flex}#views:not(.unfolded) .fold{display:none!important}}#thing .board{display:grid;gap:4px;padding:6px;border-radius:6px;background:#00000059}#thing .board-row{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}#thing .board .cell{position:relative;aspect-ratio:1;display:grid;place-items:center;padding:0;border-radius:4px;background:#2c2016;box-shadow:inset 0 0 0 1.5px #5a3a14}#thing .board .cell .ico{width:24px;height:24px}#thing .board .cell b{position:absolute;right:3px;bottom:2px;font:800 10px/1 var(--ui);color:var(--cream);text-shadow:0 1px 0 #000}#thing .board .cell .foe{position:absolute;left:4px;right:4px;top:4px;height:5px;background:#000}#thing .board .cell .foe i{display:block;height:100%;background:#e04a2a}#thing .quiet.tool{min-width:52px;padding:0 6px;display:inline-flex;align-items:center;gap:4px}#thing .quiet.tool .ico{width:20px;height:20px}#thing .quiet.tool small{font:700 10px/1 var(--ui)}