*{box-sizing:border-box;padding:0;margin:0}html,body{width:100%;min-height:100vh;background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow-x:hidden}#root{width:100%;min-height:100vh}.game-container{min-height:100vh;background:#000;display:flex;align-items:center;justify-content:center;padding:1rem}.game-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.game-title{font-size:2rem;font-weight:700;color:#f87171}.audio-button{padding:.5rem 1rem;border-radius:.5rem;border:2px solid;font-weight:700;cursor:pointer;transition:all .2s ease}.audio-button.enabled{background:#b91c1c;color:#fff;border-color:#7f1d1d}.audio-button.enabled:hover{background:#dc2626}.audio-button.disabled{background:#374151;color:#d1d5db;border-color:#4b5563}.audio-button.disabled:hover{background:#4b5563}.game-field-container{position:relative}.lockpick{position:absolute;transition:all 75ms ease;z-index:10;transform:translate(-50%,-50%)}.lock-cylinder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:35rem;height:35rem;position:relative}.game-info{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.game-info-title{color:#f87171;font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.game-info-subtitle{color:#9ca3af;font-size:.875rem}.game-status{position:absolute;top:1rem;left:1rem;background:#000000e6;padding:.75rem;border-radius:.25rem;border:1px solid #dc2626}.game-status-pin{color:#f87171;font-size:.875rem;font-weight:700}.game-status-time{color:#9ca3af;font-size:.75rem}.game-status-dietrich{color:#fbbf24;font-size:.75rem}.progress-container{width:100%}.progress-bar{width:70%;margin:0 auto;background:#1f2937;border-radius:9999px;height:.75rem;border:1px solid #7f1d1d}.progress-fill{background:linear-gradient(to right,#dc2626,#f87171);height:.75rem;border-radius:9999px;transition:width .3s ease;box-shadow:0 2px 4px -1px #0000001a}.progress-text{text-align:center;margin-top:.5rem;color:#f87171;font-size:.875rem;font-weight:700}.status-display{text-align:center}.status-text{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.status-success{color:#4ade80}.status-failed{color:#f87171}.status-timeout{color:#fbbf24}.status-ready{color:#b91c1c}.status-playing{color:#f87171}.game-buttons{display:flex;gap:1rem;justify-content:center}.game-button{background:#b91c1c;color:#fff;padding:.75rem 2rem;border-radius:.5rem;border:1px solid #7f1d1d;font-weight:700;font-size:1.125rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px -1px #0000001a}.game-button:hover{background:#dc2626;box-shadow:0 10px 15px -3px #0000001a}.game-button:active{background:#991b1b}.game-instructions{font-size:.75rem;color:#9ca3af;text-align:center;max-width:32rem;background:#1f2937;padding:1rem;border-radius:.5rem;border:1px solid #374151}.game-instructions p{margin-bottom:.5rem}.game-instructions p:last-child{margin-bottom:0}.game-instructions strong{color:#f3f4f6}