@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{color-scheme:dark;--bg: #07090f;--bg-card: #111827;--bg-card-hover: #151e30;--line: #1f2d4a;--line-bright: #2d4270;--text: #e8eeff;--muted: #8899cc;--accent-bright: #7db8ff;--radius: 12px;--radius-lg: 18px;--shadow: 0 4px 24px rgba(0, 0, 0, .45);--shadow-lg: 0 8px 48px rgba(0, 0, 0, .6)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);background-image:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(59,96,180,.22),transparent),radial-gradient(ellipse 60% 40% at 80% 90%,rgba(30,60,130,.12),transparent);color:var(--text);line-height:1.65;min-height:100vh}a{color:var(--accent-bright);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}#root{max-width:1100px;margin:0 auto;padding:1.5rem 1rem 3rem}.site-brand{display:flex;align-items:center;gap:1.25rem;margin-bottom:1.25rem;padding:.9rem 1.25rem;background:#0d1424d9;border:1px solid var(--line);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow)}.site-brand img{width:min(320px,100%);height:auto;filter:drop-shadow(0 0 18px rgba(91,156,246,.45)) saturate(.65) brightness(1.05)}.site-brand p{color:var(--muted);font-size:.9rem;letter-spacing:.02em}.site-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;padding:.75rem 1rem;background:#0d1424b3;border:1px solid var(--line);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.site-nav a{padding:.4rem .85rem;background:#5b9cf614;border:1px solid var(--line);border-radius:999px;color:var(--text);font-weight:500;font-size:.88rem;letter-spacing:.025em;transition:background .18s,border-color .18s,color .18s,box-shadow .18s}.site-nav a:hover,.site-nav a.active{background:#5b9cf633;border-color:var(--line-bright);color:var(--accent-bright);box-shadow:0 0 12px #5b9cf626;text-decoration:none}main{background:#0b101cd1;border:1px solid var(--line);padding:1.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}h1{font-size:1.55rem;font-weight:700;color:#eef2ff;letter-spacing:-.02em;margin-bottom:.6rem;line-height:1.2}h2{font-size:1.15rem;font-weight:600;color:#dde5ff;letter-spacing:-.01em;margin:1.2rem 0 .5rem;line-height:1.3}p,li{color:var(--text);font-size:.94rem}pre{white-space:pre-wrap;background:#04060ce6;padding:1rem 1.1rem;border-radius:var(--radius);border:1px solid var(--line);overflow:auto;font-size:.86rem}ul{padding-left:1.3rem}ul li{margin:.25rem 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.9rem;margin:.9rem 0 1.2rem}.card{background:var(--bg-card);border:1px solid var(--line);padding:1rem 1.1rem;border-radius:var(--radius);transition:border-color .2s,background .2s,box-shadow .2s}.card:hover{border-color:var(--line-bright);background:var(--bg-card-hover);box-shadow:0 0 18px #5b9cf614}.muted{color:var(--muted)}.footer-copy{margin-top:1rem}.sub-nav{display:flex;gap:.6rem;margin-bottom:1rem;flex-wrap:wrap}.sub-nav a{padding:.35rem .8rem;border-radius:999px;border:1px solid var(--line);background:#0d1424b3}.sub-nav a.active{background:#5b9cf633;border-color:var(--line-bright)}.help-forms form{display:flex;align-items:center;gap:.75rem;margin:1rem 0;flex-wrap:wrap}.help-forms input,.help-forms button,.mud-controls select,.mud-controls input,.mud-controls button,.mud-input-bar input,.mud-input-bar button{background:#04060ce6;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:.6rem .8rem;font:inherit}.help-forms button,.mud-controls button,.mud-input-bar button{cursor:pointer}.map-frame{margin:1.25rem 0;text-align:center}.map-image{max-width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--line);cursor:zoom-in;transition:box-shadow .2s;box-shadow:0 8px 40px #0009}.map-image.hover{box-shadow:0 8px 48px #5b9cf640}.map-note{font-size:.85rem;text-align:center}#mud-client-container{position:relative;min-height:640px;margin-top:1rem}.mud-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem}.mud-status{min-width:120px;color:var(--muted);font-size:.9rem}.fullscreen-btn{margin-left:auto}#io-panel{background:#04060ceb;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.mud-output{min-height:340px;max-height:50vh;margin:0;padding:1rem;overflow:auto;border:0;border-bottom:1px solid var(--line);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem;line-height:1.45;background:transparent}.mud-input-bar{display:flex;gap:.5rem;padding:.75rem}.mud-input-bar input{flex:1}.float-window{position:absolute;display:none;flex-direction:column;min-width:220px;min-height:180px;background:#0d1424f7;border:1px solid var(--line-bright);border-radius:var(--radius);box-shadow:var(--shadow-lg);overflow:hidden;z-index:10}.float-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.65rem .8rem;background:#5b9cf61f;border-bottom:1px solid var(--line);cursor:move}.float-title{font-weight:600}.float-close{border:0;background:transparent;color:var(--text);cursor:pointer;font-size:1rem}#map-canvas{width:100%;height:100%;flex:1;display:block}#map-placeholder,.room-content,.equip-content,.inv-content,.char-content{padding:.85rem;overflow:auto;flex:1}#map-placeholder{display:flex;align-items:center;justify-content:center;color:var(--muted);text-align:center}.entity-row{display:flex;align-items:center;gap:.4rem;position:relative;margin-bottom:.3rem}.entity-name{flex:1}.entity-menu-btn,.dropdown-item{background:#04060cf2;color:var(--text);border:1px solid var(--line);border-radius:6px;cursor:pointer}.entity-menu-btn{padding:.1rem .45rem}.entity-dropdown{position:absolute;top:calc(100% + 2px);right:0;display:flex;flex-direction:column;gap:.25rem;min-width:120px;padding:.35rem;background:#0d1424fa;border:1px solid var(--line);border-radius:8px;z-index:20}.dropdown-item{padding:.35rem .5rem;text-align:left}.hidden{display:none}.appraise-popup{position:fixed;max-width:280px;padding:.75rem;background:#04060cfa;border:1px solid var(--line-bright);border-radius:10px;box-shadow:var(--shadow-lg);z-index:50;pointer-events:none;font-size:.84rem}.char-bar{width:100%;height:8px;border-radius:999px;background:#ffffff14;overflow:hidden}.char-bar-fill{height:100%;background:#5b9cf6}.char-bar-fill.low{background:#ff7b72}.char-bar-fill.medium{background:#e3b341}.char-bar-fill.high{background:#3fb950}.music-controls{margin-top:.75rem}.music-label,.music-inline{font-size:.85rem;color:var(--muted)}.music-inline{display:flex;align-items:center;gap:.4rem}.music-inline.checkbox{cursor:pointer}@media(max-width:820px){.site-brand{flex-direction:column;align-items:flex-start}main{padding:1rem}#mud-client-container{min-height:0}.float-window{position:static;display:flex;width:100%!important;height:240px!important;margin-top:.75rem}.fullscreen-btn{margin-left:0}}