.app-header{text-align:center;margin:2rem 0;padding:1rem}.app-header h1{font-size:2.5rem;color:#2c3e50;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.timer-container{display:flex;align-items:center;justify-content:center;gap:15px;padding:30px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:20px;box-shadow:0 10px 30px #0000001a;margin:2rem auto;max-width:90%}.card{width:100px;height:150px;border-radius:10px;background:#fff;box-shadow:0 4px 8px #0003;position:relative;display:flex;justify-content:center;align-items:center;margin:0 5px;font-family:Courier New,monospace}.not-clickable{cursor:default;pointer-events:none;opacity:.7}.card.back{background:repeating-linear-gradient(45deg,#d10000,#d10000 10px,#fff 10px,#fff 20px)}.colon-card{background:#f0f0f0;min-width:60px;margin:0 10px}.colon-card .colon{font-size:4em;color:#666;margin-top:-15px}.card.colon-card .corner{font-size:1.2em;opacity:.7}.joker-symbol{font-size:1.2em;opacity:.6;filter:drop-shadow(0 2px 2px rgba(0,0,0,.2))}.timer-container{display:flex;justify-content:center;gap:30px;padding:20px;background:#f8f9fa;border-radius:15px;margin:20px}.digits-row{display:flex;gap:10px}.time-group{display:flex;flex-direction:column;align-items:center;gap:15px}.time-label{font-size:1.2rem;font-weight:700;color:#2c3e50;text-transform:uppercase}.corner{position:absolute;font-size:1.2rem;padding:5px}.top-left{top:5px;left:5px;text-align:left}.bottom-right{bottom:5px;right:5px;transform:rotate(180deg);text-align:right}.center-value{font-size:3.5rem;font-weight:700}.red{color:#e74c3c}.black{color:#2c3e50}@media (max-width: 768px){.card{width:70px;height:105px}.center-value{font-size:2.5rem}.corner,.time-label{font-size:1rem}}@keyframes flip{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.card.flipping{animation:flip .6s ease-in-out;transform-style:preserve-3d}@keyframes pulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.colon-card .colon{animation:pulse 2s infinite}@keyframes joker-float{0%{transform:translateY(0)}50%{transform:translateY(-3px)}to{transform:translateY(0)}}.joker-symbol{animation:joker-float 2s ease-in-out infinite}.card.classic{background:#fff;color:#2c3e50}.card.dark{background:#2d3436;color:#dfe6e9;box-shadow:0 4px 15px #0000004d}.card.neon{background:#0f0f1a;color:#0ff;box-shadow:0 0 15px #00ffff80;text-shadow:0 0 10px rgba(0,255,255,.5)}.card.classic.red{color:#e74c3c!important}.card.classic.black{color:#2c3e50!important}