:root{--coal: #120e12;--coal2: #1b151a;--coal3: #261d22;--bone: #e8ddc5;--bone-dim: #a8997f;--bone-mute: #6e6352;--bronze: #a8814e;--bronze-hi: #dcb26a;--bronze-lo: #5a4026;--blood: #8e1c22;--blood-hi: #d8433a;--arcane: #9a7aff;--font: "Pixelify Sans", monospace;--title: "Jacquard 24", "Pixelify Sans", serif;--plain: "Segoe UI", "Helvetica Neue", Arial, sans-serif;--gem: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11' shape-rendering='crispEdges'%3E%3Cpath fill='%23060405' d='M5 0h1v1h1v1h1v1h1v1h1v1h1v1h-1v1H9v1H8v1H7v1H6v1H5v-1H4V9H3V8H2V7H1V6H0V5h1V4h1V3h1V2h1V1h1z'/%3E%3Cpath fill='%23dcb26a' d='M5 1h1v1h1v1h1v1h1v1h1v1H9v1H8v1H7v1H6v1H5V9H4V8H3V7H2V6H1V5h1V4h1V3h1V2h1z'/%3E%3Cpath fill='%235a4026' d='M5 3h1v1h1v1h1v1H7v1H6v1H5V7H4V6H3V5h1V4h1z'/%3E%3Cpath fill='%23c8302a' d='M5 4h1v1h1v1H6v1H5V6H4V5h1z'/%3E%3C/svg%3E");--crest: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 41 9' shape-rendering='crispEdges'%3E%3Cpath fill='%23060405' d='M0 3h14v-1h3V1h3V0h1v1h3v1h3v1h14v3H27v1h-3v1h-3v1h-1V8h-3V7h-3V6H0z'/%3E%3Cpath fill='%23a8814e' d='M1 4h14V3h3V2h2V1h1v1h2v1h3v1h14v1H26v1h-3v1h-2v1h-1V7h-2V6h-3V5H1z'/%3E%3Cpath fill='%23dcb26a' d='M18 3h2V2h1v1h2v1h-2v1h-1v1h-1V5h-1V4h-2V3z'/%3E%3Cpath fill='%23c8302a' d='M20 3h1v1h-1z'/%3E%3C/svg%3E")}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#07040a;color:var(--bone);font-family:var(--font)}#view{position:fixed;inset:0;width:100vw;height:100vh;image-rendering:pixelated;display:block}.hidden{display:none!important}button{font:inherit}.frame{position:relative;background:radial-gradient(ellipse at 50% 0%,#241b20,#120d10 70%);border:2px solid #050304;box-shadow:inset 0 0 0 2px #2a1f18,inset 0 0 0 4px #050304,inset 0 0 0 6px var(--bronze),inset 0 0 0 8px #050304,0 0 0 2px var(--bronze-lo),0 0 0 4px #050304,0 14px 40px #000000a6;padding:30px 26px 24px}.frame:before{content:"";position:absolute;inset:-9px;pointer-events:none;image-rendering:pixelated;background:var(--gem) top left / 22px no-repeat,var(--gem) top right / 22px no-repeat,var(--gem) bottom left / 22px no-repeat,var(--gem) bottom right / 22px no-repeat}.frame:after{content:"";position:absolute;left:50%;top:-9px;width:164px;height:36px;transform:translate(-50%);pointer-events:none;image-rendering:pixelated;background:var(--crest) center / contain no-repeat}.frame.thin{padding:12px 14px;box-shadow:inset 0 0 0 2px #050304,inset 0 0 0 3px var(--bronze),inset 0 0 0 5px #050304,0 0 0 2px var(--bronze-lo),0 6px 18px #0009;background:linear-gradient(#1a1418eb,#0e0a0deb)}.frame.thin:before{inset:-6px;background:var(--gem) top left / 14px no-repeat,var(--gem) top right / 14px no-repeat,var(--gem) bottom left / 14px no-repeat,var(--gem) bottom right / 14px no-repeat}.frame.thin:after{display:none}#vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.7) 100%)}#hurt{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 35%,rgba(150,0,16,.75) 100%);opacity:0;transition:opacity .15s}.screen{position:fixed;inset:0;display:flex;justify-content:center;align-items:safe center;overflow-y:auto;padding:16px;z-index:10}.panel{width:min(440px,100%);display:flex;flex-direction:column;gap:14px}.panel.wide{width:min(680px,100%)}h1,h2,.title{font-family:var(--title);font-weight:400;margin:0;letter-spacing:1px}.title{font-size:40px;color:var(--bone);text-align:center;line-height:1;text-shadow:0 2px 0 #000,0 0 18px rgba(216,67,58,.25)}.title.big{font-size:64px}.sect{font-family:var(--title);font-weight:400;font-size:24px;margin:4px 0 -4px;color:var(--bronze-hi);display:flex;align-items:center;gap:10px}.sect:before,.sect:after{content:"";flex:1;height:2px;background:linear-gradient(90deg,transparent,var(--bronze-lo),transparent)}.hint{margin:0;color:var(--bone-dim);font-size:14px;line-height:1.45}.hint.center{text-align:center;font-size:16px}.msg{min-height:1.2em;margin:0;text-align:center;color:var(--bronze-hi);font-size:14px}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--bone-dim);text-transform:uppercase;letter-spacing:1px}input,select{font:inherit;font-size:18px;background:#0a0709;color:var(--bone);border:2px solid var(--bronze-lo);box-shadow:inset 0 2px #000;padding:9px 12px;outline:none;text-transform:none;letter-spacing:0;border-radius:0}input:focus,select:focus{border-color:var(--bronze-hi)}input::placeholder{color:var(--bone-mute)}select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--bronze-hi) 50%),linear-gradient(135deg,var(--bronze-hi) 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:28px}select:disabled{opacity:.7}.row{display:flex;gap:10px}.row>*{flex:1;min-width:0}.btn{position:relative;font-size:17px;color:var(--bone);background:linear-gradient(#2e2328,#1a1417);border:2px solid #050304;outline:2px solid var(--bronze-lo);outline-offset:-5px;padding:12px 16px;cursor:pointer;box-shadow:0 3px #000,inset 0 1px #ffffff0f;text-shadow:0 2px 0 #000;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{outline-color:var(--bronze-hi);color:#fff}.btn:active{transform:translateY(2px);box-shadow:0 1px #000}.btn.blood{background:linear-gradient(#a3242a,#5e0f16);outline-color:#d8a06a;font-size:20px}.btn.blood:hover{background:linear-gradient(#bc2c30,#6e131a)}.btn:disabled{opacity:.4;cursor:default}.btn .ico{width:18px;height:18px;--cut: #1a1417}.menu-wrap{display:flex;flex-direction:column;align-items:center;gap:22px;width:min(460px,100%)}.logo{text-align:center}.logo h1{font-size:clamp(72px,13vw,116px);line-height:.85;color:#efe2c4;text-shadow:0 4px 0 #2a0a10,0 0 30px rgba(216,40,40,.45),0 0 2px #000}.logo .orn{display:block;width:180px;height:14px;margin:0 auto 10px;background:linear-gradient(90deg,transparent,var(--bronze) 30%,var(--bronze-hi) 50%,var(--bronze) 70%,transparent);clip-path:polygon(0 45%,44% 45%,50% 0,56% 45%,100% 45%,100% 55%,56% 55%,50% 100%,44% 55%,0 55%)}.logo .sub{margin:12px auto 0;max-width:360px;color:var(--bone-dim);line-height:1.45;font-size:15px;text-shadow:0 2px 0 #000}.divider{display:flex;align-items:center;gap:10px;color:var(--bone-mute);font-size:12px;text-transform:uppercase;letter-spacing:1px}.divider:before,.divider:after{content:"";flex:1;height:2px;background:var(--bronze-lo)}.code-input{font-family:var(--plain);font-weight:700;font-size:24px;letter-spacing:8px;text-transform:uppercase;text-align:center}.howto{font-size:14px;color:var(--bone-dim)}.howto summary{cursor:pointer;color:var(--bronze-hi)}.howto dl{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:10px 0}.howto dt{color:var(--bone)}.howto dd{margin:0}.howto p{margin:0;line-height:1.45}.codebox{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px;background:#0a0709;border:2px solid var(--bronze-lo);cursor:pointer}.codebox:hover{border-color:var(--bronze-hi)}.codebox .lbl,.codebox .copy{font-size:12px;color:var(--bone-mute);text-transform:uppercase;letter-spacing:1px}.codebox .code{font-family:var(--plain);font-weight:800;font-size:46px;letter-spacing:12px;padding-left:12px;color:#fff4dc;line-height:1.1}#lobby-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}#lobby-list li{display:flex;align-items:center;gap:10px;padding:9px 12px;background:linear-gradient(90deg,var(--coal3),transparent);border-left:3px solid var(--bronze);font-size:17px}#lobby-list li em{margin-left:auto;font-style:normal;color:var(--bronze-hi);font-size:12px;text-transform:uppercase;letter-spacing:1px}.opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.opts label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--bone-dim);text-transform:uppercase;letter-spacing:1px}.opts select{font-size:15px}#hud{position:fixed;inset:0;pointer-events:none;z-index:5;text-shadow:0 2px 0 #000}#crosshair{position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px}#crosshair i{position:absolute;left:6px;top:6px;width:2px;height:2px;background:var(--bone);box-shadow:0 -4px #e8ddc58c,0 4px #e8ddc58c,-4px 0 #e8ddc58c,4px 0 #e8ddc58c}#crosshair.hit i{background:var(--blood-hi);box-shadow:-4px -4px 0 var(--blood-hi),4px 4px 0 var(--blood-hi),-4px 4px 0 var(--blood-hi),4px -4px 0 var(--blood-hi)}#status{position:absolute;left:14px;top:14px;width:230px;display:flex;flex-direction:column;gap:6px;font-size:13px}.daybadge{display:flex;align-items:center;gap:10px}.daybadge b{font-family:var(--title);font-weight:400;font-size:28px;line-height:.9;display:block}.daybadge small{color:var(--bone-dim);font-size:12px;text-transform:uppercase;letter-spacing:1px}#moon-ico{width:26px;height:26px;border-radius:50%;background:#eef;box-shadow:0 0 10px currentColor,inset -5px -3px #00000040;flex:none}#cycle{height:6px;background:#000;position:relative;border:1px solid var(--bronze-lo)}#cycle-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#e8b860,#e8b860 62%,#4a4ab0 62%)}.lvl{display:flex;justify-content:space-between;color:var(--bone-dim);margin-top:2px}.lvl b{color:var(--bone)}.pts{color:var(--bronze-hi);animation:glowp 1s infinite alternate}@keyframes glowp{to{color:#fff2c0;text-shadow:0 0 8px var(--bronze-hi)}}#xpbar{height:5px;background:#000;border:1px solid var(--bronze-lo);position:relative}#xpbar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--bronze),var(--bronze-hi))}#gear{color:var(--bone-dim);font-size:12px;line-height:1.5}#gear .g{display:flex;align-items:center;gap:6px}#gear .ico{width:14px;height:14px;--cut: #140f13}#beastbar{position:absolute;top:16px;left:50%;transform:translate(-50%);width:min(520px,62vw);display:flex;flex-direction:column;align-items:center}#beastbar .skull{width:120px;height:46px;margin-bottom:-10px;position:relative;z-index:1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 23' shape-rendering='crispEdges'%3E%3Cpath fill='%23060405' d='M2 4l10 6 8 1 3-7h14l3 7 8-1 10-6-5 9-11 4H35v5H25v-5H13L2 13z'/%3E%3Cpath fill='%23b8a88e' d='M6 7l7 4 9 1 3-6h10l3 6 9-1 7-4-4 5-9 3H34v5h-8v-5H16l-9-3z'/%3E%3Cpath fill='%23060405' d='M26 9h3v3h-3zM31 9h3v3h-3zM29 13h2v1h-2zM27 17h1v2h-1zM30 17h1v2h-1zM33 17h-1v2h1z'/%3E%3Cpath fill='%23ff3a2a' d='M27 10h1v1h-1zM32 10h1v1h-1z'/%3E%3C/svg%3E") center/contain no-repeat;image-rendering:pixelated;filter:drop-shadow(0 0 6px rgba(255,40,40,.5))}#beastbar .track{width:100%;height:14px;background:#0a0406;border:2px solid #050304;outline:2px solid var(--bronze-lo);position:relative}#beastbar .track i{position:absolute;inset:0 auto 0 0;background:linear-gradient(#e0442e,#7a0e14);box-shadow:inset 0 2px #ffc8a059;transition:width .2s}#beastbar span{font-family:var(--title);font-size:22px;color:#ffcfb8;margin-top:2px}#dock{position:absolute;left:50%;bottom:10px;transform:translate(-50%);display:flex;align-items:flex-end}.orb{width:104px;height:104px;border-radius:50%;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 60%,#1a0e12,#050304);border:4px solid #050304;box-shadow:0 0 0 3px var(--bronze),0 0 0 5px #050304,0 0 0 7px var(--bronze-lo),0 6px 14px #000000b3;z-index:2}.orb i{position:absolute;left:0;right:0;bottom:0;height:100%;transition:height .2s}.orb.hp i{background:radial-gradient(circle at 40% 30%,#ff6a5a,#b0141c 45%,#4a0408)}.orb.stam i{background:radial-gradient(circle at 40% 30%,#c8d0ff,#5a64c8 45%,#141a4a)}.orb:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.35),transparent 30%),radial-gradient(circle at 50% 50%,transparent 58%,rgba(0,0,0,.55))}.orb b{position:absolute;inset:0;display:grid;place-items:center;font-size:18px;z-index:1}.orb span{position:absolute;left:0;right:0;bottom:12px;text-align:center;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#ffffffbf;z-index:1}.orb.low{animation:orbpulse .6s infinite alternate}@keyframes orbpulse{to{box-shadow:0 0 0 3px #ff3a3a,0 0 0 5px #050304,0 0 0 7px #8a1a1a,0 0 22px #ff2828b3}}.dock-mid{margin:0 -16px 8px;padding:10px 26px!important;display:flex;flex-direction:column;gap:6px;z-index:1}.minis{display:flex;gap:8px}.mini{flex:1;height:10px;background:#000;border:1px solid var(--bronze-lo);position:relative}.mini i{position:absolute;inset:0 auto 0 0;transition:width .2s}.mini span{position:absolute;top:-1px;left:4px;font-size:9px;text-transform:uppercase;letter-spacing:1px;line-height:10px;color:#ffffffd9}.mini.warm i{background:linear-gradient(#ffb04a,#a04a10)}.mini.food i{background:linear-gradient(#b8d860,#4a6a1a)}.mini.low{outline:1px solid #ff3a3a}.dock-row{display:flex;gap:10px;align-items:center}#hotbar{display:flex;gap:6px}.slot{width:48px;height:48px;position:relative;background:#0a0709;border:2px solid #050304;outline:2px solid var(--bronze-lo);outline-offset:-4px;display:grid;place-items:center;color:var(--bone)}.slot.empty{opacity:.45}.slot .ico{width:30px;height:30px;--cut: #0a0709}.slot .cd{position:absolute;inset:2px;background:conic-gradient(rgba(0,0,0,.78) var(--p, 0%),transparent 0)}.slot .key{position:absolute;right:3px;bottom:0;font-size:11px;color:var(--bronze-hi)}.slot.ready:not(.empty){outline-color:var(--bronze)}.slot.on{outline-color:var(--blood-hi);box-shadow:0 0 12px #ff3c2899}#inv{display:flex;gap:4px}#inv span{display:flex;flex-direction:column;align-items:center;width:40px;padding:3px 0;background:#0a0709;border:1px solid var(--bronze-lo);font-size:13px;color:var(--bone)}#inv .ico{width:20px;height:20px;--cut: #0a0709}#mic-ind{position:absolute;left:14px;bottom:14px;font-size:12px;color:var(--bone-dim);display:flex;align-items:center;gap:6px}#mic-ind .ico{width:18px;height:18px;--cut: #000}#mic-ind.on{color:#b8f0a0}#mic-ind.talk .ico{filter:drop-shadow(0 0 6px #9aff7a)}#prompt{position:absolute;left:50%;top:60%;transform:translate(-50%);font-size:17px;color:var(--bone);white-space:nowrap;padding:4px 18px;background:linear-gradient(90deg,transparent,rgba(10,6,8,.85) 20%,rgba(10,6,8,.85) 80%,transparent)}#prompt:empty{display:none}#feed{position:absolute;right:16px;top:16px;display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:14px;max-width:380px}#feed div{background:linear-gradient(90deg,transparent,rgba(10,6,8,.8) 15%);padding:3px 10px 3px 26px;border-right:2px solid var(--bronze);animation:fade 6s forwards;text-align:right}@keyframes fade{0%{opacity:0;transform:translate(10px)}6%,80%{opacity:1;transform:none}to{opacity:0}}#chatlog{position:absolute;left:14px;bottom:150px;width:380px;font-size:14px;display:flex;flex-direction:column;gap:2px}#chatlog div{animation:fade 12s forwards}#chatlog b{color:var(--bronze-hi);font-weight:600}#chat{position:absolute;left:14px;bottom:118px;width:380px;pointer-events:auto;font-size:14px;padding:6px 10px}#clickme{position:absolute;left:50%;top:68%;transform:translate(-50%);font-size:18px;padding:8px 18px;background:#0a0608d9;border:2px solid var(--bronze-lo)}#big{position:fixed;inset:0;display:grid;place-content:center;text-align:center;pointer-events:none;z-index:8}#big h1{font-size:clamp(56px,10vw,120px);line-height:.9;text-shadow:0 4px 0 #000,0 0 30px currentColor}#big p{font-size:19px;color:var(--bone);text-shadow:0 2px 0 #000,0 0 8px #000;margin:14px auto 0;max-width:640px;line-height:1.4}#big.show{animation:bigin 4.5s forwards}@keyframes bigin{0%{opacity:0;transform:scale(1.1);filter:blur(4px)}12%{opacity:1;transform:scale(1);filter:none}80%{opacity:1}to{opacity:0}}#stash{display:flex;gap:8px}#stash span{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;background:#0a0709;border:1px solid var(--bronze-lo);font-size:18px}#stash .ico{width:22px;height:22px;--cut: #0a0709}#upgrades{display:flex;flex-direction:column;gap:8px}.up{display:grid;grid-template-columns:48px 1fr auto;gap:2px 12px;align-items:center;padding:10px;background:linear-gradient(90deg,var(--coal3),var(--coal2));border:1px solid #000;outline:1px solid var(--bronze-lo);outline-offset:-3px}.up .uico{grid-row:span 2;width:48px;height:48px;display:grid;place-items:center;background:#0a0709;border:1px solid var(--bronze-lo)}.up .uico .ico{width:30px;height:30px;--cut: #0a0709}.up h3{margin:0;font-weight:600;font-size:16px}.up p{margin:0;color:var(--bone-dim);font-size:13px}.up .btn{grid-row:span 2;grid-column:3;grid-row-start:1;font-size:15px;padding:8px 12px}.up .btn .ico{width:16px;height:16px}.panel.skills{width:min(1080px,100%)}.sk-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.sk-head .title{text-align:left}.sk-stats{display:flex;align-items:center;gap:16px;font-size:16px}.sk-xp{width:180px;height:12px;background:#000;border:1px solid var(--bronze-lo);position:relative}.sk-xp i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--bronze),var(--bronze-hi))}.sk-xp small{position:absolute;inset:-1px 0 0;text-align:center;font-size:10px;line-height:12px}#trees{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.tree{background:linear-gradient(#1c1519,#120d10);border:1px solid #000;outline:1px solid var(--bronze-lo);outline-offset:-3px;padding:12px 10px;display:flex;flex-direction:column;align-items:center;gap:8px}.tree header{text-align:center;position:relative;width:100%;padding-bottom:6px;border-bottom:2px solid color-mix(in srgb,var(--tc) 50%,#000)}.tree h3{margin:0;font-family:var(--title);font-weight:400;font-size:26px;color:var(--tc);line-height:1}.tree header p{margin:4px 0 0;font-size:11px;color:var(--bone-mute)}.tree .tp{position:absolute;right:0;top:0;font-size:12px;color:var(--bone-dim)}.tier{display:flex;gap:8px;justify-content:center}.req{font-size:10px;color:var(--bone-mute);text-transform:uppercase;letter-spacing:.5px;min-height:12px;text-align:center}.req.ok{min-height:4px}.node{position:relative;width:58px;height:58px;display:grid;place-items:center;cursor:pointer;background:radial-gradient(circle,#241b20,#0b080a);border:2px solid #050304;outline:2px solid #3a2e26;outline-offset:-5px;color:var(--bone-mute);padding:0}.node.active{border-radius:50%}.node .ico{width:32px;height:32px;--cut: #120d10}.node.can{color:var(--bone);outline-color:var(--bronze-hi);animation:canpulse 1.2s infinite alternate}@keyframes canpulse{to{box-shadow:0 0 14px color-mix(in srgb,var(--tc) 70%,transparent)}}.node.got{color:var(--tc);outline-color:var(--tc);background:radial-gradient(circle,color-mix(in srgb,var(--tc) 25%,#120d10),#0b080a);box-shadow:0 0 10px color-mix(in srgb,var(--tc) 40%,transparent)}.node.locked{cursor:default;opacity:.55}.node .tip{display:none;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);width:220px;padding:10px 12px;background:#0b080a;border:1px solid var(--bronze);color:var(--bone-dim);font-size:13px;line-height:1.4;text-align:left;z-index:5;pointer-events:none;box-shadow:0 8px 20px #000}.node .tip b{display:block;color:var(--bone);font-size:15px}.node .tip em{display:block;font-style:normal;color:var(--tc);font-size:11px;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.node:hover .tip{display:block}.ico{fill:currentColor;stroke:currentColor;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;display:block}.ico .cut{fill:var(--cut, #000)}.ico .cutl{stroke:var(--cut, #000)}.ico .red{stroke:#d83a3a}body.beast #vignette{background:radial-gradient(ellipse at center,#78000014 40%,#50000acc)}body.ghost #view{filter:grayscale(.85) brightness(1.15) contrast(.9) sepia(.15) hue-rotate(180deg)}@media(max-height:640px){.orb{width:84px;height:84px}.slot{width:40px;height:40px}#status{transform:scale(.9);transform-origin:top left}}@media(max-width:900px){#trees{grid-template-columns:repeat(2,1fr)}}#compass{position:absolute;top:14px;left:50%;transform:translate(-50%);width:360px;height:30px;overflow:hidden;background:linear-gradient(90deg,transparent,rgba(10,6,8,.85) 18%,rgba(10,6,8,.85) 82%,transparent);border-top:1px solid var(--bronze-lo);border-bottom:1px solid var(--bronze-lo)}#compass i{position:absolute;left:50%;top:0;width:2px;height:6px;margin-left:-1px;background:var(--bronze-hi)}#compass-strip span{position:absolute;top:50%;transform:translate(-50%,-50%);font-size:12px;color:var(--bone-dim)}#compass-strip .card.main{color:var(--bone);font-size:14px;font-weight:600}#compass-strip .poi{color:var(--bronze-hi)}#compass-strip .poi .ico{width:16px;height:16px;--cut: #0a0709}#compass-strip .poi.near{color:#fff2c0;filter:drop-shadow(0 0 4px var(--bronze-hi))}#beastbar{top:52px}.stashrow{display:flex;gap:8px}.stashrow span{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;background:#0a0709;border:1px solid var(--bronze-lo);font-size:18px}.stashrow .ico{width:22px;height:22px;--cut: #0a0709}.uplist{display:flex;flex-direction:column;gap:8px}.up small{color:var(--bone-mute);font-size:12px}.panel.mapp{width:min(680px,100%)}#map-canvas{width:100%;aspect-ratio:1;image-rendering:pixelated;border:2px solid #050304;outline:2px solid var(--bronze-lo)}.slider{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--bone-dim);text-transform:uppercase;letter-spacing:1px}.slider input[type=range]{-webkit-appearance:none;appearance:none;height:8px;background:#0a0709;border:1px solid var(--bronze-lo);padding:0;box-shadow:none}.slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:20px;background:var(--bronze-hi);border:2px solid #050304;cursor:pointer}.slider input[type=range]::-moz-range-thumb{width:14px;height:20px;background:var(--bronze-hi);border:2px solid #050304;border-radius:0}.check{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--bone-dim)}.check input{width:18px;height:18px;accent-color:var(--bronze)}#talk-body{font-size:17px;line-height:1.5;color:var(--bone)}#talk-body b{font-family:var(--title);font-weight:400;font-size:26px;color:var(--bronze-hi)}#talk-body small{color:var(--bone-dim);font-size:13px}#talk-act:empty{display:none}#clickme small{color:var(--bone-dim);font-size:13px}#chron .panel{width:min(760px,100%)}#chron-log{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--bone-dim)}#chron-log li{padding:6px 10px;background:linear-gradient(90deg,var(--coal3),transparent);border-left:3px solid var(--blood)}#chron-log b{color:var(--bone);font-weight:600}#chron-log em{color:#ff8a7a;font-style:normal}.tablewrap{overflow-x:auto}#chron-stats{width:100%;border-collapse:collapse;font-size:13px}#chron-stats th{color:var(--bronze-hi);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.5px;padding:4px 6px;text-align:center}#chron-stats td{padding:6px;text-align:center;border-top:1px solid var(--bronze-lo)}#chron-stats td:first-child{text-align:left;color:var(--bone)}body.poison #hurt{opacity:.35!important;background:radial-gradient(ellipse at center,transparent 40%,rgba(40,160,40,.6) 100%)}.worlds ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:210px;overflow-y:auto}.worlds li{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#0a0709;border:2px solid var(--bronze-lo);cursor:pointer}.worlds li:hover{border-color:var(--bronze-hi)}.worlds .wcode{font-family:var(--plain);font-weight:800;font-size:20px;letter-spacing:3px;color:#fff4dc;min-width:82px}.worlds .winfo{flex:1;min-width:0;font-size:13px;color:var(--bone-dim);line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.worlds .winfo b{color:var(--bone);font-weight:600}.worlds .wdel{flex:0 0 auto;background:none;border:0;color:var(--bone-dim);font:inherit;font-size:12px;cursor:pointer;padding:4px}.worlds .wdel:hover,.worlds .wdel.sure{color:#ff6a5a}.worlds .won{color:#8fd18a}.worlds li.live{border-color:#3f6b3a}.worlds li.live .wcode:after{content:"";display:inline-block;width:8px;height:8px;margin-left:8px;vertical-align:middle;background:#8fd18a;box-shadow:0 0 6px #8fd18a}