:root{--panel:#14110ded;--edge:#5c4d38;--edge-dark:#000;--ink:#ece4cc;--muted:#a8a294;--gold:#f0c850;--hp:#c8352e;--qi:#2f63d0;--fury:#e0701e;--xp:#c89a2a;--good:#6ad06a;--bad:#f07060;--ui-font:Verdana, Tahoma, sans-serif}html,body{height:100%;color:var(--ink);font:12px/1.45 var(--ui-font);background:#0c0f0a;margin:0;overflow:hidden}#game{width:100vw;height:100vh;image-rendering:pixelated;cursor:crosshair;display:block}#game.over-enemy{cursor:pointer}#hint{color:var(--ink);font:12px/1.4 var(--ui-font);pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;background:#0c0f0ac7;border-radius:6px;padding:7px 14px;transition:opacity .8s;position:fixed;bottom:118px;left:50%;transform:translate(-50%)}#hint.hidden{opacity:0}kbd{font:10px var(--ui-font);color:var(--ink);background:#2a241c;border:1px solid #6a5a44;border-radius:3px;padding:0 4px;display:inline-block}.muted{color:var(--muted)}.good{color:var(--good)}.bad{color:var(--bad)}.elite{color:#f0b030}.panel{background:var(--panel);border:1px solid var(--edge-dark);box-shadow:inset 0 0 0 1px var(--edge), 0 2px 8px #0006;border-radius:4px}.btn{font:12px var(--ui-font);color:var(--ink);cursor:pointer;background:#2e271e;border:1px solid #000;border-radius:3px;padding:5px 10px;box-shadow:inset 0 0 0 1px #6a5a44}.btn:hover{background:#3a3126}.btn.primary{background:#5a4320;font-weight:700;box-shadow:inset 0 0 0 1px #c89a40}.btn.primary:hover{background:#6e5228}.btn.danger{box-shadow:inset 0 0 0 1px #a04030}.btn.active{background:#5a4320;box-shadow:inset 0 0 0 1px #c89a40}.btn.small{padding:3px 8px}#ui{pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}#ui>*{pointer-events:auto}.frame{width:230px;padding:7px 9px 8px;position:absolute;top:12px}.frame.player{left:12px}.frame.target{display:none;left:50%;transform:translate(-50%)}.frame.target.show{display:block}.fname{white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-weight:700;overflow:hidden}.fname small{color:var(--muted);font-weight:400}.bar{background:#0e0c0a;border:1px solid #000;height:14px;margin-top:3px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #3a3128}.bar i{max-width:calc(100% - 2px);display:block;position:absolute;inset:1px auto 1px 1px}.bar span{text-align:center;text-shadow:1px 1px #000;font-size:10px;line-height:14px;display:block;position:relative}.bar.hp i{background:var(--hp)}.bar.qi i{background:var(--qi)}.bar.fury i{background:var(--fury)}.bar.xp i{background:var(--xp)}.bar.cast i{background:#c8a040}.buffs{flex-wrap:wrap;gap:3px;min-height:0;margin-top:5px;display:flex}.buff{background:#0e0c0a;border:1px solid #4a7a3a;width:20px;height:20px;position:relative}.buff.debuff{border-color:#a03a30}.buff img{width:18px;height:18px;image-rendering:pixelated;display:block}.buff small{text-shadow:1px 1px #000;font-size:9px;position:absolute;bottom:-1px;right:1px}.castbar{width:240px;padding:4px;display:none;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}.castbar.show{display:block}.castbar .bar{margin:0}.hotbar{background:var(--panel);box-shadow:inset 0 0 0 1px var(--edge);border:1px solid #000;border-radius:4px;gap:4px;padding:6px;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.hotbar .sep{width:6px}.slot{cursor:pointer;background:#0e0c0a;border:1px solid #000;width:44px;height:44px;position:relative;box-shadow:inset 0 0 0 1px #4a3f30}.slot:hover{box-shadow:inset 0 0 0 1px #c8a040}.slot img{width:36px;height:36px;image-rendering:pixelated;position:absolute;inset:4px}.slot .key{text-shadow:1px 1px #000;z-index:2;font-size:10px;position:absolute;top:1px;left:3px}.slot .cd{text-shadow:1px 1px #000;place-items:center;font-size:14px;font-weight:700;display:grid;position:absolute;inset:1px}.slot .lock{display:none}.slot.locked img{filter:grayscale()brightness(.35)}.slot.locked .lock{text-align:center;font:bold 10px var(--ui-font);color:var(--muted);display:block;position:absolute;inset:auto 0 2px}.slot.nores img{filter:saturate(.3)brightness(.6)sepia()hue-rotate(-50deg)}.slot.active{box-shadow:inset 0 0 0 2px var(--gold)}.slot .count{text-shadow:1px 1px #000;font-size:11px;font-weight:700;position:absolute;bottom:1px;right:3px}.slot.empty img{filter:grayscale()brightness(.4)}.xpwrap{padding:0 8px 6px;position:absolute;bottom:0;left:0;right:0;pointer-events:none!important}.xpwrap .bar{height:14px}.log{text-shadow:1px 1px #000,-1px 0 #000;width:340px;font-size:11.5px;position:absolute;bottom:30px;left:12px;pointer-events:none!important}.menubtns{flex-direction:column;gap:4px;display:flex;position:absolute;bottom:30px;right:12px}.menubtns .btn{text-align:right}.toast{text-align:center;opacity:0;text-shadow:2px 2px #000;transition:opacity .4s;position:absolute;top:22%;left:50%;transform:translate(-50%);pointer-events:none!important}.toast.show{opacity:1}.toast b{color:#ffd84a;font-size:30px;display:block}.toast span{font-size:14px;display:block}.death{background:#1e000073;place-items:center;display:none;position:absolute;inset:0}.death.show{display:grid}.death .panel{text-align:center;padding:18px 26px}.death h2{color:var(--bad);margin:0 0 6px}.tooltip{z-index:50;max-width:280px;padding:8px 10px;display:none;position:fixed;top:0;left:0;pointer-events:none!important}.tooltip.show{display:block}.tooltip b{font-size:13px}.tooltip .sub{color:var(--muted);margin-bottom:4px;font-size:11px}.tooltip .hint{color:var(--muted);margin-top:6px;font-size:10.5px;font-style:italic}.win{z-index:10;display:none;position:absolute}.win.show{display:block}.whead{box-shadow:0 1px 0 var(--edge);border-bottom:1px solid #000;padding:7px 30px 7px 10px;font-weight:700;position:relative}.whead small{color:var(--muted);font-weight:400}.x{width:20px;height:20px;font:bold 14px var(--ui-font);color:var(--ink);cursor:pointer;background:#3a2e22;border:1px solid #000;border-radius:3px;padding:0;position:absolute;top:4px;right:6px}.wfoot{color:var(--gold);align-items:center;gap:6px;padding:6px 10px 8px;display:flex}.wfoot img{width:18px;height:18px;image-rendering:pixelated}.inv{width:300px;bottom:140px;right:12px}.grid{grid-template-columns:repeat(6,42px);gap:4px;padding:10px;display:grid}.cell{cursor:pointer;background:#0e0c0a;border:1px solid #2e271e;width:40px;height:40px;position:relative}.cell:hover{border-color:#c8a040!important}.cell img{width:36px;height:36px;image-rendering:pixelated;position:absolute;inset:2px}.cell .count{text-shadow:1px 1px #000;font-size:10px;font-weight:700;position:absolute;bottom:0;right:2px}.chr{width:470px;top:120px;left:12px}.cbody{grid-template-columns:150px 1fr;gap:10px 14px;padding:10px;display:grid}.equip{grid-template-columns:repeat(2,64px);gap:18px 10px;padding-top:14px;display:grid}.eslot{width:56px;height:56px}.eslot label{text-align:center;color:var(--muted);font-size:10px;position:absolute;top:-15px;left:0;right:0}.eslot img{width:48px;height:48px;inset:4px}.attrs .pts{color:var(--muted);margin-bottom:6px}.attrs .pts b{color:var(--gold)}.arow{grid-template-columns:1fr 40px 24px;align-items:center;height:24px;display:grid}.arow b{text-align:right;padding-right:6px}.plus{width:22px;height:20px;font:bold 13px var(--ui-font);color:#1a1408;background:var(--gold);cursor:pointer;border:1px solid #000;border-radius:3px;padding:0}.stats{border-top:1px solid #2e271e;grid-column:1/-1;grid-template-columns:1fr 1fr;gap:2px 18px;padding-top:8px;display:grid}.stats div{justify-content:space-between;display:flex}.racial{border-top:1px solid #2e271e;grid-column:1/-1;padding-top:8px;font-size:11px}.menu{width:340px;top:50%;left:50%;transform:translate(-50%,-50%)}.mbody{flex-direction:column;gap:6px;padding:12px;display:flex}.keys{flex-direction:column;gap:4px;margin-top:8px;font-size:11px;display:flex}.creation{box-sizing:border-box;z-index:100;background:#080a068c;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow:auto}.cwin{box-sizing:border-box;width:min(900px,100%);padding:18px 22px 22px}.cwin h1{color:var(--gold);text-shadow:2px 2px #000;letter-spacing:1px;margin:0;font-size:26px}.cwin .lead{color:var(--muted);margin:0 0 12px}.cwin h3{text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:14px 0 6px;font-size:12px}.cgrid{grid-template-columns:minmax(0,1fr) 320px;gap:22px;display:grid}.cards{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:6px;display:grid}.card{text-align:left;font:12px var(--ui-font);color:var(--ink);cursor:pointer;background:#241e17;border:1px solid #000;border-radius:4px;padding:8px 10px;box-shadow:inset 0 0 0 1px #4a3f30}.card b{font-size:13px;display:block}.card span{color:var(--muted);font-size:11px}.card.active{background:#3e3020;box-shadow:inset 0 0 0 2px #c89a40}.row{align-items:center;gap:10px;margin:6px 0;display:flex}.row>span{width:60px;color:var(--muted)}.seg{gap:4px;display:flex}.sw{flex-wrap:wrap;gap:4px;display:flex}.swatch{cursor:pointer;border:1px solid #000;border-radius:3px;width:22px;height:22px;padding:0;box-shadow:inset 0 0 0 1px #ffffff26}.swatch.active{outline:2px solid var(--gold);outline-offset:1px}.name{box-sizing:border-box;width:100%;font:13px var(--ui-font);color:var(--ink);background:#0e0c0a;border:1px solid #000;border-radius:3px;padding:8px 10px;box-shadow:inset 0 0 0 1px #4a3f30}.name:focus{outline:none;box-shadow:inset 0 0 0 1px #c89a40}.err{min-height:18px;color:var(--bad);margin:4px 0;font-size:11px}.go{width:100%;padding:10px;font-size:14px}.cright{flex-direction:column;align-items:center;display:flex}.preview{width:192px;height:192px;image-rendering:pixelated;background:radial-gradient(circle at 50% 70%,#3b5a2a 0,#24361a 55%,#0000 56%)}.cinfo{width:100%}.cinfo h2{color:var(--gold);margin:6px 0 4px;font-size:16px}.cinfo p{margin:0 0 8px}.facts{grid-template-columns:70px 1fr;gap:2px 8px;font-size:11px;display:grid}.facts span{color:var(--muted)}.sk{align-items:flex-start;gap:8px;margin:6px 0;font-size:11px;display:flex}.sk img{width:24px;height:24px;image-rendering:pixelated;background:#0e0c0a;border:1px solid #000;flex:none}.sk small,.sk span{color:var(--muted)}@media (width<=720px){.cgrid{grid-template-columns:1fr}}.slot.cooling img{filter:brightness(.32)saturate(.4)}.slot.cooling .cd{color:#fff6d8;font-size:15px}.sktip{align-items:center;gap:8px;margin-bottom:6px;display:flex}.sktip img{width:36px;height:36px;image-rendering:pixelated}.kv{grid-template-columns:auto 1fr;gap:1px 10px;margin:4px 0 6px;font-size:11px;display:grid}.kv span{color:var(--muted)}.cdleft{color:#f0c850;margin-top:6px}.dialog{width:440px;top:46%;left:50%;transform:translate(-50%,-50%)}.dbody{padding:10px 12px 12px}.dbody h3,.qdet h3{color:var(--gold);margin:0 0 6px;font-size:14px}.say{margin:0 0 10px;line-height:1.55}.opts{flex-direction:column;gap:4px;margin-top:8px;display:flex}.opt{text-align:left;font:12px var(--ui-font);color:var(--ink);cursor:pointer;background:#241e17;border:1px solid #000;border-radius:3px;padding:6px 8px;box-shadow:inset 0 0 0 1px #4a3f30}.opt:hover,.opt.sel{background:#3e3020;box-shadow:inset 0 0 0 1px #c89a40}.mk{text-align:center;width:16px;margin-right:6px;font-style:normal;font-weight:700;display:inline-block}.mk.new,.mk.ready{color:#ffd23a}.mk.wip{color:#b8b0a0}.mk.shop{color:#9ae08a}.note{color:var(--muted);padding:4px 2px;font-size:11px}.qsec{letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin:8px 0 4px;font-size:10px}.objs{margin:0;padding-left:18px}.objs li.ok{color:var(--good)}.rew{flex-wrap:wrap;gap:4px 12px;display:flex}.rew span{align-items:center;gap:4px;display:inline-flex}.rew img{width:18px;height:18px;image-rendering:pixelated}.rew .xp{color:#c8a0f0}.rew .coin{color:var(--gold)}.opts .btn{align-self:flex-start}.shop{width:330px;top:120px;left:12px}.slist{max-height:360px;padding:6px;overflow:auto}.srow{cursor:pointer;border-radius:3px;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;padding:3px 6px;display:grid}.srow:hover{background:#3e3020}.srow img{width:24px;height:24px;image-rendering:pixelated}.srow small{color:var(--muted)}.srow b{color:var(--gold)}.qlog{width:560px;top:50%;left:50%;transform:translate(-50%,-50%)}.qbody{grid-template-columns:190px 1fr;gap:12px;min-height:220px;padding:10px;display:grid}.qlist{flex-direction:column;gap:4px;display:flex}.qdet .btn{margin-top:12px}.tracker{text-shadow:1px 1px #000,-1px 0 #000;width:230px;font-size:11px;display:none;position:absolute;top:178px;right:12px;pointer-events:none!important}.tracker.show{display:block}.tq{margin-bottom:8px}.tq b{color:var(--gold)}.tq ul{margin:2px 0 0;padding-left:14px}.tq li.ok,.tq .ok{color:var(--good)}.zone{text-align:center;opacity:0;text-shadow:2px 2px #000;transition:opacity .6s;position:absolute;top:14%;left:50%;transform:translate(-50%);pointer-events:none!important}.zone.show{opacity:1}.zone b{color:#f8ecc8;letter-spacing:1px;font-size:24px;display:block}.zone span{color:var(--muted);font-size:12px}