hr:is(.dark *){
    border-top-color: rgba(76, 60, 60, 0.8) !important;
}

.quantum-container {
    min-height: 100vh;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    padding: 20px;
}

.cosmic-converter-shell {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    max-width: 500px;
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.stellar-title {
    text-align: center;
    color: #2d3748;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 10px;
    background: linear-gradient(45deg, #667eea, #764ba2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.nebula-subtitle {
    text-align: center;
    color: #718096;
    font-size: 1.1rem;
    margin-bottom: 30px;
    font-weight: 300;
}

.interstellar-input-group {
    margin-bottom: 25px;
}

.galactic-label {
    display: block;
    color: #4a5568;
    font-weight: 600;
    margin-bottom: 8px;
    font-size: 1rem;
}

.wormhole-input {
    width: 100%;
    padding: 15px 20px;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    font-size: 1.1rem;
    transition: all 0.3s ease;
    background: rgba(255, 255, 255, 0.8);
    color: #2d3748;
}

.wormhole-input:focus {
    outline: none;
    border-color: #667eea;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    transform: translateY(-2px);
}

.wormhole-input.invalid {
    border-color: #e53e3e;
    background: rgba(229, 62, 62, 0.05);
}

.hyperspace-button {
    width: 100%;
    padding: 15px;
    background: linear-gradient(45deg, #667eea, #764ba2);
    color: white;
    border: none;
    border-radius: 12px;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.hyperspace-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(102, 126, 234, 0.3);
}

.hyperspace-button:active {
    transform: translateY(0);
}

.dimension-result-zone {
    background: rgba(102, 126, 234, 0.1);
    border: 2px dashed #667eea;
    border-radius: 12px;
    padding: 20px;
    text-align: center;
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.cosmic-result-text {
    font-size: 1.3rem;
    font-weight: 600;
    color: #2d3748;
}

.placeholder-text {
    color: #a0aec0;
    font-style: italic;
}

.error-message {
    color: #e53e3e;
    font-size: 0.9rem;
    margin-top: 5px;
    display: none;
}

.quantum-info-panel {
    margin-top: 25px;
    padding: 15px;
    background: rgba(102, 126, 234, 0.05);
    border-radius: 10px;
    border-left: 4px solid #667eea;
}

.info-title {
    font-weight: 600;
    color: #2d3748;
    margin-bottom: 8px;
}

.info-text {
    color: #718096;
    font-size: 0.9rem;
    line-height: 1.5;
}

@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}

.converting {
    animation: pulse 1s infinite;
}

Dead by Daylight Configuration

Quick Setup

Unlocker Integration

Feature Configuration

Performance Settings

License Management

Common Issues

Troubleshooting

Best Practices

Additional Features

Safety Guidelines

Feature Updates

Setup and configuration guide for Dead by Daylight