@import "https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Josefin+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Manrope:wght@300;400;500;600;700;800&family=Share+Tech+Mono&family=Special+Elite&family=Teko:wght@500;700&display=swap";html{scroll-behavior:smooth;box-sizing:border-box}*,:before,:after{box-sizing:inherit}body{color:#f3f4f6;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0e17;margin:0;padding:0;font-family:Share Tech Mono,monospace,system-ui}#root{flex-direction:column;width:100%;max-width:100%;min-height:100vh;margin:0;padding:0;display:flex}:root,[data-theme=cyber-blue]{--bg-dark:#0a0e17;--panel-bg:#111827;--panel-border:#1f293d;--accent-cyan:#00f0ff;--accent-blue:#3b82f6;--accent-sky:#38bdf8;--text-primary:#f3f4f6;--text-secondary:#cbd5e1;--text-muted:#9ca3af;--hud-glow:0 0 10px #00f0ff40;--bg-grid-color:#00f0ff14;--bg-linear-1:#0f172ae6;--bg-linear-2:#0f172ae6;--card-dice-bg:#0a1424;--card-dice-border:#1a2f4c;--card-colors-bg:#0d1726;--card-colors-border:#1c324a;--card-text-bg:#091b29;--card-text-border:#143b57;--card-grid-bg:#081d24;--card-grid-border:#0e3f4e;--card-aircraft-bg:#111326;--card-aircraft-border:#23274d;--card-attr-bg:#0e1626;--card-attr-border:#1b2d45;--input-bg:#0d1322;--input-color:#00f0ff;--input-border:#1e293b;--color-cell-bg:#0a0e1799;--color-cell-border:#ffffff0f}[data-theme=blueprint]{--bg-dark:#e8f0fe;--panel-bg:#f4f8fe;--panel-border:#8ab4f8;--accent-cyan:#1a56db;--accent-blue:#1d4ed8;--accent-sky:#1e40af;--text-primary:#0f172a;--text-secondary:#1e293b;--text-muted:#475569;--hud-glow:none;--bg-grid-color:#1d4ed81f;--bg-linear-1:#e8f0fef2;--bg-linear-2:#dce8fcf2;--card-dice-bg:#dbeafe;--card-dice-border:#93c5fd;--card-colors-bg:#e0e7ff;--card-colors-border:#a5b4fc;--card-text-bg:#e0f2fe;--card-text-border:#7dd3fc;--card-grid-bg:#ccfbf1;--card-grid-border:#5eead4;--card-aircraft-bg:#ede9fe;--card-aircraft-border:#c4b5fd;--card-attr-bg:#e2e8f0;--card-attr-border:#cbd5e1;--input-bg:#fff;--input-color:#0f172a;--input-border:#8ab4f8;--color-cell-bg:#fff;--color-cell-border:#8ab4f8}[data-theme=oldschool]{--bg-dark:#eee8d5;--panel-bg:#fdf6e3;--panel-border:#b58900;--accent-cyan:#2e5a1c;--accent-blue:#27521a;--accent-sky:#1e3f14;--text-primary:#073642;--text-secondary:#2b3a2a;--text-muted:#586e75;--hud-glow:none;--bg-grid-color:#2e5a1c1a;--bg-linear-1:#eee8d5f2;--bg-linear-2:#e6e0caf2;--card-dice-bg:#e6dfc8;--card-dice-border:#c4ba98;--card-colors-bg:#e2dbc2;--card-colors-border:#beaf86;--card-text-bg:#ddd5ba;--card-text-border:#beaf86;--card-grid-bg:#d8cfb2;--card-grid-border:#beaf86;--card-aircraft-bg:#dfd7bd;--card-aircraft-border:#beaf86;--card-attr-bg:#e8e1ca;--card-attr-border:#c4ba98;--input-bg:#fbf7eb;--input-color:#1a3310;--input-border:#a39874;--color-cell-bg:#fdf6e3;--color-cell-border:#beaf86}[data-theme=vaporwave]{--bg-dark:#120924;--panel-bg:#1b0d36;--panel-border:#3b1766;--accent-cyan:#00f0ff;--accent-blue:#ff2a85;--accent-sky:#facc15;--text-primary:#fff;--text-secondary:#f0abfc;--text-muted:#c084fc;--hud-glow:0 0 12px #ff2a8559;--bg-grid-color:#ff2a8526;--bg-linear-1:#120924eb;--bg-linear-2:#1b0d36eb;--card-dice-bg:#220e3d;--card-dice-border:#4d1c80;--card-colors-bg:#280b3d;--card-colors-border:#571680;--card-text-bg:#1c0938;--card-text-border:#451378;--card-grid-bg:#150e38;--card-grid-border:#291873;--card-aircraft-bg:#2d0e3b;--card-aircraft-border:#5b1378;--card-attr-bg:#200d3a;--card-attr-border:#4a157d;--input-bg:#180a33;--input-color:#00f0ff;--input-border:#3d1b6e;--color-cell-bg:#140a2899;--color-cell-border:#ffffff14}body{background-color:var(--bg-dark);color:var(--text-primary);background-image:radial-gradient(var(--bg-grid-color) 1px, transparent 1px), linear-gradient(to right, var(--bg-linear-1), var(--bg-linear-2));background-size:20px 20px,100% 100%;margin:0;font-family:Share Tech Mono,monospace,system-ui}.app-container{width:100%;max-width:100%;margin:0 auto;padding:.75rem 1rem}@media (width>=1400px){.app-container{padding:1rem 1.5rem}}@media (width<=768px){.app-container{padding:.4rem}}.sticky-nav{z-index:1000;background-color:var(--panel-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:2px solid var(--accent-cyan);justify-content:space-between;align-items:center;margin:-.75rem -1rem 1rem;padding:.6rem 1.2rem;display:flex;position:sticky;top:0;box-shadow:0 4px 15px #00000026}@media (width<=768px){.sticky-nav{flex-direction:column;gap:.5rem;margin:-.4rem -.4rem .8rem;padding:.5rem}}.nav-brand{letter-spacing:2px;color:var(--accent-cyan);text-transform:uppercase;font-family:Teko,sans-serif;font-size:1.5rem}.nav-links{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.nav-link{color:var(--text-primary);letter-spacing:1px;border:1px solid #0000;border-radius:4px;padding:.35rem .75rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .2s}.nav-link:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#00f0ff1a}.nav-social-btn{color:var(--text-primary);border:1px solid var(--panel-border);background:var(--input-bg);border-radius:4px;justify-content:center;align-items:center;padding:.35rem;transition:all .2s;display:inline-flex}.nav-social-btn:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);transform:translateY(-1px)}#saved-presets-library,#token-generator,#unit-tracker{scroll-margin-top:80px}.app-header{text-align:center;border-bottom:2px solid var(--panel-border);margin-bottom:1.5rem;padding-bottom:1rem;position:relative}.app-header h1{color:var(--accent-cyan);letter-spacing:2px;text-transform:uppercase;margin:0 0 .3rem;font-family:Teko,sans-serif;font-size:2.8rem;line-height:1.1}.app-header p{color:var(--text-muted);letter-spacing:1px;margin:0;font-size:.95rem}@media (width<=768px){.app-header h1{font-size:2rem}.app-header p{font-size:.85rem}}.token-generator-panel{background:var(--panel-bg);box-shadow:var(--hud-glow);border:1px solid var(--panel-border);border-radius:8px;padding:1.25rem;position:relative}.token-generator-panel:before{content:"/// TAC_CONFIG_PANEL";background:var(--panel-bg);color:var(--accent-cyan);letter-spacing:1.5px;border:1px solid var(--accent-cyan);padding:0 8px;font-size:.75rem;position:absolute;top:-10px;left:15px}.token-generator-panel h2{color:var(--accent-cyan);letter-spacing:1.5px;border-bottom:1px solid var(--panel-border);text-transform:uppercase;margin-top:0;margin-bottom:1rem;padding-bottom:.4rem;font-family:Teko,sans-serif;font-size:1.8rem}.token-grid{grid-template-columns:1fr;align-items:start;gap:1.5rem;display:grid}@media (width>=1024px){.token-grid,.tracker-grid{grid-template-columns:1fr 440px!important}}@media (width>=1600px){.token-grid,.tracker-grid{grid-template-columns:1fr 460px!important}}@media (width<=1023px){.printer-grid{grid-template-columns:1fr!important}}.form-section{box-shadow:none;background:0 0;border:none;padding:0}.preview-section{justify-content:center;align-items:flex-start;display:flex;position:sticky;top:80px}@media (width<=1023px){.preview-section{margin-top:1rem;position:static}}.tint-card{border-radius:6px;flex-direction:column;gap:.6rem;padding:.85rem 1rem;transition:all .2s;display:flex}.tint-card-dice{background:var(--card-dice-bg);border:1px solid var(--card-dice-border)}.tint-card-colors{background:var(--card-colors-bg);border:1px solid var(--card-colors-border)}.tint-card-text{background:var(--card-text-bg);border:1px solid var(--card-text-border)}.tint-card-grid{background:var(--card-grid-bg);border:1px solid var(--card-grid-border)}.tint-card-aircraft{background:var(--card-aircraft-bg);border:1px solid var(--card-aircraft-border)}.tint-card-attributes{background:var(--card-attr-bg);border:1px solid var(--card-attr-border)}.subsection-header{color:var(--accent-sky);letter-spacing:1px;text-transform:uppercase;align-items:center;gap:.4rem;margin:0;font-family:Teko,sans-serif;font-size:1.35rem;font-weight:700;line-height:1.2;display:flex}.field-label{color:var(--text-secondary);letter-spacing:.5px;margin-bottom:.25rem;font-size:.82rem;font-weight:700;display:block}.field-help-text{color:var(--text-muted);margin:0 0 .4rem;font-size:.75rem;line-height:1.3}.color-picker-grid-4{grid-template-columns:repeat(4,1fr);align-items:start;gap:.6rem;display:grid}@media (width<=640px){.color-picker-grid-4{grid-template-columns:repeat(2,1fr)}}.color-picker-grid-3{grid-template-columns:repeat(3,1fr);align-items:start;gap:.6rem;display:grid}@media (width<=640px){.color-picker-grid-3{grid-template-columns:1fr}}.color-picker-grid-6{grid-template-columns:repeat(6,1fr);align-items:start;gap:.6rem;display:grid}@media (width<=900px){.color-picker-grid-6{grid-template-columns:repeat(3,1fr)}}@media (width<=500px){.color-picker-grid-6{grid-template-columns:repeat(2,1fr)}}.color-cell{text-align:center;background:var(--color-cell-bg);border:1px solid var(--color-cell-border);border-radius:4px;flex-direction:column;align-items:center;height:100%;padding:.5rem .4rem;display:flex}.color-cell .cell-label{color:var(--text-secondary);text-align:center;justify-content:center;align-items:center;min-height:1.8em;margin-bottom:.3rem;font-size:.75rem;font-weight:700;line-height:1.1;display:flex}*{scrollbar-width:thin;scrollbar-color:var(--accent-cyan) var(--input-bg)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--input-bg);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--accent-cyan);border:1px solid var(--panel-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-sky)}input[type=text],input[type=number],select,textarea{background-color:var(--input-bg)!important;color:var(--input-color)!important;border:1px solid var(--input-border)!important;box-sizing:border-box!important;border-radius:4px!important;padding:.35rem .5rem!important;font-family:Share Tech Mono,monospace!important;font-size:.85rem!important}input[type=text]:focus,input[type=number]:focus,select:focus,textarea:focus{border-color:var(--accent-cyan)!important;outline:none!important}input[type=file]{background-color:var(--input-bg)!important;color:var(--text-secondary)!important;border:1px dashed var(--accent-blue)!important;cursor:pointer!important;border-radius:6px!important;padding:.35rem .5rem!important;font-family:Share Tech Mono,monospace!important;font-size:.8rem!important}input[type=file]::file-selector-button{background:var(--accent-blue)!important;color:#fff!important;letter-spacing:1px!important;cursor:pointer!important;border:none!important;border-radius:4px!important;margin-right:.5rem!important;padding:.25rem .6rem!important;font-family:Teko,sans-serif!important;font-size:.95rem!important;font-weight:700!important;transition:all .2s!important}input[type=file]::file-selector-button:hover{background:var(--accent-cyan)!important;color:var(--bg-dark)!important}input[type=color]{appearance:none;cursor:pointer;width:36px;height:30px;transition:all .2s ease-in-out;background:var(--input-bg)!important;border:1.5px solid var(--accent-cyan)!important;border-radius:6px!important;padding:2px!important}input[type=color]:hover,input[type=color]:focus{border-color:var(--accent-sky)!important;outline:none!important}input[type=color]::-webkit-color-swatch-wrapper{border-radius:4px;padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}input[type=color]::-moz-color-swatch{border:none;border-radius:4px}@keyframes pulseRedGlow{0%{border-color:#ef4444;box-shadow:0 0 4px #ef4444,inset 0 0 4px #ef4444}50%{border-color:#f87171;box-shadow:0 0 16px #ef4444,inset 0 0 10px #ef4444}to{border-color:#ef4444;box-shadow:0 0 4px #ef4444,inset 0 0 4px #ef4444}}.pulsing-overlap-glow{border-radius:4px;animation:1.2s ease-in-out infinite pulseRedGlow}@media print{body{color:#000!important;background:#fff!important}.sticky-nav,.app-header,nav,header,footer,button,.tint-card,.printer-grid>div:first-child,#saved-presets-library,#token-generator,#unit-tracker,#capability-card{display:none!important}.token-printer-container{width:100%!important;margin:0!important;padding:0!important}#token-printer-paper-sheet{page-break-inside:avoid;box-shadow:none!important;margin:0 auto!important}#token-printer-paper-sheet button{display:none!important}}
