@font-face{font-family:Bungee;font-style:normal;font-display:swap;font-weight:400;src:url(./bungee-latin-400-normal-Dfnurram.woff2)format("woff2")}@font-face{font-family:Silkscreen;font-style:normal;font-display:swap;font-weight:400;src:url(./silkscreen-latin-400-normal-CtPo2yA5.woff2)format("woff2")}@font-face{font-family:Silkscreen;font-style:normal;font-display:swap;font-weight:700;src:url(./silkscreen-latin-700-normal-CSE2nhgM.woff2)format("woff2")}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./alegreya-sans-latin-500-normal-DS713u5J.woff2)format("woff2")}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:700;src:url(./alegreya-sans-latin-700-normal-DEbcy2sF.woff2)format("woff2")}:root{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--void:#0b0a10;--slate:#1e2230;--concrete:#3a4052;--grime:#5c6474;--bone:#e8e4da;--p1:#ff3b30;--p2:#2f8cff;--p3:#ffd21f;--p4:#33e07a;--lime:#b6ff3b;--purple:#7a3cff;--orange:#ff7a1a;--cyan:#3bf2ff;--chrome-hi:#c9d4e8;--chrome-lo:#4a5470;--ink:var(--bone);--dim:#a8adbb;--hp:var(--p1);--en:var(--p2);--xp:var(--p2);--gold:var(--p3);--m0:var(--void);--m1:#14161f;--m2:var(--slate);--m3:var(--concrete);--m4:var(--grime);--red:var(--p1)}html,body{background:var(--void);height:100%;color:var(--ink);margin:0;font-family:Alegreya Sans,sans-serif;overflow:hidden}a{color:var(--gold)}a:hover{color:#ffd070}#c{width:100%;height:100%;image-rendering:pixelated;cursor:grab;display:block;position:fixed;top:0;bottom:0;left:0;right:0}#c:active{cursor:grabbing}.px{color:var(--ink);text-shadow:2px 0 #000,-2px 0 #000,0 2px #000,0 -2px #000,2px 2px #000,-2px 2px #000,2px -2px #000,-2px -2px #000;font-family:Silkscreen,monospace}.goth{letter-spacing:.02em;font-family:Bungee,sans-serif;font-weight:400}.frame{border:2px solid var(--m4);box-shadow:inset 0 0 0 2px var(--m0),inset 0 3px 0 2px #ffffff0d;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);background:linear-gradient(#26222b,#131015)}#hud{pointer-events:none;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.cb{border:3px solid #f4efe64d;width:44px;height:44px;position:absolute}.cb.tl{border-bottom:0;border-right:0;top:12px;left:12px}.cb.tr{border-bottom:0;border-left:0;top:12px;right:12px}.cb.bl{border-top:0;border-right:0;bottom:12px;left:12px}.cb.br{border-top:0;border-left:0;bottom:12px;right:12px}.xpbar{background:var(--m0);height:12px;box-shadow:inset 0 0 0 1px var(--m3);border:2px solid #000;flex:1}.xpbar i{background:linear-gradient(#8fd0ff,#3a8fe0 60%,#1e5aa0);width:0;height:100%;display:block}#res{flex-direction:column;align-items:flex-start;gap:8px;font-size:16px;display:flex;position:absolute;top:108px;left:20px}#res .r{align-items:center;gap:8px;display:flex}.chip{border:2px solid var(--cc,#5e5868);color:var(--cc,#f4efe6);text-shadow:none;background:#000;padding:4px 8px;font-family:Silkscreen;font-size:11px}#bossWrap{flex-direction:column;align-items:center;gap:6px;width:min(640px,62vw);display:none;position:absolute;top:132px;left:50%;transform:translate(-50%)}#bossLabel{font-size:22px}.bossbar{background:var(--m0);width:100%;height:16px;box-shadow:inset 0 0 0 1px var(--m3);border:2px solid #000}.bossbar i{background:linear-gradient(#ff6a5a,#d8342c 55%,#7a1410);width:100%;height:100%;display:block}#mapBox{flex-direction:column;align-items:center;gap:4px;padding:10px 10px 8px;display:flex;position:absolute;top:108px;right:20px}#zoneName{font-size:20px;line-height:1}#splits{text-align:right;font-size:12px;line-height:1.8;position:absolute;top:300px;right:30px}#plate{align-items:stretch;gap:14px;padding:12px 16px 12px 12px;display:flex;position:absolute;bottom:24px;left:24px}#portrait{border:2px solid var(--m4);width:92px;height:92px;image-rendering:pixelated;object-fit:cover;background:radial-gradient(circle at 50% 40%,#3a2a2a,#0b090c);box-shadow:inset 0 0 0 2px #000}.pinfo{flex-direction:column;gap:6px;min-width:270px;display:flex}#clsName{color:var(--red);text-shadow:0 2px #000;font-size:28px;line-height:1}.brow{align-items:center;gap:8px;display:flex}.bar{background:var(--m0);height:16px;box-shadow:inset 0 0 0 1px var(--m3);border:2px solid #000;flex:1;position:relative}.bar i{width:0;position:absolute;top:0;bottom:0;left:0}.bar.hp i{background:linear-gradient(#ff6a5a,#d8342c 55%,#7a1410)}.bar.ex{height:10px}.bar.ex span{font-size:8px}.bar.ex i{background:linear-gradient(#fff0a0,#e0a020 55%,#7a4a10)}.bar.ex.lit i{background:linear-gradient(#ffd0a0,#ff7a2a 55%,#8a2a10)}.bar.en i{background:linear-gradient(#8fd0ff,#3a8fe0 55%,#1e4a90)}.bar span{justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}#slots{gap:6px;margin-top:2px;display:flex}.tlab{letter-spacing:.02em;color:var(--gold);text-align:center;min-width:20px;font-size:8px}#turbo{flex:1;gap:4px;display:flex}#turbo i{background:var(--m0);height:10px;box-shadow:inset 0 0 0 1px var(--m3);border:2px solid #000;flex:1;position:relative}#turbo b{background:linear-gradient(#fff0a0,#f2b233 55%,#8a5a10);width:0;position:absolute;top:0;bottom:0;left:0}#turbo i.full{box-shadow:inset 0 0 0 1px var(--m3),0 0 8px #f2b233cc}#turbo i.full b{background:linear-gradient(#fffbe0,#ffd040 55%,#c08010)}#turbo.flash i.full{animation:.3s steps(2,end) 2 pulse}#turbo.held i{border-color:var(--gold)}.slot.turbo{border-color:var(--gold);color:var(--gold)}.slot.vial{color:#c8f0a0;border-color:#9be06a}.slot .cnt{color:#fff;text-shadow:1px 1px #000,-1px -1px #000;font-family:Silkscreen;font-size:11px;position:absolute;top:0;left:2px}.slot{background:var(--m0);border:2px solid var(--m4);width:36px;height:36px;color:var(--ink);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.slot.prim{border-color:var(--red);color:#ffb0a0}.slot.spec{border-color:var(--en);color:#9ad0ff}.slot.empty{opacity:.45}.slot em{text-shadow:1px 1px #000,-1px -1px #000;font-family:Silkscreen;font-size:11px;font-style:normal;position:absolute;bottom:-2px;right:1px}.slot .cd{background:#000000b3;position:absolute;bottom:0;left:0;right:0}#items{flex-wrap:wrap;gap:6px;max-width:360px;display:flex;position:absolute;bottom:214px;left:24px}#items i{background:var(--c);width:16px;height:16px;box-shadow:0 0 8px var(--c);border:2px solid #000;transform:rotate(45deg)}#timer{flex-direction:column;align-items:center;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}#clock{font-size:32px;line-height:1}#timer span{color:var(--dim);font-size:13px}#tip{text-align:center;flex-direction:column;align-items:center;gap:6px;min-width:220px;padding:10px 18px;display:none;position:absolute;bottom:104px;left:50%;transform:translate(-50%)}#tip b{font-family:Silkscreen;font-size:14px;font-weight:400;line-height:1.2}#tip span{color:var(--dim);font-size:15px}#tip .pb{background:#000;border:2px solid #000;width:180px;height:8px}#tip .pb i{background:linear-gradient(90deg,#f2b233,#ff8a3a);height:100%;display:block}#hint{text-align:right;color:var(--dim);font-size:11px;line-height:1.7;position:absolute;bottom:26px;right:28px}#bars{pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}.ebar{background:#000;border:1px solid #000;width:54px;height:6px;display:none;position:fixed;top:0;left:0}.ebar i{background:#d8342c;height:100%;display:block}#banner{text-align:center;pointer-events:none;opacity:0;width:90vw;transition:opacity .35s,transform .5s;position:fixed;top:26vh;left:50%;transform:translate(-50%,8px)}#banner.on{opacity:1;transform:translate(-50%)}#bark{text-align:center;pointer-events:none;opacity:0;color:#ffd0a0;text-shadow:0 3px #000,0 0 18px #ff3c1e99;width:90vw;font-size:clamp(28px,3.6vw,48px);transition:opacity .3s,transform .4s;position:fixed;bottom:22vh;left:50%;transform:translate(-50%,8px)}#bark.on{opacity:1;transform:translate(-50%)}#banner b{letter-spacing:.02em;color:var(--bone);background:linear-gradient(180deg,#fff 0%,var(--chrome-hi) 45%,#8a96b0 52%,var(--chrome-hi) 80%,#fff 100%);-webkit-text-fill-color:transparent;-webkit-text-stroke:3px var(--void);paint-order:stroke fill;filter:drop-shadow(0 4px 0 var(--void));-webkit-background-clip:text;background-clip:text;font-family:Bungee,sans-serif;font-size:clamp(40px,5.4vw,76px);font-weight:400;line-height:1;display:block}#banner span{letter-spacing:.06em;margin-top:6px;white-space:nowrap;text-overflow:ellipsis;max-width:46ch;margin-inline-start:auto;margin-inline-end:auto;font-size:14px;display:block;overflow:hidden}#fade{opacity:0;pointer-events:none;background:#000;transition:opacity .16s;position:fixed;top:0;bottom:0;left:0;right:0}.num{color:#ffe08a;text-shadow:2px 0 #000,-2px 0 #000,0 2px #000,0 -2px #000;pointer-events:none;white-space:nowrap;opacity:0;will-change:transform;font-family:Silkscreen;font-size:15px;font-weight:700;position:fixed;top:0;left:0}.num.crit{color:#fff;font-size:24px}.num.info{color:#bfe6ff;font-size:16px}.num.poison{color:#9be06a}.num.burn{color:#ff9a3a}.num.heal{color:#ff7a7a;font-size:17px}#overlay{box-sizing:border-box;background:radial-gradient(#0c080a8c,#0c080aed);justify-content:center;align-items:flex-start;padding:4vh 4vw;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto}#overlay.hide{display:none}.panel{box-sizing:border-box;flex-direction:column;gap:16px;width:100%;max-width:1120px;margin:auto 0;padding:26px 30px;display:flex}.panel.narrow{max-width:640px}.panel h1{color:var(--red);text-shadow:0 5px #2a0806,0 0 40px #ff3c144d;margin:0;font-family:Bungee;font-size:clamp(54px,8vw,112px);font-weight:400;line-height:.9}.panel h2{margin:0;font-family:Bungee;font-size:clamp(36px,4.5vw,58px);font-weight:400;line-height:1}.panel p{color:var(--dim);text-wrap:pretty;max-width:780px;margin:0;font-size:18px;line-height:1.45}.kick{color:var(--gold);font-size:14px}.cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.card{all:unset;box-sizing:border-box;cursor:pointer;border:2px solid var(--rc,#5e5868);background:linear-gradient(#221e26,#121014);flex-direction:column;gap:9px;padding:16px;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:inset 0 0 0 2px #0b090c}.card:hover{box-shadow:inset 0 0 0 2px #0b090c,0 0 0 2px var(--rc),0 0 28px -6px var(--rc);transform:translateY(-3px)}.card:active{transform:translateY(0)}.card:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.card.off{opacity:.4;cursor:not-allowed}.card.off:hover{transform:none;box-shadow:inset 0 0 0 2px #0b090c}.card.own{border-style:dashed}.card .row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.card .key{border:2px solid var(--m4);background:#000;padding:2px 7px;font-size:12px}.card .role{letter-spacing:.06em;color:var(--rc);font-family:Silkscreen;font-size:12px}.card .por{aspect-ratio:1.35;object-fit:cover;border:2px solid var(--m3);width:100%;image-rendering:pixelated;background:radial-gradient(circle at 50% 42%,#3a2626,#0b090c 70%)}.card .ico{border:2px solid var(--rc);width:44px;height:44px;color:var(--rc);background:#000;justify-content:center;align-items:center;display:flex}.card b{color:var(--ink);font-family:Bungee;font-size:20px;font-weight:400;line-height:1}.card .d{color:var(--dim);font-size:16px;line-height:1.4}.card .s{color:var(--ink);font-family:Silkscreen;font-size:11px;line-height:1.6}.card .stats{grid-template-columns:1fr 1fr;gap:4px 10px;display:grid}.card .stats i{align-items:center;gap:6px;font-style:normal;display:flex}.card .stats em{width:26px;color:var(--dim);font-family:Silkscreen;font-size:10px;font-style:normal}.card .stats u{border:1px solid var(--m3);background:#000;flex:1;height:7px;text-decoration:none;display:block}.card .stats s{background:var(--rc);height:100%;text-decoration:none;display:block}.card .up{color:#9be06a;font-size:15px}.card .dn{color:#ff7a6a;font-size:15px}.tree{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.tree .col{flex-direction:column;gap:10px;display:flex}.tree h3{color:var(--gold);margin:0;font-family:Silkscreen;font-size:14px}.btns{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.btn{all:unset;cursor:pointer;border:2px solid var(--red);color:var(--ink);background:linear-gradient(#9a1e16,#5a0e0a);padding:12px 20px;font-family:Silkscreen;font-size:15px;box-shadow:inset 0 0 0 2px #000}.btn:hover{background:linear-gradient(#c02a1e,#7a140e)}.btn:active{background:#5a0e0a}.btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.btn.ghost{border-color:var(--m4);background:#141116}.btn.ghost:hover{background:#221e26}.btn.on{background:linear-gradient(#2a5a9a,#163a6a);border-color:#4aa3ff}.stat{flex-wrap:wrap;gap:28px;display:flex}.stat div{flex-direction:column;display:flex}.stat b{font-size:28px}.stat span{color:var(--dim);font-size:12px}.dbar{grid-template-columns:170px 1fr 90px;align-items:center;gap:6px 12px;font-family:Silkscreen;font-size:12px;display:grid}.dbar i{background:linear-gradient(90deg,#d8342c,#ff8a3a);height:10px;display:block}.tags{flex-wrap:wrap;gap:6px;display:flex}.tags span{border:2px solid var(--m4);background:#000;padding:4px 8px;font-family:Silkscreen;font-size:11px}textarea{box-sizing:border-box;border:2px solid var(--m4);width:100%;min-height:70px;color:var(--ink);resize:vertical;background:#0b090c;padding:8px;font-family:Silkscreen;font-size:10px}textarea:focus-visible{outline:2px solid var(--gold)}.lb{grid-template-columns:30px 1fr auto;gap:4px 12px;font-family:Silkscreen;font-size:12px;display:grid}#lockRet{pointer-events:none;border:3px dashed #ff4a2a;border-radius:50%;width:54px;height:54px;display:none;position:fixed;top:0;left:0;box-shadow:0 0 12px #ff4a2a}.sets{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;font-size:11px;display:grid}.sets label{flex-direction:column;gap:8px;display:flex}input[type=range]{accent-color:#e0382c;width:100%}#bigmap{image-rendering:pixelated;border:2px solid var(--m4);background:#000;max-width:100%}#res .keyc{color:#ffd040;align-items:center;gap:4px;margin-left:10px;display:inline-flex}#items .mut{width:22px;height:22px;color:var(--c);border:2px solid var(--c);box-shadow:0 0 10px var(--c);background:#000;justify-content:center;align-items:center;display:inline-flex}#items .mut svg{width:14px;height:14px}#items .mut.curse{--c:#ff3a3a}.card.cursed{background:linear-gradient(#2a1014,#120608)}.card.cursed b{color:#ffb0a0}.btn svg{vertical-align:-2px;width:14px;height:14px}.howto{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;display:grid}.howto>div{border:2px solid var(--m3);background:#00000059;padding:12px 14px}.howto h3{letter-spacing:.06em;color:var(--gold);margin:0 0 6px;font-size:12px}.howto p{margin:0;font-size:15px;line-height:1.5}kbd{border:2px solid var(--m4);color:var(--ink);white-space:nowrap;background:#000;padding:1px 5px;font-family:Silkscreen,monospace;font-size:10px}#canvas,#c{touch-action:none}body{overscroll-behavior:none;-webkit-user-select:none;user-select:none}textarea{-webkit-user-select:text;user-select:text}@media (max-width:900px),(max-height:560px){#hud{zoom:.62}#banner b{font-size:clamp(30px,7vw,54px)}#banner span{font-size:13px}.num{font-size:12px}.num.crit{font-size:18px}.panel{zoom:.7}#overlay{padding:2vh 3vw}}#noTouch{left:50%;bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:30;box-sizing:border-box;text-align:center;max-width:calc(100% - 32px);color:var(--bone);background:var(--m1);border:1px solid var(--chrome-lo);pointer-events:none;border-radius:4px;padding:8px 14px;font-size:11px;line-height:1.5;position:fixed;transform:translate(-50%)}#touch{pointer-events:none;z-index:4;display:none;position:fixed;top:0;bottom:0;left:0;right:0}body.touch.playing #touch{display:block}body.touch #hint,body.touch #timer{display:none}body.touch #mapBox{right:auto;left:calc(10px + env(safe-area-inset-left,0px));transform-origin:0 0;top:58px;transform:scale(.6)}body.touch #plate{bottom:14px;left:50%;transform:translate(-50%)}body.touch #portrait{display:none}body.touch #items{justify-content:center;bottom:168px;left:50%;transform:translate(-50%)}body.touch #tip{bottom:160px}#tStick{left:calc(20px + env(safe-area-inset-left,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));pointer-events:auto;touch-action:none;background:#0a080c73;border:2px solid #f4efe647;border-radius:50%;width:130px;height:130px;position:absolute}#tStick i{background:#f4efe64d;border:2px solid #f4efe6a6;border-radius:50%;width:54px;height:54px;margin:-27px 0 0 -27px;position:absolute;top:50%;left:50%}#tBtns{right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));pointer-events:auto;grid-template-columns:repeat(3,62px);grid-auto-rows:62px;gap:10px;display:grid;position:absolute}#tTop{top:calc(34px + env(safe-area-inset-top,0px));right:calc(18px + env(safe-area-inset-right,0px));pointer-events:auto;gap:10px;display:flex;position:absolute}@media (min-width:901px) and (min-height:561px){#tTop{top:auto;bottom:calc(230px + env(safe-area-inset-bottom,0px));right:18px}}.tb{all:unset;box-sizing:border-box;letter-spacing:.04em;width:62px;height:62px;color:var(--ink);touch-action:none;-webkit-tap-highlight-color:transparent;background:#1410169e;border:2px solid #f4efe659;border-radius:50%;justify-content:center;align-items:center;font-family:Silkscreen,monospace;font-size:10px;display:flex}.tb.on{background:#e0382cb3;border-color:#ff8a7a}.tb.sm{border-radius:12px;width:62px;height:40px}#tBtns .tb.sm{align-self:end}.tb.jump{background:#3a8fe073;border-color:#9ad0ffb3}@keyframes pulse{50%{box-shadow:0 0 0 2px #ffd040,0 0 22px #ffd040}}#hint,#mapBox{transition:opacity .45s}body.combat #hint{opacity:0}body.combat #mapBox{opacity:.18}.tb.turbo{background:#f2b23366;border-color:#ffd040}.tb.vial{border-color:#9be06a}.tb.atk{background:#e0382c99;border-color:#ffd040;border-radius:12px;grid-column:span 3;width:auto;height:52px}@keyframes capPulse{0%{filter:brightness(.8)}to{filter:brightness(1.35)}}#contracts{text-align:right;color:var(--dim);max-width:260px;font-size:11px;line-height:1.7;transition:opacity .4s;position:absolute;top:292px;right:28px}body.touch #contracts{font-size:9px;top:auto;bottom:40%;right:12px}#contracts b{color:#c080ff}#contracts .done{color:#6ad06a;text-decoration:line-through}body.combat #contracts{opacity:.25}.tallyt{border-collapse:collapse;min-width:min(420px,90%);margin:6px auto 10px;font-size:14px}.tallyt td{text-align:left;border-bottom:1px solid #ffffff14;padding:4px 10px}.tallyt td:nth-child(2){color:var(--ink);text-align:center}.tallyt td.pts{text-align:right;color:var(--gold)}.tallyt td.pts span{color:var(--dim);font-size:11px}.chip.secrets{--cc:#c080ff}.pu{border:1px solid var(--cc);color:var(--cc);background:#00000073;border-radius:3px;flex-direction:column;gap:2px;margin:2px 4px 0 0;padding:3px 6px;font-size:10px;display:inline-flex}.pu i{background:var(--cc);border-radius:2px;height:3px;display:block}.ranks{letter-spacing:.2em;color:#ffd040;font:900 28px/1 serif}#story{z-index:30;cursor:pointer;background:linear-gradient(#0000008c 0,#0000 14% 62%,#000000b3 100%);justify-content:center;align-items:flex-end;padding:0 16px 5vh;display:none;position:fixed;top:0;bottom:0;left:0;right:0}#story.on{display:flex}#story .sbox{box-sizing:border-box;align-items:flex-start;gap:16px;width:min(820px,100%);padding:16px 18px;display:flex}#story .sface{width:96px;height:96px;image-rendering:pixelated;border:2px solid var(--m4);background:#0b090c;flex:none}#story .sbody{flex:1;min-width:0}#story .sname{letter-spacing:.08em;margin-bottom:6px;font-size:14px}#story .stext{min-height:3em;color:var(--ink);font-size:clamp(17px,2.2vw,21px);line-height:1.4}#story .stext.narr{color:#d8d0dc;font-style:italic}#story .stext.mono{color:#9be06a;font-family:Silkscreen,monospace;font-size:14px}#story .shint{color:var(--dim);text-align:right;margin-top:8px;font-size:11px}#story .sskip{opacity:.7;margin-left:10px}#story .schoice .sbody{flex-direction:column;gap:8px;display:flex}#story .sopt{text-align:left;border:2px solid var(--m4);color:var(--ink);cursor:pointer;font:inherit;background:#1b171f;grid-template-columns:auto 1fr;column-gap:10px;padding:10px 12px;display:grid}#story .sopt:hover{border-color:var(--gold)}#story .sopt b{font-size:17px}#story .sopt .d{color:var(--dim);grid-column:2;font-size:14px}#story .sopt.locked{opacity:.5;cursor:not-allowed}#story .sopt .key{color:var(--gold);grid-row:span 2;align-self:center;font-size:13px}@media (max-width:560px){#story .sface{width:64px;height:64px}#story .sbox{gap:10px;padding:12px}}.jwrap{text-align:left;margin:8px 0}.jwrap summary{cursor:pointer;color:var(--gold);font-size:13px}.journal{flex-direction:column;gap:6px;margin:8px 0;display:flex}.jrow{grid-template-columns:28px 1fr;align-items:start;gap:8px;font-size:14px;display:grid}.jrow b.px{color:var(--gold);font-size:13px}.jrow span{color:var(--dim);display:block}.jrow.lock{opacity:.45}.jrow.now b:not(.px){color:#ffd070}.shop{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.shop .card{gap:4px;padding:10px 12px}.slotw{flex-direction:column;gap:6px;display:flex}.card.slot.on{box-shadow:0 0 0 2px var(--gold)}#slots .slot.flask{border-color:var(--fc)}#slots .slot.flask b{color:var(--fc);font-size:14px}#slots .slot.flask .kinds{color:var(--dim);white-space:nowrap;font-size:9px;position:absolute;top:-14px;left:0}#slots .slot.flask .cd{background:color-mix(in srgb,var(--fc) 35%,transparent)}.cpset{flex-wrap:wrap;gap:10px;display:flex}.cprow{align-items:center;gap:8px;font-size:12px;display:flex}.chrome{border:2px solid var(--chrome-lo);box-shadow:inset 0 2px 0 var(--chrome-hi),inset 0 -2px 0 #23283a,inset 2px 0 0 #8a96b0,inset -2px 0 0 #2a3044,0 0 0 2px var(--void),0 4px 0 2px #00000073;background:linear-gradient(#1a1d28,#0e0f16)}#pbar{gap:14px;display:flex;position:absolute;top:10px;left:16px;right:16px}#pbar .pp{border:2px solid var(--chrome-lo);border-top:4px solid var(--pc);min-width:0;height:72px;box-shadow:inset 0 2px 0 #c9d4e859,inset 0 -2px 0 #23283a,0 0 0 2px var(--void);background:linear-gradient(#1a1d28,#0e0f16);flex:1;grid-template-rows:auto 1fr auto;grid-template-columns:auto 1fr;column-gap:10px;padding:6px 10px 6px 12px;display:grid;position:relative;overflow:hidden}#pbar .nm{color:var(--pc);white-space:nowrap;text-overflow:ellipsis;text-shadow:0 2px 0 var(--void);grid-column:1/3;font-family:Bungee,sans-serif;font-size:15px;font-weight:400;line-height:1.1;overflow:hidden}#pbar .hpn{color:var(--bone);align-self:center;font-size:24px;line-height:1.15}#pbar .meta{color:var(--cyan);text-shadow:1px 1px #000;align-self:center;font-size:10px;line-height:1.35}#pbar .meta em{color:var(--p3);font-style:normal}#pbar .hpb,#pbar .cmb{background:var(--void);grid-column:1/3;height:4px;margin-top:2px;display:block}#pbar .hpb s,#pbar .cmb s{background:var(--pc);height:100%;display:block}#pbar .cmb s{background:linear-gradient(90deg,var(--p3),var(--orange))}#pbar .cmb.ready s{background:var(--bone);animation:.3s steps(2,end) infinite alternate capPulse}#pbar .pp.off{opacity:.8}#pbar .pp.off .sub{color:var(--dim);grid-column:1/3;align-self:start;font-size:10px}#pbar .pp.down{filter:saturate(.4)brightness(.8)}#objStrip{border:1px solid var(--chrome-lo);background:#0b0a10d9;align-items:center;gap:10px;max-width:min(760px,60vw);padding:3px 10px;display:flex;position:absolute;top:94px;left:50%;transform:translate(-50%)}#obj{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:11px;overflow:hidden}#lvTag{color:var(--p2);white-space:nowrap;font-size:11px}#objStrip .xpbar{flex:0 0 70px;height:6px}#mapBox.chrome{flex-direction:column;align-items:center;gap:4px;padding:8px 8px 6px;display:flex}#mapBox.chrome canvas{border:2px solid var(--void);box-shadow:0 0 0 1px var(--chrome-lo)}#zoneName{color:var(--chrome-hi);font-family:Bungee,sans-serif;font-size:13px}#plate #portrait,#plate #clsName{display:none}#plate .brow:has(#hpFill){display:none}@media (max-width:900px){#pbar .pp:nth-child(n+3):not(.on),#pbar .meta{display:none}}#colonyHud{left:calc(14px + env(safe-area-inset-left,0px));z-index:5;pointer-events:none;color:var(--bone);text-shadow:0 2px 0 var(--void),0 0 8px var(--void);align-items:baseline;gap:8px;display:flex;position:fixed;top:118px}#colonyHud b{color:var(--p1);font-family:Bungee,sans-serif;font-size:44px;line-height:1}#colonyHud span{letter-spacing:.12em;text-transform:uppercase;font-size:12px}#colonyHud.up b{animation:.35s ease-out colUp}#colonyHud.down b{animation:.3s ease-out colDown}@keyframes colUp{0%{color:var(--p4);transform:scale(1.35)}to{transform:scale(1)}}@keyframes colDown{0%{color:#fff;transform:translate(-4px)}50%{transform:translate(4px)}to{transform:none}}body:not(.playing) #colonyHud{display:none}