:root{font-family:Segoe UI,system-ui,sans-serif;color:#e5eaf4;background:#0c121c;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{max-width:1080px;margin:auto;padding:55px 24px}header{padding-bottom:28px}h1{font-size:clamp(30px,5vw,48px);font-weight:650;letter-spacing:-1.5px;margin:15px 0}h2{font-size:22px;margin:10px 0 18px}p,small,footer{color:#a4b1c4;line-height:1.6}.eyebrow,.step{letter-spacing:2px;font-size:11px;color:#70d7c2;font-weight:700}.status{background:#14252a;border:1px solid #26464b;border-radius:12px;padding:18px;margin-bottom:24px;display:flex;align-items:center;gap:12px}.dot{width:8px;height:8px;background:#70d7c2;border-radius:50%;flex-shrink:0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{border:1px solid #293447;border-radius:16px;padding:26px;background:#121c2a}.wide{grid-column:1/-1}label{display:block;font-size:13px;margin:16px 0;color:#bbc7d8}input{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #3a475b;border-radius:7px;background:#0c1420;font:inherit;color:#fff}button{border:0;background:#71d9c4;color:#0c2825;padding:12px 18px;font-weight:650;border-radius:8px;cursor:pointer;font-size:14px}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #d9fff5;outline-offset:3px}.secondary{margin-top:22px;background:#253245;color:#dce6f5}details{margin-top:24px;border-top:1px solid #2b3849;padding-top:18px}summary{cursor:pointer;font-size:14px}.characters{display:flex;gap:12px;flex-wrap:wrap}.characters button{background:#233448;color:#e6f1ff;text-align:left;min-width:130px}.characters small{display:block;margin-top:6px}.stats{display:flex;flex-wrap:wrap;gap:25px;padding:24px 0}.stats span{font-size:12px;color:#a4b1c4}.stats strong{display:block;font-size:19px;color:#eff5ff;margin-top:6px}.success{color:#70d7c2}footer{font-size:12px;padding-top:25px}#blazor-error-ui{background:#7b3030;bottom:0;display:none;left:0;padding:1rem;position:fixed;width:100%;z-index:1000}.loading-progress{width:80px;display:block;margin:30vh auto 0}.loading-progress circle{fill:none;stroke:#71d9c4;stroke-width:3px}.loading-progress-text{text-align:center}.loading-progress-text:after{content:'Cargando MuWEB…'}@media(max-width:650px){main{padding:30px 16px}.grid{grid-template-columns:1fr}.card{padding:20px}.wide{grid-column:auto}h1{letter-spacing:-.7px}}
.world-page{max-width:1440px;padding:30px 24px}.world-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:20px}.world-header h1{font-size:32px;margin:10px 0}.world-header p{margin:0;font-size:13px}.world-header .secondary{margin:0;white-space:nowrap}.world-view{position:relative;border:1px solid #344354;border-radius:16px;overflow:hidden;background:#0e1318}#canvasHolder{height:68vh;min-height:360px;width:100%}#theCanvas{display:block;width:100%;height:100%;touch-action:none}.world-badge{position:absolute;top:20px;left:22px;padding:12px 16px;background:#0c121cd9;border:1px solid #41525d;border-radius:8px;font-size:13px;letter-spacing:2px}.world-badge span{display:block;color:#a4b1c4;letter-spacing:0;font-size:11px;margin-top:5px}.world-controls{position:absolute;bottom:18px;right:18px;display:flex;gap:6px}.world-controls button{background:#14232ee8;color:#d8f6ed;border:1px solid #3b5864;padding:10px 14px}.world-loading{position:absolute;inset:0;display:grid;place-items:center;background:#0c121cd9;padding:30px;text-align:center}.world-caption{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#93aab5;margin-top:14px}.world-note{font-size:12px;max-width:800px}.world-link{display:inline-block;color:#70d7c2;margin-top:12px;font-size:14px}@media(max-width:650px){.world-page{padding:20px 12px}.world-header{align-items:flex-start;flex-direction:column}.world-caption{flex-direction:column}.world-controls{left:12px;right:12px;justify-content:center}.world-header h1{font-size:26px}}
.diagnostic-option{display:flex;align-items:center;gap:10px}.diagnostic-option input{width:auto;margin:0}.live-session>h2{margin-bottom:0}.live-session>.stats{padding-top:12px}
.login-card{max-width:620px;margin:0 auto}.login-card .characters{margin-top:20px}
.walk-controls{display:flex;justify-content:center;gap:10px;margin-top:16px;flex-wrap:wrap}.walk-controls button{background:#233448;color:#e6f1ff}#theCanvas:focus-visible{outline:2px solid #70d7c2;outline-offset:-3px}
/* Integrated game shell */
.mu-shell{max-width:none;margin:0;padding:0;font-family:Segoe UI,system-ui,sans-serif;color:#eadfc9}.mu-access{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px 80px;background:radial-gradient(ellipse at 50% 15%,#5a412433,transparent 55%),linear-gradient(140deg,#060a10,#152026 50%,#080c12);position:relative;isolation:isolate}.mu-atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:repeating-linear-gradient(115deg,transparent 0 120px,#a18b5010 121px,transparent 122px 240px)}.mu-rune{position:absolute;font-size:85vw;line-height:1;color:#bda06907;left:50%;top:50%;transform:translate(-50%,-50%)}.mu-brand{text-align:center;padding:0 0 30px}.mu-overline{font-size:10px;letter-spacing:3px;color:#bea373}.mu-brand h1{font-family:Georgia,serif;font-size:clamp(38px,6vw,66px);letter-spacing:5px;font-weight:400;margin:8px 0;color:#f3e6c8;text-shadow:0 2px 25px #bd85434a}.mu-brand h1 span{color:#c29957;margin-left:8px}.mu-brand p{font-size:12px;letter-spacing:3px;margin:0;color:#8c969d}.mu-gate{width:min(100%,480px);padding:30px 34px;background:linear-gradient(135deg,#1b2329ed,#0b1119f5);border:1px solid #76613c;box-shadow:0 24px 100px #0008,inset 0 0 0 4px #ffffff03}.mu-gate h2{font-family:Georgia,serif;font-weight:400;font-size:29px;color:#efe2c3;margin:12px 0}.mu-gate p{font-size:13px;color:#99a2a6}.mu-steps{display:flex;justify-content:space-between;gap:8px;padding-bottom:22px;margin-bottom:28px;border-bottom:1px solid #8f764735;font-size:10px;color:#6f7b83}.mu-steps .current{color:#e4be77}.mu-gate input{border-radius:2px;background:#060c13;border:1px solid #44443d;padding:14px;color:#eee4d2}.mu-gate label{font-size:12px;color:#bcbaae;letter-spacing:1px}.mu-primary{display:block;width:100%;background:linear-gradient(#aa8546,#745525);color:#fff0cd;border:1px solid #c3a260;border-radius:2px;letter-spacing:1px;padding:14px 20px;margin-top:24px}.mu-back{display:block;background:transparent;color:#bab4a1;padding:12px 0;border-radius:0;font-size:12px;text-align:left}.mu-server,.mu-character{display:flex;align-items:center;gap:18px;width:100%;text-align:left;border:1px solid #76613c;border-radius:2px;padding:22px 18px;color:#e8d5aa;background:linear-gradient(110deg,#65502b44,#18212a);margin-top:22px}.mu-character{margin-top:10px}.mu-server:hover,.mu-character:hover{border-color:#dab879;background:#61502a66}.mu-server strong,.mu-character strong{font-family:Georgia,serif;font-size:21px;font-weight:400}.mu-server small,.mu-character small{display:block;font-size:11px;color:#a5aaa5;margin-top:5px}.mu-server-seal,.mu-character-mark{font-size:32px;color:#c29b56}.mu-enter{margin-left:auto;font-size:11px;white-space:nowrap;color:#c5ab76}.mu-access-status{font-size:12px;color:#aeb7b9;margin-top:20px;line-height:1.5;min-height:18px;overflow-wrap:anywhere}.mu-access-footer{position:absolute;bottom:25px;left:30px;right:30px;display:flex;justify-content:space-between;font-size:10px;color:#777c7e;letter-spacing:2px}.mu-playing{position:fixed;inset:0;overflow:hidden;background:#080c10}.mu-playing .arena-immersive,.mu-playing .world-view{position:absolute;inset:0;border:0;border-radius:0}.mu-playing #canvasHolder{height:100%;min-height:0}.mu-playing .world-badge{top:18px;left:18px;border:1px solid #8c724b88;border-radius:2px;background:#080e17c9;font-family:Georgia,serif;color:#dcc391}.mu-icon-button{border-radius:2px;border:1px solid #77613e;background:#1b2024e8;color:#e3d2b3;font-size:12px;padding:9px 13px}.mu-world-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:40px;text-align:center;background:radial-gradient(#202c35,#090e15)}.mu-world-message .mu-primary{width:auto}.mu-playing button:focus-visible,.mu-access button:focus-visible,.mu-access input:focus-visible{outline:2px solid #f2ce85;outline-offset:3px}@media(max-width:600px){.mu-access{padding:30px 16px 70px}.mu-gate{padding:24px 22px}.mu-brand{padding-bottom:22px}.mu-steps{font-size:9px}.mu-playing .world-badge{top:10px;left:10px;padding:9px;font-size:11px}.mu-enter{font-size:10px}}

.mu-nameplates{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}.mu-nameplate{position:absolute;left:0;top:0;transform:translate(-50%,-100%);will-change:transform;white-space:nowrap;font:600 12px/1.3 'Segoe UI',sans-serif;color:#eee9df;text-shadow:0 1px 2px #000,1px 0 2px #000,-1px 0 2px #000,0 -1px 2px #000;padding:2px 5px;max-width:180px;text-overflow:ellipsis;overflow:hidden}.mu-nameplate.self{color:#b2dbf9}.mu-nameplate.npc{color:#efd18a}.mu-nameplate.selected{color:#92f3b2;background:#09170ba6;border-radius:2px}
/* Creatures: life from F3/E2 under the name; drops; floating damage (C1:11). */
.mu-nameplate.monster{color:#f1b3a0}.mu-nameplate.has-hp{padding-bottom:6px}
.mu-nameplate.has-hp::after{content:"";position:absolute;left:5px;right:5px;bottom:1px;height:3px;background:linear-gradient(90deg,#d8423a calc(var(--hp,1)*100%),#2a1210 0);box-shadow:0 0 0 1px #000a}
.mu-nameplate.drop{font-size:11px;color:#e6e2d6}.mu-nameplate.drop.zen{color:#f2c94c}
.mu-nameplate.damage{font:800 15px/1 'Segoe UI',sans-serif;color:#ffd561;background:none;max-width:none}.mu-nameplate.damage.self{color:#ff6b5e}
/* HUD inferior (GameHud): posición; el estilo propio vive en GameHud.razor.css. */




.mu-move-panel{position:fixed;z-index:60;top:70px;right:22px;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 95px);overflow:auto;padding:20px;color:#eee4ce;background:linear-gradient(150deg,#171e29fa,#090c12fc);border:1px solid #887044;box-shadow:0 16px 60px #000b;border-radius:8px}
.mu-move-panel header{display:flex;align-items:center;justify-content:space-between;gap:14px}.mu-move-panel h2{margin:4px 0;font-family:Georgia,serif;color:#e4c481}.mu-move-panel p{font-size:13px;line-height:1.5}.mu-move-panel label{display:grid;gap:6px;font-size:13px}.mu-move-panel input{width:100%;box-sizing:border-box;padding:10px;color:#f4ead7;background:#070b12;border:1px solid #675438;border-radius:4px}.mu-move-list{display:grid;gap:8px;margin-top:14px;max-height:48dvh;overflow:auto}.mu-move-destination{display:grid;gap:5px;text-align:left;padding:12px;background:#202837;color:#f0ddb6;border:1px solid #8c7346;border-radius:4px;cursor:pointer}.mu-move-destination span,.mu-move-destination small{font-size:12px}.mu-move-destination:disabled{opacity:1;background:#11161e;border-color:#343941;color:#a1a5ae;cursor:default}.mu-move-destination:not(:disabled):hover{background:#354155}.mu-move-destination:focus-visible{outline:2px solid #f2cf80;outline-offset:2px}
.mu-data-overlay{position:fixed;z-index:65;right:20px;top:75px;width:min(540px,calc(100vw - 40px));max-height:75dvh;overflow:auto;background:#111b28f5;border:1px solid #8d754a;padding:18px;border-radius:8px;color:#e8e3d7}.mu-data-storage{padding:16px;border:1px solid #596779;border-radius:7px;background:#111b28;color:#e8e3d7;margin:12px 0}.mu-data-storage p{font-size:13px;line-height:1.5}.mu-data-storage h3{color:#d7bd86}.mu-data-storage label{display:flex;gap:8px;align-items:center}.mu-data-storage input[type=checkbox]{width:auto}.mu-asset-issues{position:absolute;z-index:16;top:90px;left:20px;max-width:340px;max-height:45dvh;overflow:auto;color:#dce5ee;background:#131e2de8;border:1px solid #735e3e;padding:10px;border-radius:5px;font-size:12px}.mu-asset-issues p{overflow-wrap:anywhere}.arena-standard .mu-asset-issues{position:static;max-width:none}
/* Inventory (F3/10) and quick potions Q/W/E/R. */
.mu-inventory{--cell:clamp(30px,9vw,40px);position:fixed;z-index:62;top:70px;right:20px;width:calc(var(--cell)*8 + 40px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 90px);overflow:auto;box-sizing:border-box;padding:16px 20px;color:#eee4ce;background:linear-gradient(150deg,#171e29fa,#090c12fc);border:1px solid #887044;box-shadow:0 16px 60px #000b;border-radius:8px}
.mu-inventory header{display:flex;justify-content:space-between;align-items:center;gap:12px}.mu-inventory h2{margin:2px 0 8px;font-family:Georgia,serif;color:#e4c481;font-size:20px}
.inv-equipment{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"e8 e2 e7 e9" "e0 e3 e1 e10" "e5 e4 e6 e11";gap:5px}
.inv-equip{display:flex;flex-direction:column;gap:2px;min-height:44px;padding:4px;text-align:left;font-size:11px;color:#e9dcbf;background:#0b1018;border:1px solid #3c3a33;border-radius:3px;overflow:hidden}.inv-equip small{font-size:9px;color:#8d8a80}.inv-equip.full{border-color:#80683f;background:#1a1f27}.inv-equip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inv-zen{margin:10px 0 6px;font-size:12px;color:#c9b88f}.inv-zen strong{color:#f2c94c}.inv-caption{font-size:11px;color:#9a9789;margin:10px 0 4px}
.inv-grid{display:grid;grid-template-columns:repeat(8,var(--cell));background:#06090e;border:1px solid #3a3529}
.inv-cell{border:0;border-right:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;background:transparent;padding:0;border-radius:0}
.inv-item{position:relative;z-index:1;margin:1px;padding:2px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:9px;line-height:1.1;color:#f0e6cf;background:#28303c;border:1px solid #7b6845;border-radius:3px;overflow:hidden;word-break:break-word}
.inv-item b{position:absolute;right:2px;bottom:1px;font-size:10px;color:#fff;text-shadow:0 1px 2px #000}.inv-item.group-14{background:#3a2430}.inv-item.group-12,.inv-item.group-13{background:#2d2a3d}
.inv-item.selected,.inv-equip.selected{outline:2px solid #f2cf80;outline-offset:-2px}.inv-cell.target,.inv-equip.target{background:#2f5a3a80}
.mu-inventory footer{margin-top:10px;font-size:12px}.mu-inventory footer p{margin:6px 0}.inv-actions{display:flex;flex-wrap:wrap;gap:6px}.inv-message{color:#bfe3c4}

@media(max-width:700px){.mu-inventory{top:56px;right:12px;padding:12px}}
.world-picker{max-width:min(440px,80vw);padding:10px;color:#eee4ce;background:#111b28;border:1px solid #887044;border-radius:4px;margin:0 10px}

/* Skills: dock provisional sobre el HUD (1-0 eligen, clic derecho lanza) y árbol maestro, 25/10/2026 */