*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#0b0e14;font-family:Trebuchet MS,Segoe UI,sans-serif;color:#f5f2ef}.app-shell{position:relative;width:100%;height:100%}#phaser-container{position:absolute;top:0;right:0;bottom:0;left:0}#phaser-container canvas{display:block}.top-bar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:linear-gradient(#0b0e14d9,#0b0e1400);pointer-events:none}.top-bar>*{pointer-events:auto}.top-bar-title{font-size:18px;letter-spacing:.4px;text-shadow:0 1px 4px rgba(0,0,0,.8)}.top-bar-version{margin-left:8px;font-size:11px;text-transform:uppercase;color:#eaae83;border:1px solid #eaae83;border-radius:4px;padding:1px 5px;vertical-align:middle}.top-bar-actions{display:flex;align-items:center;gap:8px}.top-bar-error{position:absolute;top:100%;right:16px;margin-top:4px;background:#d14a4a;border-radius:6px;padding:6px 10px;font-size:13px}.button,.icon-button{font-family:inherit;cursor:pointer;border:1px solid rgba(245,242,239,.35);background:#0b0e14bf;color:#f5f2ef;border-radius:8px;padding:8px 14px;font-size:14px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.button:hover,.icon-button:hover{background:#262e40e6}.button.primary{background:#eaae83;border-color:#eaae83;color:#1d2433;font-weight:700}.button.primary:hover{background:#f4c498}.button.small{padding:5px 10px;font-size:13px}.button:disabled{opacity:.55;cursor:default}.icon-button{padding:6px 10px}.wallet-chip{font-size:13px;padding:6px 10px;border-radius:8px;background:#37a77f40;border:1px solid rgba(55,167,127,.6)}.hud{position:absolute;left:16px;bottom:16px;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;background:#0b0e14bf;border:1px solid rgba(245,242,239,.2);font-size:14px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hud-dot{width:8px;height:8px;border-radius:50%;background:#37a77f}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:10}.modal{width:min(480px,calc(100vw - 32px));max-height:min(560px,calc(100vh - 64px));overflow-y:auto;background:#171d29;border:1px solid rgba(245,242,239,.15);border-radius:12px;padding:16px}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-header h2{margin:0;font-size:20px}.modal-subtitle{color:#b8bfd0;font-size:13px}.modal-error{background:#d14a4a;border-radius:6px;padding:8px 10px;font-size:13px;margin-bottom:8px}.modal-empty{color:#b8bfd0;text-align:center;padding:24px 0}.explorer-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.explorer-row{display:flex;align-items:center;gap:12px;padding:8px;border-radius:10px;background:#f5f2ef0d}.explorer-thumb{width:48px;height:48px;object-fit:contain;border-radius:8px;background:#0000004d}.explorer-meta{display:flex;flex-direction:column;gap:2px;flex:1}.explorer-name{font-weight:700;font-size:14px}.explorer-status{font-size:12px;color:#b8bfd0}.explorer-status.in-world{color:#37a77f}.hud-dot.offline{background:#d1a24a}.hud-offline{font-size:11px;color:#d1a24a;border:1px solid rgba(209,162,74,.5);border-radius:4px;padding:1px 5px}.info-card{width:min(520px,calc(100vw - 32px))}.info-card-body{display:flex;gap:16px;margin-top:8px}.info-card-portrait{position:relative;width:160px;min-width:160px;height:200px;border-radius:10px;background:radial-gradient(circle at 50% 35%,#2a3348,#141924);overflow:hidden}.info-card-portrait img{width:100%;height:100%;object-fit:contain}.info-card-yours{position:absolute;top:8px;left:8px;background:#37a77f;color:#0b0e14;font-size:11px;font-weight:700;border-radius:4px;padding:2px 6px}.info-card-traits{flex:1;display:flex;flex-direction:column;gap:8px;font-size:14px}.info-card-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.info-card-row>span:last-child{display:flex;align-items:center;gap:6px;text-align:right}.info-card-label{color:#b8bfd0;font-size:12px;text-transform:uppercase;letter-spacing:.6px}.info-card-icon{width:18px;height:18px;object-fit:contain}.info-card-stars .star{color:#f5f2ef40}.info-card-stars .star.filled{color:#f4dd7a}.lore-card-tag{display:inline-block;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:#eaae83;border:1px solid rgba(234,174,131,.5);border-radius:4px;padding:1px 6px;margin:4px 0 8px}.lore-card-quote{margin:4px 0 12px;padding:8px 12px;border-left:3px solid #eaae83;color:#f4dd7a;font-style:italic;background:#eaae8314;border-radius:0 6px 6px 0}.lore-card-text{color:#d6dae5;font-size:14px;line-height:1.55}.map-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:#04060ad1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.map-overlay-canvas{position:relative;width:min(92vw,1300px);aspect-ratio:2841 / 1835;cursor:crosshair}.map-overlay-image{width:100%;height:100%;object-fit:contain;border-radius:10px;box-shadow:0 8px 40px #0009}.map-overlay-region{position:absolute;transform:translate(-50%,-50%);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#f5f2efbf;text-shadow:0 1px 3px rgba(0,0,0,.9);pointer-events:none;white-space:nowrap}.map-overlay-poi{position:absolute;transform:translate(-50%,-50%);width:7px;height:7px;border-radius:50%;background:#f4dd7a;box-shadow:0 0 5px #f4dd7ae6;pointer-events:none}.map-overlay-dot{position:absolute;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:#f5f2ef;box-shadow:0 0 3px #000c;pointer-events:none}.map-overlay-dot.mine{background:#37a77f;width:9px;height:9px;box-shadow:0 0 6px #37a77fe6}.map-overlay-viewport{position:absolute;border:2px solid rgba(234,174,131,.9);border-radius:4px;pointer-events:none}.map-overlay-hint{color:#b8bfd0;font-size:12px;margin:0}.hud-map-button{margin-left:8px}.hud-map-button kbd{font-size:10px;border:1px solid rgba(245,242,239,.35);border-radius:3px;padding:0 4px;margin-left:4px}.hud-map-button.active{background:#37a77f59;border-color:#37a77f}.info-card-actions{display:flex;justify-content:flex-end;margin-top:4px}.info-card-away{font-size:12px;color:#eaae83;border:1px solid rgba(234,174,131,.5);border-radius:4px;padding:2px 8px}.destination-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.destination-row{display:flex;align-items:center;gap:12px;padding:10px;border-radius:10px;background:#f5f2ef0d}.item-glyph{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;border:1.5px solid currentColor;border-radius:8px;background:#0b0e1499;font-weight:700}.item-glyph.inline{min-width:20px;height:20px;font-size:11px;margin-right:6px}.toast-stack{position:absolute;top:64px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:30;pointer-events:none}.toast{background:#171d29f2;border:1px solid rgba(55,167,127,.6);color:#f5f2ef;border-radius:10px;padding:10px 16px;font-size:14px;box-shadow:0 6px 24px #00000080;animation:toast-in .25s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.journal-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.journal-row{display:flex;align-items:baseline;gap:10px;padding:7px 10px;border-radius:8px;background:#f5f2ef0d;font-size:13px}.journal-when{min-width:96px;color:#b8bfd0;font-size:12px}.journal-text{flex:1}.journal-item{font-weight:700}.journal-heading{margin:16px 0 0;font-size:14px;text-transform:uppercase;letter-spacing:.6px;color:#b8bfd0}