body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{margin:0;padding:0}.advent-calendar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;font-family:Arial,sans-serif;min-height:100vh;padding:40px 20px}.advent-calendar h1{color:#fff;font-size:3rem;margin-bottom:10px;text-shadow:2px 2px 4px #0000004d}.error-message{background-color:#ff00004d;border-radius:5px;color:#fff;font-size:1.1rem;margin-bottom:20px;max-width:600px;padding:15px}.doors-grid{grid-gap:15px;box-sizing:border-box;display:grid;gap:15px;grid-template-columns:repeat(6,1fr);margin:30px auto;max-width:1000px;padding:20px;width:100%}.door{align-items:center;aspect-ratio:1;background:linear-gradient(145deg,#ff6b6b,#ee5a6f);border:3px solid #c92a2a;border-radius:8px;box-shadow:0 4px 6px #0003,inset 0 -2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;justify-content:center;position:relative;transition:all .3s ease}.door:hover:not(:disabled){box-shadow:0 8px 12px #0000004d,inset 0 -2px 4px #0000001a;transform:translateY(-5px)}.door:active:not(:disabled){transform:translateY(-2px)}.door.locked{background:linear-gradient(145deg,#999,#777);border-color:#555;cursor:not-allowed;opacity:.6}.door.locked:hover{transform:none}.door.opened{background:linear-gradient(145deg,#51cf66,#40c057);border-color:#2f9e44}.door:disabled{cursor:not-allowed}.door-number{font-size:2rem;position:absolute}.opened-badge{background-color:gold;border-radius:50%;color:#333;font-size:1rem;font-weight:700;height:24px;position:absolute;right:8px;top:5px;width:24px}.modal-overlay,.opened-badge{align-items:center;display:flex;justify-content:center}.modal-overlay{animation:fadeIn .3s ease;background-color:#000000b3;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{animation:slideUp .3s ease;background:#fff;border-radius:15px;box-shadow:0 10px 40px #0000004d;max-height:80vh;max-width:500px;overflow-y:auto;padding:30px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:2px solid #667eea;display:flex;justify-content:space-between;margin-bottom:20px}.modal-header h2{color:#667eea;font-size:1.8rem;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#667eea;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:background-color .2s;width:30px}.close-btn:hover{background-color:#f0f0f0}.modal-content{word-wrap:break-word;color:#333;font-size:1.1rem;line-height:1.6;margin:20px 0;white-space:pre-wrap}.close-modal-btn{background:linear-gradient(145deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:12px;transition:transform .2s,box-shadow .2s;width:100%}.close-modal-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.close-modal-btn:active{transform:translateY(0)}@media (max-width:480px){.advent-calendar{padding:20px 10px}.advent-calendar h1{font-size:1.5rem;margin-bottom:15px}.doors-grid{gap:8px;grid-template-columns:repeat(4,1fr);margin:20px auto;padding:10px}.door{font-size:1rem}.door-number{font-size:1.2rem}.modal{max-height:90vh;max-width:95vw;padding:15px}.modal-header h2{font-size:1.3rem}.error-message,.modal-content{font-size:.95rem}.error-message{max-width:90vw;padding:10px}}@media (min-width:481px) and (max-width:768px){.advent-calendar{padding:30px 15px}.advent-calendar h1{font-size:2rem;margin-bottom:15px}.doors-grid{gap:12px;grid-template-columns:repeat(5,1fr);padding:15px}.door{font-size:1.1rem}.door-number{font-size:1.4rem}.modal{max-height:85vh;max-width:92vw;padding:20px}.error-message{font-size:1rem;max-width:85vw}}@media (min-width:769px) and (max-width:1024px){.doors-grid{gap:12px;grid-template-columns:repeat(6,1fr)}}
/*# sourceMappingURL=main.c50265bd.css.map*/