/* Migs Space – Editmodus fürs Hauptmenü (game/menu-edit.js) + Abzeichen an den Kacheln */
.tile-off { display: none !important; }
.mg-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.tile { position: relative; }
.tile-bdg { position: absolute; left: 8px; top: -7px; z-index: 2; padding: 1px 8px; border-radius: 9px; font-size: 11px; font-weight: 800; letter-spacing: .04em; color: #10142a; background: #7dfcff; pointer-events: none; }
.tile-bdg.hype { background: linear-gradient(90deg, #ff7a5c, #ffd23f); }
.tile-bdg.beta { background: #b48cff; }
.tile-bdg.neu { background: #5ee07a; }
.tile-bdg.top { background: #ffd23f; }
.tile-bdg.bald { background: #c8d0ff; }
body.menu-edit .me-tile { cursor: grab; outline: 2px dashed rgba(255, 90, 110, .55); outline-offset: 2px; }
body.menu-edit .me-tile.me-drag { opacity: .45; }
.me-x { position: absolute; right: -8px; top: -8px; z-index: 5; width: 26px; height: 26px; padding: 0; border: 2px solid #fff; border-radius: 50%; background: #e0263c; color: #fff; font: 700 13px/1 system-ui, sans-serif; cursor: pointer; box-shadow: 0 2px 8px rgba(0, 0, 0, .5); }
.me-x:hover { background: #ff3b52; transform: scale(1.1); }
.me-b { position: absolute; left: 6px; bottom: 4px; z-index: 5; max-width: calc(100% - 12px); height: 24px; border: 1px solid rgba(255, 255, 255, .4); border-radius: 8px; background: rgba(16, 18, 48, .92); color: #fff; font: 600 11px system-ui, sans-serif; cursor: pointer; }
.me-plus { display: flex; align-items: center; justify-content: center; min-height: 74px; border: 3px dashed #ff5a6e !important; background: rgba(224, 38, 60, .22) !important; color: #ff8a9a; font-size: 40px; font-weight: 700; cursor: pointer; }
.me-plus:hover { background: rgba(224, 38, 60, .4) !important; color: #fff; }
.me-pop, .me-pv { position: fixed; inset: 0; z-index: 2000; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 16px; box-sizing: border-box; background: rgba(5, 6, 24, .72); }
.me-pv { z-index: 2100; gap: 8px; background: rgba(5, 6, 24, .92); }
.me-card { width: min(100%, 980px); max-height: 100%; display: flex; flex-direction: column; gap: 12px; padding: 16px 18px; overflow: hidden; color: #fff; }
.me-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.me-head h2 { margin: 0; font-size: 22px; }
.me-close { width: 38px; height: 38px; border: 1px solid rgba(255, 255, 255, .35); border-radius: 50%; background: rgba(255, 255, 255, .06); color: #fff; font-size: 15px; cursor: pointer; }
.me-cols { flex: 1 1 auto; min-height: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; overflow: auto; }
.me-sec { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.me-sec h3 { margin: 0 0 4px; font-size: 15px; opacity: .85; }
.me-row { display: flex; align-items: center; gap: 6px; min-height: 40px; padding: 3px 8px; border-radius: 10px; background: rgba(255, 255, 255, .04); }
.me-row.on { background: rgba(125, 252, 255, .1); }
.me-n { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
.me-act { min-height: 32px; padding: 3px 12px; font-size: 13px; }
.me-mini { min-width: 32px; min-height: 32px; padding: 2px 6px; font-size: 12px; }
.me-sizes { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.me-l { font-size: 13px; opacity: .85; }
.me-size { min-height: 32px; padding: 3px 10px; font-size: 13px; }
.me-foot { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 10px; }
.me-msg { flex: 1 1 auto; font-size: 13px; opacity: .85; }
.me-pv-bar { display: flex; align-items: center; gap: 12px; color: #fff; }
.me-pv-box { position: relative; overflow: hidden; border-radius: 10px; box-shadow: 0 0 0 2px rgba(125, 252, 255, .5); background: #071022; }
.me-pv-f { position: absolute; left: 0; top: 0; border: 0; transform-origin: 0 0; }
@media (max-width: 720px) { .me-cols { grid-template-columns: minmax(0, 1fr); } }