@font-face{font-family:Cinzel;src:url(/fonts/cinzel-latin-400-normal.woff2) format('woff2');font-weight:400}
@font-face{font-family:Cinzel;src:url(/fonts/cinzel-latin-700-normal.woff2) format('woff2');font-weight:700}
@font-face{font-family:CinzelD;src:url(/fonts/cinzel-decorative-latin-900-normal.woff2) format('woff2')}
:root{--gold:#d4a848;--gold2:#8a6a2a;--ink:#0d0907;--pan:#1a120d;--line:#5c4326;--txt:#efe4cc;--dim:#a8967a}
*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#000;color:var(--txt);font:14px/1.35 Georgia,'Times New Roman',serif;user-select:none;-webkit-user-select:none}
#c3d{position:fixed;inset:0;width:100%;height:100%;display:block;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26'%3E%3Cpath d='M2 2l6 17 3-6 6 6 3-3-6-6 6-3z' fill='%23e8c060' stroke='%23201408' stroke-width='1.5'/%3E%3C/svg%3E") 2 2,default}
#c3d.atk{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Cpath d='M3 3l5 1 13 13-4 4L4 8zM18 23l5-5 3 3-2 2 1 2-2 1-1-2-2 2z' fill='%23ff6040' stroke='%23200804' stroke-width='1.3'/%3E%3C/svg%3E") 3 3,crosshair}
#c3d.get{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26'%3E%3Cpath d='M6 12V5a2 2 0 0 1 4 0v5-7a2 2 0 0 1 4 0v7-5a2 2 0 0 1 4 0v8l2-2a2 2 0 0 1 3 3l-6 8H9z' fill='%23f0e0b0' stroke='%23201408' stroke-width='1.3'/%3E%3C/svg%3E") 8 2,pointer}
.hidden{display:none!important}button{font:inherit;color:inherit;cursor:pointer}input,select{font:inherit}
.frame{background:linear-gradient(#21170f,#120c08);border:1px solid var(--line);box-shadow:0 0 0 1px #000,inset 0 0 0 1px #2c1f13,0 12px 40px rgba(0,0,0,.75);border-radius:3px;position:relative}
.frame:before,.frame:after{content:'';position:absolute;width:13px;height:13px;border:2px solid var(--gold);pointer-events:none}.frame:before{left:-2px;top:-2px;border-right:0;border-bottom:0}.frame:after{right:-2px;bottom:-2px;border-left:0;border-top:0}
.btn{background:linear-gradient(#5b3c1e,#35210f);border:1px solid #9a7434;color:#f4e3bd;padding:8px 14px;border-radius:2px;font-family:Cinzel,serif;font-weight:700;letter-spacing:.03em;text-shadow:0 1px 2px #000}.btn:hover:not(:disabled){filter:brightness(1.3)}.btn:disabled{opacity:.45;cursor:default}.btn.sm{padding:3px 8px;font-size:12px;font-family:inherit;font-weight:400}.btn.primary{background:linear-gradient(#a03320,#5d1a0e);border-color:#e0a050;font-size:16px;padding:11px 20px}.btn.ghost{background:transparent;border-color:#6a5230}
#title{position:fixed;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;z-index:5;padding:16px 16px 16px 8vw;pointer-events:none}#title>*{pointer-events:auto}
#logo{font:900 clamp(36px,5.6vw,74px)/1 CinzelD,serif;margin:0 0 4px;background:linear-gradient(#ffe9a8 15%,#d49230 52%,#7c1c10 92%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 2px #000) drop-shadow(0 0 22px rgba(255,90,20,.45));text-align:center}
#tag{font:400 14px Cinzel,serif;letter-spacing:.4em;color:#d9c49a;margin:0 0 26px;text-shadow:0 2px 4px #000}
#auth{width:min(360px,100%);padding:22px}#auth label{display:block;margin:0 0 12px;font:700 12px Cinzel,serif;color:var(--gold)}#auth input{display:block;width:100%;margin-top:4px;padding:10px;background:#0c0806;border:1px solid var(--line);color:var(--txt);border-radius:2px;user-select:text}#auth input:focus{outline:1px solid var(--gold)}.row{display:flex;gap:8px}.row .btn{flex:1;white-space:nowrap;font-size:14px}.err{color:#ff7a60;min-height:20px;margin:8px 0 0;font-size:13px;text-align:center}
#select{position:fixed;inset:0;z-index:5;pointer-events:none;display:flex;justify-content:space-between;padding:20px;gap:16px}#select>*{pointer-events:auto}
#charList{width:300px;align-self:flex-start;padding:16px;max-height:calc(100vh - 40px);overflow:auto}h2{font:700 19px Cinzel,serif;color:var(--gold);margin:0 0 12px;text-align:center}.cslot{display:flex;flex-direction:column;width:100%;text-align:left;background:#0e0906;border:1px solid #3e2d1a;padding:9px 12px;margin-bottom:6px;border-radius:2px}.cslot:hover{border-color:#9a7434}.cslot.on{border-color:var(--gold);background:#2a1a0e}.cslot b{font:700 15px Cinzel,serif}.cslot span{color:var(--dim);font-size:12px}
#createBox{width:320px;align-self:flex-start;padding:16px}#createBox input{width:100%;padding:9px;background:#0c0806;border:1px solid var(--line);color:var(--txt);margin-bottom:10px;user-select:text}.clsBtn{display:block;width:100%;text-align:left;background:#0e0906;border:1px solid #3e2d1a;padding:9px 12px;margin-bottom:6px}.clsBtn.on{border-color:var(--gold);background:#2a1a0e}.clsBtn b{font:700 15px Cinzel,serif;color:#f4e3bd;display:block}.clsBtn span{font-size:12px;color:var(--dim)}
#enterBar{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);z-index:6;display:flex;gap:8px}
#hud{position:fixed;inset:0;z-index:4;pointer-events:none}#hud>*{pointer-events:auto}
#bottom{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(760px,100%);height:102px;display:flex;align-items:flex-end;justify-content:center;gap:0;pointer-events:none}
#bar{flex:1;height:76px;background:linear-gradient(#2d2118,#120c08);border:1px solid var(--line);border-bottom:0;box-shadow:inset 0 2px 0 #4a3722;display:flex;flex-direction:column;padding:5px 14px 4px;pointer-events:auto;margin:0 -22px;position:relative;min-width:0}
#barTop{display:flex;align-items:center;justify-content:center;gap:5px;flex:1}.skill{width:44px;height:44px;background:#0c0806 center/cover;border:1px solid #7a5c30;position:relative;cursor:pointer;flex:none;overflow:hidden}.skill.sel{border-color:#ffe080;box-shadow:0 0 8px #ffc040,inset 0 0 0 1px #ffe080}.skill.locked{filter:grayscale(1) brightness(.35)}.skill.nomp{filter:saturate(.3) brightness(.65)}.skill .key{position:absolute;left:2px;top:0;font:700 11px Georgia;text-shadow:0 0 3px #000,0 0 3px #000;z-index:2}.cd{position:absolute;left:0;right:0;bottom:0;height:0;background:rgba(0,0,0,.72)}#skills{display:flex;gap:4px}
.pot{width:44px;height:44px;border:1px solid #7a5c30;background:#0c0806 center/34px no-repeat;position:relative;flex:none;padding:0}.pot .k{position:absolute;left:3px;top:0;font-size:11px;font-weight:700}.pot .n{position:absolute;right:3px;bottom:0;font-size:11px;text-shadow:0 0 3px #000}
#xp{height:13px;background:#090604;border:1px solid #4a3722;position:relative;margin-top:4px}#xpFill{height:100%;width:0;background:linear-gradient(#f0d060,#a06c10);transition:width .25s}#xpTxt{position:absolute;inset:0;text-align:center;font-size:10px;line-height:11px;text-shadow:0 0 3px #000,0 0 3px #000}
.orb{width:102px;height:102px;border-radius:50%;background:#090403;border:3px solid #8a6a2a;box-shadow:0 0 0 2px #000,inset 0 0 18px #000;position:relative;overflow:hidden;flex:none;z-index:2;pointer-events:auto}.orb .fill{position:absolute;left:0;right:0;bottom:0;transition:height .2s}#orbHp .fill{background:radial-gradient(ellipse at 40% 15%,#ff7a60,#c01818 40%,#500606)}#orbMp .fill{background:radial-gradient(ellipse at 40% 15%,#80b0ff,#1c48c8 40%,#081848)}.orb:after{content:'';position:absolute;left:18%;top:9%;width:40%;height:26%;background:radial-gradient(ellipse,rgba(255,255,255,.55),transparent 70%);border-radius:50%}.orb .v{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:700 16px Cinzel,serif;text-shadow:0 0 4px #000,0 1px 2px #000;z-index:2}
#menu{position:absolute;left:50%;bottom:104px;transform:translateX(-50%);display:flex;gap:3px;z-index:3}#menu button{white-space:nowrap;background:rgba(20,13,8,.9);border:1px solid var(--line);padding:2px 8px;font-size:11.5px;color:var(--txt);position:relative;border-radius:2px 2px 0 0}#menu button:hover{border-color:var(--gold)}#menu kbd{color:var(--gold);font:700 10px Georgia;margin-left:3px}#ptsHint{color:#70ff90;font-weight:700;font-size:11px;margin-left:4px}
#miniWrap{position:absolute;right:10px;top:10px;width:178px}#mapName{text-align:center;font:700 12px Cinzel,serif;color:var(--gold);text-shadow:0 1px 3px #000;margin-bottom:3px}#minimap{display:block;margin:auto;border-radius:50%;box-shadow:0 0 0 2px #000,0 0 0 4px #8a6a2a,0 6px 16px rgba(0,0,0,.7);pointer-events:none}#util{display:flex;justify-content:center;gap:4px;margin-top:8px}#util select,#util button{background:#160f0a;border:1px solid var(--line);color:var(--txt);font-size:11px;padding:2px 6px}
#chat{position:absolute;left:10px;bottom:10px;width:min(360px,calc(50vw - 395px));min-width:220px}@media(max-width:1250px){#chat{bottom:112px}#chatLog{height:110px}}#chatLog{height:170px;overflow:auto;background:linear-gradient(transparent,rgba(0,0,0,.45));padding:4px 6px;font-size:13px;scrollbar-width:thin;text-shadow:0 1px 2px #000;user-select:text}#chatInput{width:100%;padding:5px 8px;background:rgba(0,0,0,.72);border:1px solid var(--line);color:var(--txt);user-select:text}#chatInput:focus{outline:1px solid var(--gold)}.cl.sys{color:#ffe08a}.cl.event{color:#ff9a60;font-weight:700}.cl.party{color:#70e0ff}.cl.whisper{color:#e090ff}.cl b{color:#fff}
#buffs{position:absolute;left:10px;top:10px;display:flex;flex-direction:column;gap:3px;align-items:flex-start}.buff{background:rgba(20,50,30,.85);border:1px solid #60a070;padding:1px 8px;font-size:12px}.buff.neg{background:rgba(70,20,20,.85);border-color:#b05050}#party{position:absolute;left:10px;top:90px;width:150px;display:flex;flex-direction:column;gap:4px}.pm{background:rgba(10,7,4,.8);border:1px solid var(--line);padding:3px 6px}.pn{font-size:12px}.pb{height:6px;background:#200;margin-top:2px}.pf{height:100%;background:#d03030}
#targetBox{position:absolute;left:50%;top:14px;transform:translateX(-50%);width:min(320px,70vw);text-align:center;pointer-events:none!important}#tName{font:700 15px Cinzel,serif;text-shadow:0 1px 3px #000,0 0 6px #000}#tBar{height:11px;background:#180403;border:1px solid #8a6a2a;margin-top:2px}#tFill{height:100%;background:linear-gradient(#ee4030,#801008);transition:width .12s}
.panel{position:absolute;z-index:8;padding:12px 14px}.panel h3{font:700 16px Cinzel,serif;color:var(--gold);margin:0 0 10px;text-align:center}.close{position:absolute;right:6px;top:5px;background:#2a1a10;border:1px solid var(--line);width:22px;height:22px;line-height:18px;padding:0;color:var(--gold);z-index:1}
.panel[data-panel=char]{left:12px;top:60px;width:300px;max-height:calc(100vh - 180px);overflow:auto}.panel[data-panel=inv]{right:12px;top:60px;width:302px;max-height:calc(100vh - 80px);overflow:auto}.panel[data-panel=shop]{right:326px;top:60px;width:318px;max-height:calc(100vh - 80px);overflow:auto}.panel[data-panel=maps],.panel[data-panel=rank],.panel[data-panel=help],.panel[data-panel=npc]{left:50%;top:50%;transform:translate(-50%,-50%);width:min(430px,94vw);max-height:80vh;overflow:auto}
.cname{font:700 20px Cinzel,serif;text-align:center}.csub{text-align:center;color:var(--dim);font-size:13px}.cpts{text-align:center;color:#70ff90;margin:6px 0 8px;font-weight:700}.stat{display:flex;align-items:center;gap:6px;padding:4px 0;border-bottom:1px solid #2e2115}.stat span{flex:1}.stat b{width:42px;text-align:right}.stbtn{display:flex;gap:2px}.plus{background:#3a2610;border:1px solid #80602a;padding:1px 5px;font-size:11px;color:#ffe9b0}.plus:disabled{opacity:.3}.derived{margin-top:9px}.dr{display:flex;justify-content:space-between;font-size:13px;padding:1px 0;color:var(--dim)}.dr b{color:var(--txt);font-weight:400}.rowbtn{display:flex;gap:6px;margin-top:10px}.rowbtn .btn{flex:1;font-size:12px;padding:6px}
#doll{position:relative;width:162px;height:190px;margin:0 auto 10px;background:radial-gradient(#2c2015,#0c0806)}.slot{position:absolute;background:#0a0705;border:1px solid #4a3722;display:flex;align-items:center;justify-content:center;overflow:hidden}.slot .sl{font-size:9px;color:#6d5a3e}.slot:hover{border-color:var(--gold)}.ic{max-width:92%;max-height:92%;pointer-events:none}.lv{position:absolute;right:1px;top:0;font:700 11px Georgia;color:#ffe080;text-shadow:0 0 3px #000,0 0 3px #000;pointer-events:none}.glow{box-shadow:inset 0 0 10px rgba(255,200,70,.65);border-color:#ffc848!important}
#grid{position:relative;width:272px;height:272px;margin:0 auto;background-color:#0a0705;background-image:linear-gradient(#32251a 1px,transparent 1px),linear-gradient(90deg,#32251a 1px,transparent 1px);background-size:34px 34px;border:1px solid #4a3722;box-sizing:content-box}.item{position:absolute;display:flex;align-items:center;justify-content:center;background:rgba(80,60,30,.2);border:1px solid rgba(160,130,80,.3);cursor:grab}.item:hover{background:rgba(180,140,60,.25)}.unusable{background:rgba(160,20,20,.28)}.qty{position:absolute;right:2px;bottom:0;font-size:11px;text-shadow:0 0 3px #000,0 0 3px #000;pointer-events:none}.gold{display:flex;justify-content:space-between;margin-top:8px;color:var(--gold)}#gold{font-weight:700}.dragimg{position:fixed;z-index:30;pointer-events:none;opacity:.85}
.sitem{display:flex;align-items:center;gap:7px;padding:4px 2px;border-bottom:1px solid #2e2115}.sic{width:30px;height:30px;object-fit:contain}.stxt{flex:1;min-width:0}.sn{font-size:13px}.sp{font-size:11px;color:var(--gold)}
.mapb{display:grid;grid-template-columns:1fr auto;width:100%;background:#0e0906;border:1px solid #3e2d1a;padding:9px 12px;margin-bottom:6px;text-align:left}.mapb:hover:not(:disabled){border-color:var(--gold)}.mapb:disabled{opacity:.45;cursor:default}.mapb b{font:700 15px Cinzel,serif}.mapb span{grid-column:1;color:var(--dim);font-size:12px}.mapb em{grid-column:2;grid-row:1/3;align-self:center;color:#ff9070;font-style:normal;font-size:12px}
.rk{display:grid;grid-template-columns:24px 1fr 62px 40px 38px 34px;font-size:13px;padding:3px 0;border-bottom:1px solid #2e2115;gap:4px}.rk.head{color:var(--gold);font-weight:700}
#helpBody p{margin:0 0 7px;font-size:13px}#helpBody b{color:var(--gold)}
#tooltip{position:fixed;z-index:40;max-width:290px;background:rgba(8,5,3,.97);border:1px solid #8a6a2a;padding:8px 11px;pointer-events:none;box-shadow:0 4px 18px #000}.tn{font:700 15px Cinzel,serif;color:#f4e3bd;margin-bottom:3px}.tl{font-size:13px}.tl.dim{color:var(--dim)}.tl.ex{color:#50ff90}.tl.bad{color:#ff6050}.tl.gold{color:var(--gold);margin-top:5px;display:block}
#labels{position:fixed;inset:0;pointer-events:none;z-index:2;overflow:hidden}.lab{position:absolute;left:0;top:0;transform:translate(-50%,-100%);text-align:center;white-space:nowrap;font-size:13px;font-weight:700;text-shadow:0 1px 2px #000,0 0 3px #000,0 0 3px #000;will-change:transform}.lab.me{color:#fff}.lab.pl{color:#a8ffb8}.lab.pk{color:#ff5050}.lab.fl{color:#ffa040}.lab.ally{color:#70e0ff}.lab.npc{color:#ffe060}.lab.mon{color:#ff9880}.lab.boss{color:#ff70ff;font:700 15px Cinzel,serif}.lab.drop{font-weight:400;font-size:12px;background:rgba(0,0,0,.55);padding:0 5px;border-radius:2px}.hpb{width:58px;height:5px;background:#280604;margin:1px auto 0;border:1px solid #000}.hpb i{display:block;height:100%;background:#e03828}
#floaters{position:fixed;inset:0;pointer-events:none;z-index:3;overflow:hidden}.flt{position:absolute;font:700 18px Cinzel,serif;text-shadow:0 0 3px #000,0 1px 2px #000,0 0 6px #000;animation:up .85s ease-out forwards}.flt.me{color:#ff5a50}.flt.d{color:#ffe0a0}.flt.crit{color:#60d0ff;font-size:23px}.flt.exc{color:#60ff90;font-size:25px}.flt.miss{color:#c8c8c8;font-size:14px}.flt.heal{color:#70ff90}.flt.xp{color:#ffe870}@keyframes up{0%{opacity:0;margin-top:0;scale:.6}15%{opacity:1;scale:1.18}30%{scale:1}100%{opacity:0;margin-top:-58px}}
#notices{position:fixed;top:24%;left:0;right:0;z-index:9;text-align:center;pointer-events:none}.notice{font:700 19px Cinzel,serif;color:#ffe08a;text-shadow:0 1px 3px #000,0 0 8px #000;animation:ntc 2.6s forwards}.notice.good{color:#70ff90}.notice.bad{color:#ff6a50}.notice.big{font-size:40px;color:#ffd860}@keyframes ntc{0%{opacity:0;transform:translateY(10px)}10%{opacity:1;transform:none}80%{opacity:1}100%{opacity:0}}
#prompt{position:fixed;left:50%;top:32%;transform:translateX(-50%);z-index:20;padding:16px 20px;text-align:center;width:min(340px,92vw)}#prompt p{margin:0 0 12px}#deadBox{position:fixed;inset:0;z-index:15;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(transparent 30%,rgba(60,0,0,.65));pointer-events:none}#deadBox>*{pointer-events:auto}#deadBox h2{font:900 44px CinzelD,serif;color:#e03020;text-shadow:0 2px 6px #000;margin:0}#deadBox p{text-shadow:0 1px 3px #000}
#ctx{position:fixed;z-index:25;background:#160f0a;border:1px solid var(--gold2);display:flex;flex-direction:column;min-width:160px}#ctx button{background:none;border:0;border-bottom:1px solid #2e2115;padding:7px 11px;text-align:left}#ctx button:hover{background:#3a2610}
#loading{position:fixed;inset:0;z-index:50;background:#050302;display:flex;align-items:center;justify-content:center;font:700 19px Cinzel,serif;color:var(--gold)}#fps{position:fixed;left:50%;top:0;font-size:10px;opacity:.5;z-index:9;pointer-events:none}
@media(max-width:820px){#title{align-items:center;padding:16px}#chat{display:none}#menu{bottom:82px}#menu kbd{display:none}#menu button{padding:2px 5px}#select{flex-direction:column;overflow:auto}#charList,#createBox{width:100%}.panel[data-panel=inv],.panel[data-panel=shop],.panel[data-panel=char]{left:8px;right:8px;width:auto}.skill,.pot{width:36px;height:36px}.orb{width:76px;height:76px}#bottom{height:80px}#bar{height:70px;margin:0 -10px;padding:3px 10px}}

.ed #doll,#doll{width:144px;height:216px}#buffs{z-index:1}#tracker{position:absolute;left:10px;top:58px;display:flex;flex-direction:column;gap:2px;pointer-events:none!important}.trk{font-size:12px;color:#ffe9b0;text-shadow:0 1px 2px #000,0 0 3px #000}.trk.done{color:#70ff90;font-weight:700}#party{top:150px}
.bubble{white-space:normal;max-width:220px;width:max-content;margin:0 auto 4px;padding:4px 9px;background:rgba(255,250,235,.95);color:#1a120a;border-radius:8px;font:400 13px/1.25 Georgia,serif;text-shadow:none;box-shadow:0 2px 5px rgba(0,0,0,.5);position:relative;word-break:break-word}.bubble:after{content:'';position:absolute;left:50%;bottom:-5px;margin-left:-5px;border:5px solid transparent;border-top-color:rgba(255,250,235,.95);border-bottom:0}.cl.post{color:#ffb0f0}
#helperBtn{color:#d8a8a8!important}#helperBtn.on{color:#60ff90!important;border-color:#50c070!important;box-shadow:0 0 7px rgba(80,255,130,.6)}
.panel[data-panel=quests],.panel[data-panel=helper],.panel[data-panel=craft]{left:12px;top:60px;width:min(390px,94vw);max-height:calc(100vh - 190px);overflow:auto}.panel[data-panel=vault]{right:326px;top:60px;width:318px;max-height:calc(100vh - 80px);overflow:auto}.panel[data-panel=craft]{width:min(430px,94vw)}
.qh{font:700 13px Cinzel,serif;color:var(--gold);margin:10px 0 4px}.qtext{font-size:12px;color:var(--dim);margin:2px 0}.qrow{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid #2e2115}.hopt{display:flex;gap:7px;align-items:center;font-size:13px;margin:4px 0}.hsel{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;margin:5px 0}.hsel select{background:#0c0806;border:1px solid var(--line);color:var(--txt);padding:3px;max-width:190px}
#vaultBody{display:grid;grid-template-columns:repeat(6,1fr);gap:3px}.vcell{position:relative;background:#0a0705;border:1px solid #3e2d1a;aspect-ratio:1;display:flex;align-items:center;justify-content:center;cursor:pointer}.vcell:hover{border-color:var(--gold)}.vcell .sic{width:80%;height:80%}#vaultBody .qtext{grid-column:1/-1}
#menu{flex-wrap:wrap;justify-content:center;width:min(760px,96vw)}#bar{min-width:0}.skill,.pot{width:40px;height:40px}

#evtBox{position:absolute;left:50%;top:58px;transform:translateX(-50%);background:rgba(14,6,4,.82);border:1px solid #a03020;padding:6px 18px;text-align:center;pointer-events:none!important;min-width:230px}.evn{font:700 15px Cinzel,serif;color:#ff9060}.evl{font-size:13px}.evt{font:700 20px Cinzel,serif;color:#ffe08a}.evs{font-size:12px;color:var(--dim)}
#weatherTag{text-align:center;font-size:11px;color:#a8c8e0;min-height:0}.panel[data-panel=ach]{left:12px;top:60px;width:min(390px,94vw);max-height:calc(100vh - 190px);overflow:auto}.panel[data-panel=evres]{left:50%;top:30%;transform:translateX(-50%);width:min(460px,94vw)}.adone .sn{color:#ffd860}.rtabs{display:flex;gap:3px;margin-bottom:8px;flex-wrap:wrap}.rtabs button{background:#0e0906;border:1px solid #3e2d1a;padding:3px 9px;font-size:12px}.rtabs button.on{border-color:var(--gold);background:#2a1a0e}

#touch,#rotate{display:none}#streak{position:absolute;right:200px;top:14px;font:700 21px Cinzel,serif;color:#ffcf50;text-shadow:0 0 8px #e05000,0 1px 3px #000;pointer-events:none!important}#streak.pop{animation:pop .25s ease-out}@keyframes pop{0%{transform:scale(1.5)}100%{transform:scale(1)}}
/* ---------- MÓVIL HORIZONTAL ---------- */
body.mobile{font-size:12px;touch-action:none}body.mobile #c3d{touch-action:none}body.mobile .panel{touch-action:pan-y;z-index:30}.mobile .item,.mobile .slot{touch-action:none}
.mobile #touch{display:block;position:fixed;inset:0;pointer-events:none!important;z-index:5}.mobile #touch>*{pointer-events:auto;position:absolute;touch-action:none;-webkit-tap-highlight-color:transparent}
.mobile #joy{left:calc(16px + env(safe-area-inset-left));bottom:16px;width:128px;height:128px;border-radius:50%;background:rgba(20,12,8,.42);border:2px solid rgba(212,168,72,.55)}.mobile #joyK{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px;border-radius:50%;background:radial-gradient(#d4a848,#6a4c1c);box-shadow:0 2px 6px #000}
.mobile #tAtk{right:calc(14px + env(safe-area-inset-right));bottom:14px;width:84px;height:84px;border-radius:50%;font-size:36px;background:radial-gradient(#a03320,#4d1208);border:3px solid #e0b050;color:#fff}.mobile #tDodge{right:calc(106px + env(safe-area-inset-right));bottom:10px;width:50px;height:50px;border-radius:50%;font-size:24px;background:rgba(30,20,12,.82);border:2px solid #9a7434;color:#f0e0b0}.mobile #tHelp{left:calc(150px + env(safe-area-inset-left));bottom:12px;width:50px;height:38px;border-radius:8px;font:700 11px Georgia;background:rgba(30,20,12,.82);border:1px solid #9a7434;color:#f0e0b0}.mobile #tMenu{left:calc(6px + env(safe-area-inset-left));top:62px;width:42px;height:36px;font-size:19px;background:rgba(30,20,12,.82);border:1px solid #9a7434;color:#f0e0b0}.mobile #tChat{left:calc(52px + env(safe-area-inset-left));top:62px;width:42px;height:36px;font-size:16px;background:rgba(30,20,12,.82);border:1px solid #9a7434}
.mobile #bottom{position:static;transform:none;width:auto;height:0;display:block}.mobile #bar{position:static;background:none;border:0;box-shadow:none;padding:0;margin:0;height:0}.mobile #barTop{display:block}
.mobile .orb{position:fixed;top:4px;width:52px;height:52px;border-width:2px;z-index:6}.mobile #orbHp{left:calc(6px + env(safe-area-inset-left))}.mobile #orbMp{left:calc(62px + env(safe-area-inset-left))}.mobile .orb .v{font-size:11px}
.mobile #skills{position:fixed;right:calc(160px + env(safe-area-inset-right));bottom:8px;display:grid;grid-template-columns:repeat(4,46px);gap:4px;z-index:6}.mobile .skill{width:46px;height:46px;border-radius:7px}.mobile .pot{position:fixed;width:44px;height:44px;bottom:102px;z-index:6;border-radius:7px}.mobile #potHp{right:calc(70px + env(safe-area-inset-right))}.mobile #potMp{right:calc(18px + env(safe-area-inset-right))}
.mobile #xp{position:fixed;left:0;right:0;bottom:0;height:4px;margin:0;z-index:7;border:0}.mobile #xpTxt{display:none}
.mobile #miniWrap{right:calc(4px + env(safe-area-inset-right));top:4px;width:92px}.mobile #minimap{width:84px;height:84px;box-shadow:0 0 0 1px #000,0 0 0 2px #8a6a2a}.mobile #mapName{font-size:9px;margin:0}.mobile #weatherTag{display:none}.mobile #util{margin-top:2px}.mobile #util button{padding:0 5px}
.mobile #chat{display:none;left:50%;transform:translateX(-50%);width:min(420px,60vw);bottom:auto;top:4px;z-index:25}.mobile #chat.open{display:block}.mobile #chatLog{height:64px;background:rgba(0,0,0,.65)}
.mobile #menu{display:none;position:fixed;left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);width:min(440px,86vw);grid-template-columns:repeat(3,1fr);gap:6px;background:rgba(14,9,6,.96);border:1px solid #8a6a2a;padding:10px;z-index:28}.mobile #menu.open{display:grid}.mobile #menu button{padding:10px 4px;font-size:13px;white-space:normal}.mobile #menu kbd{display:none}
.mobile #targetBox{top:4px;width:min(250px,40vw)}.mobile #tName{font-size:12px}.mobile #tBar{height:7px}.mobile #buffs{left:calc(102px + env(safe-area-inset-left));top:62px;flex-direction:row;flex-wrap:wrap;max-width:40vw}.mobile .buff{font-size:9px;padding:0 3px}.mobile #tracker{left:calc(6px + env(safe-area-inset-left));top:102px}.mobile .trk{font-size:10px}.mobile #party{left:auto;right:calc(100px + env(safe-area-inset-right));top:6px;width:96px}.mobile #evtBox{top:32px;min-width:150px;padding:2px 8px}.mobile .evn{font-size:11px}.mobile .evt{font-size:13px}.mobile .evs{display:none}.mobile #streak{right:auto;left:50%;transform:translateX(-50%);top:66px;font-size:15px}
.mobile .panel{left:50%!important;right:auto!important;top:2vh!important;transform:translateX(-50%)!important;width:min(620px,96vw)!important;max-height:96vh!important;padding:8px 10px}.mobile .panel h3{font-size:13px;margin:0 0 4px}
.mobile .panel[data-panel=inv]{display:grid;grid-template-columns:auto auto;justify-content:center;column-gap:12px;align-items:start}.mobile .panel[data-panel=inv].hidden{display:none!important}.mobile .panel[data-panel=inv] h3{grid-column:1/-1}.mobile .panel[data-panel=inv] #doll{margin:0}.mobile .panel[data-panel=inv] .gold{grid-column:1;margin-top:2px}.mobile #grid{grid-row:2/4;grid-column:2;transform-origin:top left}.mobile .panel[data-panel=shop],.mobile .panel[data-panel=vault],.mobile .panel[data-panel=craft]{z-index:32;background:#120c08}
.mobile #tooltip{font-size:11px;max-width:220px}.mobile .lab{font-size:10px}.mobile .bubble{font-size:11px}.mobile .flt{font-size:14px}.mobile .flt.crit{font-size:17px}.mobile .flt.exc{font-size:18px}.mobile .notice{font-size:13px}.mobile .notice.big{font-size:22px}.mobile #notices{top:16%}
.mobile #ctx{min-width:200px;max-height:92vh;overflow:auto}.mobile #ctx button{padding:9px 12px;font-size:13px}.mobile .btn.sm{padding:6px 9px}.mobile .plus{padding:5px 8px;font-size:12px}
.mobile #title{padding:6px 12px;justify-content:center;align-items:center}.mobile #logo{font-size:24px;margin:0}.mobile #tag{display:none}.mobile #auth{padding:10px 14px;width:min(420px,92vw);margin-top:4px}.mobile #auth label{margin-bottom:4px}.mobile #auth input{padding:6px;margin-top:1px;user-select:text;-webkit-user-select:text}.mobile .btn.primary{font-size:13px;padding:7px 12px}.mobile .err{margin:2px 0 0;min-height:0}
.mobile #select{padding:6px;overflow:auto;touch-action:pan-y;flex-direction:row}.mobile #charList,.mobile #createBox{width:min(290px,46vw);padding:8px;max-height:96vh;overflow:auto}.mobile #createBox input{padding:6px;margin-bottom:5px;user-select:text;-webkit-user-select:text}.mobile h2{font-size:14px;margin:0 0 5px}.mobile .clsBtn,.mobile .cslot{padding:4px 8px;margin-bottom:3px}.mobile .clsBtn b,.mobile .cslot b{font-size:12px}.mobile .clsBtn span{font-size:10px}.mobile #enterBar{bottom:6px;left:auto;right:8px;transform:none}
.mobile #deadBox h2{font-size:26px}.mobile #prompt{top:18%}
@media(orientation:portrait){.mobile #rotate{display:flex;position:fixed;inset:0;z-index:99;background:#0d0705;color:#e6c070;align-items:center;justify-content:center;font:700 19px Cinzel,serif;text-align:center;padding:24px}}
/* ============ PROPUESTA DE INTERFAZ v2: fantasía oscura ============ */
:root{--gold:#e2b45a;--gold2:#9a7230;--line:#6b4a24;--glass:linear-gradient(180deg,rgba(28,18,14,.94),rgba(10,6,6,.96))}
.frame{background:var(--glass),#0c0706;border:1px solid transparent;border-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cg fill='none' stroke='%23c9963f'%3E%3Cpath d='M2 22V2h20M38 2h20v20M58 38v20H38M22 58H2V38' stroke-width='3'/%3E%3Cpath d='M6 26V6h20M34 6h20v20M54 34v20H34M26 54H6V34' stroke-width='1' opacity='.6'/%3E%3C/g%3E%3Ccircle cx='4' cy='4' r='3' fill='%23f0cf7a'/%3E%3Ccircle cx='56' cy='4' r='3' fill='%23f0cf7a'/%3E%3Ccircle cx='4' cy='56' r='3' fill='%23f0cf7a'/%3E%3Ccircle cx='56' cy='56' r='3' fill='%23f0cf7a'/%3E%3C/svg%3E") 26 / 13px stretch;box-shadow:0 18px 50px rgba(0,0,0,.8),inset 0 0 40px rgba(120,30,10,.12)}
.frame:before,.frame:after{display:none}
.panel h3,h2{background:linear-gradient(90deg,transparent,rgba(160,40,20,.35),transparent);padding:4px 0;letter-spacing:.08em;text-shadow:0 0 10px rgba(255,170,60,.35),0 2px 2px #000}
.btn{background:linear-gradient(180deg,#6a4220 0%,#3a220e 55%,#2a1708 100%);border:1px solid #c49040;box-shadow:inset 0 1px 0 rgba(255,220,150,.35),0 2px 6px rgba(0,0,0,.6);border-radius:3px}
.btn.primary{background:linear-gradient(180deg,#c0402a 0%,#7a1a10 60%,#4a0c06 100%);border-color:#f0c060;box-shadow:inset 0 1px 0 rgba(255,200,160,.45),0 0 14px rgba(220,60,20,.35)}
.orb{border:4px solid transparent;background:radial-gradient(circle at 50% 50%,#0a0303 60%,#000 100%) padding-box,conic-gradient(from 0deg,#f6d27a,#7a5214,#f0c060,#5a3a10,#f6d27a,#7a5214,#f0c060) border-box;box-shadow:0 0 0 2px #000,0 0 22px rgba(0,0,0,.9),inset 0 0 24px #000}
#orbHp .fill{background:radial-gradient(ellipse at 40% 10%,#ff9a80,#e02a1a 35%,#7a0808 75%,#3a0202);animation:slosh 3s ease-in-out infinite}#orbMp .fill{background:radial-gradient(ellipse at 40% 10%,#a8c8ff,#2a62f0 35%,#0c2a90 75%,#040e40);animation:slosh 3.4s ease-in-out infinite}@keyframes slosh{50%{filter:brightness(1.18)}}
#bar{background:linear-gradient(180deg,#2e1e14,#120a06);border:1px solid #8a6430;border-bottom:0;box-shadow:inset 0 2px 0 rgba(240,190,100,.25),0 -6px 20px rgba(0,0,0,.6)}
.skill,.pot{border:1px solid #a07838;border-radius:4px;box-shadow:inset 0 0 0 1px #000,inset 0 -8px 12px rgba(0,0,0,.6),0 2px 4px rgba(0,0,0,.6)}.skill.sel{border-color:#ffe08a;box-shadow:0 0 12px #ffb030,inset 0 0 0 1px #ffe08a}
#xp{background:#070403;border-color:#5a3e1c}#xpFill{background:linear-gradient(180deg,#ffe48a,#d09020 50%,#8a5a08);box-shadow:0 0 8px rgba(255,190,60,.6)}
#menu button{background:linear-gradient(180deg,rgba(46,30,18,.95),rgba(18,10,6,.95));border-color:#7a5628}
#grid{background-color:#080504;background-image:linear-gradient(rgba(160,110,50,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(160,110,50,.18) 1px,transparent 1px);box-shadow:inset 0 0 18px #000}.item{background:radial-gradient(rgba(120,80,40,.25),rgba(40,24,12,.15));border-color:rgba(200,150,80,.25)}
.slot{background:radial-gradient(#1a100a,#060302);border-color:#5a4020;box-shadow:inset 0 0 10px #000}
#doll{background:radial-gradient(ellipse at 50% 40%,rgba(160,40,20,.25),transparent 70%),#0a0605}
#minimap{box-shadow:0 0 0 2px #000,0 0 0 5px #c9963f,0 0 0 6px #000,0 8px 20px rgba(0,0,0,.8)}#mapName{letter-spacing:.06em}
.lab.boss{text-shadow:0 0 8px #ff20a0,0 1px 2px #000}.cslot,.clsBtn{background:linear-gradient(90deg,rgba(40,24,14,.9),rgba(14,8,5,.9));border-color:#4a3218}.cslot.on,.clsBtn.on{border-color:#e2b45a;box-shadow:0 0 10px rgba(226,180,90,.35)}
#tooltip{background:linear-gradient(180deg,rgba(24,14,10,.98),rgba(8,4,3,.98));border-color:#c9963f;box-shadow:0 0 0 1px #000,0 6px 24px #000}
.mobile #tAtk{background:radial-gradient(circle at 50% 35%,#d04a30,#6a1408 70%);border-color:#f0c060;box-shadow:0 0 16px rgba(220,60,20,.45)}
/* Helper/AUTO: gris cuando está apagado, verde brillante cuando está encendido, para saber de un vistazo el estado */
.mobile #tHelp{background:radial-gradient(circle at 50% 35%,#4a4a52,#1c1c22 75%);border-color:#7a7a84;color:#b8b8c0;font-size:12px;font-weight:700;letter-spacing:.5px}
.mobile #tHelp.on{background:radial-gradient(circle at 50% 35%,#3ee07a,#0f6a34 75%);border-color:#b8ffd0;color:#fff;box-shadow:0 0 14px rgba(60,255,140,.7)}

/* ---------- Sesión recordada ---------- */
#auth label.chk { display: flex; flex-direction: row; align-items: center; gap: 8px; font-size: 0.85em; opacity: 0.9; cursor: pointer; }
#auth label.chk input { width: auto; margin: 0; accent-color: #c8962e; }
#accRow { font-size: 0.85em; opacity: 0.85; margin: -4px 0 8px; text-align: center; }
#accRow b { color: #f0c870; }

/* Nombres de objetos del suelo: se ocultan con Alt (PC) o con el botón del ojo (móvil) */
body.nodrops .lab.drop{display:none!important}
#tDrops{display:none}.mobile #tDrops{display:block;position:fixed;left:calc(98px + env(safe-area-inset-left));top:62px;width:42px;height:36px;font-size:16px;background:rgba(30,20,12,.82);border:1px solid #9a7434;border-radius:6px;z-index:6}.mobile #tDrops.off{opacity:.6;border-color:#a03020}

/* Eventos: marcador de bandos, reloj con prisa y anuncios grandes */
.evwar{display:flex;justify-content:space-between;gap:10px;font:700 14px Cinzel,serif}.evwar .r{color:#ff6a58}.evwar .b{color:#6aa8ff}.evwar span{color:var(--dim);font-size:11px;font-weight:400}
.evbar{position:relative;height:6px;background:#1a0f0a;border:1px solid #5a3a20;margin:3px 0}.evbar i{position:absolute;top:0;bottom:0}.evbar i.r{left:0;background:linear-gradient(90deg,#a01c10,#ff5a40)}.evbar i.b{right:0;background:linear-gradient(270deg,#1040a0,#5a9aff)}
.evt.hurry{color:#ff5a40;animation:hurry .5s infinite alternate}@keyframes hurry{to{transform:scale(1.15)}}
.notice.big.count{font-size:72px;color:#fff0c0;animation:cnt .95s forwards}@keyframes cnt{0%{opacity:0;transform:scale(2.2)}20%{opacity:1;transform:scale(1)}80%{opacity:1}100%{opacity:0;transform:scale(.8)}}
.notice.big.start{font-size:52px;color:#ffd860;text-shadow:0 0 18px #ff8020,0 2px 4px #000;letter-spacing:3px}.notice.big.lose{font-size:46px;color:#ff5a40;letter-spacing:3px}
.mobile .notice.big.count{font-size:44px}.mobile .notice.big.start,.mobile .notice.big.lose{font-size:28px}

/* Tienda: retrato del NPC, saludo, comparación con tu equipo y precio en rojo si no alcanza */
.panel[data-panel=shop]{width:min(380px,94vw)}.shophd{display:flex;gap:10px;align-items:center;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #4a3220}.shopph{width:84px;height:84px;object-fit:cover;border:2px solid #c9963f;border-radius:50%;box-shadow:0 0 14px rgba(255,150,50,.35),inset 0 0 8px #000;flex:none}.shopht{flex:1;min-width:0}.shopsay{font-style:italic;font-size:12.5px;color:#e8d8b0;line-height:1.35}.shopgold{margin-top:5px;font:700 13px Cinzel,serif;color:var(--gold)}
.shoprows{max-height:min(46vh,380px);overflow:auto;padding-right:4px}.sitem{border-radius:3px;transition:background .12s}.sitem:hover{background:rgba(200,150,60,.1)}.sitem.low{opacity:.6}.sst{font-size:11px;color:var(--dim)}.sst b.up{color:#6aff8a}.sst b.dn{color:#ff6a58}.sst b.eq{color:var(--dim)}.sp.poor{color:#ff6a58}.sic{width:36px;height:36px;background:radial-gradient(#2a1c10,#0a0604);border:1px solid #4a3722;border-radius:3px;padding:2px}
.mobile .shopph{width:54px;height:54px}.mobile .shoprows{max-height:58vh}
/* Ventanas: barras de desplazamiento, botón de cerrar y casillas más cuidadas */
.panel ::-webkit-scrollbar,.shoprows::-webkit-scrollbar{width:8px}.panel ::-webkit-scrollbar-thumb,.shoprows::-webkit-scrollbar-thumb{background:linear-gradient(#a8782e,#5a3a14);border-radius:4px;border:1px solid #1a0f08}.panel ::-webkit-scrollbar-track,.shoprows::-webkit-scrollbar-track{background:#0a0604}
.close{border-radius:50%;width:24px;height:24px;background:radial-gradient(#4a1c10,#1a0806);border-color:#c9963f;transition:transform .12s,box-shadow .12s}.close:hover{transform:scale(1.12);box-shadow:0 0 8px rgba(255,120,50,.6)}
.panel{animation:pin .18s ease-out}@keyframes pin{from{opacity:0}to{opacity:1}}.mobile .panel{animation:none}
.item{border-radius:3px;transition:box-shadow .12s}.item:hover{box-shadow:inset 0 0 12px rgba(255,200,90,.35)}.slot{border-radius:3px}.slot.glow,.item.glow{animation:glw 1.8s infinite alternate}@keyframes glw{to{box-shadow:inset 0 0 16px rgba(255,210,90,.9)}}
.gold{align-items:center;padding:5px 8px;background:linear-gradient(90deg,rgba(160,110,30,.18),transparent);border:1px solid #4a3722;border-radius:3px}#gold:before{content:'';display:inline-block;width:12px;height:12px;margin-right:6px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff0a0,#d49a20 55%,#7a5008);vertical-align:-1px;box-shadow:0 0 5px rgba(255,200,60,.6)}
.stat .plus{min-width:38px}

/* Pantalla de inicio: título con brillo vivo, adorno y resumen del reino */
#logo{animation:logoGlow 3.2s ease-in-out infinite alternate;letter-spacing:.02em}@keyframes logoGlow{from{filter:drop-shadow(0 3px 2px #000) drop-shadow(0 0 16px rgba(255,90,20,.35))}to{filter:drop-shadow(0 3px 2px #000) drop-shadow(0 0 38px rgba(255,130,40,.8))}}
#tag{position:relative;display:inline-block}#tag:after{content:'';display:block;height:2px;margin-top:10px;background:linear-gradient(90deg,transparent,#c9963f 20%,#ffe9a8 50%,#c9963f 80%,transparent);box-shadow:0 0 10px rgba(255,160,60,.6)}
#feats{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px;max-width:420px}#feats span{font:700 11px Cinzel,serif;letter-spacing:.06em;color:#f0dcae;padding:4px 9px;border:1px solid rgba(201,150,63,.55);background:rgba(20,10,6,.6);border-radius:12px;text-shadow:0 1px 2px #000}
#auth{box-shadow:0 18px 60px rgba(0,0,0,.85),0 0 40px rgba(180,50,20,.18);backdrop-filter:blur(3px)}#auth input{transition:border-color .15s,box-shadow .15s}#auth input:focus{border-color:var(--gold);box-shadow:0 0 10px rgba(255,170,60,.35)}
.btn.primary{position:relative;overflow:hidden}.btn.primary:after{content:'';position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,240,190,.35),transparent);animation:sheen 3.4s infinite}@keyframes sheen{0%,60%{left:-60%}100%{left:130%}}
.cslot{transition:transform .12s,box-shadow .12s}.cslot:hover{transform:translateX(3px);box-shadow:0 0 12px rgba(255,160,60,.35)}
.mobile #feats{display:none}

/* VIP y botón de ataque pulsado */
.cvip{margin:4px 0 8px;padding:4px 8px;font:700 12px Cinzel,serif;color:#1a0f04;background:linear-gradient(90deg,#ffe28a,#d49a20);border-radius:3px;text-align:center;box-shadow:0 0 10px rgba(255,200,60,.5)}
#btnReset{color:#ffd860}
.mobile #tAtk.down{transform:scale(.92);filter:brightness(1.3)}