:root{--gold:#c6ac79;--bright:#eee0c3;--muted:#978e7b;--edge:#5c5140;--ink:#111410;--red:#a74635}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#10120f;color:var(--bright);font-family:Georgia,'Times New Roman',serif}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid #f4d690;outline-offset:3px}button{background:none;border:0}#world{position:absolute;width:100%;height:100%;outline:none;cursor:crosshair}#vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 150px 30px #03080599;background:linear-gradient(0deg,#080b08aa,transparent 23%,transparent 80%,#080b0855)}.hidden{display:none!important}#top{position:absolute;left:32px;right:28px;top:24px;display:flex;justify-content:space-between;pointer-events:none}.brand{display:flex;align-items:center;gap:15px}.sigil{font-size:36px;color:var(--gold);text-shadow:0 0 20px #d6a55a66}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--gold)}#location{font-size:22px;margin-top:6px;text-shadow:0 2px 5px #000}#location span{color:#a49c89;font-size:13px}.top-actions{display:flex;gap:20px;align-items:start;pointer-events:auto}.top-actions button{font-size:10px;letter-spacing:1.5px;color:#b5ab93;padding:8px 0;border-bottom:1px solid #76634755}.top-actions button:hover{color:#ffdc97}#quest{position:absolute;top:104px;right:28px;width:194px;text-align:right;pointer-events:none}#quest p{font-size:13px;line-height:1.6;color:#c9c1ad;margin:10px 0}#depthMarks{display:flex;gap:5px;justify-content:flex-end;margin:15px 0}#depthMarks i{width:24px;height:3px;background:#5a5341}#depthMarks i.active{background:var(--gold);box-shadow:0 0 6px #ddae6766}#map{opacity:.85;border:1px solid #75634455;background:#0a0f0bcc;clip-path:polygon(8% 0,100% 0,100% 90%,92% 100%,0 100%,0 10%)}.mapcaption{font-size:9px;letter-spacing:1px;color:#baa579;margin-top:5px}.mapcaption span{color:#827e70;margin-left:5px}#quest.expanded{inset:100px auto auto 50%;transform:translateX(-50%);width:440px;z-index:9;background:#10140eee;padding:20px;text-align:center;border:1px solid #786547}#quest.expanded #map{width:400px;height:350px}.expanded #depthMarks{justify-content:center}#hud{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;align-items:flex-end;gap:12px;filter:drop-shadow(0 6px 10px #000)}.hudCenter{width:474px;background:linear-gradient(#292a22,#121510);border:1px solid #776247;box-shadow:inset 0 0 0 3px #131811,inset 0 0 0 4px #493f2d;padding:10px 16px 8px;position:relative}.hudCenter:before,.hudCenter:after{content:'◆';position:absolute;color:#9b8258;font-size:14px;top:-8px}.hudCenter:before{left:-7px}.hudCenter:after{right:-7px}.xp{position:absolute;left:12px;right:12px;top:-15px;height:4px;background:#292d23;border:1px solid #62543a}.xp i{position:absolute;height:100%;background:#d6b676;transition:width .2s}.xp span{position:absolute;left:50%;top:-20px;transform:translateX(-50%);font-size:10px;white-space:nowrap;letter-spacing:2px;text-shadow:0 2px 3px #000}.skillbar{display:flex;gap:9px}.skill{width:102px;height:77px;position:relative;border:1px solid #695941;background:radial-gradient(ellipse at 50% 30%,#494733,#1c2017 75%);overflow:hidden;text-align:center;padding:3px}.skill:hover{border-color:#d0b780;background-color:#574630}.skill kbd{position:absolute;left:5px;top:3px;color:#c8b68e;font-size:11px}.skillIcon{display:block;font-size:30px;height:37px;line-height:37px;color:#e0c38a;text-shadow:0 0 12px #c58b4366}.skill[data-skill="1"] .skillIcon{color:#f8ae61}.skill[data-skill="2"] .skillIcon{color:#bdc8bc}.skill strong{display:block;font-size:8px;font-weight:normal;letter-spacing:1.2px}.skill small{font-size:7px;color:#aca48e;letter-spacing:1px}.skill i{position:absolute;bottom:0;left:0;right:0;pointer-events:none;background:#070a09b9}.utility{display:flex;align-items:center;justify-content:space-between;margin-top:9px;gap:8px}.utility button{font-size:10px;color:#d2ba89;padding:0}.utility span{font-size:8px;letter-spacing:.6px;color:#b7ac94;margin-left:3px}.utility b{background:#9c703c;color:#fff2ce;border-radius:50%;font-size:9px;padding:1px 4px;margin-left:3px}.utility b:empty{display:none}#goldText{font-size:9px;white-space:nowrap;color:#d7b56b}.orbGroup{width:112px;position:relative}.orb{width:104px;height:104px;border-radius:50%;border:5px solid #746447;box-shadow:0 0 0 2px #181c14,0 0 0 3px #9d8760,inset 0 0 15px #000;background:#120f0d;overflow:hidden;position:relative}.orb:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 18px 7px #080c07b0;border-radius:50%}.liquid{position:absolute;bottom:0;width:100%;height:100%;transition:height .15s;background:radial-gradient(ellipse at 45% 30%,#d65c40,#8a201a 55%,#340d09);border-top:2px solid #eb846677}.mana .liquid{background:radial-gradient(ellipse at 45% 30%,#6db5ad,#28615f 55%,#0e242a);border-top-color:#a5e5d777}.orbShine{position:absolute;inset:4px;background:radial-gradient(ellipse at 28% 23%,#fff4c144,transparent 45%);border-radius:50%;z-index:2}.orb span{position:absolute;bottom:20px;width:100%;text-align:center;font-size:12px;z-index:3;text-shadow:0 1px 4px #000}.orbLabel{font-size:9px;letter-spacing:1.5px;text-align:center;margin-top:9px;color:#c3b08a;white-space:nowrap}.orbLabel kbd{padding:1px 3px;border:1px solid #746346;font-size:9px;margin-left:4px}.orbLabel span{letter-spacing:0;color:#ded2b6}#bottomHint{position:absolute;bottom:10px;width:100%;text-align:center;font-size:8px;letter-spacing:1.5px;color:#a5987a}#bottomHint span{margin:0 10px;color:#655b43}#target{position:absolute;top:27px;left:50%;transform:translateX(-50%);width:290px;text-align:center;display:none}#targetName{font-size:16px;letter-spacing:1px}.targetTrack{height:6px;background:#251913;border:1px solid #8a6346;margin-top:7px}.targetTrack i{height:100%;display:block;background:#a44331;transition:width .12s}#targetKind{font-size:9px;letter-spacing:2px;color:#bc9b72}#toast{position:absolute;top:22%;left:50%;transform:translateX(-50%);font-size:15px;letter-spacing:1px;color:#ead0a0;text-shadow:0 2px 5px #000;pointer-events:none;transition:opacity .4s;text-align:center;min-width:280px}#interaction{position:absolute;left:50%;bottom:205px;transform:translateX(-50%);font-size:13px;color:#e2cfaa;text-shadow:0 2px 5px #000;pointer-events:none;background:#0e120dcc;padding:7px 12px;border-top:1px solid #74613e;display:none}#log{position:absolute;left:27px;bottom:180px;width:280px;font-size:12px;line-height:1.7;pointer-events:none;color:#c0b396;text-shadow:0 2px 5px #000}#log div{animation:logIn .3s ease-out}#areaTitle{pointer-events:none;position:absolute;top:25%;left:50%;transform:translateX(-50%);text-align:center;opacity:0}#areaTitle.show{animation:area 5s ease both}#areaTitle small{font-size:10px;letter-spacing:5px;color:var(--gold)}#areaTitle h2{font-size:37px;font-weight:normal;letter-spacing:6px;margin:14px 0}#areaTitle p{font-size:13px;color:#c6b797;font-style:italic;text-shadow:0 2px 3px #000}#panel{position:absolute;top:90px;bottom:184px;left:30px;width:450px;padding:27px;background:linear-gradient(115deg,#25271ff5,#10150ff8);border:1px solid #89734e;box-shadow:0 0 0 5px #10130fbb,0 15px 70px #0009;z-index:20;overflow-y:auto;scrollbar-color:#766341 #1c2119;scrollbar-width:thin}.close{position:absolute;top:12px;right:13px;font-size:25px;color:#b6a27b}.panelTitle{font-size:26px;letter-spacing:2px;font-weight:normal;margin:0 0 5px}.panelSub{font-size:12px;color:#afa58d;line-height:1.6;margin-bottom:22px}.sectionLabel{font-size:10px;color:var(--gold);letter-spacing:2px;border-bottom:1px solid #64584066;padding-bottom:8px;margin:22px 0 12px}.doll{height:185px;position:relative;background:radial-gradient(ellipse,#57553d44,transparent 65%);display:flex;align-items:center;justify-content:center}.dollFigure{font-size:140px;line-height:1;color:#b2a27b33;position:absolute}.equipSlot{position:absolute;width:82px;height:58px;border:1px solid #786848;background:#161b14;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:9px;color:#9c927c;cursor:pointer}.equipSlot strong{font-size:24px;font-weight:normal}.equipSlot.weapon{left:32px;top:64px}.equipSlot.armor{left:calc(50% - 41px);top:8px}.equipSlot.charm{right:32px;top:64px}.equipSlot.boots{left:calc(50% - 41px);bottom:0}.inventory{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.itemCell{aspect-ratio:1;background:#0f150f;border:1px solid #434835;display:flex;align-items:center;justify-content:center;position:relative;font-size:29px;cursor:pointer}.itemCell:hover,.equipSlot:hover{background:#333829;border-color:var(--gold)}.itemCell .ilvl{position:absolute;right:4px;bottom:3px;font-size:8px;color:#a79c82}.normal{color:#d2c8b1}.magic{color:#79b8cf!important}.rare{color:#e2bf67!important}.unique{color:#e78b49!important}.itemCell.magic{border-color:#467384}.itemCell.rare{border-color:#9a7b34}.itemCell.unique{border-color:#a85528}.statsGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:12px;color:#c3b99f}.statsGrid>div{display:flex;justify-content:space-between;padding:8px;background:#0c120c88}.statsGrid b{font-weight:normal;color:#ecd7a8}.statRow{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #4e513955;font-size:14px}.statRow small{display:block;font-size:11px;color:#9f9c82;margin-top:4px}.add{border:1px solid #958055;color:#dfc087;width:29px;height:27px;margin-left:10px}.add:disabled{opacity:.3;cursor:default}.skillRow{padding:12px 0;border-bottom:1px solid #4e513955}.skillRow>div{display:flex;justify-content:space-between;align-items:center}.skillRow small{display:block;color:#aaa28a;line-height:1.6;font-size:11px;margin-top:6px}.skillRow strong{font-size:13px;letter-spacing:1px;color:#e0c48b}.shopRow{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0;background:#131a11;padding:10px;font-size:12px}.shopRow>span:first-child{font-size:22px}.shopRow button{border:1px solid #786541;padding:7px 10px;color:#e2c389;font-size:11px}.shopRow button:hover{background:#6f5a32}.primary{display:block;background:linear-gradient(100deg,#826237,#a37f47,#75572e);border:1px solid #d2ac6b;color:#fff0cf;font-size:12px;letter-spacing:2.5px;padding:18px 28px;box-shadow:inset 0 0 0 3px #3a2b1d55;transition:filter .2s}.primary:hover{filter:brightness(1.25)}.primary span{float:right;margin-left:25px}.secondary{font-size:11px;letter-spacing:2px;padding:14px 25px;margin-top:8px;border-bottom:1px solid #796442}.guide p{font-size:13px;line-height:1.7;color:#bfb59c}.guide kbd{color:#edd49b;font-family:inherit}.guide h3{font-size:16px;font-weight:normal;color:var(--gold);margin-top:24px}#tooltip{position:absolute;background:#10160ff5;border:1px solid #9f8350;box-shadow:0 6px 25px #000b;width:258px;padding:17px;z-index:60;pointer-events:none;font-size:12px;line-height:1.7}#tooltip h3{margin:0;font-size:17px;font-weight:normal}#tooltip .meta{font-size:10px;letter-spacing:1px;color:#a79e84;margin:4px 0 12px}#tooltip .comparison{border-top:1px solid #655a3f;padding-top:10px;margin-top:10px;font-size:11px}.positive{color:#a8c997}.negative{color:#db967a}#intro{position:absolute;inset:0;z-index:80;background:linear-gradient(90deg,#0b100de8 0%,#11170fc7 40%,#10150c33 85%)}.introShade{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#00000006 4px);pointer-events:none}.introContent{position:absolute;left:10%;top:50%;transform:translateY(-50%);text-align:center;width:500px}.introKicker{font-size:10px;letter-spacing:4px;color:#c0ad83;display:flex;align-items:center;justify-content:center;gap:16px}.introKicker span{height:1px;background:#84714c;width:35px}.bellMark{font-size:48px;color:#bd9d64;margin-top:24px}h1{font-weight:normal;font-size:67px;line-height:1.07;letter-spacing:8px;margin:16px 0 20px;text-shadow:0 3px 15px #0009;color:#e2d2ae}.titleRule{height:1px;background:linear-gradient(90deg,transparent,#a68b59,transparent);width:260px;margin:25px auto 30px}.titleRule span{position:relative;top:-8px;color:#ad8e59;background:#151a12;padding:0 14px;font-size:12px}.introContent p{font-size:16px;line-height:1.8;color:#c3baa4}.introContent .introSmall{font-size:13px;color:#9f9d88;margin-bottom:27px}.introContent .primary{margin:0 auto;min-width:260px}.introFooter{font-size:9px;letter-spacing:2px;color:#b3a282;margin-top:30px}.introControls{font-size:10px;color:#888974;margin-top:13px}.introSide{position:absolute;right:8%;bottom:15%;font-size:11px;letter-spacing:4px;color:#ddc59a}.introSide span{display:block;letter-spacing:1px;font-style:italic;color:#a6a28c;font-size:12px;margin-top:10px}#end{position:absolute;inset:0;z-index:90;background:#090f0bea;display:flex;align-items:center;justify-content:center;text-align:center}#end h1{font-size:58px}#end p{color:#bcb49c;font-size:15px;line-height:1.9}#end .primary{margin:25px auto}#end .eyebrow{letter-spacing:5px}#end .endStats{display:flex;justify-content:center;gap:45px;margin:30px 0}.endStats b{display:block;font-size:30px;font-weight:normal;color:#dbc594}.endStats small{font-size:9px;letter-spacing:2px;color:#9c957e}@keyframes area{0%,100%{opacity:0}15%,70%{opacity:1}}@keyframes logIn{from{transform:translateY(7px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:900px){#top{left:16px;right:16px;top:16px}.top-actions{gap:12px}#location{font-size:18px}#quest{right:16px;width:160px;top:85px}#map{width:150px;height:130px}#hud{transform:translateX(-50%) scale(.84);transform-origin:bottom center;bottom:25px}#log{bottom:172px;width:200px;font-size:11px}#panel{left:15px;top:80px;bottom:170px;width:400px}.introContent{left:6%;width:440px}.introContent h1{font-size:56px}#target{top:82px;width:240px}#bottomHint{font-size:7px}}@media(max-height:700px){.introContent{transform:translateY(-50%) scale(.82);transform-origin:center left}#panel{top:75px;bottom:160px;padding:20px}#hud{transform:translateX(-50%) scale(.85);transform-origin:bottom center}#quest #map{height:112px;width:140px}#areaTitle{top:20%}}
.sigil svg{width:32px;height:40px}.bellMark svg{width:45px;height:54px}.dollFigure{inset:0;display:flex;justify-content:center;opacity:.36}.dollFigure svg{height:180px;width:124px}.title-screen #hud,.title-screen #top,.title-screen #quest,.title-screen #bottomHint{opacity:0;pointer-events:none}.introContent h1{font-size:59px;letter-spacing:6px}.introContent{width:530px}#end{background:#0b110df5}.equipSlot{z-index:1}#tooltip{max-height:calc(100vh - 30px);overflow:hidden}@media(max-width:900px){.introContent{width:440px}.introContent h1{font-size:54px}}