/* ===== Military Briefing Theme ===== */ /* Activated when data-style="military" is set on */ [data-style="military"] { --banana-yellow: #FFAA00; --banana-dark: #CC8800; --banana-light: #1A1A0A; --banana-glow: rgba(255, 170, 0, 0.2); --bg: #0A0E0A; --bg-card: #0F160F; --text-primary: #33FF33; --text-secondary: #22BB22; --text-muted: #1A8A1A; --border: #1A2E1A; --border-hover: #2A4A2A; --danger-red: #FF4444; --focus-ring: #33FF33; --radius-sm: 2px; --radius-md: 3px; --radius-lg: 4px; --radius-xl: 4px; --shadow-sm: 0 0 4px rgba(51, 255, 51, 0.05); --shadow-md: 0 0 8px rgba(51, 255, 51, 0.08); --shadow-lg: 0 0 16px rgba(51, 255, 51, 0.12); --shadow-glow: 0 0 20px rgba(255, 170, 0, 0.15); --font-body: 'Courier New', 'Consolas', monospace, 'Heebo', sans-serif; } /* Military light variant - "declassified document" */ [data-style="military"][data-theme="light"] { --bg: #F0EDE0; --bg-card: #FAF7EC; --text-primary: #1A2E1A; --text-secondary: #2A4A2A; --text-muted: #5A7A5A; --border: #C8C0A8; --border-hover: #A8A088; --focus-ring: #2A4A2A; --shadow-sm: 0 1px 3px rgba(0,0,0,0.1); --shadow-md: 0 4px 12px rgba(0,0,0,0.12); --shadow-lg: 0 8px 30px rgba(0,0,0,0.15); --shadow-glow: 0 0 15px rgba(170, 130, 0, 0.1); } /* ===== Scanline Overlay ===== */ [data-style="military"] body::after { content: ''; position: fixed; inset: 0; background: repeating-linear-gradient( 0deg, transparent, transparent 3px, rgba(0, 0, 0, 0.08) 3px, rgba(0, 0, 0, 0.08) 6px ); pointer-events: none; z-index: 9999; } [data-style="military"][data-theme="light"] body::after { background: repeating-linear-gradient( 0deg, transparent, transparent 4px, rgba(0, 0, 0, 0.03) 4px, rgba(0, 0, 0, 0.03) 8px ); } @media (max-width: 768px) { [data-style="military"] body::after { display: none; } } @media (prefers-reduced-motion: reduce) { [data-style="military"] body::after { display: none; } } /* ===== Military Typography ===== */ [data-style="military"] .title { font-family: 'Courier New', 'Consolas', monospace; letter-spacing: 2px; text-shadow: 0 0 10px rgba(51, 255, 51, 0.3); } [data-style="military"][data-theme="light"] .title { text-shadow: none; } [data-style="military"] .title-highlight { color: var(--banana-yellow); } [data-style="military"] .subtitle { font-family: 'Courier New', monospace, 'Heebo', sans-serif; letter-spacing: 1px; } [data-style="military"] .result-system-line { font-family: 'Courier New', monospace; letter-spacing: 0.5px; } /* ===== Military Modal ===== */ [data-style="military"] .modal-overlay { background: rgba(0, 10, 0, 0.9); } [data-style="military"] .modal { background: var(--bg-card); border: 1px solid var(--border); border-radius: 4px; box-shadow: 0 0 30px rgba(51, 255, 51, 0.1); } [data-style="military"] .modal-icon { filter: grayscale(0.3) brightness(0.9); } [data-style="military"] .btn-accept { background: var(--banana-yellow); color: #0A0E0A; border-radius: 3px; font-family: 'Heebo', sans-serif; text-transform: none; } [data-style="military"] .btn-accept:hover { background: var(--banana-dark); box-shadow: 0 0 12px rgba(255, 170, 0, 0.3); } /* ===== Military Question Cards ===== */ [data-style="military"] .question-card { border: 1px dashed var(--border); position: relative; } [data-style="military"] .question-card::before { content: '// סעיף ' attr(id); position: absolute; top: 6px; left: 12px; font-size: 0.65rem; font-family: 'Courier New', monospace; color: var(--text-muted); opacity: 0.7; } [data-style="military"] .question-label { font-family: 'Heebo', sans-serif; } /* ===== Military Option Buttons ===== */ [data-style="military"] .option-btn { border: 1px solid var(--border); border-radius: 2px; font-family: 'Heebo', sans-serif; transition: all 0.15s ease; } [data-style="military"] .option-btn:hover { border-color: var(--text-primary); background: rgba(51, 255, 51, 0.05); } [data-style="military"] .option-btn.selected { background: rgba(51, 255, 51, 0.15); border-color: var(--text-primary); color: var(--text-primary); box-shadow: 0 0 8px rgba(51, 255, 51, 0.15), inset 0 0 8px rgba(51, 255, 51, 0.05); } [data-style="military"][data-theme="light"] .option-btn.selected { background: rgba(42, 74, 42, 0.12); border-color: var(--text-primary); box-shadow: none; } /* ===== Military Calculate Button ===== */ [data-style="military"] .btn-calculate { background: var(--banana-yellow); color: #0A0E0A; border-radius: 3px; font-family: 'Heebo', sans-serif; box-shadow: 0 0 12px rgba(255, 170, 0, 0.2); } [data-style="military"] .btn-calculate:not(:disabled):hover { background: var(--banana-dark); box-shadow: 0 0 20px rgba(255, 170, 0, 0.35); } [data-style="military"] .btn-calculate:disabled { opacity: 0.3; box-shadow: none; } /* Pulse animation when enabled */ [data-style="military"] .btn-calculate:not(:disabled) { animation: amberPulse 2s ease-in-out infinite; } @keyframes amberPulse { 0%, 100% { box-shadow: 0 0 12px rgba(255, 170, 0, 0.2); } 50% { box-shadow: 0 0 24px rgba(255, 170, 0, 0.4); } } /* ===== Military Result Card ===== */ [data-style="military"] .result-card { background: var(--bg-card); border: 1px solid var(--banana-yellow); border-radius: 4px; box-shadow: 0 0 20px rgba(255, 170, 0, 0.1); position: relative; } /* Classified stamp */ [data-style="military"] .result-card::before { content: 'סודי ביותר'; position: absolute; top: 18px; left: 18px; font-family: 'Heebo', sans-serif; font-size: 0.85rem; font-weight: 700; color: var(--danger-red); border: 2px solid var(--danger-red); padding: 2px 10px; transform: rotate(-12deg); opacity: 0.25; pointer-events: none; } [data-style="military"][data-theme="light"] .result-card { background: var(--bg-card); border-color: #8B7B40; } [data-style="military"][data-theme="light"] .result-card::before { color: #993333; border-color: #993333; opacity: 0.2; } /* ===== Military Basis & Stats ===== */ [data-style="military"] .basis-card, [data-style="military"] .stats-card { border: 1px dashed var(--border); border-radius: 3px; } [data-style="military"] .stats-list li::before { content: '> '; font-family: 'Courier New', monospace; color: var(--text-muted); margin-left: 6px; } [data-style="military"] .section-heading { font-family: 'Heebo', sans-serif; } [data-style="military"] .section-heading::before { content: '[ '; color: var(--text-muted); font-family: 'Courier New', monospace; } [data-style="military"] .section-heading::after { content: ' ]'; color: var(--text-muted); font-family: 'Courier New', monospace; } /* ===== Military Reset Button ===== */ [data-style="military"] .btn-reset { border: 1px solid var(--border); border-radius: 3px; font-family: 'Heebo', sans-serif; } [data-style="military"] .btn-reset:hover { border-color: var(--text-primary); background: rgba(51, 255, 51, 0.05); } /* ===== Military Hero ===== */ [data-style="military"]:not([data-theme="light"]) .banana-hero-img { filter: sepia(1) hue-rotate(70deg) saturate(1.5) brightness(0.85) drop-shadow(0 0 15px rgba(51, 255, 51, 0.2)); } [data-style="military"][data-theme="light"] .banana-hero-img { filter: sepia(0.3) brightness(0.95); } /* ===== Military Footer ===== */ [data-style="military"] .footer-disclaimer { background: #050A05; color: var(--text-muted); font-family: 'Courier New', monospace, 'Heebo', sans-serif; border-top: 1px dashed var(--border); } [data-style="military"][data-theme="light"] .footer-disclaimer { background: #2A3A2A; color: rgba(240, 237, 224, 0.8); } /* ===== Military Theme Controls ===== */ [data-style="military"] .theme-btn { border: 1px solid var(--border); border-radius: 3px; background: var(--bg-card); } [data-style="military"] .theme-btn:hover { border-color: var(--text-primary); box-shadow: 0 0 8px rgba(51, 255, 51, 0.15); } /* ===== Military About ===== */ [data-style="military"] .about-text { font-family: 'Courier New', monospace, 'Heebo', sans-serif; } /* ===== Military Accessibility ===== */ [data-style="military"] .a11y-btn { border: 1px solid var(--border); border-radius: 3px; background: var(--bg-card); } [data-style="military"] .a11y-btn:hover { border-color: var(--text-primary); box-shadow: 0 0 8px rgba(51, 255, 51, 0.15); } [data-style="military"] .a11y-panel-inner { border: 1px solid var(--border); border-radius: 4px; } [data-style="military"] .a11y-panel-body { font-family: 'Courier New', monospace, 'Heebo', sans-serif; }