:root{--gold: #e8c070;--gold-dim: #9a7d44;--ink: #0b0a09;--panel: rgba(12, 10, 8, .82);--text: #e8e0cc;--muted: #9a927e;--hp: #b0232a;--fp: #2f5fd0;--st: #3b8a3e;--serif: "Cinzel", "Trajan Pro", Georgia, serif;--body: "EB Garamond", Georgia, serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#000;color:var(--text);font-family:var(--body);user-select:none}canvas#game{position:fixed;inset:0;width:100vw;height:100vh;display:block}.hidden{display:none!important}#loading{position:fixed;inset:0;display:grid;place-items:center;align-content:center;gap:24px;background:radial-gradient(circle at 50% 40%,#1b1710,#000 70%);z-index:50;transition:opacity 1s}#loading.fade{opacity:0;pointer-events:none}.ring-sigil{width:90px;height:90px;border-radius:50%;border:2px solid var(--gold);box-shadow:0 0 30px #e8c07066,inset 0 0 20px #e8c07033;animation:spin 6s linear infinite;position:relative}.ring-sigil:before,.ring-sigil:after{content:"";position:absolute;left:50%;top:-12px;bottom:-12px;width:2px;background:var(--gold);transform:translate(-50%)}.ring-sigil:after{transform:translate(-50%) rotate(60deg)}.loading-text{font-family:var(--serif);letter-spacing:.3em;color:var(--gold);font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}#hud{position:fixed;inset:0;pointer-events:none;z-index:10}#hud.cinematic>*:not(#banner):not(#vignette):not(#dmgflash){opacity:0;transition:opacity .6s}#vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55) 100%);transition:background .3s}#dmgflash{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(160,0,0,.6) 100%);opacity:0;transition:opacity .25s}.vitals{position:absolute;left:36px;top:32px;display:flex;flex-direction:column;gap:5px}.bar{position:relative;height:11px;background:#0009;border:1px solid rgba(232,192,112,.35);box-shadow:0 0 0 1px #0009;transition:width .4s}.bar .fill,.bar .chunk{position:absolute;left:0;top:0;bottom:0}.bar.hp{height:13px}.bar.hp .fill{background:linear-gradient(#d23a3a,#8a1a1a)}.bar.hp .chunk{background:#e8c070;transition:width .6s .35s}.bar.fp .fill{background:linear-gradient(#4a7ae8,#1c3a90)}.bar.st .fill{background:linear-gradient(#58b25c,#286a2c)}.buildups{display:flex;flex-direction:column;gap:3px;margin-top:4px}.buildup{width:120px;height:5px;background:#0009;position:relative}.buildup>div{position:absolute;inset:0 auto 0 0}.buffs{display:flex;gap:6px;margin-top:4px;font-family:var(--serif);font-size:11px;color:var(--gold)}.buff{padding:2px 6px;border:1px solid var(--gold-dim);background:#00000080}.quick{position:absolute;left:60px;bottom:50px;width:190px;height:190px}.quick .slot{position:absolute;width:64px;height:64px;border:1px solid rgba(232,192,112,.5);background:radial-gradient(circle,#282014d9,#000000d9);transform:rotate(45deg);display:grid;place-items:center}.quick .slot>*{transform:rotate(-45deg)}.quick .slot .ico{font-size:26px;color:var(--gold);text-shadow:0 0 8px #000}.quick .up{left:63px;top:0}.quick .left{left:0;top:63px}.quick .right{left:126px;top:63px}.quick .down{left:63px;top:126px}.quick .cnt{position:absolute;right:-2px;bottom:-4px;font-family:var(--serif);font-size:14px;color:#fff;text-shadow:0 0 4px #000}.quick .lbl{position:absolute;top:72px;left:50%;transform:translate(-50%) rotate(-45deg)!important;white-space:nowrap;font-size:12px;color:var(--muted);display:none}.quick-label{position:absolute;left:230px;bottom:70px;font-family:var(--serif);font-size:13px;color:var(--text);text-shadow:0 0 6px #000}.runes{position:absolute;right:40px;bottom:40px;font-family:var(--serif);font-size:22px;color:var(--text);display:flex;align-items:center;gap:10px;padding:6px 16px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.7))}.rune-ico{color:var(--gold);font-size:26px;text-shadow:0 0 10px var(--gold)}#runeGain{position:absolute;right:16px;top:-26px;font-size:16px;color:var(--gold);opacity:0;transition:opacity .4s}.boss{position:absolute;left:50%;bottom:84px;transform:translate(-50%);width:min(820px,54vw)}.boss-name{font-family:var(--serif);font-size:19px;letter-spacing:.05em;color:var(--text);text-shadow:0 0 8px #000;margin-bottom:4px}.boss-track{position:relative;height:10px;background:#000000bf;border:1px solid rgba(232,192,112,.45)}.boss-track .fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(#b8282a,#6a1010);transition:width .1s}.boss-track .chunk{position:absolute;inset:0 auto 0 0;background:#e8c070;transition:width .7s .4s}.boss-dmg{position:absolute;right:0;top:-2px;font-family:var(--serif);font-size:16px;color:#fff;text-shadow:0 0 6px #000}.boss.second{bottom:140px}#enemyBars{position:absolute;inset:0}.ebar{position:absolute;width:90px;transform:translate(-50%,-100%)}.ebar .track{height:5px;background:#000000b3;border:1px solid rgba(0,0,0,.9);position:relative}.ebar .fill{position:absolute;inset:0 auto 0 0;background:#b8282a}.ebar .chunk{position:absolute;inset:0 auto 0 0;background:#e8c070;transition:width .6s .3s}.ebar .num{position:absolute;right:-4px;bottom:8px;font-family:var(--serif);font-size:14px;color:#fff;text-shadow:0 0 4px #000,0 0 2px #000}.ebar .nm{font-family:var(--serif);font-size:12px;color:#ffb0a0;text-align:center;margin-bottom:2px;text-shadow:0 0 4px #000;white-space:nowrap;transform:translate(-10%)}.ebar .stat{height:3px;margin-top:1px}.ebar .proc{position:absolute;left:50%;bottom:22px;transform:translate(-50%);font-family:var(--serif);font-size:13px;white-space:nowrap;text-shadow:0 0 6px #000;animation:rise 1.4s forwards}@keyframes rise{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-30px)}}#lockon{position:absolute;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 10px #fff,inset 0 0 6px #fff;background:#ffffff4d}#lockon.crit{border-color:#ff4040;box-shadow:0 0 14px #ff2020}#prompt{position:absolute;left:50%;bottom:26%;transform:translate(-50%);padding:10px 26px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.8) 20%,rgba(0,0,0,.8) 80%,transparent);font-family:var(--serif);font-size:17px;letter-spacing:.04em;border-top:1px solid rgba(232,192,112,.3);border-bottom:1px solid rgba(232,192,112,.3);white-space:nowrap}#prompt b{color:var(--gold);margin-right:10px}#toasts{position:absolute;left:36px;top:180px;display:flex;flex-direction:column;gap:6px}.toast{padding:7px 18px 7px 12px;background:linear-gradient(90deg,rgba(0,0,0,.85),transparent);font-family:var(--serif);font-size:15px;animation:toastIn 4s forwards;border-left:2px solid var(--gold-dim)}@keyframes toastIn{0%{opacity:0;transform:translate(-20px)}8%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}#centerToast{position:absolute;left:50%;top:38%;transform:translate(-50%);font-family:var(--serif);font-size:28px;letter-spacing:.2em;text-shadow:0 0 20px currentColor;opacity:0}#centerToast.show{animation:ctoast 1.2s forwards}@keyframes ctoast{0%{opacity:0;transform:translate(-50%) scale(1.3)}15%{opacity:1;transform:translate(-50%) scale(1)}70%{opacity:1}to{opacity:0}}#banner{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;opacity:0;pointer-events:none;padding:26px 0}#banner.show{animation:banner 5s forwards}#banner.died{background:linear-gradient(transparent,rgba(0,0,0,.85) 30%,rgba(0,0,0,.85) 70%,transparent)}#banner.felled,#banner.grace{background:linear-gradient(transparent,rgba(0,0,0,.65) 30%,rgba(0,0,0,.65) 70%,transparent)}.banner-text{font-family:var(--serif);font-size:clamp(38px,7vw,92px);letter-spacing:.08em}.died .banner-text{color:#a8141a;text-shadow:0 0 30px #600;font-weight:400;transform:scale(1);animation:grow 5s forwards}.felled .banner-text{color:#e8c070;text-shadow:0 0 40px #e8c07088;animation:grow 5s forwards}.grace .banner-text{color:#f0d8a0;text-shadow:0 0 30px #e8c070;font-size:clamp(28px,4.5vw,56px)}.banner-sub{font-family:var(--body);font-style:italic;color:var(--muted);font-size:20px;margin-top:8px}@keyframes banner{0%{opacity:0}12%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes grow{0%{transform:scale(.96)}to{transform:scale(1.06)}}#region{position:absolute;left:50%;top:22%;transform:translate(-50%);font-family:var(--serif);font-size:34px;letter-spacing:.12em;color:var(--text);text-shadow:0 0 18px #000;opacity:0;text-align:center}#region.show{animation:banner 4.5s forwards}#region:after{content:"";display:block;height:1px;margin:10px auto 0;width:70%;background:linear-gradient(90deg,transparent,var(--gold),transparent)}#messageView{position:absolute;left:50%;top:30%;transform:translate(-50%);padding:20px 40px;background:var(--panel);border:1px solid rgba(232,192,112,.35);text-align:center;min-width:360px}#messageView .msg{font-family:var(--body);font-size:26px;font-style:italic;color:#f4ecd6}#messageView .meta{color:var(--muted);font-size:14px;margin-top:8px}.compass{position:absolute;left:50%;top:18px;transform:translate(-50%);width:480px;height:26px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}.compass-strip{position:absolute;top:0;height:26px;left:0;width:0}.compass-strip span{position:absolute;top:3px;transform:translate(-50%);font-family:var(--serif);font-size:13px;color:var(--text);text-shadow:0 0 4px #000;white-space:nowrap}.compass-strip span.mk{color:var(--gold);font-size:15px}.compass-strip span.boss{color:#ff7050}.compass-tick{position:absolute;left:50%;bottom:0;width:1px;height:7px;background:var(--gold)}#netStatus{position:absolute;right:16px;top:14px;font-size:12px;color:var(--muted);font-family:var(--serif)}#controlsHint{position:absolute;left:50%;bottom:8px;transform:translate(-50%);width:min(1100px,92vw);text-align:center;font-size:12.5px;color:#e8e0cc8c;line-height:1.6;transition:opacity 2s}#controlsHint b{color:#e8c070cc;font-weight:600}#controlsHint.faded{opacity:0}#title{position:fixed;inset:0;z-index:30;display:grid;place-items:center}.title-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,#281e0a33,#000000bf 70%)}.title-content{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;gap:36px}.logo h1{font-family:var(--serif);font-weight:400;font-size:clamp(44px,7vw,96px);letter-spacing:.18em;margin:0;color:#f0e0b8;text-shadow:0 0 30px rgba(232,192,112,.55),0 0 2px #000}.logo-sub{font-style:italic;color:#c8bca0;font-size:20px;margin-top:6px;text-shadow:0 0 8px #000}.logo-ring{width:120px;height:120px;margin:0 auto 10px;border-radius:50%;border:1.5px solid var(--gold);box-shadow:0 0 40px #e8c07066;position:relative;animation:spin 30s linear infinite}.logo-ring:before,.logo-ring:after{content:"";position:absolute;left:50%;top:-14px;bottom:-14px;width:1.5px;background:var(--gold);transform:translate(-50%) rotate(25deg)}.logo-ring:after{transform:translate(-50%) rotate(-35deg)}.title-menu{display:flex;flex-direction:column;gap:10px;min-width:320px;pointer-events:auto}.tbtn{font-family:var(--serif);font-size:19px;letter-spacing:.12em;color:var(--text);background:none;border:none;padding:10px 30px;cursor:pointer;position:relative;transition:color .2s}.tbtn:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(232,192,112,.18),transparent);opacity:0;transition:opacity .2s}.tbtn:hover,.tbtn.sel{color:#fff}.tbtn:hover:before,.tbtn.sel:before{opacity:1}.tbtn:disabled{color:#555;cursor:default}.title-foot{color:var(--muted);font-size:13px;max-width:700px;line-height:1.6}.classes{display:grid;grid-template-columns:repeat(5,150px);gap:10px;pointer-events:auto}.cls{padding:14px 10px;border:1px solid rgba(232,192,112,.25);background:#0009;cursor:pointer;text-align:left;transition:border-color .2s,background .2s}.cls:hover,.cls.sel{border-color:var(--gold);background:#281e0fcc}.cls h3{font-family:var(--serif);font-weight:400;margin:0 0 6px;font-size:16px;color:var(--gold)}.cls p{margin:0 0 8px;font-size:13px;color:#bdb49e;line-height:1.35;min-height:52px}.cls .st{font-size:12px;color:var(--muted);display:grid;grid-template-columns:1fr 1fr;gap:1px 8px}.name-input{font-family:var(--serif);font-size:18px;background:#0009;border:1px solid rgba(232,192,112,.35);color:var(--text);padding:8px 14px;text-align:center;letter-spacing:.1em;outline:none;pointer-events:auto}#menu{position:fixed;inset:0;z-index:25;background:radial-gradient(ellipse at center,#0a0805cc,#000000f0);display:grid;place-items:center}.menu-frame{width:min(1100px,94vw);height:min(720px,90vh);display:grid;grid-template-rows:auto 1fr auto;border-top:1px solid rgba(232,192,112,.35);border-bottom:1px solid rgba(232,192,112,.35)}.menu-tabs{display:flex;gap:4px;justify-content:center;padding:12px}.mtab{font-family:var(--serif);font-size:15px;letter-spacing:.1em;color:var(--muted);background:none;border:none;padding:8px 18px;cursor:pointer;border-bottom:1px solid transparent}.mtab.sel{color:var(--gold);border-bottom-color:var(--gold)}.menu-body{overflow:hidden;display:grid;grid-template-columns:1fr 380px;gap:20px;padding:10px 20px;min-height:0}.menu-body.single{grid-template-columns:1fr}.list{overflow-y:auto;padding-right:8px;min-height:0}.list::-webkit-scrollbar{width:6px}.list::-webkit-scrollbar-thumb{background:var(--gold-dim)}.row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;font-size:17px}.row:hover,.row.sel{background:linear-gradient(90deg,rgba(232,192,112,.16),transparent)}.row .tag{margin-left:auto;font-family:var(--serif);font-size:12px;color:var(--gold)}.row .eq{color:var(--gold);font-family:var(--serif);font-size:12px}.section{font-family:var(--serif);color:var(--gold-dim);font-size:13px;letter-spacing:.14em;padding:14px 12px 4px}.detail{background:#0006;border:1px solid rgba(232,192,112,.18);padding:18px;overflow-y:auto;min-height:0}.detail h2{font-family:var(--serif);font-weight:400;font-size:20px;margin:0 0 4px}.detail .rar{font-family:var(--serif);font-size:12px;letter-spacing:.15em;margin-bottom:12px}.detail .kv{display:grid;grid-template-columns:1fr auto;gap:3px 10px;font-size:15px;margin:10px 0}.detail .kv span:nth-child(2n){text-align:right;color:#fff}.detail .lore{font-style:italic;color:var(--muted);font-size:15px;line-height:1.45;margin-top:12px}.detail .fx{color:#9fd08a;font-size:14px;margin:3px 0}.detail .cmp.up{color:#7fd07a}.detail .cmp.down{color:#e07070}.menu-foot{display:flex;gap:18px;justify-content:center;padding:10px;font-size:14px;color:var(--muted)}.menu-foot b{color:var(--gold)}.btn{font-family:var(--serif);font-size:14px;letter-spacing:.08em;color:var(--text);background:#e8c07014;border:1px solid rgba(232,192,112,.4);padding:8px 18px;cursor:pointer}.btn:hover{background:#e8c07033}.btn:disabled{opacity:.35;cursor:default}.stat-row{display:grid;grid-template-columns:1fr 60px 34px 34px;align-items:center;padding:6px 12px;font-size:17px;border-bottom:1px solid rgba(255,255,255,.05)}.stat-row .v{text-align:right;font-family:var(--serif)}.stat-row .v.up{color:#7fd0ff}.stat-row button{width:28px;height:26px;padding:0}.statbox{display:grid;grid-template-columns:1fr auto;gap:4px 12px;font-size:16px}.statbox span:nth-child(2n){text-align:right;font-family:var(--serif)}#mapView{position:fixed;inset:0;z-index:24;background:#000000d9;display:grid;place-items:center}#mapCanvas{width:min(88vh,88vw);height:min(88vh,88vw);border:1px solid var(--gold-dim);box-shadow:0 0 60px #000}.map-legend{position:absolute;bottom:14px;font-family:var(--serif);color:var(--muted);font-size:14px}#photoHud{position:fixed;bottom:14px;left:50%;transform:translate(-50%);font-family:var(--serif);font-size:13px;color:#fff9;z-index:12}.lb{font-size:14px}.lb td{padding:3px 10px}.lb th{font-family:var(--serif);color:var(--gold);font-weight:400;text-align:left;padding:6px 10px}@media(max-width:800px){.classes{grid-template-columns:repeat(2,150px)}.menu-body{grid-template-columns:1fr}.quick{transform:scale(.75);transform-origin:bottom left}}.icon{flex:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.7));object-fit:contain}.quick .slot .ico img{width:46px;height:46px;display:block}.toast{display:flex;align-items:center;gap:8px}.big-icon{display:flex;justify-content:center;margin:-4px 0 8px}.big-icon .icon{width:128px;height:128px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.8))}