[data-theme=romance]{--color-primary:#ffb6c1;--color-primary-light:#ffd1dc;--color-primary-dark:#ff8da1;--color-accent:#ff69b4;--color-accent-light:#ff85c2;--color-accent-dark:#db4d96;--color-danger:#dc143c;--color-danger-light:#e64a66;--color-danger-dark:#b01030;--color-success:#90ee90;--color-warning:gold;--color-bg-dark:#fff0f3;--color-bg-medium:#fff5f8;--color-bg-light:#fff;--color-bg-panel:hsla(0,0%,100%,.92);--color-bg-panel-hover:rgba(255,240,245,.95);--color-bg-overlay:rgba(255,240,245,.8);--color-text-primary:#4a3540;--color-text-secondary:#7a6570;--color-text-muted:#a095a0;--color-text-accent:#ff69b4;--color-border:rgba(255,105,180,.3);--color-border-light:rgba(255,105,180,.15);--color-border-hover:rgba(255,105,180,.5);--color-glow:rgba(255,105,180,.3);--color-shadow:rgba(0,0,0,.1);--shadow-sm:0 1px 3px var(--color-shadow);--shadow-md:0 4px 8px var(--color-shadow);--shadow-lg:0 10px 20px var(--color-shadow);--shadow-glow:0 0 20px var(--color-glow);--border-style:solid;--border-width:1px;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--font-heading:"Playfair Display","Georgia",serif;--font-body:"Lato","Helvetica Neue",sans-serif;--font-mono:"JetBrains Mono",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--animation-timing:300ms;--animation-easing:cubic-bezier(0.68,-0.55,0.265,1.55);--animation-fast:150ms;--animation-slow:500ms;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--z-panel:10;--z-overlay:20;--z-modal:30;--z-tooltip:40;--is-dark-mode:0}[data-theme=romance] .heart-float{animation:heartFloat 3s ease-in-out infinite}@keyframes heartFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.1)}}[data-theme=romance] .sparkle{animation:sparkle 1.5s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:.5}50%{opacity:1}}[data-theme=romance] .bounce{animation:bounce .5s cubic-bezier(.68,-.55,.265,1.55)}@keyframes bounce{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}[data-theme=scifi]{--color-primary:#00b4d8;--color-primary-light:#48cae4;--color-primary-dark:#0077b6;--color-accent:#0077b6;--color-accent-light:#0096c7;--color-accent-dark:#005f92;--color-danger:#e63946;--color-danger-light:#eb5e6b;--color-danger-dark:#c62e3b;--color-success:#2ec4b6;--color-warning:#ff9f1c;--color-bg-dark:#0d1b2a;--color-bg-medium:#1b263b;--color-bg-light:#2b3a4f;--color-bg-panel:rgba(13,27,42,.88);--color-bg-panel-hover:rgba(27,38,59,.92);--color-bg-overlay:rgba(13,27,42,.85);--color-text-primary:#e5e5e5;--color-text-secondary:#a8dadc;--color-text-muted:#6b8c8f;--color-text-accent:#00b4d8;--color-border:rgba(0,180,216,.3);--color-border-light:rgba(0,180,216,.15);--color-border-hover:rgba(0,180,216,.5);--color-glow:rgba(0,180,216,.4);--color-shadow:rgba(0,0,0,.6);--shadow-sm:0 1px 2px var(--color-shadow);--shadow-md:0 4px 6px var(--color-shadow),0 0 5px var(--color-glow);--shadow-lg:0 10px 15px var(--color-shadow),0 0 15px var(--color-glow);--shadow-glow:0 0 25px var(--color-glow);--border-style:solid;--border-width:1px;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--font-heading:"Exo 2","Rajdhani",sans-serif;--font-body:"Source Sans Pro","Roboto",sans-serif;--font-mono:"Fira Code","Consolas",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--animation-timing:250ms;--animation-easing:ease-out;--animation-fast:125ms;--animation-slow:400ms;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--z-panel:10;--z-overlay:20;--z-modal:30;--z-tooltip:40;--is-dark-mode:1}[data-theme=scifi] .hud-border{position:relative}[data-theme=scifi] .hud-border:after,[data-theme=scifi] .hud-border:before{content:"";position:absolute;width:20px;height:20px;border:2px solid var(--color-primary)}[data-theme=scifi] .hud-border:before{top:0;left:0;border-right:none;border-bottom:none}[data-theme=scifi] .hud-border:after{bottom:0;right:0;border-left:none;border-top:none}[data-theme=scifi] .scan-line{animation:scanLine 2s linear infinite}@keyframes scanLine{0%{transform:translateY(-100%);opacity:0}50%{opacity:.5}to{transform:translateY(100%);opacity:0}}[data-theme=scifi] .pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 0 var(--color-glow)}50%{box-shadow:0 0 0 10px transparent}}[data-theme=modern]{--color-primary:#3b82f6;--color-primary-light:#60a5fa;--color-primary-dark:#2563eb;--color-accent:#8b5cf6;--color-accent-light:#a78bfa;--color-accent-dark:#7c3aed;--color-danger:#ef4444;--color-danger-light:#f87171;--color-danger-dark:#dc2626;--color-success:#10b981;--color-warning:#f59e0b;--color-bg-dark:#111827;--color-bg-medium:#1f2937;--color-bg-light:#374151;--color-bg-panel:rgba(17,24,39,.9);--color-bg-panel-hover:rgba(31,41,55,.95);--color-bg-overlay:rgba(0,0,0,.75);--color-text-primary:#f9fafb;--color-text-secondary:#9ca3af;--color-text-muted:#6b7280;--color-text-accent:#3b82f6;--color-border:rgba(75,85,99,.5);--color-border-light:rgba(75,85,99,.25);--color-border-hover:rgba(75,85,99,.75);--color-glow:rgba(59,130,246,.3);--color-shadow:rgba(0,0,0,.4);--shadow-sm:0 1px 2px var(--color-shadow);--shadow-md:0 4px 6px var(--color-shadow);--shadow-lg:0 10px 15px var(--color-shadow);--shadow-glow:0 0 15px var(--color-glow);--border-style:solid;--border-width:1px;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--font-heading:"Inter",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif;--font-mono:"JetBrains Mono",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--animation-timing:200ms;--animation-easing:ease-out;--animation-fast:100ms;--animation-slow:300ms;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--z-panel:10;--z-overlay:20;--z-modal:30;--z-tooltip:40;--is-dark-mode:1}[data-theme=wuxia]{--color-primary:#2c2c2c;--color-primary-light:#4a4a4a;--color-primary-dark:#1a1a1a;--color-accent:#2e8b57;--color-accent-light:#3cb371;--color-accent-dark:#1e6b47;--color-danger:#c03030;--color-danger-light:#d05050;--color-danger-dark:#a02020;--color-success:#228b22;--color-warning:#b8860b;--color-bg-dark:#0d0d0d;--color-bg-medium:#161616;--color-bg-light:#1e1e1e;--color-bg-panel:hsla(0,0%,5%,.92);--color-bg-panel-hover:rgba(30,30,30,.95);--color-bg-overlay:rgba(0,0,0,.85);--color-text-primary:#d4c9a8;--color-text-secondary:#a09878;--color-text-muted:#706850;--color-text-accent:#3cb371;--color-border:rgba(46,139,87,.25);--color-border-light:rgba(46,139,87,.12);--color-border-hover:rgba(46,139,87,.45);--color-glow:rgba(46,139,87,.15);--color-shadow:rgba(0,0,0,.8);--shadow-sm:0 1px 3px var(--color-shadow);--shadow-md:0 4px 8px var(--color-shadow);--shadow-lg:0 8px 16px var(--color-shadow);--shadow-glow:0 0 8px var(--color-glow);--border-style:solid;--border-width:1px;--border-radius-sm:2px;--border-radius-md:4px;--border-radius-lg:8px;--font-heading:"Noto Serif SC","Ma Shan Zheng",serif;--font-body:"Noto Sans SC","Source Han Sans SC",sans-serif;--font-mono:"Courier New",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--animation-timing:300ms;--animation-easing:ease-in-out;--animation-fast:150ms;--animation-slow:500ms;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--z-panel:10;--z-overlay:20;--z-modal:30;--z-tooltip:40;--is-dark-mode:1}[data-theme=wuxia] .ink-splash{animation:inkSplash 1.5s ease-out forwards}@keyframes inkSplash{0%{opacity:0;transform:scale(.3);filter:blur(8px)}60%{opacity:1;transform:scale(1.05);filter:blur(0)}to{opacity:1;transform:scale(1);filter:blur(0)}}[data-theme=wuxia] .scroll-panel{border-left:2px solid var(--color-accent);border-right:2px solid var(--color-accent);position:relative}[data-theme=wuxia] .scroll-panel:after,[data-theme=wuxia] .scroll-panel:before{content:"";display:block;height:4px;background:linear-gradient(90deg,transparent 0,var(--color-accent) 20%,var(--color-accent) 80%,transparent 100%)}[data-theme=american_west]{--color-primary:#8b4513;--color-primary-light:sienna;--color-primary-dark:#654321;--color-accent:#daa520;--color-accent-light:#eab530;--color-accent-dark:#b8860b;--color-danger:#cd5c5c;--color-danger-light:#e07070;--color-danger-dark:#a04040;--color-success:#556b2f;--color-warning:#c72;--color-bg-dark:#1a150e;--color-bg-medium:#231c14;--color-bg-light:#2e251a;--color-bg-panel:rgba(26,21,14,.93);--color-bg-panel-hover:rgba(46,37,26,.95);--color-bg-overlay:rgba(10,8,5,.85);--color-text-primary:#dbc9a8;--color-text-secondary:#a89878;--color-text-muted:#786850;--color-text-accent:#daa520;--color-border:rgba(139,69,19,.3);--color-border-light:rgba(139,69,19,.15);--color-border-hover:rgba(218,165,32,.4);--color-glow:rgba(218,165,32,.15);--color-shadow:rgba(0,0,0,.7);--shadow-sm:0 1px 3px var(--color-shadow);--shadow-md:0 4px 8px var(--color-shadow);--shadow-lg:0 8px 16px var(--color-shadow);--shadow-glow:0 0 8px var(--color-glow);--border-style:solid;--border-width:1px;--border-radius-sm:2px;--border-radius-md:4px;--border-radius-lg:6px;--font-heading:"Rye","Georgia",serif;--font-body:"Lora","Noto Sans SC",sans-serif;--font-mono:"Courier New",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--animation-timing:250ms;--animation-easing:ease-out;--animation-fast:120ms;--animation-slow:400ms;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--z-panel:10;--z-overlay:20;--z-modal:30;--z-tooltip:40;--is-dark-mode:1}[data-theme=american_west] .dust-particle{animation:dustFloat 4s ease-in-out infinite}@keyframes dustFloat{0%,to{opacity:.3;transform:translateY(0) translateX(0)}50%{opacity:.6;transform:translateY(-10px) translateX(5px)}}[data-theme=american_west] .wanted-border{border:2px solid var(--color-accent);box-shadow:inset 0 0 20px rgba(0,0,0,.3);position:relative}[data-theme=american_west] .wanted-border:before{content:"";position:absolute;inset:3px;border:1px solid var(--color-border)}:root{--color-primary:#3b82f6;--color-primary-light:#60a5fa;--color-primary-dark:#2563eb;--color-accent:#8b5cf6;--color-danger:#ef4444;--color-success:#10b981;--color-warning:#f59e0b;--color-bg-dark:#111827;--color-bg-medium:#1f2937;--color-bg-light:#374151;--color-bg-panel:rgba(17,24,39,.9);--color-text-primary:#f9fafb;--color-text-secondary:#9ca3af;--color-text-muted:#6b7280;--color-border:rgba(75,85,99,.5);--color-glow:rgba(59,130,246,.3);--color-shadow:rgba(0,0,0,.4);--border-style:solid;--border-width:1px;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--font-heading:"Inter",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif;--font-mono:"JetBrains Mono",monospace;--animation-timing:200ms;--animation-easing:ease-out;--is-dark-mode:1}.bg-primary{background-color:var(--color-primary)}.bg-accent{background-color:var(--color-accent)}.bg-danger{background-color:var(--color-danger)}.bg-panel{background-color:var(--color-bg-panel)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-text-accent)}.border-theme{border:var(--border-width) var(--border-style) var(--color-border)}.border-glow{box-shadow:var(--shadow-glow)}.transition-theme{transition-property:all;transition-duration:var(--animation-timing);transition-timing-function:var(--animation-easing)}.rounded-theme-sm{border-radius:var(--border-radius-sm)}.rounded-theme-md{border-radius:var(--border-radius-md)}.rounded-theme-lg{border-radius:var(--border-radius-lg)}.shadow-theme-sm{box-shadow:var(--shadow-sm)}.shadow-theme-md{box-shadow:var(--shadow-md)}.shadow-theme-lg{box-shadow:var(--shadow-lg)}.game-panel{background:var(--color-bg-panel);border:var(--border-width) var(--border-style) var(--color-border);border-radius:var(--border-radius-md);transition:all var(--animation-timing) var(--animation-easing)}.game-panel:hover{background:var(--color-bg-panel-hover);border-color:var(--color-border-hover)}.btn-primary{background:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--animation-timing) var(--animation-easing)}.btn-primary:hover{background:var(--color-primary-light);box-shadow:var(--shadow-glow)}.btn-accent{background:var(--color-accent);color:#fff;border:none;border-radius:var(--border-radius-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--animation-timing) var(--animation-easing)}.status-red{--status-color:#ef4444}.status-blue{--status-color:#3b82f6}.status-green{--status-color:#10b981}.status-purple{--status-color:#8b5cf6}.status-pink{--status-color:#ec4899}.status-cyan{--status-color:#06b6d4}.status-orange{--status-color:#f97316}.status-amber{--status-color:#f59e0b}@media (prefers-reduced-motion:reduce){.btn-accent,.btn-primary,.game-panel,.transition-theme{transition:none!important;animation:none!important}}