*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:#0a0a0f;color:#e0d4b0;font-family:Georgia,serif}.login{display:flex;align-items:center;justify-content:center;height:100vh}.login form{display:flex;flex-direction:column;gap:.75rem;width:280px}.login h1{font-size:1.8rem;margin-bottom:.5rem;color:#f0c060;text-align:center}.login input{background:#1a1a2e;border:1px solid #3a3a5c;color:#e0d4b0;padding:.6rem .8rem;border-radius:4px;font-size:1rem}.login button{background:#7a3f1e;color:#f0d080;border:none;padding:.7rem;border-radius:4px;font-size:1rem;cursor:pointer;margin-top:.25rem}.login button:hover{background:#9a5030}.error{color:#e05050;font-size:.85rem}.login{flex-direction:column;gap:0}.auth-switch{margin-top:1rem;background:none;border:none;color:#5c5678;font-size:.8rem;letter-spacing:.06em;cursor:pointer;padding:.25rem;transition:color .15s}.auth-switch:hover{color:#9e9278}.lobby{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.lobby-panel{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:#0a0816d1;border:1px solid #2e2a40;border-radius:8px;padding:2.5rem 3.5rem;box-shadow:0 24px 64px #000000bf}.lobby-sub{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:#8a7d68}.lobby-name{font-family:Georgia,serif;font-size:2rem;color:#f0c060;letter-spacing:.06em;text-shadow:0 0 40px rgba(240,192,96,.25);margin:0 0 1rem}.lobby-enter{font-family:Georgia,serif;font-size:.9rem;letter-spacing:.14em;text-transform:uppercase;background:#1a1006;border:1px solid #7a5020;color:#c09040;padding:.65rem 2.5rem;border-radius:4px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.lobby-enter:hover{background:#241608;border-color:#c09040;color:#f0c060}.cc-page{min-height:100vh;background:#0a0a0f;background-image:radial-gradient(ellipse at 15% 50%,rgba(70,20,8,.18) 0%,transparent 55%),radial-gradient(ellipse at 85% 50%,rgba(8,18,60,.18) 0%,transparent 55%);display:flex;justify-content:center;padding:2.5rem 1rem 5rem;overflow-y:auto}.cc-container{width:100%;max-width:940px;display:flex;flex-direction:column;gap:3rem}.cc-header{text-align:center;padding:.5rem 0 0}.cc-header h1{font-family:Georgia,serif;font-size:2.6rem;color:#f0c060;letter-spacing:.07em;margin-bottom:.45rem;text-shadow:0 0 40px rgba(240,192,96,.25)}.cc-header p{color:#9e9278;font-size:.95rem;letter-spacing:.05em}.cc-section{display:flex;flex-direction:column;gap:1.4rem}.cc-section-title{font-family:Georgia,serif;font-size:.78rem;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:#b09050;display:flex;align-items:center;gap:1rem}.cc-section-title:before,.cc-section-title:after{content:"";flex:1;height:1px}.cc-section-title:before{background:linear-gradient(to right,transparent,#2e2a40)}.cc-section-title:after{background:linear-gradient(to left,transparent,#2e2a40)}.cc-name-input{background:#0f0f1a;border:1px solid #2e2a40;border-radius:4px;color:#e0d4b0;font-family:Georgia,serif;font-size:1.1rem;padding:.8rem 1rem;width:100%;max-width:380px;outline:none;letter-spacing:.06em;transition:border-color .2s,box-shadow .2s}.cc-name-input:focus{border-color:#c09040;box-shadow:0 0 0 3px #c090401a}.cc-name-input::placeholder{color:#5c5678}.cc-kin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.cc-kin-card{cursor:pointer;border:1px solid #1e1c2c;border-radius:6px;overflow:hidden;background:#0f0f1a;transition:border-color .2s,box-shadow .2s,transform .15s;-webkit-user-select:none;user-select:none}.cc-kin-card:hover{border-color:#4a4560;transform:translateY(-3px);box-shadow:0 8px 24px #0006}.cc-kin-card.selected{border-color:#c09040;box-shadow:0 0 0 1px #c0904040,0 0 30px #c090401a,0 8px 24px #0006;transform:translateY(-3px)}.cc-kin-image-wrap{position:relative;aspect-ratio:3 / 4;overflow:hidden;background:#08080f}.cc-kin-image{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(100%) brightness(.75);transition:transform .35s ease,filter .4s ease}.cc-kin-card:hover .cc-kin-image{transform:scale(1.04);filter:grayscale(60%) brightness(.9)}.cc-kin-card.selected .cc-kin-image{transform:scale(1.04);filter:grayscale(0%) brightness(1)}.cc-variant-btn{position:absolute;top:50%;transform:translateY(-50%);background:#080612b8;border:1px solid rgba(192,144,64,.35);color:#c09040;font-size:1.1rem;width:26px;height:26px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;padding:0;opacity:.85;transition:opacity .15s,background .15s;z-index:1}.cc-variant-btn:hover{opacity:1;background:#080612eb}.cc-variant-btn.left{left:5px}.cc-variant-btn.right{right:5px}.cc-variant-dots{position:absolute;bottom:7px;left:0;right:0;display:flex;justify-content:center;gap:5px;pointer-events:none}.cc-dot{width:5px;height:5px;border-radius:50%;background:#c0904047;transition:background .15s}.cc-dot.active{background:#c09040}.cc-kin-label{padding:.65rem .5rem .55rem;text-align:center;display:flex;flex-direction:column;gap:.15rem}.cc-kin-name{font-family:Georgia,serif;font-size:.88rem;color:#c0b498;letter-spacing:.05em}.cc-kin-sub{font-size:.72rem;color:#8a7d68;letter-spacing:.05em}.cc-calling-grid{display:flex;gap:1rem;flex-wrap:wrap}.cc-calling-card{cursor:pointer;border:1px solid #1e1c2c;border-radius:6px;background:#0f0f1a;padding:1.75rem 1.5rem 1.5rem;min-width:160px;flex:1;display:flex;flex-direction:column;align-items:center;gap:.65rem;text-align:center;transition:border-color .2s,box-shadow .2s,transform .15s;-webkit-user-select:none;user-select:none}.cc-calling-card:hover{border-color:#4a4560;transform:translateY(-3px);box-shadow:0 8px 24px #0006}.cc-calling-card.selected{border-color:#c09040;box-shadow:0 0 0 1px #c0904040,0 0 30px #c090401a,0 8px 24px #0006;transform:translateY(-3px)}.cc-calling-icon{width:48px;height:48px;color:#8a7040;transition:color .2s}.cc-calling-card.selected .cc-calling-icon{color:#c09040}.cc-calling-card:hover .cc-calling-icon{color:#a08050}.cc-calling-label{font-family:Georgia,serif;font-size:1rem;color:#c0b498;letter-spacing:.05em}.cc-calling-desc{font-size:.76rem;color:#8a7d68;line-height:1.5;letter-spacing:.02em;max-width:160px}.cc-attrs{display:flex;flex-direction:column;gap:.9rem;padding:1.25rem 1.5rem;background:#0d0d18;border:1px solid #1e1c2c;border-radius:6px;max-width:360px}.cc-attr-row{display:flex;align-items:center;gap:1rem}.cc-attr-name{font-family:Georgia,serif;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#9e9278;width:38px;flex-shrink:0}.cc-attr-pips{display:flex;gap:5px;flex:1}.cc-pip{width:12px;height:12px;border-radius:50%;transition:background .3s ease,box-shadow .3s ease}.cc-pip.base{background:#c09040}.cc-pip.bonus{background:#f0e060;box-shadow:0 0 7px #f0e0608c}.cc-pip.empty{background:#1e1c2c}.cc-attr-value{font-family:Georgia,serif;font-size:1rem;color:#c0b498;width:18px;text-align:right;transition:color .3s ease}.cc-footer{display:flex;justify-content:center;padding-top:.5rem}.cc-submit{background:#1e0e06;border:1px solid #7a5020;color:#c09040;font-family:Georgia,serif;font-size:.9rem;letter-spacing:.16em;text-transform:uppercase;padding:.9rem 3.5rem;border-radius:4px;cursor:pointer;transition:background .2s,border-color .2s,color .2s,box-shadow .2s}.cc-submit:hover:not(:disabled){background:#2e1a0a;border-color:#c09040;color:#f0c060;box-shadow:0 0 24px #c090402e}.cc-submit:disabled{opacity:.3;cursor:not-allowed}:root{--hud-u: 5px;--hud-g: 1px;--hud-pw: calc(3 * var(--hud-u) + 2 * var(--hud-g))}.hud{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:0;padding:.6rem 1.1rem .55rem;background:#080612e0;border:1px solid #2e2a40;border-radius:6px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 8px 32px #0009,0 0 0 1px #c090400a;pointer-events:none;-webkit-user-select:none;user-select:none}.hud-divider{width:1px;align-self:stretch;background:linear-gradient(to bottom,transparent,#2e2a40,transparent);margin:0 1rem;flex-shrink:0}.hud-col{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.hud-attr-label{font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:1px}.hud-derived-val{font-size:.58rem;letter-spacing:.08em;margin-top:1px}.hud-attr-label.hud-body,.hud-derived-val.hud-body{color:#a05030}.hud-attr-label.hud-mind,.hud-derived-val.hud-mind{color:#4060a0}.hud-attr-label.hud-soul,.hud-derived-val.hud-soul{color:#906820}.hud-bar{display:flex;gap:var(--hud-g)}.hud-pip-primary{width:var(--hud-pw);height:11px;border-radius:2px;transition:background .2s}.hud-pip-primary.empty{background:#1a1828}.hud-pip-primary.hud-body.filled{background:#c06040}.hud-pip-primary.hud-mind.filled{background:#4060b0}.hud-pip-primary.hud-soul.filled{background:#b07828}.hud-pip-derived{width:var(--hud-u);height:7px;border-radius:1px;transition:background .2s}.hud-pip-derived.empty{background:#1a1828}.hud-pip-derived.locked{background:#0e0c18}.hud-pip-derived.hud-body.filled{background:#c06040}.hud-pip-derived.hud-mind.filled{background:#4060b0}.hud-pip-derived.hud-soul.filled{background:#b07828}.hud-rest-icon{font-size:.75rem;color:#4a4565;margin-left:.75rem;align-self:center;pointer-events:none}.cm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:100}.cm-panel{position:relative;background:#0f0f1a;border:1px solid #2e2a40;border-radius:8px;padding:1.75rem 2rem 1.25rem;width:min(820px,95vw);max-height:90vh;display:flex;flex-direction:column;box-shadow:0 24px 64px #000000bf,0 0 0 1px #c0904014;overflow:hidden}.cm-close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:#5c5678;font-size:.8rem;cursor:pointer;padding:.25rem .4rem;border-radius:3px;transition:color .15s}.cm-close:hover{color:#c09040}.cm-header{display:flex;align-items:flex-start;gap:1.5rem;flex-shrink:0}.cm-portrait{width:140px;height:auto;object-fit:cover;border-radius:5px;border:1px solid #2e2a40;flex-shrink:0}.cm-header-right{display:flex;flex-direction:column;gap:1rem;flex:1;min-width:0;padding-top:.25rem}.cm-identity{display:flex;flex-direction:column;gap:.2rem}.cm-name{font-family:Georgia,serif;font-size:1.5rem;color:#f0c060;letter-spacing:.04em;margin:0;text-shadow:0 0 30px rgba(240,192,96,.2)}.cm-subtitle{font-size:.74rem;color:#8a7d68;letter-spacing:.1em;margin:0}.cm-gold{font-family:Georgia,serif;font-size:.84rem;color:#c09040;margin:.15rem 0 0;letter-spacing:.06em}.cm-attrs-hud{display:flex;align-items:center;gap:0;padding:.55rem 1rem .5rem;background:#08061299;border:1px solid #2e2a40;border-radius:5px;align-self:flex-start}.cm-divider{height:1px;background:linear-gradient(to right,transparent,#2e2a40,transparent);margin:1.25rem 0 0;flex-shrink:0}.cm-tabs{display:flex;gap:0;margin-bottom:1rem;border-bottom:1px solid #2e2a40;flex-shrink:0}.cm-tab{background:none;border:none;border-bottom:2px solid transparent;color:#8a7d68;font-family:Georgia,serif;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;padding:.6rem 1.25rem .5rem;cursor:pointer;transition:color .15s,border-color .15s;margin-bottom:-1px}.cm-tab:hover{color:#c0b498}.cm-tab.active{color:#c09040;border-bottom-color:#c09040}.cm-section-title{font-size:.68rem;font-family:Georgia,serif;letter-spacing:.2em;text-transform:uppercase;color:#9e9278;margin:0 0 .9rem}.cm-body{display:flex;gap:0;flex:1;overflow:hidden;min-height:0}.cm-equipped{width:220px;flex-shrink:0;display:flex;flex-direction:column;overflow-y:auto}.cm-gear-slot{display:flex;align-items:center;gap:.75rem;padding:.45rem .6rem;border-radius:4px;border:1px solid transparent;transition:background .15s,border-color .15s;margin-bottom:2px}.cm-gear-slot.occupied{cursor:pointer}.cm-gear-slot.occupied:hover{background:#c090400f;border-color:#2e2a40}.cm-gear-slot.blocked{opacity:.35}.cm-slot-label{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#8a7d68;width:72px;flex-shrink:0}.cm-slot-item{font-family:Georgia,serif;font-size:.84rem;color:#c0b498;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cm-em{color:#2e2a40}.cm-col-divider{width:1px;background:linear-gradient(to bottom,transparent,#2e2a40,transparent);margin:0 1.25rem;flex-shrink:0}.cm-inventory{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.cm-inv-top{flex-shrink:0;margin-bottom:.9rem}.cm-capacity{display:flex;flex-direction:column;gap:.35rem}.cm-cap-row{display:flex;align-items:center;gap:.6rem}.cm-cap-label{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:#8a7d68;width:30px;flex-shrink:0}.cm-cap-bar{display:flex;gap:3px;flex:1}.cm-cap-pip{width:9px;height:9px;border-radius:2px;background:#1e1c2c}.cm-cap-pip.slot.used{background:#c09040}.cm-cap-pip.bulk.used{background:#a05828}.cm-cap-val{font-family:Georgia,serif;font-size:.76rem;color:#9e9278;white-space:nowrap}.cm-inv-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.cm-inv-list::-webkit-scrollbar{width:4px}.cm-inv-list::-webkit-scrollbar-track{background:transparent}.cm-inv-list::-webkit-scrollbar-thumb{background:#2e2a40;border-radius:2px}.cm-empty-inv{font-size:.8rem;color:#5c5678;font-style:italic;margin:0}.cm-inv-item{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;border-radius:4px;border:1px solid transparent;transition:background .15s,border-color .15s}.cm-inv-item.equippable{cursor:pointer}.cm-inv-item.equippable:hover{background:#c090400f;border-color:#2e2a40}.cm-inv-img{width:20px;height:20px;object-fit:contain;flex-shrink:0;image-rendering:pixelated}.cm-inv-name{font-family:Georgia,serif;font-size:.84rem;color:#c0b498;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cm-inv-qty{font-size:.78rem;color:#9e9278}.cm-inv-bulk{font-size:.68rem;letter-spacing:.06em;color:#8a7d68;white-space:nowrap;min-width:42px;text-align:right}.cm-drop-btn{background:none;border:none;color:#2e2a40;font-size:.85rem;cursor:pointer;padding:0 .2rem;line-height:1;transition:color .15s;flex-shrink:0;opacity:0}.cm-inv-item:hover .cm-drop-btn{opacity:1}.cm-drop-btn:hover{color:#c04030}.cm-skills-content{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:0 2rem;align-content:start;padding-right:.25rem}.cm-skills-content::-webkit-scrollbar{width:4px}.cm-skills-content::-webkit-scrollbar-track{background:transparent}.cm-skills-content::-webkit-scrollbar-thumb{background:#2e2a40;border-radius:2px}.cm-skill-group{display:flex;flex-direction:column;gap:.3rem}.cm-skill-group-label{font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:#5c5678;margin:0 0 .3rem}.cm-skill-row{display:flex;align-items:center;gap:.5rem}.cm-skill-name{font-size:.76rem;color:#9e9278;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cm-skill-pips{display:flex;gap:3px;flex-shrink:0}.cm-skill-pip{width:8px;height:8px;border-radius:50%;background:#1e1c2c}.cm-skill-pip.filled{background:#c09040}.cm-drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0816eb;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;z-index:10}.cm-drop-msg{font-size:.78rem;color:#8a7d68;letter-spacing:.06em;margin:0}.cm-drop-item{font-family:Georgia,serif;font-size:1rem;color:#c0b498;margin:0 0 .75rem}.cm-drop-item strong{color:#f0c060;font-weight:400}.cm-drop-actions{display:flex;gap:1rem}.cm-drop-confirm,.cm-drop-cancel{font-family:Georgia,serif;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;border-radius:4px;padding:.55rem 1.5rem;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.cm-drop-confirm{background:#1e0e06;border:1px solid #7a3020;color:#c04030}.cm-drop-confirm:hover{background:#2e1610;border-color:#c04030;color:#e05040}.cm-drop-cancel{background:#0d0d18;border:1px solid #2e2a40;color:#9e9278}.cm-drop-cancel:hover{border-color:#4a4560;color:#c0b498}.cm-loading{font-size:.8rem;color:#5c5678;text-align:center;padding:2rem 0;margin:0}.cm-hint{margin:1rem 0 0;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:#2e2a40;text-align:right;flex-shrink:0}.sm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:100}.sm-panel{background:#0f0f1a;border:1px solid #2e2a40;border-radius:8px;padding:2rem 2.5rem 1.5rem;width:min(300px,90vw);display:flex;flex-direction:column;align-items:center;box-shadow:0 24px 64px #000000bf,0 0 0 1px #c0904014}.sm-title{font-size:.68rem;font-family:Georgia,serif;letter-spacing:.22em;text-transform:uppercase;color:#8a7d68;margin:0 0 1.75rem}.sm-section-label{font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:#8a7d68;align-self:flex-start;margin-bottom:.5rem}.sm-invite-row{display:flex;align-items:center;gap:.6rem;width:100%;margin-bottom:.25rem}.sm-invite-code{font-family:Courier New,monospace;font-size:.9rem;letter-spacing:.18em;color:#c09040;background:#0a0810;border:1px solid #2e2a40;border-radius:4px;padding:.25rem .5rem;flex:1;text-align:center}.sm-invite-copy{background:#0f0f1a;border:1px solid #2e2a40;border-radius:4px;color:#8a7d68;font-size:.72rem;letter-spacing:.06em;padding:.25rem .5rem;cursor:pointer;flex-shrink:0;transition:border-color .15s,color .15s}.sm-invite-copy:hover{border-color:#c09040;color:#c09040}.sm-options{display:flex;flex-direction:column;gap:.5rem;width:100%}.sm-btn{font-family:Georgia,serif;font-size:.88rem;letter-spacing:.08em;border-radius:4px;padding:.65rem 1rem;cursor:pointer;width:100%;transition:background .15s,border-color .15s,color .15s}.sm-leave{background:#0d0d18;border:1px solid #2e2a40;color:#c0b498}.sm-leave:hover{border-color:#4a4560;color:#e0d4b8}.sm-logout{background:#100c06;border:1px solid #3a2010;color:#b07040}.sm-logout:hover{background:#1a1208;border-color:#c09040;color:#f0c060}.sm-divider{height:1px;background:linear-gradient(to right,transparent,#2e2a40,transparent);width:100%;margin:1rem 0}.sm-resume{background:none;border:none;font-family:Georgia,serif;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#5c5678;cursor:pointer;padding:.25rem;transition:color .15s}.sm-resume:hover{color:#9e9278}.sm-hint{margin:1rem 0 0;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:#2e2a40}.mm-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.mm-marker{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;cursor:pointer;background:#0a0816e0;border:1px solid rgba(192,144,64,.5);border-radius:50%;width:32px;height:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;transition:border-color .2s,box-shadow .2s}.mm-marker:hover{border-color:#c09040;box-shadow:0 0 14px #c0904059}.mm-icon{font-size:11px;color:#c09040;line-height:1}.mm-label{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);white-space:nowrap;background:#0a0816eb;border:1px solid #2e2a40;border-radius:3px;padding:.25rem .55rem;font-family:Georgia,serif;font-size:.72rem;letter-spacing:.1em;color:#c0b498;pointer-events:none;opacity:0;transition:opacity .15s}.mm-label:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#2e2a40}.mm-marker:hover .mm-label{opacity:1}.vd-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:100}.vd-panel{position:relative;background:#0f0f1a;border:1px solid #2e2a40;border-radius:8px;padding:1.75rem 2rem 1.25rem;width:min(640px,95vw);max-height:90vh;display:flex;flex-direction:column;box-shadow:0 24px 64px #000000bf,0 0 0 1px #c0904014;overflow:hidden}.vd-close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:#5c5678;font-size:.8rem;cursor:pointer;padding:.25rem .4rem;border-radius:3px;transition:color .15s}.vd-close:hover{color:#c09040}.vd-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-shrink:0}.vd-identity{display:flex;flex-direction:column;gap:.25rem}.vd-name{font-family:Georgia,serif;font-size:1.25rem;color:#f0c060;letter-spacing:.04em;margin:0;text-shadow:0 0 30px rgba(240,192,96,.2)}.vd-desc{font-size:.78rem;color:#8a7d68;letter-spacing:.04em;margin:0;font-style:italic}.vd-gold{display:flex;align-items:baseline;gap:.3rem;flex-shrink:0}.vd-gold-icon{font-size:.72rem;color:#c09040}.vd-gold-val{font-family:Georgia,serif;font-size:1.1rem;color:#f0c060}.vd-gold-lbl{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#9e9278}.vd-divider{height:1px;background:linear-gradient(to right,transparent,#2e2a40,transparent);margin:1.1rem 0 0;flex-shrink:0}.vd-tabs{display:flex;gap:0;flex-shrink:0;border-bottom:1px solid #2e2a40;margin-bottom:0}.vd-tab{font-family:Georgia,serif;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;background:none;border:none;color:#8a7d68;padding:.75rem 1.5rem;cursor:pointer;position:relative;transition:color .15s}.vd-tab:hover{color:#c0b498}.vd-tab.active{color:#c09040}.vd-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:#c09040}.vd-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding:.75rem 0;min-height:0}.vd-list::-webkit-scrollbar{width:4px}.vd-list::-webkit-scrollbar-track{background:transparent}.vd-list::-webkit-scrollbar-thumb{background:#2e2a40;border-radius:2px}.vd-empty{font-size:.8rem;color:#5c5678;font-style:italic;margin:.5rem 0}.vd-loading{font-size:.8rem;color:#5c5678;text-align:center;padding:2rem 0;margin:0}.vd-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.45rem .6rem;border-radius:4px;border:1px solid transparent;transition:background .15s,border-color .15s}.vd-row:hover{background:#c090400d;border-color:#2e2a40}.vd-row-info{display:flex;align-items:center;gap:.5rem;min-width:0;flex:1}.vd-row-name{font-family:Georgia,serif;font-size:.88rem;color:#c0b498;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vd-row-qty{color:#9e9278}.vd-badge{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;padding:.1rem .4rem;border-radius:3px;border:1px solid;flex-shrink:0}.vd-badge-weapon{color:#b06030;border-color:#4a2810;background:#501e0a4d}.vd-badge-armor{color:#6080b0;border-color:#203050;background:#1428504d}.vd-badge-shield{color:#508050;border-color:#204020;background:#143c144d}.vd-badge-consumable{color:#80b060;border-color:#284020;background:#1e3c144d}.vd-badge-tool{color:#8070a0;border-color:#302850;background:#281e3c4d}.vd-badge-trinket{color:#a08040;border-color:#403010;background:#3c280a4d}.vd-row-bulk{font-size:.68rem;letter-spacing:.06em;color:#8a7d68;white-space:nowrap;flex-shrink:0}.vd-row-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.vd-row-price{font-family:Georgia,serif;font-size:.84rem;color:#c09040;white-space:nowrap;min-width:52px;text-align:right}.vd-price-sell{color:#60a060}.vd-btn{font-family:Georgia,serif;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;border-radius:3px;padding:.35rem .85rem;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.vd-btn:disabled{opacity:.35;cursor:default}.vd-btn-buy{background:#1a1006;border:1px solid #7a5020;color:#c09040}.vd-btn-buy:not(:disabled):hover{background:#241608;border-color:#c09040;color:#f0c060}.vd-btn-sell{background:#0a1408;border:1px solid #2a4018;color:#60a060}.vd-btn-sell:not(:disabled):hover{background:#101e0c;border-color:#60a060;color:#80c080}.vd-rest{flex:1;display:flex;flex-direction:column;gap:1.25rem;overflow-y:auto;padding:.25rem 0}.vd-rest-resources{display:flex;flex-direction:column;gap:.65rem}.vd-res-row{display:flex;align-items:center;gap:.6rem}.vd-res-label{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;width:76px;flex-shrink:0}.vd-res-label.vd-res-body{color:#c06040}.vd-res-label.vd-res-mind{color:#6080c0}.vd-res-label.vd-res-soul{color:#c09040}.vd-res-bar{display:flex;gap:2px;flex:1;flex-wrap:wrap}.vd-res-pip{width:7px;height:7px;border-radius:1px;background:#1e1c2c}.vd-res-pip.body.filled{background:#c06040}.vd-res-pip.mind.filled{background:#5070b0}.vd-res-pip.soul.filled{background:#b08030}.vd-res-val{font-family:Georgia,serif;font-size:.72rem;color:#8a7d68;white-space:nowrap;min-width:30px;text-align:right}.vd-res-rate{font-size:.64rem;letter-spacing:.06em;color:#5c5678;min-width:42px;text-align:right}.vd-rest-status{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:.5rem 0;border-top:1px solid #1e1c2c}.vd-rest-info{font-size:.78rem;color:#8a7d68;font-style:italic;text-align:center;margin:0;max-width:340px}.vd-btn-rest{background:#060e14;border:1px solid #204050;color:#5080a0}.vd-btn-rest:not(:disabled):hover{background:#0a1620;border-color:#5080a0;color:#80b0d0}.vd-btn-wake{background:#0a1408;border:1px solid #2a4018;color:#608050}.vd-btn-wake:not(:disabled):hover{background:#101e0c;border-color:#608050;color:#90c070}.vd-hint{margin:.75rem 0 0;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:#2e2a40;text-align:right;flex-shrink:0}.ev-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:100}.ev-panel{position:relative;background:#0f0f1a;border:1px solid #2e2a40;border-radius:8px;padding:1.75rem 2rem 1.25rem;width:min(560px,95vw);max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:0;box-shadow:0 24px 64px #000000bf,0 0 0 1px #c0904014}.ev-close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:#5c5678;font-size:.8rem;cursor:pointer;padding:.25rem .4rem;border-radius:3px;transition:color .15s}.ev-close:hover{color:#c09040}.ev-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.ev-name{font-family:Georgia,serif;font-size:1.25rem;color:#f0c060;letter-spacing:.04em;margin:0;text-shadow:0 0 30px rgba(240,192,96,.2)}.ev-badge{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;padding:.15rem .5rem;border-radius:3px;border:1px solid;flex-shrink:0}.ev-badge-available{color:#60a060;border-color:#204020;background:#143c144d}.ev-badge-cleared{color:#8a7d68;border-color:#2e2a40;background:transparent}.ev-desc{font-size:.82rem;color:#9e9278;font-style:italic;line-height:1.55;margin:0}.ev-divider{height:1px;background:linear-gradient(to right,transparent,#2e2a40,transparent);margin:1.1rem 0}.ev-section{font-size:.68rem;font-family:Georgia,serif;letter-spacing:.2em;text-transform:uppercase;color:#9e9278;margin:0 0 .75rem}.ev-creatures{display:flex;flex-direction:column;gap:.5rem}.ev-creature{background:#ffffff05;border:1px solid #1e1c2c;border-radius:4px;padding:.6rem .75rem}.ev-creature-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.3rem}.ev-creature-name{font-family:Georgia,serif;font-size:.88rem;color:#c0b498}.ev-creature-qty{font-size:.78rem;color:#9e9278}.ev-cbadge{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;padding:.1rem .4rem;border-radius:3px;border:1px solid}.ev-cbadge-humanoid{color:#b06030;border-color:#4a2810;background:#501e0a4d}.ev-cbadge-beast{color:#508050;border-color:#204020;background:#143c144d}.ev-cbadge-undead{color:#8070a0;border-color:#302850;background:#281e3c4d}.ev-cbadge-construct{color:#6080b0;border-color:#203050;background:#1428504d}.ev-cbadge-elemental{color:#a08040;border-color:#403010;background:#3c280a4d}.ev-creature-stats{display:flex;gap:1rem;font-size:.72rem;color:#8a7d68;letter-spacing:.06em}.ev-rewards{display:flex;flex-direction:column;gap:.5rem}.ev-reward-gold{display:flex;align-items:center;gap:.35rem}.ev-gold-icon{font-size:.72rem;color:#c09040}.ev-gold-val{font-family:Georgia,serif;font-size:.95rem;color:#f0c060}.ev-loot-list{display:flex;flex-direction:column;gap:.2rem}.ev-loot-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.ev-loot-name{font-size:.82rem;color:#c0b498}.ev-loot-chance{font-size:.72rem;color:#8a7d68;letter-spacing:.06em}.ev-footer{margin-top:1.25rem;display:flex;align-items:center;justify-content:center}.ev-engage{font-family:Georgia,serif;font-size:.9rem;letter-spacing:.14em;text-transform:uppercase;background:#1a0c06;border:1px solid #7a3020;color:#c04030;padding:.7rem 2.5rem;border-radius:4px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.ev-engage:not(:disabled):hover{background:#2a1008;border-color:#c04030;color:#e05040}.ev-engage:disabled{opacity:.4;cursor:default}.ev-respawn{font-size:.76rem;letter-spacing:.1em;color:#8a7d68;font-style:italic;margin:0}.ev-loading{font-size:.8rem;color:#5c5678;text-align:center;padding:2rem 0;margin:0}.ev-hint{margin:1rem 0 0;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:#2e2a40;text-align:right}.ev-result-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0816f0;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;z-index:10}.ev-result-title{font-family:Georgia,serif;font-size:1.4rem;color:#f0c060;letter-spacing:.1em;text-shadow:0 0 30px rgba(240,192,96,.35);margin:0 0 .5rem}.ev-result-title.defeat{color:#c04030;text-shadow:0 0 30px rgba(192,64,48,.35)}.ev-result-gains{display:flex;flex-direction:column;align-items:center;gap:.3rem;margin-bottom:1.25rem}.ev-result-gold{font-family:Georgia,serif;font-size:1rem;color:#c09040;margin:0}.ev-result-items{display:flex;flex-direction:column;align-items:center;gap:.15rem}.ev-result-item{font-size:.84rem;color:#c0b498;margin:0}.ev-result-nothing{font-size:.78rem;color:#8a7d68;font-style:italic;margin:0}.ev-result-continue{font-family:Georgia,serif;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;background:#0d0d18;border:1px solid #2e2a40;color:#c0b498;padding:.55rem 1.75rem;border-radius:4px;cursor:pointer;transition:border-color .15s,color .15s}.ev-result-continue:hover{border-color:#4a4560;color:#e0d4b8}.ev-roll-summary{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem;width:100%;justify-content:center}.ev-roll-vs{font-size:.68rem;letter-spacing:.12em;color:#5c5678;margin-top:1rem;flex-shrink:0}.ev-roll-side{display:flex;flex-direction:column;align-items:center;gap:.3rem;min-width:80px}.ev-roll-label{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:#8a7d68}.ev-roll-dice{display:flex;flex-wrap:wrap;gap:3px;justify-content:center;max-width:120px}.ev-die{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:3px;font-size:.7rem;font-family:Georgia,serif;border:1px solid #1e1c2c;background:#0d0d18;color:#5c5678}.ev-die.hit{border-color:#304828;background:#141e0e;color:#60a060}.ev-die.double{border-color:#483010;background:#1e1408;color:#c09040}.ev-roll-successes{font-family:Georgia,serif;font-size:.9rem;color:#c0b498}.ev-result-damage{font-family:Georgia,serif;font-size:1rem;color:#c04030;margin:0 0 .25rem}.encm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:100}.encm-panel{background:#0f0f1a;border:1px solid #2e2a40;border-radius:10px;padding:1.6rem 1.5rem 1.3rem;width:min(380px,92vw);display:flex;flex-direction:column;gap:1rem;box-shadow:0 24px 64px #000c,0 0 0 1px #c0403014;animation:encm-popin .18s ease-out}@keyframes encm-popin{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}.encm-perception{padding:.45rem .6rem;border-radius:5px;font-size:.82rem;letter-spacing:.08em}.encm-perception.spotted{background:#14281480;border:1px solid #2a4020;color:#70a060}.encm-perception.surprised{background:#280a0a80;border:1px solid #4a1010;color:#c05040}.encm-creature-intro{display:flex;align-items:flex-start;gap:.9rem}.encm-portrait-lg{font-size:2.6rem;line-height:1;flex-shrink:0;filter:drop-shadow(0 2px 8px rgba(0,0,0,.6))}.encm-creature-info{flex:1;min-width:0}.encm-creature-name{font-family:Georgia,serif;font-size:1.15rem;color:#f0c060;letter-spacing:.04em}.encm-creature-meta{display:flex;align-items:center;gap:.5rem;margin-top:.2rem}.encm-creature-type{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:#8a7d68;border:1px solid #2e2a40;border-radius:3px;padding:.1rem .35rem}.encm-creature-desc{font-size:.78rem;color:#9e9278;font-style:italic;line-height:1.5;margin:.4rem 0 0}.encm-turn-header{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:#8a7d68;text-align:center}.encm-combatants-list{display:flex;flex-direction:column;gap:.3rem}.encm-vs-sep{font-size:.68rem;letter-spacing:.14em;color:#5c5678;text-align:center;margin:.15rem 0}.encm-cbt-row{display:flex;align-items:center;gap:.55rem;transition:opacity .3s}.encm-cbt-row.dead{opacity:.4}.encm-cbt-portrait{font-size:1.4rem;line-height:1;flex-shrink:0;width:1.8rem;text-align:center}.encm-cbt-name{font-size:.78rem;letter-spacing:.06em;color:#c0b498;width:90px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.encm-cbt-name.dead{text-decoration:line-through;color:#5c5678}.encm-hp-bar-wrap{flex:1;height:5px;background:#1a1828;border-radius:3px;overflow:hidden}.encm-hp-bar{height:100%;border-radius:3px;transition:width .35s ease}.encm-hp-player{background:#4060b0}.encm-hp-creature{background:#c04030}.encm-hp-text{font-size:.6rem;letter-spacing:.06em;color:#8a7d68;font-family:Georgia,serif;width:36px;text-align:right;flex-shrink:0}.encm-dice-table{display:flex;flex-direction:column;gap:.4rem;padding:.6rem .75rem;background:#ffffff05;border:1px solid #1e1c2e;border-radius:6px}.encm-dt-row{display:flex;align-items:center;gap:.5rem;transition:opacity .3s}.encm-dt-row.foe-dead{opacity:.45}.encm-dt-label{font-size:.65rem;letter-spacing:.08em;color:#8a7d68;width:76px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.encm-dice{display:flex;flex-wrap:wrap;gap:3px;flex:1}.encm-die{width:18px;height:18px;border-radius:3px;background:#1a1828;border:1px solid #2e2a40;display:flex;align-items:center;justify-content:center;font-size:.72rem;color:#8a7d68;font-family:Georgia,serif}.encm-die.hit{background:#0a1a08;border-color:#406040;color:#80c080}.encm-die.double{background:#1a1006;border-color:#a08030;color:#f0c060}.encm-dt-suc{font-family:Georgia,serif;font-size:.88rem;color:#c0b498;width:28px;text-align:right;flex-shrink:0}.encm-dt-outcome{font-size:.65rem;letter-spacing:.06em;width:42px;text-align:right;flex-shrink:0;color:#5c5678}.encm-dt-outcome.dmg{color:#c04030}.encm-dt-outcome.dealt{color:#70a060}.encm-dt-outcome.slain{color:#c09040}.encm-rolling{font-size:.82rem;letter-spacing:.1em;color:#4a4565;text-align:center;animation:encm-pulse 1s ease-in-out infinite}@keyframes encm-pulse{0%,to{opacity:.4}50%{opacity:1}}.encm-result-title{font-family:Georgia,serif;font-size:1.3rem;letter-spacing:.06em;text-align:center}.encm-result-title.victory{color:#c09040}.encm-result-title.defeat{color:#c04030}.encm-result-detail{font-size:.82rem;color:#9e9278;text-align:center;margin:0}.encm-result-gold{color:#c09040;font-family:Georgia,serif}.encm-result-damage{color:#c04030}.encm-actions{display:flex;gap:.6rem}.encm-btn{flex:1;font-family:Georgia,serif;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;border-radius:6px;padding:.7rem .5rem;cursor:pointer;transition:background .1s,border-color .15s,color .15s}.encm-btn:disabled{opacity:.35;cursor:default}.encm-btn-attack{background:#160606;border:1px solid #6a2020;color:#c04030}.encm-btn-attack:hover:not(:disabled){background:#200808;border-color:#c04030;color:#f06050}.encm-btn-avoid{background:#060e14;border:1px solid #204050;color:#5080a0}.encm-btn-avoid:hover:not(:disabled){background:#0a1620;border-color:#5080a0;color:#80b0d0}.encm-btn-flee{background:#0c0c06;border:1px solid #3a3010;color:#806030}.encm-btn-flee:hover:not(:disabled){background:#161208;border-color:#806030;color:#c09040}.encm-btn-close{width:100%;background:none;border:1px solid #2e2a40;color:#8a7d68;font-family:Georgia,serif;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;border-radius:6px;padding:.6rem;cursor:pointer;transition:border-color .15s,color .15s}.encm-btn-close:hover{border-color:#c09040;color:#c09040}.encm-trigger-btn{position:absolute;bottom:6.5rem;left:50%;transform:translate(-50%);background:#080612e0;border:1px solid #3a2020;border-radius:6px;color:#804030;font-family:Georgia,serif;font-size:.68rem;letter-spacing:.1em;padding:.25rem .75rem;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:border-color .15s,color .15s;white-space:nowrap}.encm-trigger-btn:hover{border-color:#c04030;color:#c04030}