/* Kriegswerk — the shared themed tooltip (tooltip.js): a field-grey slip with a brass edge; in the card game a typed
   paper slip for the desk. Positioned by the script on whole pixels; the arrow follows --ax. */
.kw-tooltip { position: fixed; left: 0; top: 0; z-index: 2147483000; max-width: 300px; pointer-events: none; opacity: 0; transform: translateY(3px);
    font: 500 14px/1.32 'Barlow Semi Condensed', 'Barlow', 'Segoe UI', sans-serif; color: #ece4cb; text-align: left; }
.kw-tooltip[hidden] { display: none; }
.kw-tooltip.is-on { opacity: 1; transform: none; transition: opacity .12s ease, transform .12s ease; }
.kw-tooltip.is-below { transform: translateY(-3px); } .kw-tooltip.is-below.is-on { transform: none; }
.kw-tooltip-in { position: relative; padding: 6px 10px 7px; border-radius: 2px; overflow-wrap: anywhere; white-space: pre-line;
    background: linear-gradient(180deg, #2b2a21, #1b1a15); border: 1px solid #5a5640; border-top: 2px solid #c9a452;
    box-shadow: 0 1px 0 #0b0a07, 0 8px 18px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(255, 244, 205, .08); }
.kw-tooltip-in b { display: block; margin-bottom: 1px; font-weight: 700; font-size: 15px; letter-spacing: .02em; color: #f0cf7e; }
.kw-tooltip-arrow { position: absolute; left: var(--ax, 50%); bottom: -5px; width: 10px; height: 10px; margin-left: -5px; transform: rotate(45deg);
    background: #1b1a15; border-right: 1px solid #5a5640; border-bottom: 1px solid #5a5640; }
.kw-tooltip.is-below .kw-tooltip-arrow { bottom: auto; top: -5px; background: #c9a452; border: 0; box-shadow: none; }

/* the card game: a typed slip of paper, a strip of red tape on the left like the order forms */
.kw-tooltip.is-paper { font-family: 'Special Elite', 'Courier New', monospace; font-size: 13.5px; font-weight: 400; line-height: 1.3; color: #2a2418; }
.kw-tooltip.is-paper .kw-tooltip-in { padding: 6px 10px 7px 14px; border: 0; border-radius: 1px;
    background: linear-gradient(90deg, #b8352c 0 4px, rgba(0, 0, 0, .18) 4px 5px, transparent 5px),
        repeating-linear-gradient(0deg, transparent 0 16px, rgba(70, 100, 140, .13) 16px 17px),
        linear-gradient(175deg, #f6efd9, #e8dcb8);
    box-shadow: 0 0 0 1px rgba(60, 45, 20, .55), 2px 3px 0 rgba(0, 0, 0, .28), 0 8px 16px rgba(0, 0, 0, .45); }
.kw-tooltip.is-paper .kw-tooltip-in b { font-family: 'Saira Stencil One', 'Barlow Semi Condensed', sans-serif; font-weight: 400; font-size: 15px; letter-spacing: .04em; color: #7a1d16; }
.kw-tooltip.is-paper .kw-tooltip-arrow { background: #e8dcb8; border-color: rgba(60, 45, 20, .55); }
.kw-tooltip.is-paper.is-below .kw-tooltip-arrow { background: #f6efd9; border: 0; border-left: 1px solid rgba(60, 45, 20, .55); border-top: 1px solid rgba(60, 45, 20, .55); }
@media (prefers-reduced-motion: reduce) { .kw-tooltip, .kw-tooltip.is-on { transition: none; transform: none; } }