/* ==== Seite: numberwordgenerator ==== */

/* Reset der globalen Karten-Komponente für den Tool-Container */
/* Zusatzregeln für Inline-Styles */
body.page-numberwordgenerator .input-row {
    margin-top: 8px;
}

/* Main Card */

body.page-numberwordgenerator .card-header {

            text-align: center;
            margin-bottom: 30px;
        
}

body.page-numberwordgenerator .card-header h1 {

            font-size: 2.5em;
            color: var(--c-text);
            margin-bottom: 10px;
        
}

body.page-numberwordgenerator .card-header p {

            color: var(--c-muted);
            font-size: 1.1em;
        
}

/* Mode Selection */

body.page-numberwordgenerator .mode-tabs {

            display: flex;
            gap: 10px;
            margin-bottom: 30px;
            flex-wrap: wrap;
        
}

body.page-numberwordgenerator .mode-tab {

            flex: 1;
            padding: 14px 20px;
            background: var(--c-surface-2);
            border: 2px solid transparent;
            border-radius: 12px;
            cursor: pointer;
            font-size: 15px;
            font-weight: 600;
            transition: all 0.3s;
            text-align: center;
            min-width: 120px;
        
}

body.page-numberwordgenerator .mode-tab:hover:not(.active) {

            background: var(--c-surface-2);
        
}

body.page-numberwordgenerator .mode-tab.active {

            background: var(--c-accent);
            color: white;
            border-color: var(--c-accent);
            box-shadow: 0 4px 12px rgba(102,126,234,0.3);
        
}

body.page-numberwordgenerator .mode-tab .tab-icon {

            display: block;
            font-size: 24px;
            margin-bottom: 4px;
        
}

/* Panels */

body.page-numberwordgenerator .panel {

            display: none;
        
}

body.page-numberwordgenerator .panel.active {

            display: block;
        
}

/* Input Groups */

body.page-numberwordgenerator .input-group {

            margin-bottom: 20px;
        
}

body.page-numberwordgenerator .input-group label {

            display: block;
            font-weight: 600;
            margin-bottom: 8px;
            color: var(--c-muted);
            font-size: 14px;
        
}

body.page-numberwordgenerator .input-row {

            display: flex;
            gap: 12px;
            align-items: center;
            flex-wrap: wrap;
        
}

body.page-numberwordgenerator .input-row input[type="number"], body.page-numberwordgenerator .input-row input[type="text"] {

            flex: 1;
            min-width: 100px;
            padding: 12px 16px;
            font-size: 16px;
            border: 2px solid var(--c-border);
            border-radius: 10px;
            transition: all 0.3s;
            font-family: inherit;
        
}

body.page-numberwordgenerator .input-row input:focus {

            outline: none;
            border-color: var(--c-accent);
            box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
        
}

body.page-numberwordgenerator .input-row .range-label {

            font-weight: 600;
            color: var(--c-muted);
        
}

body.page-numberwordgenerator .input-hint {

            font-size: 13px;
            color: var(--c-muted);
            margin-top: 6px;
        
}

/* Preset Buttons */

body.page-numberwordgenerator .preset-list {

            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin-bottom: 10px;
        
}

body.page-numberwordgenerator .preset-btn {

            padding: 8px 16px;
            background: var(--c-surface-2);
            border: 2px solid transparent;
            border-radius: 20px;
            cursor: pointer;
            font-size: 13px;
            font-weight: 600;
            transition: all 0.3s;
        
}

body.page-numberwordgenerator .preset-btn:hover:not(.active) {

            background: var(--c-surface-2);
        
}

body.page-numberwordgenerator .preset-btn.active {

            background: var(--c-accent);
            color: white;
        
}

/* Custom Words Area */

body.page-numberwordgenerator .custom-words-area {

            width: 100%;
            min-height: 100px;
            padding: 14px 16px;
            font-size: 15px;
            border: 2px solid var(--c-border);
            border-radius: 10px;
            transition: all 0.3s;
            font-family: inherit;
            resize: vertical;
            line-height: 1.5;
        
}

body.page-numberwordgenerator .custom-words-area:focus {

            outline: none;
            border-color: var(--c-accent);
            box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
        
}

/* Quantity */

body.page-numberwordgenerator .quantity-row {

            display: flex;
            gap: 12px;
            align-items: center;
            flex-wrap: wrap;
            margin-bottom: 20px;
        
}

body.page-numberwordgenerator .quantity-row label {

            font-weight: 600;
            color: var(--c-muted);
            font-size: 14px;
        
}

body.page-numberwordgenerator .quantity-row input {

            width: 80px;
            padding: 10px 14px;
            font-size: 16px;
            border: 2px solid var(--c-border);
            border-radius: 10px;
            text-align: center;
            transition: all 0.3s;
        
}

body.page-numberwordgenerator .quantity-row input:focus {

            outline: none;
            border-color: var(--c-accent);
            box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
        
}

body.page-numberwordgenerator .quantity-row input:disabled {

            background: var(--c-surface-2);
            color: var(--c-muted);
        
}

/* Uniqueness Toggle */

body.page-numberwordgenerator .uniq-toggle {

            display: inline-flex;
            align-items: center;
            gap: 8px;
            cursor: pointer;
            font-size: 14px;
            font-weight: 600;
            color: var(--c-muted);
        
}

body.page-numberwordgenerator .uniq-toggle input {

            width: 18px;
            height: 18px;
            cursor: pointer;
            accent-color: var(--c-accent);
        
}

/* Generate Button */

body.page-numberwordgenerator .generate-btn {

            width: 100%;
            padding: 16px;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            border: none;
            border-radius: 12px;
            font-size: 18px;
            font-weight: 700;
            cursor: pointer;
            transition: all 0.3s;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            margin-bottom: 25px;
            box-shadow: 0 4px 15px rgba(102,126,234,0.4);
        
}

body.page-numberwordgenerator .generate-btn:hover {

            transform: translateY(-2px);
            box-shadow: 0 6px 25px rgba(102,126,234,0.6);
        
}

body.page-numberwordgenerator .generate-btn:active {

            transform: translateY(0);
        
}

/* Result Display */

body.page-numberwordgenerator .result-container {

            background: var(--c-surface);
            border: 2px solid var(--c-border);
            border-radius: 12px;
            padding: 5px;
            margin-bottom: 15px;
        
}

body.page-numberwordgenerator .result-item {

            padding: 14px 20px;
            border-bottom: 1px solid var(--c-border);
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 10px;
        
}

body.page-numberwordgenerator .result-item:last-child {

            border-bottom: none;
        
}

body.page-numberwordgenerator .result-item .result-text {

            font-size: 18px;
            font-weight: 600;
            color: var(--c-text);
            word-break: break-all;
            flex: 1;
        
}

body.page-numberwordgenerator .result-item .result-idx {

            color: var(--c-muted);
            font-size: 13px;
            font-weight: 600;
            min-width: 30px;
        
}

body.page-numberwordgenerator .result-item .copy-single-btn {

            padding: 6px 12px;
            background: transparent;
            border: 2px solid var(--c-accent);
            color: var(--c-accent);
            border-radius: 8px;
            cursor: pointer;
            font-size: 13px;
            font-weight: 600;
            transition: all 0.3s;
        
}

body.page-numberwordgenerator .result-item .copy-single-btn:hover {

            background: var(--c-accent);
            color: white;
        
}

body.page-numberwordgenerator .result-empty {

            text-align: center;
            padding: 40px;
            color: var(--c-muted);
            font-size: 16px;
        
}

body.page-numberwordgenerator .result-empty .empty-icon {

            font-size: 48px;
            margin-bottom: 10px;
        
}

/* Drehscheibe (Wheel) */

body.page-numberwordgenerator .wheel-container {
 text-align: center; margin: 10px 0 25px; 
}
body.page-numberwordgenerator .wheel-wrap {
 position: relative; width: min(320px, 82vw); margin: 0 auto; 
}
body.page-numberwordgenerator .wheel-pointer {
 position: absolute; top: -6px; left: 50%; transform: translateX(-50%);
 width: 0; height: 0;
 border-left: 16px solid transparent;
 border-right: 16px solid transparent;
 border-top: 26px solid var(--c-accent);
 z-index: 3;
 filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.35));
}
body.page-numberwordgenerator .wheel-spinner {
 position: relative; border-radius: 50%; overflow: hidden;
 border: 6px solid var(--c-accent); background: var(--c-surface);
 box-shadow: 0 12px 30px rgba(0, 0, 0, 0.28);
 will-change: transform;
}
body.page-numberwordgenerator .wheel-spinner canvas {
 display: block; width: 100%; height: auto; 
}
body.page-numberwordgenerator .wheel-result {
 margin-top: 18px; font-size: 22px; font-weight: 800; color: var(--c-accent); 
}

/* Info Section */

body.page-numberwordgenerator .info-icon {
 font-size: 24px; 
}

body.page-numberwordgenerator .info-text {
 flex: 1; font-size: 14px; color: var(--c-accent); font-weight: 600; 
}

/* SEO Section */

/* Back to Top Button */

/* Responsive */

@media (max-width: 768px) {
body.page-numberwordgenerator .card-header h1 {
 font-size: 2em; 
}
body.page-numberwordgenerator .mode-tabs {
 flex-direction: column; 
}
body.page-numberwordgenerator .mode-tab {
 min-width: auto; 
}
body.page-numberwordgenerator .input-row {
 flex-direction: column; 
}
body.page-numberwordgenerator .input-row input[type="number"], body.page-numberwordgenerator .input-row input[type="text"] {
 width: 100%; min-width: auto; 
}
body.page-numberwordgenerator .quantity-row {
 flex-direction: column; align-items: stretch; 
}
body.page-numberwordgenerator .result-item {
 flex-direction: column; align-items: stretch; text-align: center; 
}
}

/* Dark Theme */

body.dark-theme.page-numberwordgenerator .card-header h1 {
 color: var(--c-text); 
}

body.dark-theme.page-numberwordgenerator .card-header p {
 color: var(--c-muted); 
}

body.dark-theme.page-numberwordgenerator .mode-tab {
 background: var(--c-surface); color: var(--c-muted); 
}

body.dark-theme.page-numberwordgenerator .mode-tab:hover:not(.active) {
 background: var(--c-surface-2); 
}

body.dark-theme.page-numberwordgenerator .mode-tab.active {
 background: var(--c-accent); color: white; border-color: var(--c-accent); box-shadow: 0 4px 12px rgba(102,126,234,0.3); 
}

body.dark-theme.page-numberwordgenerator .input-row input {
 background: var(--c-surface); border-color: var(--c-border); color: var(--c-text); 
}

body.dark-theme.page-numberwordgenerator .input-row input:focus {
 border-color: var(--c-accent); 
}

body.dark-theme.page-numberwordgenerator .input-group label {
 color: var(--c-muted); 
}

body.dark-theme.page-numberwordgenerator .input-hint {
 color: var(--c-muted); 
}

body.dark-theme.page-numberwordgenerator .custom-words-area {
 background: var(--c-surface); border-color: var(--c-border); color: var(--c-text); 
}

body.dark-theme.page-numberwordgenerator .custom-words-area:focus {
 border-color: var(--c-accent); 
}

body.dark-theme.page-numberwordgenerator .preset-btn {
 background: var(--c-surface); color: var(--c-muted); 
}

body.dark-theme.page-numberwordgenerator .preset-btn:hover:not(.active) {
 background: var(--c-surface-2); 
}

body.dark-theme.page-numberwordgenerator .preset-btn.active {
 background: var(--c-accent); color: white; 
}

body.dark-theme.page-numberwordgenerator .result-container {
 background: var(--c-surface); border-color: var(--c-border); 
}

body.dark-theme.page-numberwordgenerator .result-item {
 border-color: var(--c-border); 
}

body.dark-theme.page-numberwordgenerator .result-item .result-text {
 color: var(--c-text); 
}

body.dark-theme.page-numberwordgenerator .result-item .copy-single-btn {
 border-color: var(--c-accent); color: var(--c-accent); 
}

body.dark-theme.page-numberwordgenerator .result-item .copy-single-btn:hover {
 background: var(--c-accent); color: var(--c-surface); 
}

body.dark-theme.page-numberwordgenerator .info-text {
 color: var(--c-accent); 
}

body.dark-theme.page-numberwordgenerator .uniq-toggle {
 color: var(--c-muted); 
}

body.dark-theme.page-numberwordgenerator .quantity-row label {
 color: var(--c-muted); 
}

body.dark-theme.page-numberwordgenerator .wheel-spinner {
 border-color: var(--c-accent-2); 
}
body.dark-theme.page-numberwordgenerator .wheel-result {
 color: var(--c-accent); 
}

/* Hidden class for search filtering */

/* ============ NEW: Options & Tools ============ */

body.page-numberwordgenerator .small-btn {

            padding: 8px 14px;
            background: var(--c-accent);
            color: white;
            border: none;
            border-radius: 8px;
            cursor: pointer;
            font-size: 13px;
            font-weight: 600;
            transition: all 0.3s;
            white-space: nowrap;
        
}

body.page-numberwordgenerator .small-btn:hover {
 background: var(--c-accent-hover); transform: translateY(-1px); 
}

body.page-numberwordgenerator .options-row {

            display: flex;
            gap: 18px;
            align-items: center;
            flex-wrap: wrap;
            margin-bottom: 20px;
            padding: 12px 16px;
            background: var(--c-surface-2);
            border-radius: 10px;
        
}

body.page-numberwordgenerator .comb-toggle {
 margin-top: 10px; 
}

body.page-numberwordgenerator .seed-group {

            display: flex;
            align-items: center;
            gap: 8px;
            margin-left: auto;
        
}

body.page-numberwordgenerator .seed-group label {
 font-size: 13px; font-weight: 600; color: var(--c-muted); 
}

body.page-numberwordgenerator .seed-group input {

            width: 120px;
            padding: 8px 10px;
            font-size: 14px;
            border: 2px solid var(--c-border);
            border-radius: 8px;
        
}

body.page-numberwordgenerator .seed-group input:focus {
 outline: none; border-color: var(--c-accent); 
}

body.page-numberwordgenerator .input-row select {

            flex: 1;
            min-width: 140px;
            padding: 10px 12px;
            font-size: 14px;
            border: 2px solid var(--c-border);
            border-radius: 10px;
            background: white;
        
}

/* ============ NEW: Result Toolbar & Cards ============ */

body.page-numberwordgenerator .result-toolbar {

            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            flex-wrap: wrap;
            padding: 10px 14px;
            border-bottom: 1px solid var(--c-border);
        
}

body.page-numberwordgenerator .toolbar-actions {
 display: flex; gap: 8px; flex-wrap: wrap; 
}

body.page-numberwordgenerator .toolbar-btn {

            padding: 7px 12px;
            background: transparent;
            border: 2px solid var(--c-accent);
            color: var(--c-accent);
            border-radius: 8px;
            cursor: pointer;
            font-size: 13px;
            font-weight: 600;
            transition: all 0.3s;
        
}

body.page-numberwordgenerator .toolbar-btn:hover {
 background: var(--c-accent); color: white; 
}

body.page-numberwordgenerator .toolbar-btn.winner-btn {
 border-color: #f59e0b; color: #b45309; 
}

body.page-numberwordgenerator .toolbar-btn.winner-btn:hover {
 background: #f59e0b; color: white; 
}

body.page-numberwordgenerator .pool-status {
 font-size: 13px; font-weight: 700; color: var(--c-accent); 
}

body.page-numberwordgenerator .result-item {

            animation: resultIn 0.3s ease both;
        
}

@keyframes resultIn {

            from { opacity: 0; transform: translateY(6px); }
            to { opacity: 1; transform: none; }
        
}

body.page-numberwordgenerator .result-item .result-actions {
 display: flex; gap: 6px; align-items: center; 
}

body.page-numberwordgenerator .icon-btn {

            padding: 6px 10px;
            background: transparent;
            border: 2px solid var(--c-border);
            color: var(--c-muted);
            border-radius: 8px;
            cursor: pointer;
            font-size: 14px;
            transition: all 0.3s;
        
}

body.page-numberwordgenerator .icon-btn:hover {
 border-color: var(--c-accent); color: var(--c-accent); 
}

body.page-numberwordgenerator .result-item.big-number {
 justify-content: center; flex-direction: column; gap: 6px; padding: 30px 20px; 
}

body.page-numberwordgenerator .result-item.big-number .result-idx {
 display: none; 
}

body.page-numberwordgenerator .result-item.big-number .result-text {
 font-size: 60px; text-align: center; line-height: 1.1; 
}

body.page-numberwordgenerator .result-item.big-number .result-actions {
 margin-top: 6px; 
}

body.page-numberwordgenerator .stats-line {

            padding: 10px 14px;
            font-size: 13px;
            color: var(--c-muted);
            border-top: 1px solid var(--c-border);
            font-weight: 600;
            display: none;
        
}

body.page-numberwordgenerator .generating {
 text-align: center; padding: 30px; font-size: 18px; color: var(--c-muted); 
}

/* ============ NEW: History ============ */

body.page-numberwordgenerator .history-section {

            background: white;
            border-radius: 16px;
            padding: 20px;
            margin-top: 15px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.12);
        
}

body.page-numberwordgenerator .history-header {

            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 12px;
        
}

body.page-numberwordgenerator .history-header h3 {
 font-size: 1.05em; color: var(--c-text); 
}

body.page-numberwordgenerator .history-item {

            padding: 10px 14px;
            background: var(--c-surface);
            border-radius: 10px;
            margin-bottom: 8px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            flex-wrap: wrap;
        
}

body.page-numberwordgenerator .history-meta {
 font-size: 12px; color: var(--c-muted); font-weight: 600; 
}

body.page-numberwordgenerator .history-values {
 font-size: 14px; color: var(--c-text); font-weight: 600; flex: 1; word-break: break-word; 
}

body.page-numberwordgenerator .history-empty {
 color: var(--c-muted); font-size: 14px; padding: 6px 0; 
}

/* ============ NEW: Toast ============ */

body.page-numberwordgenerator .toast-container {

            position: fixed;
            bottom: 24px;
            left: 50%;
            transform: translateX(-50%);
            z-index: 1001;
            display: flex;
            flex-direction: column;
            gap: 8px;
            align-items: center;
            pointer-events: none;
        
}

body.page-numberwordgenerator .toast {

            background: var(--c-surface);
            color: var(--c-text);
            padding: 10px 22px;
            border-radius: 30px;
            font-size: 14px;
            font-weight: 600;
            box-shadow: 0 6px 20px rgba(0,0,0,0.35);
            animation: toastIn 0.25s ease;
        
}

@keyframes toastIn {
 from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } 
}

/* ============ NEW: Confetti ============ */

body.page-numberwordgenerator .confetti-container {
 position: fixed; inset: 0; pointer-events: none; overflow: hidden; z-index: 1000; 
}

body.page-numberwordgenerator .confetti-piece {
 position: absolute; top: -24px; width: 10px; height: 14px; opacity: 0.9; animation: confettiFall linear forwards; 
}

@keyframes confettiFall {
 to { transform: translateY(110vh) rotate(720deg); opacity: 0.3; } 
}

/* ============ NEW: Winner Overlay ============ */

body.page-numberwordgenerator .winner-overlay {

            position: fixed; inset: 0;
            background: rgba(0,0,0,0.6);
            display: flex; align-items: center; justify-content: center;
            z-index: 999;
        
}

body.page-numberwordgenerator .winner-overlay.hidden {
 display: none; 
}

body.page-numberwordgenerator .winner-box {

            background: white;
            border-radius: 20px;
            padding: 40px 50px;
            text-align: center;
            box-shadow: 0 20px 60px rgba(0,0,0,0.4);
            animation: winnerPop 0.4s ease;
            max-width: 92vw;
        
}

body.page-numberwordgenerator .winner-title {
 font-size: 22px; font-weight: 700; margin-bottom: 16px; color: var(--c-accent-2); 
}

body.page-numberwordgenerator .winner-value {
 font-size: 40px; font-weight: 800; color: var(--c-accent); word-break: break-all; margin-bottom: 22px; 
}

@keyframes winnerPop {
 0% { transform: scale(0.5); opacity: 0; } 100% { transform: scale(1); opacity: 1; } 
}

/* Focus visibility (Accessibility) – nur Tool-Bereich, nicht Header (Suchfeld etc.) */

body.page-numberwordgenerator .main-card button:focus-visible, body.page-numberwordgenerator .main-card input:focus-visible, body.page-numberwordgenerator .main-card select:focus-visible, body.page-numberwordgenerator .main-card textarea:focus-visible {

            outline: 3px solid var(--c-accent);
            outline-offset: 2px;
        
}

/* Direct input fields inside groups (e.g. exclude field) */

body.page-numberwordgenerator .input-group > input[type="text"], body.page-numberwordgenerator .input-group > input[type="number"] {

            width: 100%;
            padding: 12px 16px;
            font-size: 15px;
            border: 2px solid var(--c-border);
            border-radius: 10px;
            font-family: inherit;
            transition: all 0.3s;
        
}

body.page-numberwordgenerator .input-group > input[type="text"]:focus, body.page-numberwordgenerator .input-group > input[type="number"]:focus {

            outline: none;
            border-color: var(--c-accent);
            box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
        
}

/* ============ NEW: Dark Theme ============ */

body.dark-theme.page-numberwordgenerator .options-row {
 background: var(--c-surface); 
}

body.dark-theme.page-numberwordgenerator .seed-group label {
 color: var(--c-muted); 
}

body.dark-theme.page-numberwordgenerator .seed-group input {
 background: var(--c-surface); border-color: var(--c-border); color: var(--c-text); 
}

body.dark-theme.page-numberwordgenerator .quantity-row input {
 background: var(--c-surface); border-color: var(--c-border); color: var(--c-text); 
}

body.dark-theme.page-numberwordgenerator .quantity-row input:focus {
 border-color: var(--c-accent); 
}

body.dark-theme.page-numberwordgenerator .input-group > input[type="text"], body.dark-theme.page-numberwordgenerator .input-group > input[type="number"] {
 background: var(--c-surface); border-color: var(--c-border); color: var(--c-text); 
}

body.dark-theme.page-numberwordgenerator .input-group > input:focus {
 border-color: var(--c-accent); 
}

body.dark-theme.page-numberwordgenerator input::placeholder, body.dark-theme.page-numberwordgenerator textarea::placeholder {
 color: var(--c-muted); 
}

body.dark-theme.page-numberwordgenerator .input-row select {
 background: var(--c-surface); border-color: var(--c-border); color: var(--c-text); 
}

body.dark-theme.page-numberwordgenerator .result-toolbar {
 border-color: var(--c-border); 
}

body.dark-theme.page-numberwordgenerator .toolbar-btn {
 border-color: var(--c-accent); color: var(--c-accent); 
}

body.dark-theme.page-numberwordgenerator .toolbar-btn:hover {
 background: var(--c-accent); color: var(--c-surface); 
}

body.dark-theme.page-numberwordgenerator .toolbar-btn.winner-btn {
 border-color: #f59e0b; color: #fbbf24; 
}

body.dark-theme.page-numberwordgenerator .pool-status {
 color: var(--c-accent); 
}

body.dark-theme.page-numberwordgenerator .icon-btn {
 border-color: var(--c-border); color: var(--c-muted); 
}

body.dark-theme.page-numberwordgenerator .icon-btn:hover {
 border-color: var(--c-accent); color: var(--c-accent); 
}

body.dark-theme.page-numberwordgenerator .stats-line {
 color: var(--c-muted); border-color: var(--c-border); 
}

body.dark-theme.page-numberwordgenerator .history-section {
 background: var(--c-surface); box-shadow: 0 10px 30px rgba(0,0,0,0.5); 
}

body.dark-theme.page-numberwordgenerator .history-header h3 {
 color: var(--c-text); 
}

body.dark-theme.page-numberwordgenerator .history-item {
 background: var(--c-surface); 
}

body.dark-theme.page-numberwordgenerator .history-values {
 color: var(--c-border); 
}

body.dark-theme.page-numberwordgenerator .winner-box {
 background: var(--c-surface); 
}

body.dark-theme.page-numberwordgenerator .winner-title {
 color: var(--c-accent-2); 
}

body.dark-theme.page-numberwordgenerator .winner-value {
 color: var(--c-accent); 
}