*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;overflow:hidden}#root{width:100%;height:100vh}.cursor-hidden,.cursor-hidden *{cursor:none!important}.display-container{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background-color:#000;overflow:hidden}.display-image{max-width:100%;max-height:100%;object-fit:contain}.display-video{width:100%;height:100%;object-fit:cover}.text-display{padding:2rem;text-align:center}.text-display p{margin:0;line-height:1.5;word-wrap:break-word}.clock-display{flex-direction:column;color:#fff;font-family:Arial,sans-serif}.clock-time{font-size:120px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.clock-date{font-size:36px;margin-top:20px;opacity:.9}@media(max-width:768px){.clock-time{font-size:60px}.clock-date{font-size:20px}}.status-indicator{position:fixed;top:10px;right:10px;display:flex;align-items:center;gap:8px;background:#000000b3;padding:8px 12px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;opacity:.6;transition:opacity .3s}.status-indicator:hover{opacity:1}.status-dot{width:10px;height:10px;border-radius:50%;animation:pulse 2s infinite}.status-dot.online{background-color:#0f8;box-shadow:0 0 8px #0f8}.status-dot.offline{background-color:#f44;box-shadow:0 0 8px #f44}.status-info{display:flex;flex-direction:column;gap:2px;font-size:11px;color:#fff}.status-label{font-weight:600;font-size:12px}.status-time{opacity:.8;font-size:10px}.status-version{opacity:.6;font-size:10px}@media(max-width:768px){.status-indicator{top:5px;right:5px;padding:6px 10px}.status-info{font-size:10px}.status-label{font-size:11px}}.claim-player{width:100%;height:100vh;display:flex;overflow-y:auto;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.claim-container{margin:auto;background:#fff;border-radius:20px;padding:48px;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d}.claim-header{text-align:center;margin-bottom:32px}.claim-header h1{font-size:36px;margin-bottom:8px;color:#1a1a1a}.claim-header p{color:#666;font-size:16px}.claim-form{margin-bottom:32px}.claim-input-group{margin-bottom:24px}.claim-input-group label{display:block;font-weight:600;margin-bottom:8px;color:#333;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.claim-input{width:100%;padding:16px;font-size:32px;font-weight:700;font-family:Courier New,monospace;text-align:center;letter-spacing:8px;border:2px solid #e0e0e0;border-radius:12px;transition:all .3s ease}.claim-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.claim-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.claim-error{background-color:#fee;border:1px solid #fcc;color:#c33;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px}.claim-button{width:100%;padding:16px;font-size:18px;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease}.claim-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.claim-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.claim-help{background-color:#f8f9fa;border-radius:12px;padding:20px;font-size:14px;color:#555}.claim-help p{margin-bottom:12px;font-weight:600}.claim-help ol,.claim-help ul{margin:0;padding-left:20px}.claim-help li{margin-bottom:8px;line-height:1.5}.claim-kiosk{margin-top:16px}.claim-kiosk code{font-size:13px;background:#e9ecef;padding:1px 4px;border-radius:4px}.claim-install{margin-top:8px;width:100%;padding:12px;font-size:16px;font-weight:600;color:#4f46e5;background:#fff;border:2px solid #4f46e5;border-radius:10px;cursor:pointer}.claim-install:hover{background:#eef2ff}@media(max-width:480px){.claim-container{padding:28px 20px}}.app{margin:0;padding:0;width:100%;height:100vh;overflow:hidden}.app.loading{display:flex;align-items:center;justify-content:center;background-color:#000}.loading-spinner{color:#fff;font-size:24px;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}
