.entry h3 {
            cursor: pointer;
            color: #7fd;
            margin: 0;
            font-size: 1.2rem;
        }

        .entry-body {
            display: none;
            padding-left: 1rem;
            padding-top: 0.5rem;
            color: #ddd;
        }



            .btn:hover {
                filter: brightness(1.2);
            }

        input, textarea {
            padding: 0.5rem;
            border-radius: 0.5rem;
            width: 100%;
            max-width: 500px;
            margin-bottom: 1rem;
        }

        .map-marker {
            position: absolute;
            transform: translate(-50%, -50%);
            z-index: 10;
            user-select: none;
        }

            .map-marker:active {
                cursor: grabbing;
            }

            .map-marker:hover {
                background: rgba(255,255,255,0.5);
            }

        .roll-output {
            font-style: italic;
            margin-top: 0.5rem;
            color: #cfc;
            background: rgba(0, 0, 0, 0.2);
            padding: 0.5rem;
            border-radius: 0.5rem;
        }

        #monster-output h3 {
            color: #7ff;
            margin-top: 0;
        }

        #monster-output p {
            color: #ddd;
            margin: 0.3rem 0;
        }
        /* ===============================
 MODALS (Deal + Dice)
 =============================== */
        .modal {
            position: fixed;
            inset: 0;
            display: none;
            align-items: center;
            justify-content: center;
            background: rgba(0,0,0,.6);
            z-index: 80;
        }

            .modal[open] {
                display: flex;
            }

            .modal .dialog {
                width: min(520px, 92vw);
                background: linear-gradient(var(--bg-0), var(--bg-1));
                border: 1px solid rgba(0,0,0,.15);
                border-radius: var(--radius-lg);
                box-shadow: var(--elev);
                padding: 1rem;
            }

        #diceResults, .dialog h3, label {
            color: black;
        }