@import"https://fonts.googleapis.com/css2?family=Bai+Jamjuree:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap";.button{padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;background:var(--background-color);color:var(--text-color);transition:background-color .2s,transform .1s}.button:hover{background-color:#e9ecef}.button:active{transform:translateY(1px)}.button.primary{background:var(--primary-color);color:#fff}.button.primary:hover{background:#0056b3}.button.danger{background:var(--danger-color);color:#fff}.button.danger:hover{background:#bd2130}@media (max-width: 768px){button{width:100%}}@font-face{font-family:MicrogrammaExt;src:url(/fonts/MicrogrammaDBolExt.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Orbitron;src:url(/fonts/Orbitron-Bold.ttf) format("ttf");font-weight:700;font-style:normal;font-display:swap}:root{--font-header: "MicrogrammaExt", sans-serif;--font-body: "Bai Jamjuree", sans-serif;--primary-color: #007bff;--danger-color: #dc3545;--text-color: #cdd6f4;--border-color: #ddd;--background-color: #202133;--card-background-color: #181821;--condition-color-dark: #7036e1;--condition-color: #9068dd;--action-color: #89b4fa;--action-color-dark: #3f7ee2;--failaction-color: #f38ba8;--bg-accent-color: #0e1126;--shadow-color: 250deg 34% 6%;--shadow: .3px .5px .7px hsl(var(--shadow-color) / .36), .8px 1.6px 2px -.8px hsl(var(--shadow-color) / .36), 2.1px 4.1px 5.2px -1.7px hsl(var(--shadow-color) / .36), 5px 10px 12.6px -2.5px hsl(var(--shadow-color) / .36)}body{font-family:var(--font-body);line-height:1.4;color:var(--text-color);margin:0;padding:20px;background-color:var(--background-color)}.app-header{position:fixed;top:0;left:0;width:100%;background:linear-gradient(to right,var(--card-background-color) 80%,var(--bg-accent-color));display:flex;align-items:center;padding:.8rem 2.5rem;box-shadow:var(--shadow);z-index:1000;border-bottom:1px solid rgba(255,255,255,.1)}.app-header img{height:2rem;margin-right:1.2rem;transition:transform .2s ease}.app-header h1{margin:0;color:var(--text-color);font-family:Orbitron,sans-serif;font-size:1.125rem;font-weight:500;line-height:1.5em;letter-spacing:.3em;text-transform:uppercase;white-space:nowrap}main{max-width:1200px;margin:2rem auto 0;padding:2rem}.error-container{text-align:center;padding:40px 20px}.error-message{color:var(--danger-color);margin-bottom:20px;font-size:16px}@media (max-width: 768px){body{padding:10px}header{padding:.6rem 1.5rem}header img{height:28px}header h1{font-size:1.2rem}main{padding:1rem;margin-top:70px}.rules-header{flex-direction:column;gap:10px;align-items:stretch}.rules-header button{width:100%}.rule-header{flex-direction:column;gap:10px}.rule-actions{width:100%}.rule-actions button{flex:1}.form-actions{flex-direction:column}button{width:100%}}