*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#0f1419,#1a2332,#0f1419);min-height:100vh;color:#e9ecef;line-height:1.6}.app{display:flex;flex-direction:column;min-height:100vh;padding:20px;max-width:1400px;margin:0 auto}.app-header{text-align:center;background:#000c;padding:30px;border-radius:12px;margin-bottom:30px;border:2px solid #00ff88}.app-header h1{color:#0f8;font-size:2.5em;margin-bottom:10px;font-weight:700}.app-header p{color:#ccc;font-size:1.1em}.app-content{display:grid;grid-template-columns:1fr 350px;gap:30px;margin-bottom:30px}.main-section{background:#000000b3;padding:30px;border-radius:12px;border:2px solid #333}.sidebar,.unity-game-container{display:flex;flex-direction:column;gap:20px}.unity-header{text-align:center;background:#00ff881a;padding:20px;border-radius:8px;border:1px solid #00ff88}.unity-header h3{color:#0f8;margin-bottom:10px;font-size:1.8em}.unity-header p{color:#ccc;margin-bottom:10px}.wallet-sent{color:#0f8;font-weight:700;font-size:.9em}.init-steps{background:#00000080;border-radius:8px;padding:15px;border:1px solid #444}.init-steps h4{color:#0f8;margin-bottom:10px;font-size:1.1em}.steps-container{display:flex;flex-direction:column;gap:5px;max-height:150px;overflow-y:auto}.step-item{display:flex;align-items:center;gap:10px;padding:5px 10px;border-radius:4px;font-size:.9em}.step-time{color:#888;font-family:monospace;font-size:.8em;min-width:80px}.step-text{flex:1}.step-info{background:#17a2b81a;border-left:3px solid #17a2b8;color:#bee5eb}.step-success{background:#28a7451a;border-left:3px solid #28a745;color:#d4edda}.step-error{background:#dc35451a;border-left:3px solid #dc3545;color:#f8d7da}.step-warning{background:#ffc1071a;border-left:3px solid #ffc107;color:#fff3cd}.loading-section{background:#0009;padding:20px;border-radius:8px;border:1px solid #555}.loading-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.progress-text{color:#0f8;font-weight:700;font-size:1.2em}.progress-bar{width:100%;height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden;margin-bottom:15px}.progress-fill{height:100%;background:linear-gradient(90deg,#0f8,#00d4ff);transition:width .3s ease;border-radius:6px}.critical-warning{background:#ffc10733;color:#fff3cd;padding:10px;border-radius:6px;border:1px solid #ffc107;text-align:center;font-weight:700;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.unity-canvas-container{text-align:center}.game-status{background:#00ff881a;padding:15px;border-radius:8px;border:1px solid #00ff88}.status-indicators{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.status-item{display:flex;align-items:center;gap:8px;padding:8px 15px;border-radius:20px;font-size:.9em;font-weight:700}.status-success{background:#28a74533;color:#28a745;border:1px solid #28a745}.system-info{background:#000000b3;padding:20px;border-radius:12px;border:2px solid #333}.system-info h4{color:#00d4ff;margin-bottom:15px;font-size:1.3em}.info-grid{display:grid;grid-template-columns:1fr;gap:8px}.info-item{display:grid;grid-template-columns:1fr 1fr;padding:5px 0;border-bottom:1px solid #333}.info-item span:first-child{color:#adb5bd;font-size:.9em}.info-item span:last-child{color:#fff;font-weight:700;text-align:right;font-family:monospace;font-size:.9em}.file-tester{background:#000000b3;padding:20px;border-radius:12px;border:2px solid #333}.tester-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.tester-header h4{color:#ffc107;font-size:1.3em}.test-button{padding:8px 16px;background:#ffc107;color:#000;border:none;border-radius:6px;cursor:pointer;font-weight:700;font-size:.9em;transition:all .2s ease}.test-button:hover:not(:disabled){background:#e0a800;transform:translateY(-1px)}.test-button:disabled{background:#666;color:#ccc;cursor:not-allowed;transform:none}.file-results{display:flex;flex-direction:column;gap:8px}.file-result{display:flex;justify-content:space-between;align-items:center;padding:10px;border-radius:6px;font-size:.9em}.file-result.success{background:#28a7451a;border:1px solid #28a745}.file-result.error{background:#dc35451a;border:1px solid #dc3545}.file-name{font-family:monospace;font-weight:700}.file-status{font-family:monospace;font-size:.8em}.debug-console{background:#000c;border-radius:12px;overflow:hidden;border:2px solid #333;height:400px;display:flex;flex-direction:column}.console-header{background:#00ff881a;padding:15px 20px;border-bottom:1px solid #00ff88;display:flex;justify-content:space-between;align-items:center}.console-header h4{color:#0f8;margin:0;font-size:1.2em}.console-header button{padding:6px 12px;background:#666;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.8em}.console-header button:hover{background:#555}.console-body{flex:1;padding:15px;overflow-y:auto;font-family:Courier New,monospace;font-size:13px;line-height:1.4}.no-logs{text-align:center;color:#6c757d;font-style:italic;padding:20px}.log-entry{margin:4px 0;padding:6px 12px;border-radius:4px;border-left:3px solid transparent;display:flex;gap:10px}.log-time{color:#888;min-width:80px;font-size:.8em}.log-message{flex:1}.log-info{background:#17a2b81a;border-left-color:#17a2b8;color:#bee5eb}.log-success{background:#28a7451a;border-left-color:#28a745;color:#d4edda}.log-error{background:#dc35451a;border-left-color:#dc3545;color:#f8d7da}.log-warning{background:#ffc1071a;border-left-color:#ffc107;color:#fff3cd}.error-container{background:#dc35451a;border:2px solid #dc3545;border-radius:8px;padding:30px;text-align:center}.error-container h3{color:#dc3545;margin-bottom:15px}.error-container p{color:#f8d7da;margin-bottom:20px}.error-container button{padding:10px 20px;background:#dc3545;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:700}.error-container button:hover{background:#c82333}@media (max-width: 1200px){.app-content{grid-template-columns:1fr}.sidebar{order:-1;flex-direction:row;gap:20px}.system-info,.file-tester{flex:1}}@media (max-width: 768px){.app{padding:10px}.app-header h1{font-size:2em}.sidebar{flex-direction:column}.status-indicators{flex-direction:column;align-items:stretch}.tester-header{flex-direction:column;gap:10px;align-items:stretch}.debug-console{height:300px}.info-item{grid-template-columns:1fr;gap:5px}.info-item span:last-child{text-align:left}}.console-body::-webkit-scrollbar,.steps-container::-webkit-scrollbar{width:8px}.console-body::-webkit-scrollbar-track,.steps-container::-webkit-scrollbar-track{background:#ffffff1a}.console-body::-webkit-scrollbar-thumb,.steps-container::-webkit-scrollbar-thumb{background:#0f8;border-radius:4px}.console-body::-webkit-scrollbar-thumb:hover,.steps-container::-webkit-scrollbar-thumb:hover{background:#00d470}
