/**
 * kennan.css - The Policy Planning Staff Aesthetic
 *
 * v2.3 - "The Long Telegram Update"
 *
 * Reference: State Department Policy Planning Staff, 1947
 * Cream Paper, Typewriter Font, Top Secret Dossier on Wooden Desk
 * Subdued, Intellectual, Patient
 *
 * "The main element of any United States policy toward the Soviet Union
 *  must be that of long-term, patient but firm and vigilant containment."
 *
 * NO neon. NO flashy effects. Quiet confidence.
 */

/* ========================================
   Kennan Doctrine Theme Variables
   ======================================== */
.theme-kennan {
    /* Paper/Document tones - Warm cream */
    --kennan-paper: #fdf6e3;
    --kennan-paper-dim: #f5eedb;
    --kennan-paper-dark: #eee8d5;
    --kennan-paper-aged: #e5dcc8;

    /* Ink colors - Typewriter black and navy */
    --kennan-ink: #222222;
    --kennan-ink-dim: #3a3a3a;
    --kennan-navy: #002b36;
    --kennan-navy-light: #073642;

    /* Accent colors */
    --kennan-stamp-red: #dc322f;
    --kennan-stamp-red-dim: #b52725;
    --kennan-blue-ink: #268bd2;
    --kennan-green-ink: #2aa198;

    /* Wood desk tones */
    --kennan-wood-dark: #4a3728;
    --kennan-wood-medium: #5c4a3a;
    --kennan-wood-light: #6e5c4a;
    --kennan-wood-grain: #7a684e;

    /* Brass/Gold accents */
    --kennan-brass: #b58900;
    --kennan-brass-dim: #96720a;

    /* Override base variables */
    --paper-cream: #fdf6e3;
    --paper-aged: #eee8d5;
    --ink-black: #222222;
    --ink-blue: #002b36;
    --ink-red: #dc322f;
}

/* ========================================
   Base Theme Application - Wooden Desk
   ======================================== */
.theme-kennan body,
.theme-kennan #desk {
    background: var(--kennan-wood-dark);
    font-family: 'Courier Prime', 'American Typewriter', 'Courier New', monospace;
}

.theme-kennan #desk {
    /* Wooden desk texture */
    background:
        /* Wood grain pattern */
        repeating-linear-gradient(
            0deg,
            transparent,
            transparent 2px,
            rgba(0, 0, 0, 0.03) 2px,
            rgba(0, 0, 0, 0.03) 4px
        ),
        /* Wood gradient */
        linear-gradient(
            180deg,
            var(--kennan-wood-medium) 0%,
            var(--kennan-wood-dark) 40%,
            #3a2a1a 100%
        );
}

/* ========================================
   Header - Dossier Tab
   ======================================== */
.theme-kennan #header {
    background: linear-gradient(180deg, var(--kennan-paper) 0%, var(--kennan-paper-dim) 100%);
    border: 1px solid #a09080;
    border-bottom: 2px solid #8a7a6a;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.theme-kennan .title-area h1 {
    color: var(--kennan-navy);
    font-family: 'Courier Prime', 'Courier New', monospace;
    letter-spacing: 3px;
    font-weight: bold;
    text-transform: uppercase;
}

.theme-kennan .title-area .subtitle {
    color: var(--kennan-ink-dim);
    letter-spacing: 2px;
    font-size: 11px;
}

/* ========================================
   Status Bar - Dossier Header
   ======================================== */
.theme-kennan #status-bar {
    background: linear-gradient(180deg, var(--kennan-paper) 0%, var(--kennan-paper-dim) 100%);
    border: 1px solid #a09080;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
}

.theme-kennan .status-item {
    border-right-color: #c0b0a0;
}

.theme-kennan .status-item .label {
    color: var(--kennan-ink-dim);
    font-size: 11px;
    letter-spacing: 2px;
    font-weight: bold;
    text-transform: uppercase;
}

.theme-kennan .status-item .value {
    color: var(--kennan-ink);
    font-family: 'Courier Prime', 'Courier New', monospace;
    font-weight: bold;
}

.theme-kennan .status-item .value.usa {
    color: var(--kennan-navy);
}

.theme-kennan .status-item .value.ussr {
    color: var(--kennan-stamp-red);
}

.theme-kennan .status-item .vs {
    color: #5a5a5a;
}

/* ========================================
   Long Peace Score Display (Kennan Victory Metric)
   ======================================== */
.long-peace-display {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 15px;
    /* Paper document look */
    background: linear-gradient(180deg, var(--kennan-paper) 0%, var(--kennan-paper-dim) 100%);
    border: 1px solid #a09080;
    border-radius: 2px;
    min-width: 180px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    position: relative;
}

/* Top Secret stamp effect */
.long-peace-display::before {
    content: 'CONFIDENTIAL';
    position: absolute;
    top: 3px;
    right: 8px;
    font-size: 7px;
    color: var(--kennan-stamp-red);
    opacity: 0.6;
    letter-spacing: 1px;
    font-weight: bold;
}

.long-peace-label {
    font-size: 11px;
    color: var(--kennan-navy);
    letter-spacing: 3px;
    margin-bottom: 4px;
    font-weight: bold;
    text-transform: uppercase;
}

.long-peace-value {
    font-size: 28px;
    font-weight: bold;
    font-family: 'Courier Prime', 'Courier New', monospace;
    color: var(--kennan-ink);
}

.long-peace-bar {
    width: 100%;
    height: 8px;
    background: var(--kennan-paper-aged);
    border: 1px solid #b0a090;
    border-radius: 1px;
    margin-top: 6px;
    overflow: hidden;
}

.long-peace-fill {
    height: 100%;
    /* Gradient from fragile (red) through stable (amber) to winning (navy) */
    background: linear-gradient(90deg,
        var(--kennan-stamp-red) 0%,
        var(--kennan-brass) 40%,
        var(--kennan-green-ink) 70%,
        var(--kennan-navy) 100%
    );
    transition: width 0.3s ease;
}

.long-peace-status {
    font-size: 11px;
    letter-spacing: 2px;
    margin-top: 6px;
    padding: 2px 8px;
    border-radius: 1px;
    font-weight: bold;
    text-transform: uppercase;
}

.long-peace-status.victory {
    color: #ffffff;
    background: var(--kennan-navy);
    border: 1px solid var(--kennan-navy-light);
}

.long-peace-status.winning {
    color: var(--kennan-navy);
    background: rgba(0, 43, 54, 0.15);
    border: 1px solid var(--kennan-navy);
}

.long-peace-status.containing {
    color: var(--kennan-green-ink);
    background: rgba(42, 161, 152, 0.15);
    border: 1px solid var(--kennan-green-ink);
}

.long-peace-status.stable {
    color: var(--kennan-brass);
    background: rgba(181, 137, 0, 0.15);
    border: 1px solid var(--kennan-brass);
}

.long-peace-status.tenuous {
    color: #7a5e08;
    background: rgba(150, 114, 10, 0.12);
    border: 1px solid var(--kennan-brass-dim);
}

.long-peace-status.fragile {
    color: var(--kennan-stamp-red);
    background: rgba(220, 50, 47, 0.12);
    border: 1px solid var(--kennan-stamp-red);
}

/* ========================================
   Map Area - World Map on Desk
   ======================================== */
.theme-kennan #map-area {
    /* Paper map on wooden desk */
    background: linear-gradient(180deg, var(--kennan-paper-dim) 0%, var(--kennan-paper-dark) 100%);
    border: 2px solid #8a7a6a;
    box-shadow:
        0 2px 8px rgba(0, 0, 0, 0.25),
        inset 0 0 20px rgba(0, 0, 0, 0.05);
}

.theme-kennan .world-map-container {
    background: var(--kennan-paper);
    border: 1px solid #a09080;
}

.theme-kennan .map-title {
    color: var(--kennan-navy);
    font-family: 'Courier Prime', 'Courier New', monospace;
    letter-spacing: 3px;
    font-weight: bold;
}

.theme-kennan .region-summary {
    background: linear-gradient(180deg, var(--kennan-paper) 0%, var(--kennan-paper-dim) 100%);
    border: 1px solid #b0a090;
}

.theme-kennan .region-summary .region-name {
    color: var(--kennan-navy);
    font-family: 'Georgia', serif;
    font-weight: bold;
}

.theme-kennan .country-chip {
    font-family: 'Courier Prime', 'Courier New', monospace;
}

.theme-kennan .country-chip.us {
    background: rgba(0, 43, 54, 0.12);
    border-color: var(--kennan-navy);
    color: var(--kennan-navy);
}

.theme-kennan .country-chip.ussr {
    background: rgba(220, 50, 47, 0.1);
    border-color: var(--kennan-stamp-red-dim);
    color: var(--kennan-stamp-red);
}

.theme-kennan .country-chip.contested {
    background: rgba(181, 137, 0, 0.1);
    border-color: var(--kennan-brass-dim);
    color: #7a5e08;
}

/* Frozen region indicator */
.theme-kennan .country-chip.frozen {
    background: rgba(38, 139, 210, 0.15);
    border-color: var(--kennan-blue-ink);
    color: var(--kennan-blue-ink);
    position: relative;
}

.theme-kennan .country-chip.frozen::after {
    content: 'CONTAINED';
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 6px;
    color: var(--kennan-blue-ink);
    letter-spacing: 0.5px;
}

.theme-kennan .global-control-indicator {
    background: linear-gradient(180deg, var(--kennan-paper) 0%, var(--kennan-paper-dim) 100%);
    border: 1px solid var(--kennan-navy);
    color: var(--kennan-ink);
}

/* ========================================
   Action Panel - Policy Document
   ======================================== */
.theme-kennan #action-panel {
    background: linear-gradient(180deg, var(--kennan-paper) 0%, var(--kennan-paper-dim) 100%);
    border: 1px solid #a09080;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.theme-kennan .action-header {
    border-bottom: 1px solid #c0b0a0;
}

.theme-kennan .action-header h2 {
    color: var(--kennan-navy);
    font-family: 'Courier Prime', 'Courier New', monospace;
    letter-spacing: 2px;
}

.theme-kennan .ap-display {
    color: var(--kennan-ink-dim);
}

/* Telegram cards - Policy memos */
.theme-kennan .telegram {
    background: var(--kennan-paper);
    border: 1px solid #b0a090;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}

.theme-kennan .telegram::before {
    background: repeating-linear-gradient(
        90deg,
        transparent,
        transparent 8px,
        var(--kennan-navy) 8px,
        var(--kennan-navy) 16px
    );
    opacity: 0.3;
}

.theme-kennan .action-name {
    color: var(--kennan-navy);
    font-weight: bold;
    font-size: 13px;
}

.theme-kennan .action-cost {
    background: var(--kennan-navy);
    color: var(--kennan-paper);
    border: 1px solid var(--kennan-navy-light);
    font-weight: bold;
}

.theme-kennan .telegram-body p {
    color: var(--kennan-ink);
}

.theme-kennan .telegram-body .stats {
    color: var(--kennan-ink-dim);
    font-weight: bold;
}

.theme-kennan .country-selector label {
    color: var(--kennan-ink-dim);
    font-weight: bold;
}

.theme-kennan .country-select {
    background: #ffffff;
    border: 1px solid #a09080;
    color: var(--kennan-ink);
    font-family: 'Courier Prime', 'Courier New', monospace;
}

.theme-kennan .execute-btn {
    /* Subdued button - quiet confidence */
    background: linear-gradient(180deg, var(--kennan-paper-dim) 0%, var(--kennan-paper-dark) 100%);
    border: 1px solid #a09080;
    color: var(--kennan-navy);
    font-family: 'Courier Prime', 'Courier New', monospace;
    font-weight: bold;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.theme-kennan .execute-btn:hover:not(:disabled) {
    background: linear-gradient(180deg, var(--kennan-paper) 0%, var(--kennan-paper-dim) 100%);
    border-color: var(--kennan-navy);
}

.theme-kennan .execute-btn:disabled {
    background: var(--kennan-paper-aged);
    border-color: #c0b0a0;
    color: #8a7a6a;
}

.theme-kennan .end-turn-btn {
    /* Subdued end turn button */
    background: linear-gradient(180deg, var(--kennan-navy-light) 0%, var(--kennan-navy) 100%);
    border: 1px solid #001a22;
    color: var(--kennan-paper);
    font-family: 'Courier Prime', 'Courier New', monospace;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.theme-kennan .end-turn-btn:hover {
    background: linear-gradient(180deg, #094a58 0%, var(--kennan-navy-light) 100%);
}

/* ========================================
   DECLARE DOCTRINE Button - The Containment Shield
   ======================================== */
.containment-shield-container {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px dashed var(--kennan-navy);
}

.containment-shield-btn {
    width: 100%;
    padding: 15px 20px;
    /* Distinguished, authoritative - like a policy declaration */
    background: linear-gradient(180deg, var(--kennan-paper) 0%, var(--kennan-paper-dim) 100%);
    border: 2px solid var(--kennan-navy);
    border-radius: 2px;
    color: var(--kennan-navy);
    font-family: 'Courier Prime', 'Courier New', monospace;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

/* Top Secret stamp on button */
.containment-shield-btn::before {
    content: 'TOP SECRET';
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 8px;
    color: var(--kennan-stamp-red);
    opacity: 0.7;
    letter-spacing: 1px;
    transform: rotate(-5deg);
}

.containment-shield-btn:hover:not(:disabled) {
    background: linear-gradient(180deg, #ffffff 0%, var(--kennan-paper) 100%);
    border-color: var(--kennan-navy);
    box-shadow: 0 3px 8px rgba(0, 43, 54, 0.25);
}

.containment-shield-btn:disabled {
    background: var(--kennan-paper-aged);
    border-color: #b0a090;
    color: #8a7a6a;
    cursor: not-allowed;
}

.containment-shield-btn:disabled::before {
    opacity: 0.3;
}

.containment-shield-label {
    display: block;
    font-size: 14px;
    margin-bottom: 4px;
}

.containment-shield-subtitle {
    display: block;
    font-size: 11px;
    font-style: italic;
    opacity: 0.8;
    letter-spacing: 0.5px;
    text-transform: none;
    margin-bottom: 4px;
}

.containment-shield-cost {
    display: block;
    font-size: 11px;
    color: var(--kennan-stamp-red);
    margin-top: 4px;
    text-transform: none;
    letter-spacing: 0.5px;
}

.containment-shield-used {
    width: 100%;
    padding: 15px;
    background: var(--kennan-paper-dim);
    border: 1px solid #b0a090;
    border-radius: 2px;
    color: var(--kennan-ink-dim);
    font-family: 'Courier Prime', 'Courier New', monospace;
    font-size: 11px;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
}

/* Frozen region selector */
.containment-region-select {
    width: 100%;
    padding: 8px 12px;
    margin-bottom: 10px;
    background: var(--kennan-paper);
    border: 1px solid #a09080;
    color: var(--kennan-ink);
    font-family: 'Courier Prime', 'Courier New', monospace;
    font-size: 12px;
}

/* Frozen regions display */
.frozen-regions-display {
    margin-top: 10px;
    padding: 8px 12px;
    background: rgba(38, 139, 210, 0.1);
    border: 1px dashed var(--kennan-blue-ink);
    border-radius: 2px;
}

.frozen-regions-label {
    font-size: 11px;
    color: var(--kennan-blue-ink);
    letter-spacing: 1px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.frozen-region-item {
    font-size: 11px;
    color: var(--kennan-ink);
    padding: 2px 0;
}

.frozen-region-turns {
    color: var(--kennan-blue-ink);
    font-weight: bold;
}

/* ========================================
   Tension/DEFCON Override - Subdued
   ======================================== */
.theme-kennan .tension-status {
    font-family: 'Courier Prime', 'Courier New', monospace;
    font-weight: bold;
}

.theme-kennan .tension-calm {
    background: var(--kennan-green-ink);
    color: var(--kennan-paper);
}

.theme-kennan .tension-concerned {
    background: var(--kennan-brass);
    color: #1a1a10;
}

.theme-kennan .tension-mobilizing {
    background: var(--kennan-brass-dim);
    color: var(--kennan-paper);
}

.theme-kennan .tension-ready {
    background: var(--kennan-stamp-red-dim);
    color: var(--kennan-paper);
}

.theme-kennan .tension-imminent {
    background: var(--kennan-stamp-red);
    color: var(--kennan-paper);
}

/* ========================================
   Domestic Stats Override
   ======================================== */
.theme-kennan .domestic-stat.domestic-ok {
    background: var(--kennan-navy);
    color: var(--kennan-paper);
}

.theme-kennan .domestic-stat.domestic-warning {
    background: var(--kennan-brass);
    color: #1a1a10;
}

.theme-kennan .domestic-stat.domestic-low {
    background: var(--kennan-stamp-red);
    color: var(--kennan-paper);
}

/* ========================================
   Footer - Document Footer
   ======================================== */
.theme-kennan #footer {
    background: var(--kennan-wood-dark);
    border-top: 1px solid var(--kennan-wood-light);
}

.theme-kennan .classification {
    color: var(--kennan-stamp-red);
    font-weight: bold;
    letter-spacing: 2px;
}

.theme-kennan .version {
    color: var(--kennan-paper-dim);
}

/* ========================================
   Crisis Modal Override - Policy Brief
   ======================================== */
.theme-kennan .crisis-modal {
    background: linear-gradient(180deg, var(--kennan-paper) 0%, var(--kennan-paper-dim) 100%);
    border: 2px solid var(--kennan-navy);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}

.theme-kennan .crisis-title {
    color: var(--kennan-navy);
    font-family: 'Georgia', serif;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.theme-kennan .crisis-description {
    color: var(--kennan-ink);
}

.theme-kennan .red-phone {
    background: var(--kennan-stamp-red);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
}

.theme-kennan .phone-ring {
    border-color: var(--kennan-stamp-red);
}

.theme-kennan .crisis-btn {
    font-family: 'Courier Prime', 'Courier New', monospace;
    background: var(--kennan-paper);
    border: 1px solid #a09080;
    color: var(--kennan-ink);
}

.theme-kennan .crisis-btn:hover {
    background: #ffffff;
    border-color: var(--kennan-navy);
}

.theme-kennan .crisis-btn.escalate {
    background: linear-gradient(180deg, var(--kennan-stamp-red-dim) 0%, var(--kennan-stamp-red) 100%);
    border-color: #8a1a18;
    color: var(--kennan-paper);
}

.theme-kennan .crisis-btn.escalate:hover {
    background: linear-gradient(180deg, #c62d2b 0%, var(--kennan-stamp-red-dim) 100%);
}

/* ========================================
   Action Log Override - Typewritten Report
   ======================================== */
.theme-kennan .action-log-container {
    background: linear-gradient(180deg, var(--kennan-paper) 0%, var(--kennan-paper-dim) 100%);
    border: 1px solid #a09080;
}

.theme-kennan .log-header {
    background: linear-gradient(180deg, var(--kennan-paper-dim) 0%, var(--kennan-paper-dark) 100%);
    border-bottom-color: #b0a090;
}

.theme-kennan .log-title {
    color: var(--kennan-navy);
    font-weight: bold;
}

.theme-kennan .log-status {
    color: var(--kennan-green-ink);
    font-weight: bold;
}

.theme-kennan .log-content {
    color: var(--kennan-ink);
}

.theme-kennan .log-entry.usa-entry {
    border-left-color: var(--kennan-navy);
    color: var(--kennan-ink);
}

.theme-kennan .log-entry.ussr-entry {
    border-left-color: var(--kennan-stamp-red);
    color: var(--kennan-stamp-red);
}

/* Kennan-specific log entries */
.theme-kennan .log-entry.kennan-entry {
    border-left-color: var(--kennan-green-ink);
    color: var(--kennan-green-ink);
    font-style: italic;
}

/* ========================================
   Vignette Override - Warm desk lamp lighting
   ======================================== */
.theme-kennan::before {
    background: radial-gradient(
        ellipse at 50% 40%,
        transparent 40%,
        rgba(74, 55, 40, 0.15) 70%,
        rgba(40, 30, 20, 0.35) 100%
    );
}

/* No scanlines - clean paper */
.theme-kennan::after {
    display: none;
}

/* ========================================
   Notification Override
   ======================================== */
.theme-kennan .notification {
    font-family: 'Courier Prime', 'Courier New', monospace;
    border: 1px solid;
}

.theme-kennan .notification.success {
    background: var(--kennan-green-ink);
    color: var(--kennan-paper);
    border-color: #1a8a82;
}

.theme-kennan .notification.error {
    background: var(--kennan-stamp-red);
    color: var(--kennan-paper);
    border-color: var(--kennan-stamp-red-dim);
}

/* ========================================
   Cost Modifiers (Kennan Doctrine)
   ======================================== */
.theme-kennan .action-cost.cost-discount {
    background: var(--kennan-green-ink);
    color: var(--kennan-paper);
    border: 1px solid #1a8a82;
}

.theme-kennan .action-cost.cost-markup {
    background: var(--kennan-stamp-red-dim);
    color: var(--kennan-paper);
    border: 1px solid #8a1a18;
}

/* ========================================
   Game Over - Kennan Victory/Defeat
   ======================================== */
.theme-kennan .game-over.kennan-victory {
    border-color: var(--kennan-navy);
}

.theme-kennan .game-over.kennan-victory .stamp {
    background: var(--kennan-navy);
    color: var(--kennan-paper);
}

.theme-kennan .game-over.containment-failure {
    border-color: var(--kennan-stamp-red);
}

.theme-kennan .game-over.containment-failure .stamp {
    background: var(--kennan-stamp-red);
    color: var(--kennan-paper);
}