html,body,video{margin:0;padding:0;width:100%;height:100%;background-color:#000;color:#fff}.hidden{display:none!important}:root{--primary-color: #00915f}.idle-state{position:absolute;overflow:hidden;inset:0;display:flex;justify-content:center;align-items:center;background-color:#000;z-index:999}.idle-state.hidden{display:none}.idle-gradient{position:absolute;width:120%;height:120%;border-radius:50%;background:radial-gradient(circle,rgba(0,145,95,.3) 0%,rgba(0,145,95,.15) 30%,rgba(0,145,95,0) 60%,transparent 100%);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.idle-content{position:relative;display:flex;justify-content:center;align-items:center;z-index:1;flex:1}.idle-logo{display:flex;justify-content:center;align-items:center;animation:logoIntro 1s ease-out forwards,logoSlide .6s ease-out 2s forwards;position:relative;z-index:2}.idle-logo img{width:25vw;height:auto}@keyframes logoIntro{0%{transform:scale(1.5) translate(0);opacity:0}to{transform:scale(1.5) translate(0);opacity:1}}@keyframes logoSlide{0%{transform:scale(1.5) translate(0)}to{transform:scale(1) translate(-200px)}}.idle-info{position:absolute;display:flex;flex-direction:column;gap:20px;opacity:0;left:50%;transform:translate(-50%);animation:textSlideIn .6s ease-out 2s forwards;z-index:1}@keyframes textSlideIn{0%{opacity:0;transform:translate(-50%)}to{opacity:1;transform:translate(50px)}}.idle-info h1{font-size:48px;font-weight:600;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#fff}.idle-info p{font-size:24px;margin:0;color:#bbb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.loader{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background-color:#000;z-index:1000}.loader.hidden{display:none}.loader-content{display:flex;flex-direction:column;align-items:center;gap:40px}.loader-logo{display:flex;justify-content:center;align-items:center}.loader-logo img{max-width:300px;width:100%;height:auto}.spinner{width:60px;height:60px;border:6px solid rgba(76,175,80,.2);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:30px;font-family:Arial,sans-serif;background-color:#000c;z-index:1001;text-align:center;padding:320px 20px 20px}.error.hidden{display:none}.error-title{font-size:40px;margin-bottom:20px;color:#f44}.version-info{font-size:16px!important;color:#666!important;margin-top:20px!important;font-family:Courier New,monospace!important}.debug-overlay{position:fixed;top:0;left:0;right:0;max-height:300px;background:#000000f2;border-bottom:2px solid var(--primary-color);z-index:10000;display:flex;flex-direction:column;font-family:Courier New,monospace;font-size:14px}.debug-overlay.hidden{display:none}.debug-header{background:var(--primary-color);color:#000;padding:8px 16px;font-weight:700;display:flex;justify-content:space-between;align-items:center}.debug-clear-btn{background:#0003;color:#000;border:none;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:700}.debug-clear-btn:hover{background:#0000004d}.debug-logs{overflow-y:auto;padding:8px 16px;flex:1;max-height:250px}.debug-log-entry{padding:4px 0;border-bottom:1px solid rgba(76,175,80,.2);display:flex;gap:8px}.debug-log-entry:last-child{border-bottom:none}.debug-log-time{color:#888;min-width:80px}.debug-log-level{min-width:60px;font-weight:700}.debug-log-level.info{color:#2196f3}.debug-log-level.warn{color:#ffc107}.debug-log-level.error{color:#f44336}.debug-log-level.success{color:var(--primary-color)}.debug-log-message{color:#fff;flex:1}
