*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000;font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:#fff}#app{width:100%;height:100%;position:relative}#link-start-container{position:fixed;top:0;right:0;bottom:0;left:0;background:#020713;z-index:9000;display:flex;align-items:center;justify-content:center;overflow:hidden}#link-start-container.ambient-mode{z-index:50;pointer-events:none}#link-start-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.link-start-text{position:relative;z-index:10;font-size:2.8rem;font-weight:300;letter-spacing:.45em;color:#fff;text-transform:uppercase;opacity:0;transform:scale(.85);transition:all .8s cubic-bezier(.16,1,.3,1);text-shadow:0 0 40px rgba(100,180,255,.55);pointer-events:none;padding-left:.45em}.link-start-text.visible{opacity:1;transform:scale(1)}.link-start-text.fade-out{opacity:0;transform:scale(1.08);transition:all .7s ease-out}.system-checks{position:absolute;bottom:16%;left:50%;transform:translate(-50%);display:flex;gap:2.2rem;opacity:0;transition:opacity .5s ease;z-index:10}.system-checks.visible{opacity:1}.system-checks.fade-out{opacity:0;transition:opacity .6s ease}.check-item{display:flex;flex-direction:column;align-items:center;gap:.35rem;font-size:.72rem;letter-spacing:.14em;color:#8ab4f8;text-transform:uppercase}.check-item .status{font-size:1rem;font-weight:600;color:#4ade80;opacity:0;transition:opacity .3s ease}.check-item .status.ok{opacity:1}@media(max-width:600px){.link-start-text{font-size:1.6rem;letter-spacing:.28em}.system-checks{gap:.9rem;bottom:12%}.check-item{font-size:.58rem}}#world-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#0a1224,#020713 55%,#01040c);color:#e2e8f0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden;opacity:0;transition:opacity .7s ease;z-index:50;--world-background-darkness: .3}#world-screen.visible{opacity:1}.world-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.world-bg-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;opacity:0;transition:opacity .6s ease}.world-bg-video.is-ready{opacity:1}.world-bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:rgba(2,7,18,var(--world-background-darkness))}.hud-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;padding:16px 18px 0;pointer-events:none;z-index:20}.hud-top>*{pointer-events:auto}.char-panel{position:relative;width:280px;background:#060e1cb8;border:1px solid rgba(80,160,255,.28);border-radius:3px;padding:12px 14px 10px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 0 28px #2878ff0f,inset 0 0 30px #2864c808}.char-panel .cp-corner{position:absolute;width:10px;height:10px;border-color:#64beff80;border-style:solid;pointer-events:none}.char-panel .cp-corner.tl{top:-1px;left:-1px;border-width:1.5px 0 0 1.5px}.char-panel .cp-corner.tr{top:-1px;right:-1px;border-width:1.5px 1.5px 0 0}.char-panel .cp-corner.bl{bottom:-1px;left:-1px;border-width:0 0 1.5px 1.5px}.char-panel .cp-corner.br{bottom:-1px;right:-1px;border-width:0 1.5px 1.5px 0}.cp-main{display:flex;gap:12px;align-items:flex-start}.cp-avatar{width:56px;height:56px;border-radius:4px;background:linear-gradient(135deg,#1e3a5f,#0f172a);border:1px solid rgba(100,180,255,.4);display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:600;color:#93c5fd;flex-shrink:0;overflow:hidden;box-shadow:0 0 12px #3b82f633;background-size:cover;background-position:center}.cp-info{flex:1;min-width:0}.cp-name{font-size:1.05rem;font-weight:600;color:#f1f5f9;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 12px rgba(147,197,253,.25)}.cp-class{font-size:.68rem;letter-spacing:.12em;color:#7ba3d4;margin-top:2px;text-transform:uppercase}.cp-bars{margin-top:8px;display:flex;flex-direction:column;gap:5px}.cp-bar-row{display:flex;align-items:center;gap:8px}.cp-bar-label{font-size:.6rem;font-weight:700;letter-spacing:.08em;color:#94a3b8;width:18px;flex-shrink:0}.cp-bar-track{flex:1;height:8px;background:#0f172ad9;border:1px solid rgba(148,163,184,.18);border-radius:2px;overflow:hidden;position:relative}.cp-bar-fill{height:100%;border-radius:1px;transition:width .4s ease}.cp-bar-fill.hp{background:linear-gradient(90deg,#16a34a,#4ade80);box-shadow:0 0 8px #4ade8059}.cp-bar-fill.mp{background:linear-gradient(90deg,#1d4ed8,#60a5fa);box-shadow:0 0 8px #60a5fa4d}.cp-bar-val{font-size:.62rem;color:#cbd5e1;min-width:52px;text-align:right;font-variant-numeric:tabular-nums}.cp-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.condition-badge,.zone-badge{font-size:.58rem;padding:2px 8px;border-radius:10px;letter-spacing:.06em;font-weight:700;text-transform:uppercase}.cond-normal{background:#4ade801f;color:#86efac;border:1px solid rgba(74,222,128,.3)}.cond-ferido{background:#fb923c1f;color:#fdba74;border:1px solid rgba(251,146,60,.35)}.cond-exausto{background:#facc151a;color:#fde68a;border:1px solid rgba(250,204,21,.3)}.cond-critico{background:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.4)}.zone-safe{background:#3b82f61a;color:#93c5fd;border:1px solid rgba(59,130,246,.3)}.zone-combat{background:#ef44441f;color:#fca5a5;border:1px solid rgba(239,68,68,.4)}.cp-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(80,160,255,.25),transparent);margin:10px 0 8px}.cp-attrs-title{font-size:.58rem;letter-spacing:.16em;color:#64748b;text-transform:uppercase;margin-bottom:6px}.cp-attrs{display:grid;grid-template-columns:1fr 1fr;gap:3px 16px;font-size:.78rem;color:#cbd5e1}.cp-attrs span:last-child{color:#93c5fd;font-weight:600;font-variant-numeric:tabular-nums}.hud-compass{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;pointer-events:none;opacity:.55}.hud-compass .hc-line{width:80px;height:1px;background:linear-gradient(90deg,transparent,rgba(100,180,255,.45),transparent)}.hud-compass .hc-n{font-size:.65rem;letter-spacing:.15em;color:#8cbeffb3;font-weight:600}.hud-compass .hc-tick{width:4px;height:4px;border:1px solid rgba(100,180,255,.4);transform:rotate(45deg)}.hud-actions{display:flex;gap:8px;align-items:center}.btn-hud{display:inline-flex;align-items:center;gap:6px;background:#081224bf;border:1px solid rgba(80,160,255,.3);color:#93c5fd;padding:8px 12px;border-radius:3px;font-size:.68rem;font-weight:600;letter-spacing:.1em;cursor:pointer;transition:all .2s ease;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-hud:hover{background:#1e3c6e8c;border-color:#78beff8c;box-shadow:0 0 14px #3b82f62e}.btn-hud.admin{border-color:#eab30866;color:#fde68a}.btn-hud.admin:hover{background:#eab3081a;border-color:#eab308;box-shadow:0 0 12px #eab30833}.btn-hud.logout{border-color:#ef444459;color:#fca5a5}.btn-hud.logout:hover{background:#ef44441f;border-color:#ef4444;box-shadow:0 0 12px #ef444433}.btn-hud svg{width:13px;height:13px;flex-shrink:0;opacity:.85}.world-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;pointer-events:none;z-index:5;transition:opacity .9s ease}.world-center.fade-away{opacity:0}.wc-ring{position:absolute;width:min(340px,70vw);height:min(340px,70vw);border:1px solid rgba(80,160,255,.12);border-radius:50%;pointer-events:none}.wc-ring:before{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;border:1px solid rgba(80,160,255,.08);border-radius:50%}.wc-conn{font-size:.62rem;letter-spacing:.28em;color:#78b4ff8c;text-transform:uppercase;opacity:0;animation:wcIn .6s ease forwards}.wc-welcome{font-size:.95rem;font-weight:300;letter-spacing:.32em;color:#7ba3d4;text-transform:uppercase;opacity:0;animation:wcIn .6s ease .35s forwards;padding-left:.32em}.wc-name{font-size:2.6rem;font-weight:200;letter-spacing:.08em;color:#f8fafc;text-shadow:0 0 40px rgba(147,197,253,.4);opacity:0;animation:wcIn .65s ease .65s forwards}.wc-diamond{width:8px;height:8px;border:1px solid rgba(100,180,255,.4);transform:rotate(45deg);margin:4px 0;opacity:0;animation:wcIn .5s ease .9s forwards}.wc-loc{margin-top:4px;padding:5px 16px;background:#0a162a8c;border:1px solid rgba(80,160,255,.28);border-radius:20px;font-size:.8rem;letter-spacing:.06em;color:#94a3b8;opacity:0;animation:wcIn .55s ease 1.05s forwards}.wc-guild{font-size:.85rem;letter-spacing:.14em;color:#a5b4fc;opacity:0;animation:wcIn .5s ease .8s forwards}.wc-title{margin-top:6px;padding:4px 14px;background:#eab3081a;border:1px solid rgba(234,179,8,.35);border-radius:16px;font-size:.72rem;letter-spacing:.06em;color:#fde68a;opacity:0;animation:wcIn .5s ease 1.15s forwards}@keyframes wcIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.hud-location{position:absolute;bottom:18px;left:16px;width:240px;background:#060e1cb3;border:1px solid rgba(80,160,255,.25);border-radius:3px;padding:12px 14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20}.hud-location .cp-corner{position:absolute;width:8px;height:8px;border-color:#64beff66;border-style:solid}.hud-location .cp-corner.tl{top:-1px;left:-1px;border-width:1.5px 0 0 1.5px}.hud-location .cp-corner.br{bottom:-1px;right:-1px;border-width:0 1.5px 1.5px 0}.hl-label{font-size:.58rem;letter-spacing:.16em;color:#64748b;text-transform:uppercase;margin-bottom:4px}.hl-name{font-size:.95rem;color:#e2e8f0;letter-spacing:.03em}.hl-region{font-size:.72rem;color:#7ba3d4;margin-top:2px;letter-spacing:.04em}.hl-line{height:1px;background:linear-gradient(90deg,rgba(80,160,255,.3),transparent);margin-top:8px}.hud-dock{position:absolute;bottom:18px;left:50%;transform:translate(-50%);display:flex;align-items:stretch;gap:2px;padding:6px 8px;background:#060e1c8c;border:1px solid rgba(80,160,255,.22);border-radius:10px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:20;box-shadow:0 4px 24px #00000040,0 0 20px #2878ff0a;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,opacity .25s ease;opacity:.82}.hud-dock:hover,.hud-dock:focus-within{opacity:1;background:#060e1cc7;border-color:#50a0ff61;box-shadow:0 6px 28px #0000004d,0 0 24px #2878ff14}.dock-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:10px 16px;background:transparent;border:none;border-radius:7px;color:#7a93b3;font-size:.55rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:color .18s ease,background .18s ease,transform .15s ease;min-width:68px;position:relative}.dock-btn svg{width:18px;height:18px;opacity:.65;transition:opacity .18s,transform .18s}.dock-btn:hover{color:#c8e0ff;background:#2864c824}.dock-btn:hover svg{opacity:1;transform:translateY(-1px)}.dock-btn:active{transform:scale(.96)}.dock-btn.active{color:#dbeafe;background:#3b82f629}.dock-btn.active svg{opacity:1}.dock-btn.active:after{content:"";position:absolute;bottom:4px;left:28%;right:28%;height:2px;border-radius:1px;background:#64b4ffd9;box-shadow:0 0 8px #64b4ff73}.mobile-system-launcher{display:none;position:absolute;bottom:calc(16px + env(safe-area-inset-bottom,0px));right:14px;z-index:25}.msl-toggle{width:52px;height:52px;border-radius:50%;border:1px solid rgba(80,160,255,.4);background:#060e1cd1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#93c5fd;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px #00000059,0 0 16px #2878ff1a;transition:transform .2s ease,border-color .2s,box-shadow .2s}.msl-toggle:active{transform:scale(.94)}.msl-toggle svg{width:22px;height:22px;transition:transform .25s ease}.msl-toggle.open svg{transform:rotate(45deg)}.msl-menu{position:absolute;bottom:62px;right:0;display:flex;flex-direction:column;gap:6px;opacity:0;pointer-events:none;transform:translateY(8px) scale(.96);transition:opacity .2s ease,transform .2s ease}.msl-menu.open{opacity:1;pointer-events:auto;transform:none}.msl-item{display:flex;align-items:center;gap:10px;min-height:44px;min-width:150px;padding:10px 14px;background:#081020eb;border:1px solid rgba(80,160,255,.28);border-radius:8px;color:#c8dcf0;font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 16px #0000004d}.msl-item:active{background:#1e3c6e80;border-color:#64b4ff80}.msl-item svg{width:18px;height:18px;flex-shrink:0;opacity:.85}.panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#02061259;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .22s ease}.panel-overlay.visible{opacity:1}.panel-overlay.hidden{display:none}.sys-window{position:relative;width:min(520px,92vw);max-height:min(78vh,720px);background:#081020e0;border:1px solid rgba(80,160,255,.32);border-radius:6px;display:flex;flex-direction:column;box-shadow:0 12px 48px #00000073,0 0 0 1px #64b4ff0f,inset 0 1px #ffffff0a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow:hidden;transform:scale(.96) translateY(8px);opacity:0;transition:transform .24s cubic-bezier(.22,1,.36,1),opacity .22s ease}.panel-overlay.visible .sys-window{transform:none;opacity:1}.panel-overlay.closing .sys-window{transform:scale(.97) translateY(4px);opacity:0;transition-duration:.16s}.panel-overlay.closing{opacity:0;transition-duration:.16s}.sys-window:before,.sys-window:after{content:"";position:absolute;width:14px;height:14px;border-color:#64beff73;border-style:solid;pointer-events:none;z-index:2}.sys-window:before{top:-1px;left:-1px;border-width:1.5px 0 0 1.5px}.sys-window:after{bottom:-1px;right:-1px;border-width:0 1.5px 1.5px 0}.sys-window-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid rgba(80,160,255,.14);flex-shrink:0;background:linear-gradient(180deg,rgba(20,40,70,.25),transparent)}.sys-window-header h2{font-size:.95rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#e2e8f0;margin:0}.sys-window-header .sys-subtitle{font-size:.62rem;letter-spacing:.14em;color:#64748b;text-transform:uppercase;margin-top:2px}.btn-close{background:transparent;border:1px solid transparent;color:#94a3b8;font-size:1.05rem;cursor:pointer;padding:6px 10px;border-radius:4px;line-height:1;transition:color .15s,background .15s,border-color .15s;min-width:36px;min-height:36px;display:inline-flex;align-items:center;justify-content:center}.btn-close:hover{color:#fff;background:#ffffff0f;border-color:#94a3b833}.sys-window-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 18px 20px;-webkit-overflow-scrolling:touch}.sys-window.sys-wide{width:min(640px,94vw)}.sys-window.sys-equip{width:min(560px,94vw)}.sys-window.sys-admin{width:min(680px,96vw);max-height:min(85vh,820px)}.side-panel{position:relative;width:min(420px,94vw);max-height:min(80vh,740px);background:#081020e6;border:1px solid rgba(80,160,255,.3);border-radius:6px;display:flex;flex-direction:column;box-shadow:0 12px 48px #00000073;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid rgba(80,160,255,.14);flex-shrink:0}.panel-header h2{font-size:.95rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#e2e8f0}.panel-body{flex:1;overflow-y:auto;padding:16px 18px 20px;-webkit-overflow-scrolling:touch}.menu-section{margin-bottom:20px}.menu-section h3{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:#64748b;margin-bottom:8px}.menu-section p{font-size:.88rem;color:#cbd5e1;margin-bottom:4px;line-height:1.4}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;font-size:.88rem;color:#cbd5e1}.stat-grid strong{color:#93c5fd;float:right}.btn-panel{width:100%;padding:10px;background:#3b82f61f;border:1px solid rgba(59,130,246,.35);color:#93c5fd;border-radius:4px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;letter-spacing:.04em}.btn-panel:hover{background:#3b82f638}.empty-inventory{text-align:center;color:#64748b;font-size:.88rem;padding:36px 10px;line-height:1.6}.inventory-grid{display:flex;flex-direction:column;gap:8px}.inv-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#1420378c;border:1px solid rgba(148,163,184,.12);border-radius:4px;gap:10px}.inv-item-name{color:#e2e8f0;font-size:.88rem}.inv-item-qty{color:#94a3b8;font-size:.82rem;flex-shrink:0}.inv-desc{font-size:.75rem;color:#94a3b8;margin-top:2px;line-height:1.35}.title-active{border-color:#eab30866!important;background:#eab3080f!important}.rarity-tag{font-size:.62rem;padding:1px 6px;border-radius:3px;margin-left:6px;font-weight:600;vertical-align:middle;background:#94a3b82e;color:#cbd5e1}.rarity-raro{border-color:#60a5fa66!important}.rarity-raro .rarity-tag{background:#3b82f62e;color:#93c5fd}.rarity-unico{border-color:#eab30873!important;background:#eab3080d!important}.rarity-unico .rarity-tag{background:#eab3082e;color:#fde68a}.inv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.inv-card{display:flex;flex-direction:column;gap:6px;padding:12px;background:#0e182ca6;border:1px solid rgba(148,163,184,.14);border-radius:5px;min-height:88px;transition:border-color .15s,background .15s}.inv-card:hover{border-color:#64b4ff59;background:#14243eb3}.inv-card-name{font-size:.84rem;color:#e2e8f0;font-weight:500;line-height:1.3}.inv-card-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:auto}.inv-card-qty{font-size:.78rem;color:#94a3b8;font-variant-numeric:tabular-nums}.inv-card-desc{font-size:.72rem;color:#64748b;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.equip-layout{display:grid;grid-template-columns:1fr auto 1fr;gap:12px 16px;align-items:center;min-height:280px}.equip-col{display:flex;flex-direction:column;gap:10px}.equip-col.left{align-items:flex-end}.equip-col.right{align-items:flex-start}.equip-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px}.equip-silhouette{width:100px;height:160px;border-radius:50px 50px 28px 28px;background:linear-gradient(180deg,#1e3a5f80,#0f172ab3);border:1px solid rgba(100,180,255,.25);position:relative;box-shadow:inset 0 0 30px #2864c814,0 0 24px #2864c80f}.equip-silhouette:before{content:"";position:absolute;top:18px;left:50%;transform:translate(-50%);width:36px;height:36px;border-radius:50%;background:#1e3a5f99;border:1px solid rgba(100,180,255,.3)}.equip-silhouette:after{content:"";position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:48px;height:56px;border-radius:8px;background:#14284666;border:1px solid rgba(80,160,255,.15)}.equip-avatar-initial{position:absolute;top:22px;left:50%;transform:translate(-50%);font-size:1rem;font-weight:600;color:#93c5fd;z-index:1;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.equip-slot{width:148px;padding:10px 12px;background:#0e182cb3;border:1px solid rgba(148,163,184,.16);border-radius:5px;transition:border-color .15s,background .15s}.equip-slot:hover{border-color:#64b4ff66;background:#14243ebf}.equip-slot.filled{border-color:#50a0ff47}.equip-slot-label{font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:#64748b;margin-bottom:4px}.equip-slot-name{font-size:.82rem;color:#e2e8f0;line-height:1.3}.equip-slot-empty{color:#475569;font-style:italic;font-size:.8rem}.equip-slot-desc{font-size:.7rem;color:#64748b;margin-top:3px;line-height:1.3}.equip-bottom-row{grid-column:1 / -1;display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:4px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.skill-card{padding:14px;background:#0e182ca6;border:1px solid rgba(148,163,184,.14);border-radius:5px;display:flex;flex-direction:column;gap:6px;transition:border-color .15s}.skill-card:hover{border-color:#64b4ff4d}.skill-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.skill-card-name{font-size:.9rem;color:#e2e8f0;font-weight:500}.skill-card-type{font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:#7ba3d4;background:#3b82f61f;padding:2px 8px;border-radius:10px;flex-shrink:0}.skill-card-desc{font-size:.78rem;color:#94a3b8;line-height:1.4}.party-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.party-card{padding:14px;background:#0e182ca6;border:1px solid rgba(148,163,184,.14);border-radius:6px;display:flex;flex-direction:column;gap:8px;transition:border-color .15s}.party-card:hover{border-color:#64b4ff4d}.party-card-name{font-size:.95rem;color:#f1f5f9;font-weight:600}.party-card-meta{font-size:.75rem;color:#7ba3d4;letter-spacing:.04em}.party-card-role{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:#93c5fd;background:#3b82f61f;padding:3px 8px;border-radius:4px;align-self:flex-start}.titles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.title-card{padding:12px 14px;background:#0e182ca6;border:1px solid rgba(148,163,184,.14);border-radius:5px;display:flex;flex-direction:column;gap:4px;transition:border-color .15s,background .15s}.title-card.active{border-color:#eab30873;background:#eab30812;box-shadow:0 0 16px #eab30814}.title-card-name{font-size:.86rem;color:#e2e8f0;font-weight:500}.title-card.active .title-card-name{color:#fde68a}.title-card-desc{font-size:.72rem;color:#64748b;line-height:1.35}.title-active-banner{margin-bottom:14px;padding:12px 14px;background:#eab30814;border:1px solid rgba(234,179,8,.3);border-radius:5px;display:flex;align-items:center;gap:10px}.title-active-banner .star{color:#fbbf24;font-size:1.1rem}.title-active-banner span{font-size:.9rem;color:#fde68a;font-weight:500}@media(prefers-reduced-motion:reduce){.sys-window,.panel-overlay,.msl-menu,.dock-btn,.hud-dock{transition:none!important;animation:none!important}.panel-overlay.visible .sys-window{transform:none}}.admin-panel{width:min(640px,100%);max-width:100%}.admin-section h3{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:#94a3b8;margin-bottom:10px}.admin-player-list{display:flex;flex-direction:column;gap:6px;max-height:260px;overflow-y:auto}.admin-player{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:#1e293b73;border-radius:4px;font-size:.85rem;gap:8px}.btn-tiny{background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:#93c5fd;padding:5px 11px;border-radius:3px;font-size:.72rem;cursor:pointer;white-space:nowrap}.btn-tiny:hover{background:#3b82f647}.btn-tiny.danger{border-color:#ef444459;color:#fca5a5}.admin-form{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.admin-form label{display:flex;flex-direction:column;gap:3px;font-size:.72rem;color:#94a3b8}.admin-form input,.admin-form select{height:32px;padding:0 8px;background:#0f172ad9;border:1px solid rgba(148,163,184,.22);border-radius:4px;color:#e2e8f0;font-size:.84rem;outline:none}.admin-form input:focus,.admin-form select:focus{border-color:#3b82f6}.full-label{display:flex;flex-direction:column;gap:4px;font-size:.72rem;color:#94a3b8;margin-top:10px}.full-label textarea{background:#0f172ad9;border:1px solid rgba(148,163,184,.22);border-radius:5px;color:#e2e8f0;padding:8px 10px;font-size:.84rem;font-family:inherit;resize:vertical;outline:none}.adm-edit-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.adm-edit-header h3{margin:0}.adm-dirty{font-size:.72rem;color:#fbbf24;letter-spacing:.04em;text-transform:uppercase}.adm-dirty.hidden{display:none}.adm-details{margin-bottom:10px;border:1px solid rgba(148,163,184,.12);border-radius:6px;background:#0f172a59;padding:0 12px 10px}.adm-details summary{cursor:pointer;padding:10px 0;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;-webkit-user-select:none;user-select:none}.adm-details[open] summary{color:#93c5fd}.admin-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;margin-bottom:10px}.adm-tab{background:#142037b3;border:1px solid rgba(148,163,184,.2);color:#94a3b8;padding:6px 12px;border-radius:3px;font-size:.72rem;cursor:pointer}.adm-tab.active{border-color:#3b82f6;color:#93c5fd;background:#3b82f61f}.adm-tab-content{min-height:120px;margin-bottom:8px}.adm-list-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.adm-list-count{font-size:.78rem;color:#64748b}.adm-quick-add{display:grid;grid-template-columns:1fr 64px 100px auto;gap:6px;margin-bottom:6px}.adm-quick-add input,.adm-quick-add select,.adm-quick-desc{height:34px;padding:0 8px;background:#0f172ae6;border:1px solid rgba(148,163,184,.25);border-radius:4px;color:#e2e8f0;font-size:.84rem;outline:none;box-sizing:border-box}.adm-quick-desc{width:100%;margin-bottom:10px}.adm-quick-add input:focus,.adm-quick-add select:focus,.adm-quick-desc:focus{border-color:#3b82f6}.adm-list{display:flex;flex-direction:column;gap:6px;max-height:360px;overflow-y:auto}.adm-list-item{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 12px;background:#1420378c;border:1px solid rgba(148,163,184,.1);border-radius:6px;font-size:.84rem;gap:10px}.adm-item-main{flex:1;min-width:0}.adm-item-title{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;color:#e2e8f0}.adm-item-title strong{font-weight:600}.adm-slot-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:#64748b;min-width:72px}.adm-item-meta{margin-top:3px;font-size:.75rem;color:#94a3b8}.adm-item-desc{margin-top:4px;font-size:.78rem;color:#64748b;line-height:1.35;white-space:normal}.adm-list-item .rarity-tag{font-size:.65rem;padding:1px 6px;border-radius:3px;background:#94a3b826;color:#cbd5e1}.adm-list-item.rarity-raro .rarity-tag{background:#3b82f62e;color:#93c5fd}.adm-list-item.rarity-unico .rarity-tag{background:#eab3082e;color:#fde68a}.adm-list-actions{display:flex;gap:4px;flex-shrink:0}.adm-empty{color:#64748b;font-size:.84rem;padding:12px 0}.btn-add{margin-top:10px}.adm-save-bar{margin-top:14px;padding-top:12px;border-top:1px solid rgba(148,163,184,.12);position:sticky;bottom:0;background:linear-gradient(180deg,transparent,rgba(8,16,32,.95) 20%);padding-bottom:4px}.adm-msg{margin-top:8px;font-size:.84rem;min-height:20px}.adm-msg.loading{color:#94a3b8}.adm-msg.success{color:#4ade80}.adm-msg.error{color:#fca5a5}@media(max-width:560px){.adm-quick-add{grid-template-columns:1fr 1fr}.adm-quick-add input:first-child{grid-column:1 / -1}}.item-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#020617bf;z-index:300;display:flex;align-items:center;justify-content:center;padding:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.item-modal.hidden{display:none}.modal-box{background:linear-gradient(160deg,#0a1428,#111d33);border:1px solid rgba(59,130,246,.32);border-radius:8px;width:100%;max-width:420px;box-shadow:0 20px 60px #00000080;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(148,163,184,.1)}.modal-header h3{margin:0;font-weight:500;font-size:1rem;color:#f1f5f9}.modal-body{padding:18px 20px;display:flex;flex-direction:column;gap:14px;max-height:60vh;overflow-y:auto}.modal-body .field{display:flex;flex-direction:column;gap:5px}.modal-body .field label{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;font-weight:600}.modal-body .field input,.modal-body .field textarea,.modal-body .field select{background:#081020e6;border:1px solid rgba(148,163,184,.2);border-radius:5px;color:#e2e8f0;padding:10px 12px;font-size:.88rem;font-family:inherit;outline:none;width:100%}.modal-body .field input:focus,.modal-body .field textarea:focus,.modal-body .field select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.modal-body .field textarea{resize:vertical;min-height:72px;line-height:1.45}.modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:14px 20px 18px;border-top:1px solid rgba(148,163,184,.08)}.btn-modal-cancel{background:transparent;color:#94a3b8;border:1px solid rgba(148,163,184,.28);border-radius:5px;padding:9px 16px;font-size:.84rem;cursor:pointer}.btn-modal-save{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:5px;padding:9px 18px;font-size:.84rem;font-weight:600;cursor:pointer}@media(max-width:900px){.char-panel{width:250px}.wc-name{font-size:2rem}.dock-btn{min-width:56px;padding:8px 12px}.hud-compass .hc-line{width:48px}.equip-slot{width:130px}}@media(max-width:768px){.hud-dock{display:none}.mobile-system-launcher{display:block}.hud-top{flex-wrap:wrap;gap:8px;padding:10px 12px 0;padding-top:max(10px,env(safe-area-inset-top))}.char-panel{width:100%;max-width:100%}.char-panel .cp-attrs-title,.char-panel .cp-attrs,.char-panel .cp-divider{display:none}.hud-actions{width:100%;justify-content:flex-end}.hud-compass{display:none}.hud-location{left:12px;right:auto;bottom:calc(80px + env(safe-area-inset-bottom,0px));width:min(220px,calc(100vw - 90px))}.panel-overlay{padding:0;align-items:flex-end}.sys-window,.side-panel,.sys-window.sys-wide,.sys-window.sys-equip,.sys-window.sys-admin{width:100%;max-width:100%;max-height:92vh;max-height:92dvh;border-radius:12px 12px 0 0;border-left:none;border-right:none;border-bottom:none}.panel-overlay.visible .sys-window{transform:none}.equip-layout{grid-template-columns:1fr;min-height:auto}.equip-col.left,.equip-col.right{align-items:stretch}.equip-col.left{order:2}.equip-center{order:1}.equip-col.right{order:3}.equip-bottom-row{order:4}.equip-slot{width:100%}.inv-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.skills-grid,.party-grid{grid-template-columns:1fr}.titles-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media(max-width:400px){.cp-avatar{width:44px;height:44px;font-size:1.1rem}.cp-name{font-size:.92rem}.btn-hud{padding:6px 8px;font-size:.6rem}.msl-toggle{width:48px;height:48px}}.guild-form label{display:block;font-size:.75rem;color:#94a3b8;margin-bottom:8px}.guild-form input,.guild-form textarea,.guild-form select{display:block;width:100%;margin-top:4px;box-sizing:border-box;padding:8px 10px;background:#0f172ad9;border:1px solid rgba(148,163,184,.25);border-radius:6px;color:#e2e8f0;font-size:.88rem;outline:none}.guild-form input:focus,.guild-form textarea:focus{border-color:#3b82f6}.guild-member-list{display:flex;flex-direction:column;gap:6px}.guild-member-row,.guild-browse-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;background:#1420378c;border:1px solid rgba(148,163,184,.12);border-radius:6px;font-size:.85rem}.guild-role-tag{font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;color:#93c5fd;background:#3b82f61f;padding:2px 7px;border-radius:4px;flex-shrink:0}.btn-panel.danger-outline{background:transparent;border:1px solid rgba(239,68,68,.45);color:#fca5a5}.btn-panel.danger-outline:hover{background:#ef44441f}