/* ==========================================================
   WORLD — mondo aperto ASCII
   (base contenitore/card/testata in components.css)
   ================================================---------- */

.wd-card {
    max-width: 520px;
    padding: var(--sp-4);
    gap: var(--sp-3);
    align-items: center;
}
.wd-title { font-size: 1rem; letter-spacing: 1.5px; }

/* Griglia ASCII */
.wd-grid {
    font-family: 'Courier New', monospace;
    font-size: clamp(12px, 3.6vw, 20px);
    line-height: 1.05;
    letter-spacing: 2px;
    margin: 0;
    background: rgba(0, 0, 0, 0.5);
    padding: 10px;
    border: 1px dashed rgba(112, 56, 248, 0.4);
    overflow-x: auto;
    max-width: 100%;
    white-space: pre;
}
.wd-w { color: rgba(150, 120, 220, 0.45); }   /* muro */
.wd-f { color: rgba(120, 130, 180, 0.22); }   /* pavimento */
.wd-p { color: var(--hp); font-weight: bold; text-shadow: 0 0 8px var(--hp); }            /* giocatore @ */
.wd-e { color: var(--pericolo); font-weight: bold; text-shadow: 0 0 6px var(--pericolo); } /* nemico */
.wd-c { color: var(--scudi-col); font-weight: bold; text-shadow: 0 0 8px var(--scudi-col); } /* core */
.wd-pet { color: var(--pet); font-weight: bold; text-shadow: 0 0 8px var(--pet); }         /* pet */
.wd-x { color: var(--oro); font-weight: bold; text-shadow: 0 0 8px var(--oro); }           /* uscita */
.wd-giu { color: var(--pericolo); font-weight: bold; text-shadow: 0 0 8px var(--pericolo); } /* scala dungeon ▼ */

.wd-blocco {
    color: var(--testo-tenue);
    font-size: 0.92rem;
    line-height: 1.55;
    padding: 6px 4px 4px;
}
.wd-blocco p { margin: 0 0 8px; }
.wd-blocco b { color: var(--oro); }

.wd-log {
    font-size: 0.78rem;
    color: var(--testo-tenue);
    min-height: 1.2em;
    text-align: center;
    width: 100%;
}

/* D-pad touch */
.wd-dpad { display: flex; flex-direction: column; align-items: center; gap: 6px; }
.wd-mid { display: flex; gap: 60px; }
.wd-dpad button {
    font-family: inherit; font-size: 1.1rem; color: var(--testo);
    width: 52px; height: 44px; cursor: pointer;
    background: rgba(112, 56, 248, 0.18); border: 1px solid var(--accent);
    transition: background 0.15s ease;
}
.wd-dpad button:hover { background: rgba(112, 56, 248, 0.4); }
.wd-dpad button:active { background: rgba(112, 56, 248, 0.6); }