@import url(https://fonts.googleapis.com/css2?family=VT323&display=swap);.project-card{background-color:#1e1e1e;border:2px solid #444;border-radius:8px;box-shadow:0 2px 8px #0000004d;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-family:Consolas,Monaco,Courier New,monospace;margin:4px;min-height:190px;overflow:hidden;position:relative;transition:all .3s ease;width:182px}.project-card:hover{border-color:#4ade80;box-shadow:0 4px 16px #0006;transform:translateY(-2px)}.project-card.selected{background-color:#2a2a2a;border-color:#4ade80;box-shadow:0 0 0 2px #4ade80,0 4px 16px #0006}.project-card:focus{outline:2px solid #4ade80;outline-offset:2px}.selection-controls{align-items:center;display:flex;justify-content:space-between;left:8px;position:absolute;right:8px;top:8px;z-index:10}.project-checkbox{accent-color:#4ade80;background:#333;border:2px solid #555;border-radius:3px;cursor:pointer;height:18px;width:18px}.project-checkbox:checked{background:#4ade80;border-color:#4ade80}.favorite-btn{align-items:center;background:#333;border:2px solid #555;border-radius:6px;color:#ccc;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.favorite-btn:hover{transform:scale(1.05)}.favorite-btn.favorited,.favorite-btn:hover{background:#444;border-color:#4ade80;color:#4ade80}.project-thumbnail{background-color:#333;border-bottom:2px solid #444;cursor:pointer;height:80px;margin-top:12px;overflow:hidden;position:relative;width:100%}.project-thumbnail img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.project-card:hover .project-thumbnail img{transform:scale(1.02)}.thumbnail-placeholder{align-items:center;background-color:#333;border:1px solid #555;cursor:pointer;display:flex;height:100%;justify-content:center;width:100%}.code-icon{color:#4ade80;font-family:Consolas,Monaco,Courier New,monospace;font-size:24px;font-weight:700}.project-badges{display:flex;gap:4px;position:absolute;right:8px;top:8px}.badge{background:#000000b3;border:1px solid #ffffff4d;border-radius:4px;color:#fff;font-size:12px;padding:2px 6px}.badge.shared{background:#34a853e6}.badge.favorite{background:#ff69b4e6}.project-info{flex:1 1;gap:4px;padding:8px}.project-title{-webkit-line-clamp:2;font-size:12px;letter-spacing:.5px;line-height:1.3;max-height:2.6em}.project-description,.project-title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.project-description{-webkit-line-clamp:3;color:#ccc;font-size:10px;line-height:1.4;max-height:4.2em}.project-meta{color:#4ade80;display:flex;flex-direction:column;font-size:10px;gap:2px}.concept-stage,.last-updated{align-items:center;display:flex;gap:4px}.project-stats{border-bottom:1px solid #444;border-top:1px solid #444;gap:6px;padding:4px 0}.project-stats,.stat{align-items:center;display:flex}.stat{color:#ccc;font-size:10px;gap:2px}.stat-icon{font-size:12px}.rating-stars{display:flex;gap:1px}.star{color:#4ade80;font-size:12px}.star.empty{color:#555}.rating-count{color:#ccc;font-size:8px;margin-left:4px}.project-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.tag{background:#333;border:1px solid #555;border-radius:4px;color:#ccc;font-size:10px;font-weight:700;max-width:60px;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;white-space:nowrap}.tag.more{background:#444;border-color:#4ade80;color:#4ade80;font-style:italic}.project-actions{background:#2a2a2a80;border-top:2px solid #444;justify-content:space-between;padding:12px 16px}.action-btn,.project-actions{align-items:center;display:flex}.action-btn{background:#0000;border:1px solid #4ade80;border-radius:4px;color:#4ade80;cursor:pointer;font-family:Consolas,Monaco,Courier New,monospace;font-size:10px;font-weight:700;gap:4px;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase;transition:all .2s ease}.action-btn:hover{background:#4ade80;color:#1e1e1e;transform:translateY(-1px)}.action-btn.primary{background:#4ade80;border-color:#4ade80;color:#1e1e1e}.action-btn.primary:hover{background:#22c55e;border-color:#22c55e}.menu-container{position:relative}.menu-toggle{font-size:12px;line-height:1;padding:4px 6px}.action-btn.secondary{border-color:#666;color:#ccc}.action-btn.secondary:hover{background:#666;border-color:#666;color:#fff}.action-menu{background:#1e1e1e;border:1px solid #444;border-radius:6px;bottom:100%;box-shadow:0 4px 16px #00000080;margin-bottom:4px;min-width:120px;position:absolute;right:0;z-index:20}.menu-item{align-items:center;background:none;border:none;border-radius:0;color:#fff;cursor:pointer;display:flex;font-family:Consolas,Monaco,Courier New,monospace;font-size:12px;gap:6px;padding:8px 12px;text-align:left;transition:background-color .2s ease;width:100%}.menu-icon{font-size:14px}.menu-item:first-child{border-radius:4px 4px 0 0}.menu-item:last-child{border-radius:0 0 4px 4px}.menu-item:hover{background:#333;color:#4ade80}.menu-item.danger{color:#ef4444}.menu-item.danger:hover{background:#2a1a1a;color:#f87171}.menu-overlay{background:#0000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:15}@media (max-width:768px){.project-card{margin:4px 0;max-width:416px;width:100%}.project-thumbnail{height:140px}.project-title{font-size:16px}.project-description{font-size:13px}}@media (max-width:480px){.project-card{margin:2px 0}.project-thumbnail{height:120px}.project-stats{gap:8px}.action-btn{font-size:11px;padding:4px 8px}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.project-card{animation:slideInUp .3s ease-out}.project-card.loading{opacity:.7;pointer-events:none}.project-card.loading:after{align-items:center;background:#fffc;bottom:0;content:"";display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:30}.project-search{margin:0 auto;max-width:400px}.search-input-container{align-items:center;background:beige;border:3px solid #8b4513;border-radius:8px;box-shadow:2px 2px 4px #0000004d,inset 1px 1px 2px #ffffff80;display:flex;position:relative;transition:all .2s ease}.search-input-container:focus-within{border-color:#4caf50;box-shadow:0 0 0 2px #4caf50,2px 2px 4px #0000004d,inset 1px 1px 2px #ffffff80}.search-icon{color:#8b4513;font-size:18px;padding:0 12px;pointer-events:none;-webkit-user-select:none;user-select:none}.search-input{background:#0000;border:none;color:#2c1810;flex:1 1;font-size:16px;outline:none;padding:12px 8px}.search-input::placeholder{color:sienna;font-style:italic}.clear-button{align-items:center;background:#0000;border:none;border-radius:4px;color:#8b4513;cursor:pointer;display:flex;font-size:16px;font-weight:700;justify-content:center;padding:8px 12px;transition:all .2s ease}.clear-button:hover{background:#8b45131a;color:#d32f2f;transform:scale(1.1)}.clear-button:focus{outline:2px solid #4caf50;outline-offset:2px}.search-suggestions{animation:slideDown .2s ease-out;background:#fff;border:3px solid #8b4513;border-radius:8px;box-shadow:0 4px 12px #0000004d;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.suggestion-item{align-items:center;border-bottom:1px solid #e0e0e0;color:#2c1810;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:12px 16px;transition:background-color .2s ease}.suggestion-item:last-child{border-bottom:none;border-radius:0 0 6px 6px}.suggestion-item:first-child{border-radius:6px 6px 0 0}.suggestion-item.selected,.suggestion-item:hover{background:#f0f8ff;color:#1565c0}.suggestion-item.selected{background:#e3f2fd;box-shadow:inset 2px 0 0 #2196f3}.suggestion-text{flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-type{font-size:16px;margin-left:8px;opacity:.7}.search-suggestions::-webkit-scrollbar{width:8px}.search-suggestions::-webkit-scrollbar-track{background:#f5f5f5;border-radius:4px}.search-suggestions::-webkit-scrollbar-thumb{background:#8b4513;border-radius:4px;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.search-suggestions::-webkit-scrollbar-thumb:hover{background:sienna}@media (max-width:768px){.project-search{max-width:100%}.search-input{font-size:16px;padding:10px 8px}.search-icon{font-size:16px;padding:0 10px}.clear-button{font-size:14px;padding:6px 10px}.suggestion-item{font-size:14px;padding:10px 12px}}@media (max-width:480px){.search-input-container{border-width:2px}.search-input{font-size:14px;padding:8px 6px}.search-icon{font-size:14px;padding:0 8px}.clear-button{font-size:12px;padding:4px 8px}.suggestion-item{font-size:13px;padding:8px 10px}.suggestion-type{font-size:14px}}.search-input-container.loading{opacity:.7}.search-input-container.loading:after{animation:spin 1s linear infinite;border:2px solid #8b4513;border-radius:50%;border-top-color:#0000;content:"";height:16px;position:absolute;right:40px;top:50%;transform:translateY(-50%);width:16px}.search-suggestions.no-results{color:#999;font-style:italic;padding:16px;text-align:center}.search-suggestions.no-results:before{content:"😔";display:block;font-size:24px;margin-bottom:8px}.suggestion-item.selected:before{color:#2196f3;content:"→";font-weight:700;margin-right:8px}@media (prefers-contrast:high){.search-input-container{border-color:#000;border-width:4px}.search-input{color:#000}.search-suggestions{border-color:#000}.suggestion-item.selected,.suggestion-item:hover{background:#000;color:#fff}}@media (prefers-reduced-motion:reduce){.search-suggestions{animation:none}.clear-button,.search-input-container,.suggestion-item{transition:none}.search-input-container.loading:after{animation:none}}.project-browser{background-color:#1e1e1e;border:1px solid #444;color:#fff;display:flex;flex-direction:column;font-family:Consolas,Monaco,Courier New,monospace;height:100vh;width:100%}.project-browser.loading{align-items:center;justify-content:center}.loading-container{background:#2a2a2a;border:2px solid #444;border-radius:8px;padding:2rem;text-align:center}.loading-spinner{border:4px solid #555;height:40px;margin:0 auto 1rem;width:40px}.loading-text{color:#fff;font-size:1.1rem}.project-browser.error{align-items:center;justify-content:center}.error-container{background:#2a2a2a;border:2px solid #ef4444;border-radius:8px;max-width:400px;padding:2rem;text-align:center}.error-icon{color:#ef4444;font-size:3rem;margin-bottom:1rem}.error-title{color:#ef4444;font-size:1.5rem;margin:0 0 1rem}.error-message{margin:0 0 1.5rem}.error-retry{background:#4ade80;border:1px solid #4ade80;border-radius:4px;color:#1e1e1e;cursor:pointer;font-family:Consolas,Monaco,Courier New,monospace;font-weight:700;letter-spacing:.5px;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .2s ease}.error-retry:hover{background:#22c55e;border-color:#22c55e;transform:translateY(-1px)}.browser-header{background:#2a2a2a;border-bottom:2px solid #444;flex-wrap:wrap;gap:1rem;padding:1rem}.header-section.search{flex:1 1;max-width:400px}.header-section.controls{align-items:center;display:flex;gap:1rem}.results-info{align-items:center;color:#fff;display:flex;font-weight:700;gap:.5rem}.results-count{color:#4ade80;font-size:1rem}.filtered-indicator{color:#ccc;font-size:.9rem}.view-controls{display:flex;gap:.5rem}.view-toggle{align-items:center;background:#0000;border:1px solid #666;border-radius:4px;color:#ccc;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;padding:.5rem;transition:all .2s ease;width:40px}.view-toggle:hover{background:#666;border-color:#4ade80;color:#fff;transform:translateY(-1px)}.view-toggle.active{background:#4ade80;border-color:#4ade80;color:#1e1e1e}.browser-content{display:flex;flex:1 1;gap:1rem;overflow:hidden}.browser-sidebar{background:#2a2a2a;border-right:2px solid #444;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;padding:1rem;width:240px}.browser-filters{background:#0000;border:none;padding:0}.selection-panel{background:#ffffff1a;border:2px solid #8b5a3c;border-radius:6px;padding:1rem}.selection-title{color:#2c1810;font-size:1rem;font-weight:700;margin:0 0 1rem}.selection-actions{display:flex;flex-direction:column;gap:.5rem}.selection-action{background:linear-gradient(135deg,#e0e0e0,#bdbdbd);border:2px solid #9e9e9e;border-radius:4px;color:#2c1810;cursor:pointer;font-size:.9rem;padding:.5rem;text-align:left;transition:all .2s ease}.selection-action:hover{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);transform:translateY(-1px)}.selection-action.danger{background:linear-gradient(135deg,#f44336,#c62828);border-color:#b71c1c;color:#fff}.selection-action.danger:hover{background:linear-gradient(135deg,#ef5350,#f44336)}.browser-main{background:#ffffff0d;flex:1 1;overflow-y:auto;padding:1rem}.empty-state{align-items:center;display:flex;height:100%;justify-content:center;min-height:400px}.empty-content{background:#ffffffe6;border:2px solid #8b5a3c;border-radius:8px;max-width:400px;padding:2rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-title{color:#2c1810;font-size:1.5rem;margin:0 0 1rem}.empty-description{color:#666;line-height:1.5;margin:0 0 2rem}.empty-action{background:linear-gradient(135deg,#4caf50,#388e3c);border:2px solid #2e7d32;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.75rem 1.5rem;transition:all .2s ease}.empty-action:hover{background:linear-gradient(135deg,#66bb6a,#4caf50);transform:translateY(-1px)}.projects-container.grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:.5rem 0}.projects-container.list{display:flex;flex-direction:column;gap:.5rem;padding:.5rem 0}.browser-footer{align-items:center;background:#ffffff1a;border-top:2px solid #5d4e37;display:flex;justify-content:space-between;padding:1rem}.footer-stats{color:#2c1810;display:flex;font-weight:700;gap:1rem}.stat{font-size:.9rem}.footer-actions{display:flex;flex-wrap:wrap;gap:.5rem}.footer-action{background:linear-gradient(135deg,#ffeb3b,#ffc107);border:2px solid #ff8f00;border-radius:4px;color:#2c1810;cursor:pointer;font-size:.9rem;font-weight:700;padding:.5rem 1rem;transition:all .2s ease}.footer-action:hover{background:linear-gradient(135deg,#fff176,#ffeb3b);transform:translateY(-1px)}.footer-action:disabled{border-color:#9e9e9e;color:#9e9e9e;cursor:not-allowed}.footer-action:disabled,.footer-action:disabled:hover{background:linear-gradient(135deg,#e0e0e0,#bdbdbd);transform:none}@media (max-width:768px){.browser-header{flex-direction:column;gap:.5rem}.header-section.search{max-width:none;width:100%}.browser-content{flex-direction:column}.browser-sidebar{border-bottom:2px solid #5d4e37;border-right:none;max-height:200px;width:100%}.projects-container.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.footer-stats{gap:.25rem}.footer-actions,.footer-stats{flex-direction:column}}@media (max-width:480px){.project-browser{border-radius:0;height:100vh}.projects-container.grid{grid-template-columns:1fr}.browser-footer,.browser-header,.browser-main,.browser-sidebar{padding:.75rem}}@media (prefers-reduced-motion:reduce){.loading-spinner{animation:none}.empty-action,.footer-action,.selection-action,.view-toggle{transition:none}}.empty-action:focus,.error-retry:focus,.footer-action:focus,.selection-action:focus,.view-toggle:focus{outline:2px solid #4caf50;outline-offset:2px}@media (prefers-contrast:high){.project-browser{border-width:4px}.browser-footer,.browser-header,.empty-action,.footer-action,.selection-action,.view-toggle{border-width:3px}}.project-filters{background-color:#fff;border:2px solid #2e4d1d;display:flex;flex-direction:column;font-family:Minecraft,VT323,monospace;gap:1rem;padding:.5rem}.filter-header{align-items:center;display:flex;justify-content:space-between}.filter-title{color:#2e4d1d;font-size:1.1rem;font-weight:700;margin:0}.active-count{color:#2e4d1d;margin-left:.25rem}.filter-actions{display:flex;gap:.5rem}.reset-filters,.toggle-advanced{background:none;border:2px solid #2e4d1d;color:#2e4d1d;cursor:pointer;font-family:inherit;font-size:.9rem;padding:.25rem .5rem}.reset-filters:hover,.toggle-advanced:hover{background-color:#f5f5f5}.basic-filters{gap:.75rem}.basic-filters,.filter-group{display:flex;flex-direction:column}.filter-group{gap:.25rem}.filter-label{color:#2e4d1d;font-size:.85rem}.date-input,.filter-select{background-color:#fff;border:2px solid #2e4d1d;color:#000;font-family:inherit;padding:.25rem}.toggle-label{align-items:center;display:flex;gap:.25rem}.toggle-checkbox{accent-color:#2e4d1d}.toggle-text{color:#000;font-size:.85rem}.tag-filters{display:flex;flex-wrap:wrap;gap:.25rem}.tag-filter{color:#000;font-size:.75rem}.tag-name{margin-left:.25rem}.active-filters{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.5rem}.active-filter{background-color:#f5f5f5;border:1px solid #2e4d1d;border-radius:4px;font-size:.75rem;padding:2px 4px}.remove-filter{background:none;border:none;color:#2e4d1d;cursor:pointer;margin-left:2px}.remove-filter:hover{color:red}.import-export-links{font-size:.85rem;text-align:right}.import-export-links button{background:none;border:none;color:#2e4d1d;cursor:pointer;font-family:Minecraft,VT323,monospace;padding:0}.import-export-links button:hover{text-decoration:underline}.import-export-links .divider{color:#2e4d1d;padding:0 4px}.project-metadata{background-color:#1e1e1e;border:2px solid #444;border-radius:6px;box-shadow:0 4px 8px #0000004d;color:#fff;font-family:Consolas,Monaco,Courier New,monospace;padding:1rem}.metadata-section{margin-bottom:1.5rem}.metadata-section:last-child{margin-bottom:0}.metadata-title{border-bottom:1px solid #4ade80;color:#fff;font-size:1rem;font-weight:700;margin:0 0 .75rem;padding:.25rem 0}.metadata-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metadata-item{align-items:center;background:#333;border:1px solid #555;border-radius:4px;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem}.metadata-label{color:#4ade80;font-weight:700;min-width:-webkit-fit-content;min-width:fit-content}.metadata-value{color:#ccc;flex:1 1}.metadata-value.concept-stage{background:#4ade80;border-radius:3px;color:#1e1e1e;font-size:.8rem;font-weight:700;padding:.25rem .5rem}.metadata-value.status.shared{color:#4ade80;font-weight:700}.metadata-value.status.private{color:#f59e0b;font-weight:700}.tags-container{display:flex;flex-wrap:wrap;gap:.5rem}.metadata-tag{background:#333;border:1px solid #555;border-radius:3px;box-shadow:0 2px 4px #0000004d;color:#ccc;font-size:.8rem;font-weight:700;padding:.25rem .5rem;white-space:nowrap}.metadata-tag:hover{background:#444;border-color:#4ade80;color:#4ade80}.stats-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.stat-item{align-items:center;background:#333;border-radius:4px;display:flex;gap:.5rem;padding:.75rem;transition:all .2s ease}.stat-item:hover{background:#444;border-color:#4ade80;transform:translateY(-1px)}.stat-icon{color:#4ade80;font-size:1.2rem}.stat-content{align-items:center;display:flex;flex:1 1;flex-direction:column}.stat-value{font-size:1.1rem;line-height:1}.stat-label{font-size:.8rem;margin-top:.25rem}.performance-metrics{display:flex;flex-direction:column;gap:.5rem}.performance-item{align-items:center;background:#333;border:1px solid #555;border-radius:4px;display:flex;justify-content:space-between;padding:.5rem}.performance-label{color:#4ade80;font-weight:700}.performance-value{color:#ccc;font-weight:700}.sharing-info{display:flex;flex-direction:column;gap:.5rem}.sharing-item{align-items:center;background:#333;border:1px solid #555;border-radius:4px;display:flex;justify-content:space-between;padding:.5rem}.sharing-label{color:#4ade80;font-weight:700}.sharing-value{color:#ccc;font-weight:700}.versions-list{display:flex;flex-direction:column;gap:.5rem}.version-item{grid-gap:.75rem;align-items:center;background:#ffffff80;border:1px solid #bdbdbd;border-radius:4px;display:grid;font-size:.9rem;gap:.75rem;grid-template-columns:auto auto 1fr;padding:.5rem}.version-label{background:#4caf501a;border-radius:3px;color:#4caf50;font-size:.8rem;font-weight:700;padding:.25rem .5rem}.version-date{color:#666;font-size:.8rem}.version-description{color:#2c1810;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.more-versions{color:#666;font-size:.9rem;font-style:italic;padding:.5rem;text-align:center}.metadata-section.favorite{background:linear-gradient(135deg,#ffe0e6,#ffc1cc);border:2px solid #e91e63;border-radius:6px;padding:1rem}.favorite-note{color:#c2185b;font-style:italic;margin:0;text-align:center}.project-description{word-wrap:break-word;background:#ffffffb3;border:1px solid #bdbdbd;border-radius:4px;color:#2c1810;line-height:1.5;margin:0;max-height:200px;overflow-y:auto;padding:.75rem;white-space:pre-wrap}@media (max-width:768px){.metadata-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.version-item{gap:.25rem;grid-template-columns:1fr;text-align:left}.version-description{overflow:visible;text-overflow:clip;white-space:normal}}@media (max-width:480px){.project-metadata{padding:.75rem}.metadata-item,.performance-item,.sharing-item,.stat-item{align-items:flex-start;flex-direction:column;gap:.25rem}.stats-grid{grid-template-columns:1fr}.stat-item{align-items:center;flex-direction:row}.tags-container{justify-content:center}}@media (prefers-color-scheme:dark){.project-metadata{background:linear-gradient(135deg,#424242,#303030);color:#e0e0e0}.metadata-title{border-bottom-color:#8b5a3c;color:#e0e0e0}.metadata-item,.performance-item,.sharing-item,.stat-item,.version-item{background:#ffffff1a;border-color:#666}.metadata-label,.performance-label,.sharing-label{color:#ffab91}.metadata-value,.performance-value,.sharing-value,.stat-value{color:#e0e0e0}.project-description{background:#ffffff1a;border-color:#666;color:#e0e0e0}}@media (prefers-contrast:high){.project-metadata{border-width:3px}.metadata-item,.metadata-tag,.performance-item,.sharing-item,.stat-item,.version-item{border-width:2px}}.metadata-item:focus-within,.performance-item:focus-within,.sharing-item:focus-within,.stat-item:focus-within{outline:2px solid #4caf50;outline-offset:2px}.execution-engine{background:linear-gradient(135deg,#2c2416,#3d2f1f);border:3px solid #8b5a3c;border-radius:8px;box-shadow:0 4px 8px #0000004d,inset 0 1px 0 #ffffff1a;display:flex;flex:1 1;flex-direction:column;font-family:Minecraft,Monaco,Courier New,monospace;gap:16px;padding:16px}.execution-engine.running{border-color:#4caf50;box-shadow:0 4px 8px #0000004d,0 0 20px #4caf504d,inset 0 1px 0 #ffffff1a}.execution-engine.error{border-color:#f44336;box-shadow:0 4px 8px #0000004d,0 0 20px #f443364d,inset 0 1px 0 #ffffff1a}.execution-canvas{background:#f5f5f5;border:2px solid #8b5a3c;border-radius:4px;box-shadow:inset 0 2px 4px #0000001a,0 2px 4px #0003;flex:1 1;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;margin:0 auto;width:100%}.execution-info{align-items:center;background:#0003;border:1px solid #5a3a2a;border-radius:4px;display:flex;justify-content:space-between;padding:12px 16px}.execution-status{align-items:center;color:#e0e0e0;display:flex;font-weight:700;gap:8px}.status-indicator{font-size:16px;transition:all .3s ease}.status-indicator.running{animation:pulse 2s infinite}.execution-metrics{display:flex;gap:16px}.metric{align-items:center;color:#b0b0b0;display:flex;font-size:12px;gap:4px}.metric-label{color:#888}.execution-console{background:#1a1a1a;border:2px solid #333;border-radius:4px;margin-top:16px;overflow:hidden}.console-title{background:#2a2a2a;border-bottom:1px solid #333;color:#e0e0e0;font-size:14px;margin:0;padding:8px 12px}.console-output{font-family:Monaco,Courier New,monospace;font-size:12px;max-height:200px;overflow-y:auto;padding:8px}.console-line{word-wrap:break-word;color:#0f0;margin:2px 0}.console-line.error{color:#f44}.runtime-controls{background:linear-gradient(135deg,#2c2416,#3d2f1f);border:3px solid #8b5a3c;border-radius:8px;box-shadow:0 4px 8px #0000004d,inset 0 1px 0 #ffffff1a;display:flex;flex-direction:column;font-family:Minecraft,Monaco,Courier New,monospace;gap:20px;min-width:280px;padding:20px}.controls-section{background:#0003;border:1px solid #5a3a2a;border-radius:6px;padding:16px}.controls-title{color:#e0e0e0;font-size:16px;font-weight:700;margin:0 0 12px;text-shadow:2px 2px 4px #00000080}.control-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.control-button{background-color:#333;border:2px solid #555;border-radius:4px;box-shadow:0 2px 4px #0000004d,inset 0 1px 0 #ffffff1a;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;min-width:100px;padding:10px 16px;text-shadow:1px 1px 2px #000000b3;transition:all .2s ease}.control-button:hover:not(:disabled){background-color:#4ade80;border-color:#4ade80;box-shadow:0 4px 8px #0006,inset 0 1px 0 #fff3;color:#1e1e1e;transform:translateY(-1px)}.control-button:active:not(:disabled){box-shadow:0 1px 2px #0000004d,inset 0 1px 0 #ffffff1a;transform:translateY(1px)}.control-button:disabled{background-color:#2a2a2a;border-color:#444;color:#888;cursor:not-allowed;opacity:.5}.control-button.active{background-color:#4ade80;border-color:#4ade80;box-shadow:0 2px 4px #0000004d,0 0 12px #4ade8066,inset 0 1px 0 #fff3;color:#1e1e1e}.control-button.recording{animation:recordingPulse 1s infinite}@keyframes recordingPulse{0%,to{background:linear-gradient(135deg,#f44336,#e53935 50%,#d32f2f);box-shadow:0 2px 4px #0000004d,0 0 12px #f4433699,inset 0 1px 0 #fff3}50%{background:linear-gradient(135deg,#ff5722,#f4511e 50%,#e64a19);box-shadow:0 2px 4px #0000004d,0 0 16px #ff5722cc,inset 0 1px 0 #fff3}}.runtime-status{border-top:1px solid #444;gap:16px;margin-top:8px;padding:8px 0}.runtime-status,.status-item{align-items:center;display:flex}.status-item{color:#b0b0b0;font-size:12px;gap:6px}.status-icon{font-size:14px}.controls-tips,.project-info{background:#0000001a;border:1px solid #444;border-radius:4px;padding:12px}.info-title,.tips-title{color:#e0e0e0;font-size:14px;margin:0 0 8px}.project-details{display:flex;flex-direction:column;gap:4px}.detail-item{align-items:center;color:#b0b0b0;display:flex;font-size:12px;justify-content:space-between}.detail-label{color:#888}.detail-value{color:#e0e0e0;font-weight:700;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tips-list{color:#b0b0b0;font-size:11px;list-style:none;margin:0;padding:0}.tips-list li{margin:4px 0;padding-left:8px}.performance-monitor{background:linear-gradient(135deg,#1e2124,#2c2f33);border:3px solid #7289da;border-radius:8px;box-shadow:0 4px 8px #0000004d,inset 0 1px 0 #ffffff1a;display:flex;flex-direction:column;font-family:Minecraft,Monaco,Courier New,monospace;gap:16px;padding:20px}.performance-monitor.compact{background:#000c;border:2px solid #555;padding:12px}.monitor-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.monitor-title{color:#e0e0e0;font-size:18px;margin:0;text-shadow:2px 2px 4px #00000080}.performance-status{align-items:center;display:flex;font-weight:700;gap:6px}.metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-card{background:#0000004d;border:2px solid #5a3a2a;border-radius:6px;box-shadow:inset 0 2px 4px #0003;padding:16px}.metric-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.metric-icon{font-size:16px}.metric-label{color:#b0b0b0;font-size:14px;font-weight:700}.metric-value-display{display:flex;flex-direction:column;gap:8px}.metric-value{color:#e0e0e0;font-size:16px;font-weight:700}.metric-bar{background:#2a2a2a;border:1px solid #555;border-radius:4px;height:8px;overflow:hidden;position:relative}.metric-fill{border-radius:3px;box-shadow:inset 0 1px 0 #ffffff4d;height:100%;transition:width .5s ease}.additional-metrics{background:#0003;border:1px solid #4a3a2a;border-radius:4px;display:flex;justify-content:space-around;padding:12px}.additional-metric{align-items:center;color:#b0b0b0;display:flex;font-size:12px;gap:8px}.resource-limits,.warnings-section{background:#ff98001a;border:2px solid #ff9800;border-radius:6px;padding:12px}.limits-title,.warnings-title{color:#ff9800;font-size:14px;font-weight:700;margin:0 0 8px}.limit-item,.warning-item{background:#ff98001a;border-radius:3px;color:#ffb74d;font-size:12px;margin:4px 0;padding:4px 8px}.performance-history{background:#0003;border:1px solid #5a3a2a;border-radius:6px;padding:16px}.history-title{color:#e0e0e0;font-size:14px;margin:0 0 12px}.graph-container{background:#1a1a1a;border:1px solid #333;border-radius:4px;height:100px;overflow:hidden;position:relative}.graph-labels{display:flex;gap:16px;margin-bottom:8px}.graph-label{color:#888;font-size:10px}.graph-area{height:100%;position:relative;width:100%}.graph-point{bottom:0;display:flex;flex-direction:column;height:100%;justify-content:flex-end;position:absolute;width:2px}.point-cpu,.point-framerate,.point-memory{margin-bottom:1px;transition:height .3s ease;width:100%}.compact-metrics{display:flex;gap:12px;justify-content:space-around}.compact-metric{align-items:center;display:flex;flex-direction:column;gap:4px}.compact-metric .metric-icon{font-size:14px}.compact-metric .metric-value{color:#e0e0e0;font-size:11px;font-weight:700}.resource-meter{background:#0003;border:1px solid #5a3a2a;border-radius:4px;display:flex;flex-direction:column;font-family:Minecraft,Monaco,Courier New,monospace;gap:8px;padding:12px}.meter-label{align-items:center;color:#e0e0e0;display:flex;font-size:12px;font-weight:700;gap:8px}.meter-icon{font-size:14px}.meter-text{flex:1 1}.meter-value{color:#b0b0b0;font-size:11px}.meter-container{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.meter-segment{image-rendering:pixelated;transition:all .3s ease}.meter-status{display:flex;font-size:10px;justify-content:center}.status-critical{color:#f44336;font-weight:700}.status-warning{color:#ff9800;font-weight:700}.status-good{color:#4caf50;font-weight:700}.runtime-canvas{background:#1a1a1a;font-family:Minecraft,Monaco,Courier New,monospace}.runtime-canvas.windowed{box-shadow:0 8px 16px #0006,inset 0 1px 0 #ffffff1a}.runtime-canvas.fullscreen{background:#000}.runtime-header{background:linear-gradient(135deg,#2c2416,#3d2f1f);border-bottom:2px solid #8b5a3c;color:#e0e0e0;padding:12px 16px}.header-info{gap:16px}.project-name{font-size:14px}.runtime-status{color:#b0b0b0;font-size:12px}.header-controls{gap:8px}.header-control{background:#0000004d;border:1px solid #5a3a2a;border-radius:3px;color:#e0e0e0;font-size:12px;padding:6px 10px}.header-control:hover:not(:disabled){background:#ffffff1a;border-color:#8b5a3c}.canvas-area{align-items:center;display:flex;justify-content:center}.no-project-message{color:#888;height:100%;text-align:center}.message-content{align-items:center;display:flex;flex-direction:column;gap:16px;padding:40px}.message-icon{font-size:48px;opacity:.5}.message-title{color:#b0b0b0;font-size:18px;margin:0}.message-text{color:#888;font-size:14px;margin:0;max-width:300px}.error-overlay{background:#000c}.error-content{background:linear-gradient(135deg,#3e1723,#5d1f2f);border:3px solid #f44336;box-shadow:0 8px 16px #00000080;max-width:400px;padding:20px}.error-header{gap:8px;margin-bottom:12px}.error-icon{font-size:20px}.error-title{flex:1 1}.error-close,.error-title{color:#f44336;font-size:16px}.error-close{padding:4px}.error-message{background:#0000004d;color:#e0e0e0;font-family:Monaco,monospace;font-size:14px;margin-bottom:16px}.error-actions{justify-content:flex-end}.error-action{background:#f44336;border:none;font-weight:700;padding:8px 16px}.performance-overlay{background:#000000e6;border:2px solid #7289da;border-radius:6px;min-width:200px;padding:12px;right:20px;top:20px}.overlay-header{margin-bottom:12px}.overlay-title{color:#e0e0e0;font-size:12px}.overlay-close{color:#888;font-size:14px}.overlay-meters{gap:8px}.fullscreen-controls{align-items:center;background:#000000b3;border-radius:6px;justify-content:space-between;left:20px;padding:12px 20px;right:20px;top:20px;z-index:100}.fullscreen-info{align-items:center;color:#e0e0e0;gap:16px}.fs-project-name{font-size:16px}.fs-status{color:#b0b0b0;font-size:14px}.fullscreen-actions{gap:8px}.fs-control{background:#ffffff1a;border:1px solid #fff3;color:#e0e0e0;font-size:12px;padding:8px 12px}.fs-control:hover:not(:disabled){background:#fff3;border-color:#fff6}.runtime-status-bar{background:linear-gradient(135deg,#1e1e1e,#2a2a2a);border-top:1px solid #444;color:#b0b0b0;font-size:11px;padding:8px 16px}.status-left,.status-right{gap:16px}.keyboard-shortcuts{background:#000c;bottom:20px;padding:8px;z-index:50}.shortcuts-content{color:#b0b0b0;font-size:10px;gap:4px}@media (max-width:768px){.runtime-controls{min-width:auto;padding:16px}.control-buttons{flex-direction:column}.control-button{min-width:auto;width:100%}.metrics-grid{grid-template-columns:1fr}.performance-overlay{left:10px;max-width:none;position:fixed;right:10px;top:10px}.fullscreen-controls{align-items:stretch;flex-direction:column;gap:12px}.fullscreen-actions,.fullscreen-info{justify-content:center}.execution-console{display:none}.execution-canvas{margin:0}}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.execution-engine,.performance-monitor,.runtime-controls{animation:fadeIn .5s ease}.error-overlay,.performance-overlay{animation:fadeIn .3s ease}.runtime-canvas.fullscreen{animation:fadeIn .5s ease}@media (prefers-color-scheme:dark){.execution-engine,.performance-monitor,.runtime-controls{border-color:#666}.metric-bar{background:#1a1a1a;border-color:#333}.console-output{background:#0a0a0a}}*{margin:0;padding:0}body{background-color:#2a2a2a;color:#fff;font-family:Consolas,Monaco,Courier New,monospace;line-height:1.6}.container{max-width:1200px;padding:0 20px;width:100%}.grid{display:flex;flex-wrap:wrap;margin:0 -10px}.grid-item{flex:1 1;padding:0 10px}h1,h2,h3,h4,h5,h6{color:#fff;font-family:Consolas,Monaco,Courier New,monospace;font-weight:700;margin-bottom:16px}h1{font-size:32px}h2{font-size:28px}h3{font-size:24px}p{margin-bottom:16px}a{color:#5e9636;text-decoration:none}a:hover{text-decoration:underline}.mc-panel{border-radius:8px;margin-bottom:16px;padding:16px}.page-content{padding:20px 0}.text-center{text-align:center}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.fade-in{animation:fadeIn .5s ease-in-out}@media (max-width:768px){.grid{flex-direction:column}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}button{border:none;cursor:pointer;font-family:inherit;outline:none}.no-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.mc-button{background-color:#8b8b8b;border-color:#000;border-style:solid;border-width:3px 5px 5px 3px;box-shadow:inset -2px -4px 0 0 #0003;color:#fff;cursor:pointer;display:inline-block;font-family:Minecraft,VT323,monospace;font-size:16px;font-weight:700;margin:4px;outline:none;padding:10px 16px;text-align:center;text-transform:uppercase;transition:all .1s ease-out}.mc-button:hover:not(:disabled){border-bottom-width:4px;border-right-width:4px;transform:translateY(1px)}.mc-button:active:not(:disabled){border-bottom-width:2px;border-right-width:2px;box-shadow:none;transform:translateY(3px)}.mc-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.mc-button--primary{background-color:#5e9636;border-color:#3f6424}.mc-button--secondary{background-color:#607d8b;border-color:#455a64}.mc-button--success{background-color:#2196f3;border-color:#0d47a1}.mc-button--danger{background-color:#b71c1c;border-color:#7f0000}.mc-button--full-width{display:block;width:100%}.mc-header{background-color:#1e1e1e;border-bottom:2px solid #444;color:#fff;font-family:Consolas,Monaco,Courier New,monospace;padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.mc-header-container{justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem}.mc-header-container,.mc-header-logo,.mc-header-logo a{align-items:center;display:flex}.mc-header-logo a{color:#fff;text-decoration:none;transition:all .2s ease}.mc-header-logo a:hover{transform:translateY(-1px)}.mc-logo{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));height:48px;margin-right:1rem}.mc-logo-text{color:#4ade80;font-family:Consolas,Monaco,Courier New,monospace;font-size:1.8rem;font-weight:700;letter-spacing:2px;text-shadow:2px 2px 4px #00000080;text-transform:uppercase}.mc-header-nav{display:flex}.mc-nav-list{align-items:center;display:flex;gap:2rem;list-style:none;margin:0;padding:0}.mc-nav-item{margin:0}.mc-nav-link{border:2px solid #0000;border-radius:4px;color:#fff;font-family:Consolas,Monaco,Courier New,monospace;font-size:1rem;font-weight:500;letter-spacing:.5px;padding:.5rem 1rem;text-decoration:none;text-transform:uppercase;transition:all .2s ease}.mc-nav-link:hover{background-color:#4ade801a;border-color:#4ade80;color:#4ade80}.mc-nav-link-button,.mc-nav-link:hover{text-decoration:none}.mc-nav-item .btn-primary{background-color:#4ade80;border:2px solid #4ade80;border-radius:4px;color:#1e1e1e;font-family:Consolas,Monaco,Courier New,monospace;font-size:.9rem;font-weight:700;letter-spacing:1px;padding:.5rem 1rem;text-transform:uppercase;transition:all .2s ease}.mc-nav-item .btn-primary:hover{background-color:#22c55e;border-color:#22c55e;transform:translateY(-1px)}.mc-nav-item .btn-success{background-color:#4ade80;border:2px solid #4ade80;border-radius:4px;color:#1e1e1e;font-family:Consolas,Monaco,Courier New,monospace;font-size:.9rem;font-weight:700;letter-spacing:1px;padding:.5rem 1rem;text-transform:uppercase;transition:all .2s ease}.mc-nav-item .btn-success:hover{background-color:#22c55e;border-color:#22c55e;transform:translateY(-1px)}.mc-nav-item .btn-secondary{background-color:initial;border:2px solid #4ade80;border-radius:4px;color:#4ade80;font-family:Consolas,Monaco,Courier New,monospace;font-size:.9rem;font-weight:700;letter-spacing:1px;padding:.5rem 1rem;text-transform:uppercase;transition:all .2s ease}.mc-nav-item .btn-secondary:hover{background-color:#4ade80;color:#1e1e1e;transform:translateY(-1px)}@media (max-width:1024px){.mc-logo-text{font-size:1.6rem}.mc-nav-item .btn-primary,.mc-nav-item .btn-secondary,.mc-nav-item .btn-success,.mc-nav-link{font-size:.9rem}}@media (max-width:768px){.mc-header-container{flex-direction:column;gap:1rem;padding:0 1rem}.mc-header-logo{margin-bottom:0}.mc-logo-text{font-size:1.4rem}.mc-nav-list{flex-wrap:wrap;gap:1rem;justify-content:center}.mc-nav-item{margin:0}.mc-nav-link{padding:.4rem .8rem}.mc-nav-item .btn-primary,.mc-nav-item .btn-secondary,.mc-nav-item .btn-success,.mc-nav-link{font-size:.8rem}}@media (max-width:480px){.mc-header{padding:.8rem 0}.mc-logo{height:40px;margin-right:.8rem}.mc-logo-text{font-size:1.2rem}.mc-nav-list{gap:.8rem}.mc-nav-link{font-size:.75rem;padding:.3rem .6rem}.mc-nav-item .btn-primary,.mc-nav-item .btn-secondary,.mc-nav-item .btn-success{font-size:.75rem;padding:.4rem .8rem}}.page{background-color:#2a2a2a;color:#fff;display:flex;flex-direction:column;font-family:Consolas,Monaco,Courier New,monospace;min-height:100vh}.page-content{flex:1 1}.mc-footer{background-color:#1e1e1e;border-top:2px solid #444;color:#fff;font-family:Consolas,Monaco,Courier New,monospace;margin-top:3rem;padding:3rem 0 1.5rem}.mc-footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:2rem}.mc-footer-logo{flex:1 1;margin-bottom:1.5rem;margin-right:3rem;min-width:250px}.mc-footer-logo .mc-logo-text{color:#4ade80;display:block;font-family:Consolas,Monaco,Courier New,monospace;font-size:1.8rem;font-weight:700;letter-spacing:1px;margin-bottom:1rem;text-transform:uppercase}.mc-footer-tagline{color:#ccc;font-size:1rem;line-height:1.6}.mc-footer-links{display:flex;flex:2 1;flex-wrap:wrap}.mc-footer-section{flex:1 1;margin-bottom:1.5rem;min-width:150px;padding-right:2rem}.mc-footer-section h4{color:#4ade80;font-family:Consolas,Monaco,Courier New,monospace;font-size:1.2rem;font-weight:700;letter-spacing:.5px;margin-bottom:1rem;text-transform:uppercase}.mc-footer-section ul{list-style:none;padding:0}.mc-footer-section li{margin-bottom:.8rem}.mc-footer-section a{border-left:2px solid #0000;color:#ccc;display:block;font-size:1rem;padding-left:.8rem;text-decoration:none;transition:all .2s ease}.mc-footer-section a:hover{border-color:#4ade80;color:#4ade80;transform:translateX(2px)}.mc-footer-bottom{border-top:2px solid #444;color:#999;font-size:.9rem;padding-top:1.5rem;text-align:center}@media (max-width:768px){.container{padding:0 1rem}.mc-footer{padding:2rem 0 1rem}.mc-footer-content{flex-direction:column}.mc-footer-logo{margin-bottom:2rem;margin-right:0;text-align:center}.mc-footer-links{justify-content:space-around}.mc-footer-section{min-width:120px;padding-right:1rem}.mc-footer-section h4{font-size:1.1rem}.mc-footer-section a{font-size:.9rem}}@media (max-width:480px){.mc-footer-logo .mc-logo-text{font-size:1.5rem}.mc-footer-tagline{font-size:.9rem}.mc-footer-links{flex-direction:column}.mc-footer-section{margin-bottom:1.5rem;text-align:center}}.hero-section{background-color:#2a2a2a;border-bottom:2px solid #444;color:#fff;overflow:hidden;padding:4rem 0;position:relative}.hero-section .container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem}.hero-content{animation:fadeIn .8s ease-in-out;flex:1 1;min-width:300px;padding-right:2rem;z-index:1}.hero-title{color:#4ade80;font-size:3.5rem;font-weight:700;letter-spacing:2px;line-height:1.2;margin-bottom:1.5rem;text-shadow:2px 2px 4px #000c;text-transform:uppercase}.hero-subtitle,.hero-title{font-family:Consolas,Monaco,Courier New,monospace}.hero-subtitle{color:#ccc;font-size:1.3rem;line-height:1.6;margin-bottom:2rem;max-width:600px}.hero-actions{display:flex;flex-wrap:wrap;gap:1.5rem}.cta-button,.hero-button{background-color:#4ade80;border:none;border-radius:6px;color:#1e1e1e;font-family:Consolas,Monaco,Courier New,monospace;font-size:1rem;font-weight:700;letter-spacing:1px;margin:0;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .2s ease}.cta-button:hover,.hero-button:hover{background-color:#22c55e;transform:translateY(-1px)}.hero-image{align-items:center;animation:float 4s ease-in-out infinite;display:flex;flex:1 1;justify-content:center;min-width:300px;z-index:1}.hero-image img{border-radius:8px;filter:drop-shadow(0 8px 20px rgba(0,0,0,.6));height:auto;max-width:100%}.features-section{background-color:#2a2a2a;padding:4rem 0}.features-section .container{margin:0 auto;max-width:1400px;padding:0 2rem}.section-title{font-size:2.5rem;letter-spacing:1px;margin-bottom:3rem;text-transform:uppercase}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.feature-card{border-radius:8px;font-family:Consolas,Monaco,Courier New,monospace;padding:2rem;text-align:center;transition:all .3s ease}.feature-card:hover{border-color:#22c55e;box-shadow:0 8px 25px #4ade8033;transform:translateY(-5px)}.feature-icon{filter:grayscale(100%);font-size:3rem;margin-bottom:1.5rem}.feature-title{color:#4ade80;font-family:Consolas,Monaco,Courier New,monospace;font-size:1.5rem;font-weight:700;letter-spacing:.5px;margin-bottom:1rem}.feature-description{font-size:1rem;line-height:1.6}.cta-section{border-top:2px solid #444;padding:4rem 0}.cta-section .container{margin:0 auto;max-width:1400px;padding:0 2rem}.cta-content{background-color:#2a2a2a;border-radius:8px;margin:0 auto;max-width:800px;padding:3rem;text-align:center}.cta-content,.cta-title{font-family:Consolas,Monaco,Courier New,monospace}.cta-title{color:#4ade80;font-size:2.2rem;font-weight:700;letter-spacing:1px;margin-bottom:1.5rem;text-shadow:2px 2px 4px #00000080;text-transform:uppercase}.cta-description{font-size:1.2rem;line-height:1.6;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px}.cta-actions{display:flex;justify-content:center}.container{margin:0 auto;max-width:1400px;padding:0 2rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@media (max-width:768px){.hero-section{padding:3rem 0}.hero-section .container{flex-direction:column;padding:0 1rem}.hero-content{margin-bottom:2rem;padding-right:0;text-align:center}.hero-actions{align-items:center;flex-direction:column;justify-content:center}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.section-title{font-size:2rem}.cta-title{font-size:1.8rem}.features-grid{gap:1.5rem;grid-template-columns:1fr}.feature-card{padding:1.5rem}.cta-content{margin:0 1rem;padding:2rem}.container{padding:0 1rem}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.section-title{font-size:1.6rem}.cta-title{font-size:1.5rem}.cta-button,.hero-button{font-size:1rem;padding:.8rem 1.5rem}}.home-page{background-color:#2a2a2a}.feature-card,.features-section{background-color:#1e1e1e}.feature-card{border:2px solid #4ade80;color:#fff}.feature-title{color:#fff}.feature-description{color:#ccc}.cta-section{background-color:#1e1e1e;background-image:none}.cta-content{background-color:#1e1e1e;border:2px solid #4ade80}.cta-title{color:#fff}.cta-description{color:#ccc}.auth-page{align-items:center;background-color:#2a2a2a;color:#fff;display:flex;font-family:Consolas,Monaco,Courier New,monospace;justify-content:center;min-height:calc(100vh - 200px);padding:2rem 1rem}.auth-container{border-radius:8px;box-shadow:0 4px 16px #00000080;max-width:480px;padding:2.5rem;width:100%}.auth-container,.mc-panel{background-color:#1e1e1e;border:2px solid #4ade80}.mc-panel{border-radius:6px;box-shadow:0 4px 20px #00000080;padding:20px}.auth-title{color:#fff;font-family:Consolas,Monaco,Courier New,monospace;font-size:1.75rem;font-weight:600;margin-bottom:1.5rem;position:relative;text-align:center}.auth-title:after{background-color:#4ade80;border-radius:3px;content:"";display:block;height:3px;margin:.5rem auto 0;width:80px}.auth-form{margin-bottom:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{color:#ccc;display:block;font-weight:500;margin-bottom:.5rem}.form-control,.form-group label{font-family:Consolas,Monaco,Courier New,monospace}.form-control{background-color:#333;border:2px solid #555;border-radius:4px;color:#fff;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s ease;width:100%}.form-control:focus{border-color:#4ade80;box-shadow:0 0 0 2px #4ade804d;outline:none}.auth-error{background-color:#4b1e1e;border-left:4px solid #ff6b6b;border-radius:4px;color:#ff6b6b;font-size:.9rem;margin-bottom:1rem;padding:.75rem 1rem}.auth-actions{margin-top:1.5rem}.btn{border:1px solid #0000;border-radius:4px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;line-height:1.5;padding:.75rem 1.5rem;text-align:center;transition:all .15s ease-in-out;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.btn-primary{background-color:#4ade80;border-color:#4ade80;color:#1e1e1e}.btn-primary:hover{background-color:#22c55e;border-color:#22c55e}.btn-primary:disabled{background-color:#aec5ae;border-color:#aec5ae;cursor:not-allowed}.btn-block{display:block;width:100%}.auth-links{color:#ccc;font-size:.9rem;text-align:center}.auth-links a{color:#4ade80;font-weight:500;text-decoration:none}.auth-links a:hover{text-decoration:underline}.demo-credentials{background-color:#ffffff0d;border-radius:4px;color:#aaa;margin-top:.5rem;padding:.5rem}.auth-separator{align-items:center;color:#ccc;display:flex;margin:20px 0;text-align:center}.auth-separator:after,.auth-separator:before{border-bottom:2px solid #555;content:"";flex:1 1}.auth-separator:before{margin-right:10px}.auth-separator:after{margin-left:10px}.auth-social-buttons{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}@media (max-width:576px){.auth-container{padding:1.5rem}.auth-title{font-size:1.5rem}.btn{padding:.625rem 1.25rem}}.mc-form-group{margin-bottom:16px;width:100%}.mc-form-label{color:#ccc;display:block;font-family:Consolas,Monaco,Courier New,monospace;font-size:16px;margin-bottom:6px}.mc-form-required{color:#b71c1c;margin-left:4px}.mc-form-input{background-color:#333;border:solid #555;border-width:2px 2px 4px;color:#fff;display:block;font-family:Consolas,Monaco,Courier New,monospace;font-size:16px;outline:none;padding:10px 12px;width:100%}.mc-form-input:focus{border-color:#4ade80;box-shadow:0 0 0 1px #4ade804d}.mc-form-input--error{background-color:#b71c1c1a;border-color:#b71c1c}.mc-form-error{color:#ff6b6b;font-size:14px;margin-top:4px}.dashboard-container,.mc-form-error{font-family:Consolas,Monaco,Courier New,monospace}.dashboard-container{background-color:#2a2a2a;color:#fff;display:flex;flex-direction:column;min-height:100vh}.dashboard-header{align-items:center;background-color:#1e1e1e;border-bottom:2px solid #444;display:flex;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:10000}.dashboard-main{display:flex;flex:1 1;flex-direction:column;gap:2rem;margin:0 auto;max-width:1200px;padding:2rem;width:100%}.dashboard-welcome{animation:fadeIn .5s ease-in-out;background-color:#1e1e1e;border:2px solid #444;border-radius:8px;padding:2rem}.welcome-content{align-items:center;display:flex;gap:2rem;justify-content:space-between}.welcome-text{flex:1 1}.welcome-title{color:#fff;font-size:2.5rem;font-weight:700;letter-spacing:1px;margin:0 0 .5rem}.welcome-subtitle{color:#ccc;font-size:1.2rem;font-weight:300;margin:0}.dashboard-stats{display:flex;gap:1.5rem}.stat-item{background-color:#333;border:1px solid #555;border-radius:6px;min-width:140px;padding:1.5rem;text-align:center;transition:transform .2s ease}.stat-item:hover{transform:translateY(-2px)}.stat-label{color:#ccc;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.stat-value{color:#4ade80;display:block;font-size:2rem;font-weight:700}.dashboard-sections{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:1rem}.dashboard-section{align-items:center;animation:fadeIn .7s ease-in-out;background-color:#1e1e1e;border:2px solid #444;border-radius:8px;display:flex;flex-direction:column;height:100%;padding:2rem;text-align:center;transition:all .3s ease}.dashboard-section:hover{border-color:#4ade80;box-shadow:0 8px 25px #4ade8026;transform:translateY(-5px)}.section-icon{filter:grayscale(50%);font-size:3rem;margin-bottom:1rem;transition:filter .3s ease}.dashboard-section:hover .section-icon{filter:none}.section-title{color:#fff;font-size:1.4rem;font-weight:700;letter-spacing:.5px;margin:0 0 1rem}.section-description{color:#ccc;flex-grow:1;line-height:1.6;margin:0 0 1.5rem}.section-link{text-decoration:none;width:100%}.section-button{background-color:#4ade80!important;border:none!important;border-radius:6px!important;color:#1e1e1e!important;cursor:pointer!important;font-size:1rem!important;font-weight:700!important;letter-spacing:1px!important;padding:.75rem 1.5rem!important;text-transform:uppercase!important;transition:all .2s ease!important;width:100%}.section-button:hover{background-color:#22c55e!important;transform:translateY(-1px)!important}.assets-section{animation:fadeIn .9s ease-in-out;background-color:#1e1e1e;border:2px solid #444;border-radius:8px;padding:2rem}@media (max-width:1024px){.dashboard-main{padding:1.5rem}.dashboard-header{gap:1.5rem}.header-brand{font-size:1.4rem}.nav-button,.nav-link{font-size:.9rem}.dashboard-sections{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.welcome-content{flex-direction:column;gap:1.5rem;text-align:center}.dashboard-stats{justify-content:center}}@media (max-width:768px){.dashboard-header{flex-wrap:wrap;gap:1rem;padding:.75rem 1rem}.header-nav{gap:1rem}.nav-link{font-size:.9rem}.nav-button{font-size:.8rem;padding:.4rem .8rem}.dashboard-main{padding:1rem}.dashboard-sections{grid-template-columns:1fr}.welcome-title{font-size:2rem}.welcome-subtitle{font-size:1rem}.dashboard-stats{flex-direction:column;width:100%}.stat-item{min-width:auto}}@media (max-width:480px){.dashboard-header{padding:.5rem}.header-brand{font-size:1.2rem}.dashboard-main{padding:.5rem}.dashboard-welcome{padding:1.5rem}.welcome-title{font-size:1.8rem}.nav-button,.nav-link{font-size:.8rem}.nav-button{padding:.3rem .6rem}.section-icon{font-size:2.5rem}.section-title{font-size:1.2rem}}@media (prefers-contrast:high){.dashboard-container{background-color:#000}.assets-section,.dashboard-header,.dashboard-section,.dashboard-welcome,.stat-item{background-color:#000;border-color:#fff}.section-description,.section-title,.stat-label,.welcome-subtitle,.welcome-title{color:#fff}}@media (prefers-reduced-motion:reduce){.dashboard-section,.section-button,.stat-item{transition:none}.dashboard-section:hover,.section-button:hover,.stat-item:hover{transform:none}}@media print{.dashboard-container{background:#fff!important;color:#000!important}.dashboard-header{display:none!important}.assets-section,.dashboard-section,.dashboard-welcome{background:#fff!important;border:1px solid #000!important;color:#000!important}.section-title,.welcome-title{color:#000!important}}.model-selector{background-color:#1e1e1e;border:2px solid #444;border-radius:8px;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.model-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.model-item{background-color:#2a2a2a;border:2px solid #333;border-radius:8px;color:#fff;cursor:pointer;padding:.75rem;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.model-item:hover{box-shadow:0 4px 12px #0006;transform:translateY(-4px)}.new-badge{background-color:#3b82f6;border-radius:4px;color:#fff;font-size:.7rem;margin-left:.5rem;padding:2px 6px;text-transform:uppercase}.avatar-creator-container{background-color:#2a2a2a;color:#fff;display:flex;flex-direction:column;font-family:Consolas,Monaco,Courier New,monospace;min-height:100vh}.avatar-header{align-items:center;background-color:#1e1e1e;border-bottom:2px solid #444;display:flex;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:10000}.avatar-main{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:1400px;padding:2rem;width:100%}.avatar-icon{filter:grayscale(100%);font-size:4rem}.save-avatar-btn{background-color:#4ade80;border:none;border-radius:6px;color:#1e1e1e;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:1px;padding:1rem 2rem;text-transform:uppercase;transition:all .2s ease}.save-avatar-btn:hover{background-color:#22c55e;transform:translateY(-1px)}.avatar-content{display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem}.avatar-preview-panel{animation:fadeIn .5s ease-in-out;flex:1 1 500px}.avatar-preview-panel,.teacher-bios-panel{background-color:#1e1e1e;border:2px solid #444;border-radius:8px;height:-webkit-fit-content;height:fit-content;padding:2rem}.teacher-bios-panel{animation:fadeIn .6s ease-in-out;flex:1 1 300px;max-height:450px;overflow-y:auto}.teacher-bio{margin-bottom:1rem}.teacher-bio:last-child{margin-bottom:0}.teacher-name{color:#4ade80;font-size:1.1rem;margin:0 0 .5rem}.teacher-description{line-height:1.4;margin:0}.avatar-scene-container{align-items:center;background-color:#333;border:2px solid #555;border-radius:8px;display:flex;justify-content:center;margin-top:1rem;min-height:400px;overflow:hidden}.avatar-controls{display:flex;flex:1 1 600px;flex-direction:column;gap:2rem}.customization-panel{animation:fadeIn .7s ease-in-out;background-color:#1e1e1e;border:2px solid #444;border-radius:8px;padding:2rem}.skin-selector-container{margin-top:1rem}.avatar-state-panel{animation:fadeIn .9s ease-in-out;background-color:#1e1e1e;border:2px solid #444;border-radius:8px;padding:2rem}.state-display{background-color:#333;border:1px solid #555;border-radius:6px;margin-top:1rem;max-height:300px;overflow-y:auto;padding:1rem}.state-code{background-color:initial;color:#4ade80;font-family:Consolas,Monaco,Courier New,monospace;font-size:.85rem;line-height:1.4;margin:0;white-space:pre-wrap;word-break:break-word}@media (max-width:1200px){.avatar-main{padding:1.5rem}.avatar-content{flex-direction:column}.avatar-controls,.avatar-preview-panel,.teacher-bios-panel{flex:1 1 auto}}@media (max-width:768px){.avatar-header{flex-wrap:wrap;gap:1rem;padding:.75rem 1rem}.header-nav{gap:1rem}.nav-link{font-size:.9rem}.nav-button{font-size:.8rem;padding:.4rem .8rem}.avatar-main{padding:1rem}.title-content{flex-direction:column;gap:1.5rem;text-align:center}.title-area{justify-content:center}.main-title{font-size:2.5rem}.main-subtitle{font-size:1rem}.avatar-content{gap:1.5rem}.avatar-preview-panel,.avatar-state-panel,.customization-panel,.teacher-bios-panel{padding:1.5rem}}@media (max-width:480px){.avatar-header{padding:.5rem}.header-brand{font-size:1.2rem}.avatar-main{padding:.5rem}.title-area{flex-direction:column;gap:1rem;text-align:center}.avatar-icon{font-size:3rem}.nav-button,.nav-link{font-size:.8rem}.nav-button{padding:.3rem .6rem}.main-title{font-size:2rem}.panel-title{font-size:1.2rem}.avatar-content{gap:1rem}.avatar-preview-panel,.avatar-state-panel,.customization-panel,.teacher-bios-panel{padding:1rem}}@media (prefers-contrast:high){.avatar-creator-container{background-color:#000}.avatar-header,.avatar-preview-panel,.avatar-scene-container,.avatar-state-panel,.customization-panel,.state-display,.teacher-bios-panel{background-color:#000;border-color:#fff}.main-subtitle,.main-title,.panel-title,.state-code{color:#fff}}@media (prefers-reduced-motion:reduce){.save-avatar-btn{transition:none}.save-avatar-btn:hover{transform:none}}@media print{.avatar-creator-container{background:#fff!important;color:#000!important}.avatar-header{display:none!important}.avatar-preview-panel,.avatar-state-panel,.customization-panel,.teacher-bios-panel{background:#fff!important;border:1px solid #000!important;color:#000!important}.main-title,.panel-title,.state-code{color:#000!important}}.about-page{background-color:#2a2a2a;color:#fff;font-family:Consolas,Monaco,Courier New,monospace;padding:20px 0 60px}.about-section{margin-bottom:60px}.about-title{color:#4ade80;font-family:Consolas,Monaco,Courier New,monospace;font-size:36px;margin-bottom:30px;text-align:center;text-shadow:2px 2px 4px #00000080}.about-content{align-items:center;display:flex;flex-wrap:wrap;gap:30px}.about-info{flex:1 1;min-width:300px}.about-info h2{color:#fff;font-family:Consolas,Monaco,Courier New,monospace;font-size:28px;margin-bottom:20px}.about-info p{color:#ccc;line-height:1.7;margin-bottom:20px}.about-graphic{background-color:#1e1e1e;border:2px solid #4ade80;flex:1 1;min-width:300px;padding:20px;text-align:center}.about-image{display:block;height:auto;margin:0 auto;max-width:100%}.section-title{color:#4ade80;font-family:Consolas,Monaco,Courier New,monospace;font-size:32px;margin-bottom:40px;text-align:center;text-shadow:2px 2px 4px #00000080}.about-steps{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.step-card{background-color:#1e1e1e;border:2px solid #4ade80;padding:30px 20px;position:relative;text-align:center}.step-number{background-color:#4ade80;border-radius:50%;color:#1e1e1e;font-size:24px;font-weight:700;height:40px;line-height:40px;margin:0 auto 20px;width:40px}.step-card h3,.step-number{font-family:Consolas,Monaco,Courier New,monospace}.step-card h3{color:#fff;font-size:22px;margin-bottom:15px}.step-card p{color:#ccc;line-height:1.5}.team-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.team-card{background-color:#1e1e1e;border:2px solid #4ade80;padding:30px 20px;text-align:center;transition:transform .3s ease}.team-card:hover{transform:translateY(-5px)}.team-avatar{border:3px solid #5e9636;height:120px;margin:0 auto 20px;overflow:hidden;width:120px}.team-avatar img{display:block;height:100%;object-fit:cover;width:100%}.team-name{color:#fff;font-family:Consolas,Monaco,Courier New,monospace;font-size:22px;margin-bottom:10px}.team-role{color:#ccc;font-style:italic}@media (max-width:768px){.about-section{margin-bottom:40px}.about-title{font-size:30px}.about-content{flex-direction:column}.section-title{font-size:26px}}.not-found-page{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 200px);padding:20px}.not-found-container{animation:fadeIn .5s ease-in-out;background-color:#c6c6c6;border-color:#dbdbdb #5a5a5a #5a5a5a #dbdbdb;border-style:solid;border-width:3px;max-width:500px;padding:40px 20px;text-align:center;width:100%}.not-found-image{margin-bottom:20px}.pixel-creeper{background-color:#50b232;box-shadow:20px 20px 0 0 #000,60px 20px 0 0 #000,30px 40px 0 0 #000,40px 40px 0 0 #000,50px 40px 0 0 #000,40px 50px 0 0 #000,40px 60px 0 0 #000,50px 60px 0 0 #000,30px 60px 0 0 #000;height:100px;margin:0 auto;position:relative;width:100px}.not-found-title{color:#b71c1c;font-size:72px;font-weight:700;line-height:1;margin-bottom:0;text-shadow:4px 4px 0 #0003}.not-found-subtitle,.not-found-title{font-family:Minecraft,VT323,monospace}.not-found-subtitle{color:#333;font-size:28px;margin-bottom:20px}.not-found-message{color:#555;font-size:18px;margin-bottom:30px}.not-found-actions{margin-top:20px}@media (max-width:768px){.not-found-title{font-size:60px}.not-found-subtitle{font-size:24px}}.journey-map-container{margin:0 auto;max-width:1200px;padding:20px}.journey-title{color:#333;font-family:Minecraft,VT323,monospace;font-size:2rem;margin-bottom:1.5rem;text-align:center}.stage-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:2rem}.stage-card{background-color:#f9f9f9;border:4px solid #764c22;border-radius:8px;box-shadow:0 4px 6px #0000001a;cursor:pointer;padding:16px;position:relative;transition:all .2s ease}.stage-card:before{border:2px solid #5c3c1a;border-radius:4px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.stage-card:hover{box-shadow:0 8px 12px #00000026;transform:translateY(-4px)}.stage-card.active{background-color:#fff9c4;border-color:#fbc02d}.stage-card.active:before{border-color:#ffa000}.stage-card.locked{background-color:#f0f0f0;border-color:#bdbdbd;cursor:not-allowed;opacity:.8}.stage-card.locked:before{border-color:#9e9e9e}.stage-card.completed{background-color:#e8f5e9;border-color:#81c784}.stage-card.completed:before{border-color:#4caf50}.locked-icon{font-size:2.5rem;left:50%;opacity:.5;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.stage-header{margin-bottom:10px}.stage-number{color:#555;font-family:Minecraft,VT323,monospace;font-size:1.2rem;margin:0}.stage-content{position:relative;z-index:1}.stage-title{color:#333;font-family:Minecraft,VT323,monospace;font-size:1.5rem;margin:0 0 10px}.stage-description{color:#666;font-size:.9rem;margin-bottom:15px}.stage-footer{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.stage-difficulty{display:flex;gap:4px}.difficulty-dot{background-color:#e0e0e0;border-radius:50%;height:10px;width:10px}.difficulty-dot.active{background-color:#ff7043}.stage-progress{background-color:#e0e0e0;border-radius:4px;height:8px;margin-top:12px}.stage-progress .progress-bar{background-color:#4caf50;border-radius:4px;height:100%;transition:width .3s ease}.stage-path-group{margin-bottom:20px}.path-heading{color:#333;font-family:Minecraft,VT323,monospace;font-size:1.4rem;margin:10px 0}.stage-path{color:#888;font-size:.8rem;margin-left:8px}.stage-completed-badge{background-color:#4caf50;border-radius:12px;box-shadow:0 2px 4px #0003;color:#fff;font-size:.8rem;font-weight:700;padding:5px 8px;position:absolute;right:-10px;top:-10px}@media (max-width:768px){.stage-list{grid-template-columns:1fr}}.progress-tracker{grid-gap:1.5rem;background-color:#f0f0f0;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:2rem;padding:1.5rem}.progress-section{display:flex;flex-direction:column}.coins-title,.inventory-title,.progress-title,.streak-title{color:#333;font-size:1rem;font-weight:700;margin-bottom:1rem}.overall-progress{display:flex;flex-direction:column;flex-grow:1;gap:.5rem}.progress-bar-container{background-color:#e0e0e0;border-radius:6px;height:12px;margin-bottom:.5rem;overflow:hidden}.progress-bar{background-color:#4caf50;border-radius:6px}.progress-text{color:#555;font-size:.9rem}.streak-section{display:flex;flex-direction:column}.streak-days{align-items:center;display:flex;gap:.5rem}.streak-icon{font-size:1.5rem}.streak-count{color:#ff7043;font-size:1.75rem;font-weight:700}.streak-label{color:#555;font-size:.9rem}.coins-section{display:flex;flex-direction:column}.coins-display{align-items:center;display:flex;gap:.5rem}.coins-icon{font-size:1.5rem}.coins-count{color:#ffc107;font-size:1.75rem;font-weight:700}.inventory-section{display:flex;flex-direction:column}.inventory-items{display:flex;flex-wrap:wrap;gap:1rem}.inventory-item{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;min-width:80px;padding:.75rem}.item-icon{font-size:1.5rem;margin-bottom:.5rem}.item-name{color:#555;font-size:.8rem;text-align:center}@media (max-width:768px){.progress-tracker{grid-template-columns:1fr}.inventory-items{flex-direction:row;overflow-x:auto;padding-bottom:.5rem}.inventory-item{flex-shrink:0}}.concept-stage-wrapper{background-color:#1e1e1e;border:2px solid #444;border-radius:8px;color:#fff;font-family:Consolas,Monaco,Courier New,monospace;margin-bottom:1.5rem;padding:2rem}.stage-header{border-bottom:2px solid #444;margin-bottom:2rem;padding-bottom:1rem}.stage-header h1{color:#4ade80;font-size:2rem;font-weight:700;letter-spacing:1px;margin-bottom:.5rem}.stage-progress{background-color:#2a2a2a;border:1px solid #444;border-radius:6px;height:12px;margin-top:1rem;overflow:hidden}.progress-bar{background-color:#4ade80;height:100%;transition:width .3s ease}.stage-content{color:#fff;min-height:400px;padding:1rem 0}.stage-navigation{border-top:2px solid #444;display:flex;justify-content:space-between;margin-top:2rem;padding-top:1rem}.button-primary{background-color:#4ade80;border:none;border-radius:6px;color:#1e1e1e;cursor:pointer;font-family:Consolas,Monaco,Courier New,monospace;font-size:1rem;font-weight:700;letter-spacing:1px;padding:1rem 2rem;text-transform:uppercase;transition:all .2s ease}.button-primary:hover{background-color:#22c55e;transform:translateY(-1px)}.button-primary:disabled{background-color:#666;color:#999;cursor:not-allowed;transform:none}.button-secondary{background-color:initial;border:2px solid #4ade80;border-radius:6px;color:#4ade80;cursor:pointer;font-family:Consolas,Monaco,Courier New,monospace;font-size:.9rem;font-weight:700;letter-spacing:1px;padding:.8rem 1.5rem;text-transform:uppercase;transition:all .2s ease}.button-secondary:hover{background-color:#4ade80;color:#1e1e1e}.button-secondary:disabled{background-color:initial;border-color:#666;color:#666;cursor:not-allowed}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.stage-introduction h2{color:#4ade80;font-size:1.8rem;font-weight:700;letter-spacing:.5px;margin-bottom:1.5rem}.introduction-content{display:flex;gap:2rem;margin-bottom:2rem}.introduction-text{color:#fff;flex:2 1}.introduction-text p{color:#ccc;line-height:1.6;margin-bottom:1rem}.introduction-image{flex:1 1;max-width:300px}.introduction-image img{border:2px solid #444;border-radius:8px;box-shadow:0 4px 12px #00000080;width:100%}.concept-explanation h2{color:#4ade80;font-size:1.8rem;font-weight:700;letter-spacing:.5px;margin-bottom:1.5rem}.explanation-content{color:#ccc;line-height:1.6;margin-bottom:2rem}.explanation-content p{color:#ccc;margin-bottom:1rem}.explanation-content h3{color:#4ade80;font-size:1.3rem;margin:1.5rem 0 1rem}.explanation-content h4{color:#fff;font-size:1.1rem;margin:1rem 0 .5rem}.explanation-content ol,.explanation-content ul{color:#ccc;margin-bottom:1rem;margin-left:1.5rem}.explanation-content li{margin-bottom:.5rem}.code-examples h3{color:#4ade80;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.example-card{background-color:#2a2a2a;border:2px solid #444;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.example-card h4{color:#4ade80;font-size:1.2rem;font-weight:700;margin-bottom:1rem}.code-display{background-color:#1e1e1e;border:2px solid #444;border-radius:6px;color:#4ade80;font-family:Consolas,Monaco,Courier New,monospace;font-size:.9rem;line-height:1.4;margin:1rem 0;overflow:auto;padding:1.5rem}.example-explanation{color:#ccc;line-height:1.6;margin:1rem 0}.example-explanation p{color:#ccc}.example-navigation{display:flex;gap:1rem;justify-content:space-between;margin-top:1.5rem}.explanation-navigation{display:flex;justify-content:flex-end;margin-top:2rem}.visual-example h2{color:#4ade80;font-size:1.8rem;font-weight:700;letter-spacing:.5px;margin-bottom:1.5rem}.example-description{color:#ccc;line-height:1.6;margin-bottom:1.5rem}.visualization-container{background-color:#2a2a2a;border:2px solid #444;margin:1.5rem 0;padding:2rem}.no-examples,.placeholder-visualization{font-style:italic}.no-examples{color:#666;margin-top:2rem;text-align:center}.practice-area h2{color:#4ade80;font-size:1.8rem;font-weight:700;letter-spacing:.5px;margin-bottom:1.5rem}.exercise-card{background-color:#2a2a2a;border:2px solid #444;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.exercise-card h3{color:#4ade80;font-size:1.3rem;margin-bottom:1rem}.exercise-card p{color:#ccc;line-height:1.6;margin-bottom:1rem}.code-textarea{background-color:#1e1e1e;border:2px solid #444;border-radius:6px;color:#4ade80;font-family:Consolas,Monaco,Courier New,monospace;font-size:.9rem;line-height:1.4;margin:1rem 0;min-height:150px;padding:1.5rem;resize:vertical;width:100%}.code-textarea:focus{border-color:#4ade80;outline:none}.exercise-controls{display:flex;gap:1rem;margin:1.5rem 0}.hint{background-color:#2d2a1f;border-left:4px solid #facc15;border-radius:4px;color:#fef3c7;margin:1rem 0;padding:1rem 1.5rem}.hint h4{color:#facc15;margin-bottom:.5rem}.solution{background-color:#1f2d24;border-left:4px solid #4ade80;border-radius:4px;color:#dcfce7;margin:1rem 0;padding:1rem 1.5rem}.solution h4{color:#4ade80;margin-bottom:.5rem}.exercise-navigation{display:flex;justify-content:flex-end;margin-top:2rem}.challenge-area h2{color:#4ade80;font-size:1.8rem;font-weight:700;letter-spacing:.5px;margin-bottom:1.5rem}.task-description{color:#ccc;line-height:1.6;margin-bottom:1.5rem}.challenge-controls{display:flex;gap:1rem;margin:1.5rem 0}.hints-panel{background-color:#2a2a2a;border:2px solid #444;border-radius:8px;margin:1rem 0;padding:1.5rem}.hints-panel h3{color:#4ade80;margin-bottom:1rem}.solution-panel{background-color:#2a2a2a;border:2px solid #444;border-radius:8px;margin:1rem 0;padding:1.5rem}.solution-panel h3{color:#4ade80;margin-bottom:1rem}.quiz-area h2{color:#4ade80;font-size:1.8rem;font-weight:700;letter-spacing:.5px;margin-bottom:1.5rem}.question-card{background-color:#2a2a2a;border:2px solid #444;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.question-progress{color:#666;font-size:.9rem;margin-bottom:1rem}.question-text{color:#fff;font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.answer-options{display:flex;flex-direction:column;gap:.8rem}.answer-option{background-color:#1e1e1e;border:2px solid #444;border-radius:6px;color:#fff;cursor:pointer;padding:1rem 1.5rem;text-align:left;transition:all .2s ease}.answer-option.selected,.answer-option:hover{background-color:#2a2a2a;border-color:#4ade80}.answer-option.correct{background-color:#1f2d24;border-color:#4ade80;color:#dcfce7}.answer-option.incorrect{background-color:#2d1f1f;border-color:#dc2626;color:#fecaca}.answer-explanation{background-color:#2a2a2a;border:2px solid #444;border-radius:6px;color:#ccc;margin-top:1rem;padding:1rem}.quiz-actions{display:flex;justify-content:flex-end;margin-top:1.5rem}.quiz-results{margin-top:2rem;text-align:center}.score-display{color:#4ade80;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.reward-screen{padding:2rem;text-align:center}.reward-header{margin-bottom:2rem}.reward-header h2{color:#4ade80;font-size:2rem;margin-bottom:1rem}.reward-message{color:#ccc;font-size:1.2rem;line-height:1.6;margin-bottom:2rem}.rewards-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:2rem}.reward-card{background-color:#2a2a2a;border:2px solid #4ade80;border-radius:8px;min-width:200px;padding:1.5rem;transition:transform .2s ease}.reward-card:hover{transform:translateY(-2px)}.reward-icon{font-size:3rem;margin-bottom:1rem}.reward-details h3{color:#4ade80;margin-bottom:.5rem}.reward-value{color:#fff}.unlocked-content{background-color:#1f2d24;border:2px solid #4ade80;border-radius:8px;color:#dcfce7;margin:1.5rem 0;padding:1.5rem}.unlocked-content h3{color:#4ade80;margin-bottom:1rem}.next-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.concepts-page-container{background-color:#2a2a2a;color:#fff;display:flex;flex-direction:column;font-family:Consolas,Monaco,Courier New,monospace;min-height:100vh}.concepts-header{align-items:center;background-color:#1e1e1e;border-bottom:2px solid #444;display:flex;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:10000}.nav-button,.nav-link{font-family:Consolas,Monaco,Courier New,monospace}.concepts-main{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:1400px;padding:2rem;width:100%}.title-section{margin-bottom:1rem}.title-content{margin:0 auto;max-width:1400px}.concepts-icon{filter:grayscale(100%);font-size:4rem}.main-title{color:#fff}.progress-btn{background-color:#4ade80;border:none;border-radius:6px;color:#1e1e1e;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:1px;padding:1rem 2rem;text-transform:uppercase;transition:all .2s ease}.progress-btn:hover{background-color:#22c55e;transform:translateY(-1px)}.concepts-content{display:flex;flex:1 1;gap:2rem;min-height:0}.journey-map-column{flex:1 1 300px;min-width:300px}.journey-map-panel{animation:fadeIn .5s ease-in-out;background-color:#1e1e1e;border:2px solid #444;border-radius:8px;height:100%;padding:2rem}.concept-stage-column{flex:2 1 600px;min-width:600px}.concept-stage-panel{animation:fadeIn .7s ease-in-out;background-color:#1e1e1e;border:2px solid #444;border-radius:8px;height:100%;padding:2rem}.panel-title{border-bottom:2px solid #444;font-size:1.4rem;letter-spacing:.5px;margin:0 0 1.5rem}.journey-map-section{background-color:initial!important;border-radius:0!important;margin-bottom:0!important;padding:0!important}.journey-map-section:after{display:none!important}.journey-map-container{position:static!important}.journey-title{color:#4ade80!important;font-family:Consolas,Monaco,Courier New,monospace!important;font-size:1.5rem!important;font-weight:700!important;margin-bottom:1.5rem!important;text-align:left!important;text-shadow:none!important}.stage-list{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;gap:1rem!important;margin:0!important;max-height:600px!important;overflow-x:visible!important;overflow-y:auto!important;padding:0!important}.stage-list:before{display:none!important}.concept-stage-container{background-color:initial!important;border:none!important;border-radius:0!important;margin-bottom:0!important;padding:0!important}.concept-stage-container:before{display:none!important}.concept-header{background-color:#333!important;border:2px solid #555!important;border-radius:8px!important;margin-bottom:1.5rem!important;padding:1.5rem!important}.concept-title{color:#fff!important;font-family:Consolas,Monaco,Courier New,monospace!important;font-size:1.5rem!important;font-weight:700!important}.concept-nav{display:flex!important;flex-wrap:wrap!important;gap:.5rem!important}.nav-tab{background-color:#333!important;border:1px solid #555!important;border-radius:4px!important;color:#ccc!important;cursor:pointer!important;font-size:.9rem!important;font-weight:500!important;padding:.5rem 1rem!important;transition:all .2s ease!important}.nav-tab:hover{background-color:#444!important;color:#fff!important}.nav-tab.active{background-color:#4ade80!important;border-color:#4ade80!important;color:#1e1e1e!important}.concept-content{background-color:#333!important;border:2px solid #555!important;border-radius:8px!important;min-height:400px!important;padding:1.5rem!important}.section-challenge,.section-explanation,.section-introduction,.section-practice,.section-quiz,.section-rewards,.section-visual-example{background-color:#2a2a2a!important;border:1px solid #555!important;border-radius:6px!important;margin-bottom:1rem!important;padding:1.5rem!important}.section-header{color:#4ade80!important;font-family:Consolas,Monaco,Courier New,monospace!important;font-size:1.2rem!important;margin-bottom:1rem!important}.section-header,.section-header .icon{align-items:center!important;display:flex!important;font-weight:700!important}.section-header .icon{background-color:#4ade80!important;border-radius:4px!important;color:#1e1e1e!important;height:2rem!important;justify-content:center!important;margin-right:.75rem!important;width:2rem!important}.section-content{color:#ccc!important;font-size:1rem!important;line-height:1.6!important}.concept-stage-panel .concept-content,.concept-stage-panel .concept-content :not(pre):not(code):not(.nav-tab):not(.panel-title){color:#333!important}.concept-stage-panel .concept-content h1,.concept-stage-panel .concept-content h2,.concept-stage-panel .concept-content h3,.concept-stage-panel .concept-content h4,.concept-stage-panel .concept-content h5,.concept-stage-panel .concept-content h6{color:#1e1e1e!important}.concept-stage-panel .concept-content code,.concept-stage-panel .concept-content pre{background-color:#1e1e1e!important;border-radius:4px!important;color:#4ade80!important;font-family:Consolas,Monaco,Courier New,monospace!important;padding:.5rem!important}.concept-actions{display:flex!important;gap:1rem!important;justify-content:space-between!important;margin-top:2rem!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.concepts-main{padding:1.5rem}.concepts-content{flex-direction:column}.concept-stage-column,.journey-map-column{flex:1 1 auto;min-width:auto}}@media (max-width:768px){.concepts-header{flex-wrap:wrap;gap:1rem;padding:.75rem 1rem}.header-nav{gap:1rem}.nav-link{font-size:.9rem}.nav-button{font-size:.8rem;padding:.4rem .8rem}.concepts-main{padding:1rem}.title-content{flex-direction:column;gap:1.5rem;text-align:center}.title-area{justify-content:center}.main-title{font-size:2.5rem}.main-subtitle{font-size:1rem}.concepts-content{gap:1.5rem}.concept-stage-panel,.journey-map-panel{padding:1.5rem}.concept-nav{flex-direction:column!important;gap:.5rem!important}.nav-tab{text-align:center!important;width:100%!important}}@media (max-width:480px){.concepts-header{padding:.5rem}.header-brand{font-size:1.2rem}.concepts-main{padding:.5rem}.title-area{flex-direction:column;gap:1rem;text-align:center}.concepts-icon{font-size:3rem}.main-title{font-size:2rem}.nav-button,.nav-link{font-size:.8rem}.nav-button{padding:.3rem .6rem}.panel-title{font-size:1.2rem}.concepts-content{gap:1rem}.concept-stage-panel,.journey-map-panel{padding:1rem}.concept-content,.concept-header{padding:1rem!important}}@media (prefers-contrast:high){.concepts-page-container{background-color:#000}.concept-stage-panel,.concepts-header,.journey-map-panel{background-color:#000;border-color:#fff}.concept-content,.concept-header,.section-challenge,.section-explanation,.section-introduction,.section-practice,.section-quiz,.section-rewards,.section-visual-example{background-color:#000!important;border-color:#fff!important}.concept-title,.main-subtitle,.main-title,.nav-tab,.panel-title,.section-content,.section-header{color:#fff!important}.nav-tab{background-color:#000!important;border-color:#fff!important}}@media (prefers-reduced-motion:reduce){.progress-btn{transition:none}.progress-btn:hover{transform:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}@media print{.concepts-page-container{background:#fff!important;color:#000!important}.concepts-header{display:none!important}.concept-stage-panel,.journey-map-panel{background:#fff!important;border:1px solid #000!important;color:#000!important}.main-title,.panel-title{color:#000!important}}.section-challenge,.section-explanation,.section-introduction,.section-practice,.section-quiz,.section-rewards,.section-visual-example{border-radius:8px;margin-bottom:20px}.section-header{margin-bottom:20px}.section-header .icon{align-items:center;background-color:#fc0;border-radius:8px;display:flex;font-size:1.5rem;height:40px;justify-content:center;margin-right:15px;width:40px}.section-header h3{color:#333;font-family:Minecraft,VT323,monospace;font-size:1.75rem}.section-content{color:#444;font-size:1.1rem}.section-content h4{color:#333;font-family:Minecraft,VT323,monospace;font-size:1.4rem;margin:20px 0 10px}.section-content ul{margin-bottom:20px;padding-left:20px}.section-content li{margin-bottom:8px}.code-example{background-color:#2a2a2a;border-radius:8px;margin:20px 0}.code-example pre{margin:0}.code-example code{color:#f8f8f8;font-family:Courier New,monospace;font-size:1rem;line-height:1.5}.visualization-container{align-items:center;background-color:#f0f0f0;border:4px solid #764c22;border-radius:8px;display:flex;justify-content:center;margin:25px 0;min-height:250px;padding:20px;position:relative}.visualization-container:before{border:2px solid #5c3c1a;border-radius:4px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.placeholder-visualization{color:#666;text-align:center}.placeholder-icon{font-size:3rem;margin-bottom:15px}.action-buttons{justify-content:flex-end;margin-top:30px}.editor-container{background-color:#2a2a2a;border-radius:8px;margin:20px 0;overflow:hidden}.editor-header{align-items:center;background-color:#1a1a1a;display:flex;justify-content:space-between;padding:10px 15px}.editor-title{color:#f8f8f8;font-family:Minecraft,VT323,monospace;font-size:1rem;margin:0}.editor-tools{display:flex;gap:10px}.editor-textarea{background-color:#2a2a2a;border:none;color:#f8f8f8;font-size:1rem;line-height:1.5;min-height:200px;resize:vertical;width:100%}.editor-textarea,.output-console{font-family:Courier New,monospace;padding:15px}.output-console{background-color:#1a1a1a;border-top:1px solid #444;color:#0f0;max-height:200px;min-height:100px;overflow-y:auto}.quiz-question{border-bottom:1px solid #ddd;margin-bottom:25px;padding-bottom:15px}.question-text{font-weight:700;margin-bottom:15px}.question-options{display:flex;flex-direction:column;gap:10px}.option-item{align-items:center;border:2px solid #ddd;border-radius:4px;cursor:pointer;display:flex;padding:10px;transition:all .2s ease}.option-item:hover{background-color:#f5f5f5;border-color:#ccc}.option-item.selected{background-color:#e0f7fa;border-color:#80deea}.option-radio{margin-right:10px}.rewards-container{padding:20px;text-align:center}.reward-badge{background-color:#fc0;font-size:3rem;height:120px;margin:0 auto 20px;width:120px}.reward-title{font-family:Minecraft,VT323,monospace;font-size:2rem;margin-bottom:15px}.reward-description{color:#555;font-size:1.2rem;margin-bottom:30px}.reward-items{gap:20px;justify-content:center;margin-bottom:30px}.reward-item{flex-direction:column}.reward-icon{margin-bottom:10px}.reward-value{font-family:Minecraft,VT323,monospace;font-size:1.2rem}@media (max-width:768px){.section-header{flex-direction:column;text-align:center}.section-header .icon{margin-bottom:10px;margin-right:0}.action-buttons{justify-content:center}.reward-items{align-items:center;flex-direction:column}}.concept-stage-container{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;margin:0 auto;max-width:1200px;padding:2rem}.concept-header{border-bottom:1px solid #eee;margin-bottom:2rem;padding-bottom:1rem}.concept-title{color:#333;font-size:2rem;margin-bottom:1rem}.concept-nav{margin-top:1.5rem;position:relative}.concept-tabs{display:flex;flex-wrap:wrap;gap:.25rem;position:relative;z-index:1}.concept-tab{align-items:center;background-color:#f9f9f9;border:1px solid #ddd;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;opacity:.7;padding:.75rem 1rem;transition:all .2s ease}.concept-tab:hover{background-color:#f0f0f0}.concept-tab.active{background-color:#3f51b5;border-color:#3f51b5;color:#fff;opacity:1}.concept-tab.completed{background-color:#e8f5e9;border-color:#81c784;opacity:1}.concept-tab.completed.active{background-color:#4caf50;border-color:#4caf50;color:#fff}.section-number{align-items:center;background-color:#0000001a;border-radius:50%;display:flex;font-size:.8rem;font-weight:700;height:1.5rem;justify-content:center;width:1.5rem}.concept-tab.active .section-number{background-color:#fff3}.section-name{text-transform:capitalize}.concept-content{margin-bottom:2rem;min-height:400px}.section-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.section-header .icon{font-size:2rem}.section-header h3{font-size:1.5rem;margin:0}.section-content{line-height:1.6}.code-example{background-color:#f5f5f5;border-left:4px solid #3f51b5;border-radius:6px;margin:1.5rem 0;overflow-x:auto;padding:1rem}pre{font-family:Courier New,Courier,monospace;margin:0}.concept-actions{border-top:1px solid #eee;display:flex;justify-content:space-between;margin-top:2rem;padding-top:1rem}.section-rewards{text-align:center}.rewards-container{background-color:#f9f9f9;border-radius:10px;box-shadow:0 3px 10px #0000001a;margin:0 auto;max-width:600px;padding:2rem}.reward-badge{align-items:center;background-color:gold;border-radius:50%;box-shadow:0 5px 15px #ffd7004d;color:#fff;display:flex;font-size:2rem;font-weight:700;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.reward-title{color:#333;font-size:1.5rem;margin-bottom:.5rem}.reward-description{color:#666;margin-bottom:2rem}.reward-items{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.reward-item{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000000d;display:flex;gap:1rem;padding:1rem}.reward-icon{font-size:2rem}.reward-value{font-size:1.1rem;font-weight:700}.reward-item-desc{color:#666;font-size:.9rem;margin-top:.25rem}.action-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem}@media (max-width:768px){.concept-stage-container{padding:1rem}.concept-tabs{overflow-x:auto;padding-bottom:.5rem}.concept-tab{font-size:.8rem;padding:.5rem .75rem;white-space:nowrap}.section-header{align-items:flex-start}.reward-item,.reward-items,.section-header{flex-direction:column}.reward-item{padding:1.5rem;text-align:center}}.teacher-chat-container{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:640px;width:100%}.teacher-chat-avatar-overlay-container{background-color:#1e1e1e;border:2px solid #444;border-radius:8px;padding:2rem;position:relative}.chat-overlay{display:flex;flex-direction:column;gap:.5rem;height:100%;left:0;overflow-y:auto;padding:1rem;position:absolute;top:0;width:100%}.chat-bubble{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border-radius:12px;color:#fff;margin-bottom:.5rem;max-width:70%;padding:.5rem 1rem}.chat-bubble.user{align-self:flex-end;background:#0080ff4d}.chat-bubble.assistant{align-self:flex-start;background:#00ff8033}.chat-input{display:flex;gap:.5rem}.chat-input input{flex:1 1;padding:.5rem}.chat-input button{padding:.5rem 1rem}.coding-canvas-dialogue-box{background:#1e1e1e;border:2px solid #4ade80;border-radius:8px;box-shadow:0 4px 20px #00000080;display:flex;flex:1 1;flex-direction:column;font-family:Consolas,Monaco,Courier New,monospace;margin:0 0 1rem;max-width:100%;min-height:0;min-width:350px;padding:1.5rem;transition:all .2s ease;width:100%}.coding-canvas-dialogue-box:hover{border-color:#22c55e;box-shadow:0 8px 30px #4ade804d}.code-editor-error{background:#2d1f1f;border:2px solid #dc2626;border-radius:6px;color:#fecaca;font-family:Consolas,Monaco,Courier New,monospace;font-size:.9rem;margin-top:.5rem;padding:.8rem 1rem}.coding-canvas-code-editor{border:2px solid #444;border-radius:6px;display:flex;flex:1 1;flex-direction:column;height:100%;min-height:0;min-height:300px;overflow:hidden}.coding-canvas-code-editor>div{flex:1 1;min-height:0}.coding-canvas-code-editor .monaco-editor{font-family:Consolas,Monaco,Courier New,monospace!important;height:100%!important}.coding-canvas-code-editor .monaco-editor .monaco-scrollable-element,.coding-canvas-code-editor .monaco-editor .overflow-guard{height:100%!important}.coding-canvas-code-editor .monaco-editor .view-lines{min-height:100%}.coding-canvas-code-editor .monaco-editor .margin,.coding-canvas-code-editor .monaco-editor .monaco-editor-background{background-color:#1e1e1e!important}.coding-canvas-code-editor .monaco-editor .scroll-decoration{display:none}.coding-canvas-page{background-color:#2a2a2a;font-family:Consolas,Monaco,Courier New,monospace;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem 0;width:100%}.coding-canvas-page h1{color:#4ade80;font-size:2.5rem;font-weight:700;letter-spacing:2px;margin-bottom:2rem;text-align:center;text-shadow:2px 2px 4px #00000080;text-transform:uppercase}.coding-canvas-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1.5rem;position:relative;z-index:10}.coding-canvas-buttons button{background-color:#4ade80;border:2px solid #4ade80;border-radius:6px;color:#1e1e1e;cursor:pointer;font-family:Consolas,Monaco,Courier New,monospace;font-size:.9rem;font-weight:700;letter-spacing:1px;padding:.8rem 1.5rem;text-transform:uppercase;transition:all .2s ease}.coding-canvas-buttons button:hover{background-color:#22c55e;border-color:#22c55e;transform:translateY(-1px)}.coding-canvas-buttons button:disabled{background-color:#666;border-color:#666;color:#999;cursor:not-allowed;transform:none}.ai-prompt-input{display:flex;gap:.8rem;margin:1rem 0;max-width:100%;width:100%}.ai-prompt-textbox{background-color:#1e1e1e;border:2px solid #444;border-radius:6px;color:#fff;flex:1 1;font-family:Consolas,Monaco,Courier New,monospace;font-size:1rem;min-height:40px;padding:1rem}.ai-prompt-textbox:focus{border-color:#4ade80;outline:none}.ai-prompt-submit{background:#4ade80;border:2px solid #4ade80;border-radius:6px;color:#1e1e1e;cursor:pointer;font-family:Consolas,Monaco,Courier New,monospace;font-weight:700;letter-spacing:1px;padding:1rem 1.5rem;text-transform:uppercase;transition:all .2s ease}.ai-prompt-submit:hover{background-color:#22c55e;border-color:#22c55e;transform:translateY(-1px)}.ai-prompt-submit:disabled{background-color:#666;border-color:#666;color:#999;cursor:not-allowed;transform:none}.coding-canvas-outer{align-items:center;background-color:#2a2a2a;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:2rem 0 4rem;width:100vw}.coding-canvas-outer,.coding-canvas-title{font-family:Consolas,Monaco,Courier New,monospace}.coding-canvas-title{color:#4ade80;flex-shrink:0;font-size:2.5rem;font-weight:700;letter-spacing:2px;margin-bottom:.5rem;text-align:center;text-shadow:2px 2px 4px #00000080;text-transform:uppercase}.coding-canvas-main-row{align-items:flex-start;display:flex;flex-direction:row;gap:3rem;justify-content:center;margin:0 auto;max-width:1400px;padding:0 1rem;width:100%}.coding-canvas-avatar-col{align-items:center;background:#1e1e1e;border:2px solid #444;border-radius:8px;box-shadow:0 4px 20px #00000080;display:flex;flex:0 0 420px;flex-direction:column;margin-top:.5rem;max-width:480px;min-width:320px;padding:1.5rem}.coding-canvas-editor-col{align-items:stretch;display:flex;flex:2 1;flex-direction:column;max-width:900px;min-width:700px}@media (max-width:1100px){.coding-canvas-main-row{align-items:center;flex-direction:column;gap:2rem}.coding-canvas-editor-col{max-width:98vw;min-width:320px}.coding-canvas-avatar-col{max-width:98vw}}.coding-canvas-output-section{align-items:stretch;background:#1e1e1e;border:2px solid #4ade80;border-radius:8px;box-shadow:0 4px 20px #00000080;display:flex;flex:1 1;flex-direction:column;margin:1rem 0 0;max-width:100%;min-height:0;padding:1.5rem;width:100%}.coding-canvas-output-controls{display:flex;flex-shrink:0;gap:.8rem;justify-content:flex-end;margin-bottom:1rem}.coding-canvas-output-controls button{background-color:initial;border:2px solid #4ade80;border-radius:6px;color:#4ade80;cursor:pointer;font-family:Consolas,Monaco,Courier New,monospace;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase;transition:all .2s ease}.coding-canvas-output-controls button:hover{background-color:#4ade80;color:#1e1e1e}.output-canvas-error{background:#2d1f1f;border:2px solid #dc2626;border-radius:6px;box-shadow:0 2px 8px #dc262633;color:#fecaca;flex-shrink:0;font-family:Consolas,Monaco,Courier New,monospace;font-size:.9rem;margin-top:1rem;padding:1rem}.coding-canvas-sidebyside-outer{align-items:center;background-color:#2a2a2a;display:flex;flex-direction:column;font-family:Consolas,Monaco,Courier New,monospace;height:calc(100vh - 80px);justify-content:flex-start;min-height:calc(100vh - 80px);overflow-x:hidden;overflow-y:auto;padding:0;position:relative;width:100vw}.coding-canvas-sidebyside-row{align-items:stretch;box-sizing:border-box;display:flex;flex:1 1;flex-direction:row;gap:1.5rem;height:auto;justify-content:center;max-width:100vw;min-height:calc(100vh - 200px);padding:0 1rem;width:100vw}.coding-canvas-sidebyside-col{align-items:stretch;display:flex;flex:1 1;flex-direction:column;min-height:0;min-width:0}.coding-canvas-editor-col,.coding-canvas-output-col{align-items:stretch;display:flex;flex:1 1;flex-direction:column;min-height:0}.coding-canvas-sidebyside-row .coding-canvas-dialogue-box,.coding-canvas-sidebyside-row .coding-canvas-output-section{flex:1 1;height:100%;margin:0;max-height:100%;min-height:0}.coding-canvas-dialogue-box,.coding-canvas-output-section{height:100%;max-height:100%}.coding-canvas-output-section iframe{background-color:#fff;border:none;border-radius:6px;flex:1 1;min-height:0}@media (max-width:1100px){.coding-canvas-sidebyside-row{flex-direction:column;height:auto;min-height:calc(100vh - 200px)}.coding-canvas-sidebyside-col{flex:none;min-height:400px}.coding-canvas-code-editor{min-height:300px}.coding-canvas-title{font-size:1.8rem}.coding-canvas-avatar-col{display:none!important}}.coding-canvas-log-terminal-container{border-top:2px solid #444;margin-top:1rem;padding-top:1rem}.log-terminal{background-color:#1e1e1e;border:2px solid #444;border-radius:6px;font-family:Consolas,Monaco,Courier New,monospace;font-size:.85rem;max-height:300px;overflow-y:auto;transition:all .3s ease}.log-terminal-collapsed{max-height:40px;overflow:hidden}.log-terminal-expand-btn{background-color:initial;border:2px solid #4ade80;border-radius:6px;color:#4ade80;cursor:pointer;font-family:Consolas,Monaco,Courier New,monospace;font-size:.8rem;font-weight:700;padding:.5rem 1rem;text-transform:uppercase;transition:all .2s ease}.log-terminal-expand-btn:hover{background-color:#4ade80;color:#1e1e1e}.log-terminal-header{align-items:center;background-color:#2a2a2a;border-bottom:1px solid #444;display:flex;justify-content:space-between;padding:.8rem 1rem}.log-terminal-header h3{color:#4ade80;font-size:1rem;font-weight:700;margin:0}.log-filter-controls,.log-terminal-controls{display:flex;gap:.5rem}.log-filter-controls{align-items:center}.log-filter-toggle{background-color:initial;border:1px solid #666;border-radius:4px;color:#ccc;cursor:pointer;font-size:.7rem;padding:.3rem .6rem;transition:all .2s ease}.log-filter-toggle.active{background-color:#4ade80;border-color:#4ade80;color:#1e1e1e}.log-filter-toggle input{display:none}.log-action-buttons button{background-color:initial;border:1px solid #666;border-radius:4px;color:#ccc;cursor:pointer;font-size:.7rem;padding:.3rem .6rem;transition:all .2s ease}.log-action-buttons button:hover{border-color:#4ade80;color:#4ade80}.log-entries-container{background-color:#1e1e1e;max-height:200px;overflow-y:auto;padding:1rem}.log-entry{border-bottom:1px solid #333;display:flex;font-size:.8rem;gap:.8rem;padding:.5rem 0}.log-time{color:#666;flex-shrink:0;width:80px}.log-type{flex-shrink:0;font-weight:700;width:60px}.log-type-info .log-type{color:#4ade80}.log-type-warning .log-type{color:#facc15}.log-type-error .log-type{color:#dc2626}.log-message{color:#ccc;flex:1 1}.log-empty-message{color:#666;font-style:italic;padding:2rem;text-align:center}.canvas-action-bar{gap:.5rem;position:absolute;right:2rem;top:1rem;z-index:100}.canvas-action-bar,.debug-toggle-container{align-items:center;display:flex}.debug-toggle-button{background-color:#1e1e1e;border:2px solid #4ade80;border-radius:6px;color:#4ade80;cursor:pointer;font-family:Consolas,Monaco,Courier New,monospace;font-size:.8rem;font-weight:700;padding:.5rem 1rem;text-transform:uppercase;transition:all .2s ease}.debug-toggle-button.active{background-color:#4ade80;color:#1e1e1e}.view-toggle-container{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:.5rem 0;position:relative;z-index:20}.view-toggle-button{background-color:#1e1e1e;border:2px solid #4ade80;border-radius:6px;color:#4ade80;cursor:pointer;font-family:Consolas,Monaco,Courier New,monospace;font-size:.8rem;font-weight:700;padding:.5rem 1rem;text-transform:uppercase;transition:all .2s ease}.view-toggle-button.active{background-color:#4ade80;color:#1e1e1e}.craft-mode-toggle{display:flex;gap:.5rem;justify-content:center;margin:.5rem 0}.craft-mode-button{background-color:#1e1e1e;border:2px solid #4ade80;border-radius:6px;color:#4ade80;cursor:pointer;font-family:Consolas,Monaco,Courier New,monospace;font-size:.8rem;font-weight:700;padding:.5rem 1rem;text-transform:uppercase;transition:all .2s ease}.craft-mode-button.active{background-color:#4ade80;color:#1e1e1e}.editor-actions-dropdown-container{position:relative}.editor-actions-dropdown{background-color:#1e1e1e;border:2px solid #4ade80;border-radius:8px;box-shadow:0 8px 30px #00000080;display:flex;flex-direction:column;gap:.5rem;padding:.5rem;position:absolute;right:0;top:100%;z-index:50}.editor-actions-dropdown button{background-color:initial;border:2px solid #4ade80;border-radius:6px;color:#4ade80;cursor:pointer;font-family:Consolas,Monaco,Courier New,monospace;font-size:.8rem;font-weight:700;padding:.5rem 1rem;text-transform:uppercase;transition:all .2s ease}.editor-actions-dropdown button:hover{background-color:#4ade80;color:#1e1e1e}.editor-actions-dropdown button:disabled{background-color:#666;border-color:#666;color:#999;cursor:not-allowed}.coding-canvas-view-hidden{display:none!important}.coding-canvas-single-view{gap:0}.coding-canvas-single-view .coding-canvas-editor-col,.coding-canvas-single-view .coding-canvas-output-col{height:100%;max-height:100%;max-width:none;width:100%}.debug-panel{background-color:#1e1e1e;border:2px solid #4ade80;border-radius:8px;box-shadow:0 8px 30px #00000080;font-family:Consolas,Monaco,Courier New,monospace;max-height:70vh;overflow-y:auto;position:absolute;right:2rem;top:4rem;width:400px;z-index:99}.debug-panel h3{background-color:#4ade80;color:#1e1e1e;font-size:1rem;font-weight:700;margin:0;padding:1rem;text-transform:uppercase}.debug-section{border-bottom:1px solid #444;padding:1rem}.debug-section h4{color:#4ade80;font-size:.9rem;font-weight:700;margin:0 0 .8rem;text-transform:uppercase}.debug-table{border-collapse:collapse;font-size:.8rem;width:100%}.debug-table td,.debug-table th{border-bottom:1px solid #333;color:#ccc;padding:.5rem;text-align:left}.debug-table th{background-color:#2a2a2a;color:#4ade80;font-weight:700}.debug-table tr:nth-child(odd){background-color:#252525}.debug-table tr:hover{background-color:#2a2a2a}.debug-log-container{background-color:#1e1e1e;border:1px solid #444;border-radius:4px;max-height:200px;overflow-y:auto}.debug-api-table td:first-child,.debug-api-table th:first-child{width:100px}.debug-api-table td:nth-child(2),.debug-api-table th:nth-child(2){width:80px}.debug-api-table td:last-child{word-break:break-all}@media (max-width:1100px){.debug-panel{right:5vw;top:2rem;width:90vw}.canvas-action-bar{right:5vw}.debug-table{font-size:.7rem}}@media (max-width:768px){.debug-toggle-container{display:none}}.api-error-row{background-color:#2d1f1f!important}.api-error-row:hover{background-color:#3d2424!important}.api-error-row td{color:#fecaca!important}.debug-prompt-history{background-color:#1e1e1e;border:1px solid #444;border-radius:4px;max-height:200px;overflow-y:auto}.debug-prompt-item{border-bottom:1px solid #333;cursor:pointer;padding:.5rem;transition:background-color .2s ease}.debug-prompt-item:hover{background-color:#2a2a2a}.debug-prompt-number{color:#4ade80;display:inline-block;font-weight:700;margin-right:.5rem;width:30px}.debug-prompt-text{color:#ccc;font-size:.8rem}.output-canvas-container{display:flex;flex:1 1;flex-direction:column;min-height:0}.prompt-craft-wizard{background:#1e1e1e;border:2px solid #4ade80;border-radius:8px;display:flex;flex-direction:column;gap:1.2rem;margin-top:1rem;max-width:640px;padding:1.5rem;width:100%}.prompt-craft-wizard input,.prompt-craft-wizard textarea{background-color:#2a2a2a;border:2px solid #444;border-radius:6px;color:#fff;font-family:Consolas,Monaco,Courier New,monospace;padding:.8rem}.prompt-craft-wizard button{background:#4ade80;border:2px solid #4ade80;border-radius:6px;color:#1e1e1e;cursor:pointer;font-weight:700;padding:.6rem 1rem}.prompt-craft-wizard button:disabled{background:#666;border-color:#666;color:#999;cursor:not-allowed}.wizard-buttons{display:flex;gap:1rem;justify-content:flex-end;margin-top:.5rem}.wizard-step{display:flex;flex-direction:column;gap:1rem}.wizard-options{display:flex;flex-wrap:wrap;gap:1rem 2rem;margin-bottom:.5rem}.wizard-options label{align-items:center;display:flex;gap:.4rem}.coding-canvas-play-container{background-color:#2a2a2a;display:flex;flex-direction:column;inset:0;position:fixed;z-index:10000}.coding-canvas-play-container iframe{border:none;flex:1 1}.prompt-processing-overlay{align-items:center;background:#000000b3;display:flex;flex-direction:column;gap:1rem;inset:0;justify-content:center;position:fixed;z-index:10001}.prompt-processing-overlay .loading-spinner{animation:spin 1s linear infinite;border:4px solid #333;border-radius:50%;border-top-color:#4ade80;height:50px;width:50px}.prompt-processing-overlay .loading-text{color:#fff;font-size:1.2rem}@media (max-width:768px){.view-toggle-container .view-toggle-button:nth-child(2){display:none}.coding-canvas-sidebyside-row.coding-canvas-single-view .coding-canvas-editor-col:not(.coding-canvas-view-hidden) .coding-canvas-buttons,.coding-canvas-sidebyside-row.coding-canvas-single-view .coding-canvas-editor-col:not(.coding-canvas-view-hidden) .coding-canvas-dialogue-box,.coding-canvas-sidebyside-row.coding-canvas-single-view .coding-canvas-editor-col:not(.coding-canvas-view-hidden) .coding-canvas-log-terminal-container,.coding-canvas-sidebyside-row.coding-canvas-single-view .coding-canvas-output-col:not(.coding-canvas-view-hidden) .coding-canvas-log-terminal-container,.coding-canvas-sidebyside-row.coding-canvas-single-view .coding-canvas-output-col:not(.coding-canvas-view-hidden) .coding-canvas-output-controls{display:none!important}.coding-canvas-sidebyside-row.coding-canvas-single-view .coding-canvas-output-col:not(.coding-canvas-view-hidden) iframe{height:calc(100vh - 100px);width:100vw}.coding-canvas-play-container iframe{height:100vh;width:100vw}.back-overlay-button{background-color:#000000b3;border:1px solid #4ade80;border-radius:4px;color:#fff;font-size:.9rem;left:10px;padding:.5rem 1rem;position:fixed;top:10px;z-index:10002}}.runtime-viewer-container{display:flex;flex-direction:column;min-height:100vh}.runtime-viewer-container,body.runtime-viewer-page{background-color:#2a2a2a!important;background:#2a2a2a!important;color:#fff!important;font-family:Consolas,Monaco,Courier New,monospace!important}.runtime-header,.runtime-viewer-container .runtime-header{align-items:center;background-color:#1e1e1e!important;background:#1e1e1e!important;border-bottom:2px solid #444!important;display:flex;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:10000}.header-brand,.runtime-header .header-brand,.runtime-viewer-container .header-brand{background:#0000!important;background-color:initial!important}.nav-button{border:2px solid #4ade80;letter-spacing:1px;text-transform:uppercase}.nav-button:hover{transform:translateY(-1px)}.runtime-main{gap:1.5rem;padding:2rem}.gamepad-icon{filter:grayscale(100%);font-size:4rem}.main-title{font-size:3rem;font-weight:700;letter-spacing:1px;margin:0}.main-subtitle{color:#ccc;font-size:1.2rem;font-weight:300;margin:0}.new-project-btn{background-color:#4ade80;border:none;border-radius:6px;color:#1e1e1e;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:1px;padding:1rem 2rem;text-transform:uppercase;transition:all .2s ease}.new-project-btn:hover{background-color:#22c55e;transform:translateY(-1px)}.browser-section,.instructions-section{margin:0 auto;max-width:1200px;width:100%}.instructions-text{background-color:#333;border:1px solid #555;border-radius:6px;color:#ccc;font-size:1rem;line-height:1.5;margin:0;padding:1rem 1.5rem}.main-project-browser,.project-browser{background-color:#1e1e1e;border:1px solid #444;border-radius:8px;height:100%;min-height:600px;object-fit:cover;overflow:hidden}.browser-header{align-items:center;background-color:#2a2a2a;border-bottom:1px solid #444;display:flex;gap:2rem;justify-content:space-between;padding:1rem 1.5rem}.filtered-indicator,.results-count,.results-info{color:#ccc;font-size:.9rem}.results-count{font-weight:500}.filtered-indicator{color:#888;font-style:italic}.browser-content,.browser-main{flex:1 1;overflow-y:auto;padding:0 1.5rem 1.5rem}.project-search{position:relative;width:100%}.search-input{background-color:#333;border:1px solid #555;border-radius:6px;color:#fff;font-family:inherit;font-size:1rem;padding:.75rem 1rem;width:100%}.search-input::placeholder{color:#888}.search-input:focus{border-color:#4ade80;box-shadow:0 0 0 2px #4ade8033;outline:none}.browser-filters h3{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.filter-group{margin-bottom:1.5rem}.filter-group label{color:#ccc;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.filter-select{background-color:#333;border:1px solid #555;border-radius:4px;color:#fff;font-size:.9rem;padding:.5rem;width:100%}.filter-checkbox{align-items:center;color:#ccc;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:.5rem}.filter-checkbox input[type=checkbox]{accent-color:#4ade80}.project-filters-inline{align-items:center;color:#fff;display:flex;gap:2rem}.inline-filter-group{align-items:center;display:flex;gap:.5rem}.inline-filter-label{color:#ccc;font-size:.9rem;font-weight:500;white-space:nowrap}.inline-filter-select{background-color:#333;border:1px solid #555;border-radius:4px;color:#fff;font-size:.9rem;min-width:120px;padding:.4rem .8rem}.inline-filter-select:focus{border-color:#4ade80;box-shadow:0 0 0 2px #4ade8033;outline:none}.inline-filter-checkbox{accent-color:#4ade80;height:16px;width:16px}.projects-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));padding:.5rem 0}.runtime-viewer-container .project-card{background:linear-gradient(135deg,#333,#2a2a2a);border:1px solid #4ade80;border-radius:8px;box-shadow:0 4px 8px #0000004d;cursor:pointer;margin:4px;min-height:190px;padding:0;position:relative;transition:all .2s ease;width:182px}.runtime-viewer-container .project-card:hover{background:linear-gradient(135deg,#3a3a3a,#313131);transform:translateY(-2px)}.runtime-viewer-container .project-card.selected{background:linear-gradient(135deg,#2a4a2a,#1f3f1f);box-shadow:0 0 0 2px #4ade80,0 4px 8px #0000004d}.runtime-viewer-container .project-thumbnail{align-items:center;background-color:#1a1a1a;border-bottom:1px solid #4ade80;display:flex;height:80px;justify-content:center;margin-top:12px;width:100%}.runtime-viewer-container .project-thumbnail img{height:100%;width:100%}@media (max-width:768px){.runtime-header{flex-wrap:wrap;gap:1rem;padding:.75rem 1rem}.header-nav{gap:1rem}.nav-link{font-size:.9rem}.nav-button{font-size:.8rem;padding:.4rem .8rem}}@media (max-width:480px){.runtime-header{padding:.5rem}.header-brand{font-size:1.2rem}.nav-button,.nav-link{font-size:.8rem}.nav-button{padding:.3rem .6rem}}.share-dialog{background:#2a2a2a;border-radius:6px;padding:1rem}.share-dialog select{margin-bottom:.5rem;width:100%}.dialog-actions{display:flex;gap:.5rem;justify-content:flex-end}.project-runtime-container{background-color:#2a2a2a;color:#fff;display:flex;flex-direction:column;font-family:Consolas,Monaco,Courier New,monospace;min-height:100vh}.runtime-header{align-items:center;background-color:#1e1e1e;border-bottom:2px solid #444;display:flex;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:10000}.project-runtime{background-color:#2a2a2a;display:flex;flex:1 1;flex-direction:column}.project-runtime.fullscreen{bottom:0;left:0;position:fixed;right:0;top:80px;z-index:9999}.project-runtime.fullscreen:-moz-full-screen,.project-runtime.fullscreen:-ms-fullscreen,.project-runtime.fullscreen:-webkit-full-screen,.project-runtime.fullscreen:fullscreen{top:0}.project-runtime.fullscreen .runtime-page-header,.project-runtime.fullscreen .runtime-sidebar{display:none}.project-runtime.fullscreen .runtime-main{height:calc(100vh - 80px);width:100vw}.project-runtime.fullscreen:-moz-full-screen .runtime-main,.project-runtime.fullscreen:-ms-fullscreen .runtime-main,.project-runtime.fullscreen:-webkit-full-screen .runtime-main,.project-runtime.fullscreen:fullscreen .runtime-main{height:100vh}.project-runtime.fullscreen .main-runtime-canvas{border:none;border-radius:0;height:100%;width:100%}.runtime-page-header{align-items:center;background-color:#1e1e1e;border-bottom:1px solid #444;display:flex;justify-content:space-between;padding:1rem 2rem}.header-left{align-items:center;display:flex;gap:1.5rem}.back-button{background-color:initial;border:1px solid #4ade80;border-radius:4px;color:#4ade80;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.back-button:hover{background-color:#4ade80;color:#1e1e1e}.back-overlay-button{background-color:#000000b3;border:1px solid #4ade80;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;left:10px;padding:.5rem 1rem;position:fixed;top:10px;transition:background-color .2s ease;z-index:10002}.back-overlay-button:hover{background-color:#4ade80;color:#1e1e1e}.project-info{display:flex;flex-direction:column;gap:.25rem}.project-title{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.project-stage{background-color:#333;border-radius:3px;color:#4ade80;display:inline-block;font-size:.9rem;padding:.25rem .5rem}.header-right{align-items:center;display:flex;gap:1rem}.runtime-badge{background-color:#333;border:1px solid #555;border-radius:4px;color:#4ade80;font-size:.9rem;font-weight:500;padding:.5rem 1rem}.runtime-layout{gap:1rem;padding:1rem}.runtime-layout,.runtime-main{display:flex;flex:1 1;min-height:0}.runtime-main{flex-direction:column}.main-runtime-canvas{background-color:#1e1e1e;border:2px solid #444;border-radius:8px;flex:1 1;overflow:hidden}.runtime-sidebar{display:flex;flex-direction:column;gap:1rem;min-height:0;width:300px}.project-details-panel,.quick-actions-panel,.sidebar-controls,.sidebar-performance{background-color:#1e1e1e;border:1px solid #444;border-radius:8px;color:#fff;padding:1rem}.panel-title{border-bottom:1px solid #444;color:#4ade80;font-size:1.1rem;font-weight:700;margin:0 0 1rem;padding-bottom:.5rem}.details-content{display:flex;flex-direction:column;gap:.75rem}.detail-row{align-items:center;display:flex;justify-content:space-between}.detail-label{color:#ccc;font-size:.9rem}.detail-value{color:#fff;font-size:.9rem;font-weight:500}.actions-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr}.action-button{background-color:#333;border:1px solid #555;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:.75rem;text-align:center;transition:all .2s ease}.action-button:hover{background-color:#4ade80;border-color:#4ade80;color:#1e1e1e}.loading-container{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:1.5rem;justify-content:center;min-height:400px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #333;border-radius:50%;border-top-color:#4ade80;height:50px;width:50px}.loading-title{color:#fff;font-size:1.5rem;margin:0}.loading-text{color:#ccc;margin:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-container,.no-project-container{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:1.5rem;justify-content:center;min-height:400px}.error-icon,.no-project-icon{font-size:4rem}.error-title,.no-project-title{color:#fff;font-size:1.5rem;margin:0}.error-message,.no-project-message{color:#ccc;line-height:1.5;max-width:400px;text-align:center}.recording-indicator{align-items:center;background-color:#dc2626;border-radius:6px;box-shadow:0 4px 12px #dc26264d;color:#fff;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1rem;position:fixed;right:20px;top:90px;z-index:10001}.recording-dot{animation:pulse 1.5s infinite;background-color:#fff;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@media (max-width:1024px){.runtime-layout{flex-direction:column}.runtime-sidebar{flex-direction:row;overflow-x:auto;width:100%}.actions-grid{grid-template-columns:1fr 1fr 1fr 1fr}}@media (max-width:768px){.runtime-header{flex-wrap:wrap;gap:1rem;padding:.75rem 1rem}.header-nav{gap:1rem}.nav-link{font-size:.9rem}.nav-button{font-size:.8rem;padding:.4rem .8rem}.runtime-page-header{align-items:flex-start;flex-direction:column;gap:1rem;padding:1rem}.header-left{gap:1rem}.runtime-layout{gap:.5rem;padding:.5rem}}@media (max-width:480px){.runtime-header{padding:.5rem}.header-brand{font-size:1.2rem}.runtime-layout{padding:.25rem}.actions-grid{grid-template-columns:1fr 1fr}.project-title{font-size:1.2rem}.nav-button,.nav-link{font-size:.8rem}.nav-button{padding:.3rem .6rem}.project-runtime.fullscreen{top:60px}.project-runtime.fullscreen:-moz-full-screen,.project-runtime.fullscreen:-ms-fullscreen,.project-runtime.fullscreen:-webkit-full-screen,.project-runtime.fullscreen:fullscreen{top:0}.project-runtime.fullscreen .runtime-main{height:calc(100vh - 60px)}.project-runtime.fullscreen:-moz-full-screen .runtime-main,.project-runtime.fullscreen:-ms-fullscreen .runtime-main,.project-runtime.fullscreen:-webkit-full-screen .runtime-main,.project-runtime.fullscreen:fullscreen .runtime-main{height:100vh}}@media print{.project-runtime{background:#fff!important;color:#000!important}.runtime-header,.runtime-page-header,.runtime-sidebar{display:none!important}.runtime-main{height:auto!important;width:100%!important}}@media (prefers-contrast:high){.project-runtime,.runtime-page-header{background-color:#000}.runtime-page-header{border-color:#fff}.runtime-sidebar{background-color:#000}.project-details-panel,.quick-actions-panel,.sidebar-controls,.sidebar-performance{background-color:#000;border-color:#fff}.detail-label,.detail-value,.panel-title{color:#fff}}@media (prefers-reduced-motion:reduce){.loading-spinner,.recording-dot{animation:none}.action-button,.back-button,.nav-button,.nav-link{transition:none}.action-button:hover,.back-button:hover{transform:none}}.runtime-canvas{background-color:#1e1e1e;border-radius:8px;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;width:100%}.runtime-canvas.fullscreen{background-color:#000;border-radius:0;bottom:0;left:0;position:fixed;right:0;top:80px;z-index:9999}.runtime-canvas.fullscreen:-moz-full-screen,.runtime-canvas.fullscreen:-ms-fullscreen,.runtime-canvas.fullscreen:-webkit-full-screen,.runtime-canvas.fullscreen:fullscreen{top:0}.runtime-header{background-color:#1e1e1e!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:10000!important}.header-info{align-items:center;display:flex;gap:1rem}.project-name{color:#4ade80;font-size:1.2rem;font-weight:700}.runtime-status{color:#ccc;font-size:.9rem}.header-controls{display:flex;gap:.5rem}.header-control{background-color:#333;border:1px solid #555;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:.5rem 1rem;transition:all .2s ease}.header-control:hover:not(:disabled){background-color:#4ade80;border-color:#4ade80;color:#1e1e1e}.header-control:disabled{cursor:not-allowed;opacity:.5}.canvas-area{background-color:#2a2a2a;border:2px solid #444;border-radius:8px;flex:1 1;margin:1rem;overflow:hidden;position:relative}.runtime-execution-engine{height:100%;width:100%}.runtime-execution-engine canvas{background-color:#fff;display:block;height:100%;width:100%}.no-project-message{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:1rem;justify-content:center}.message-content{max-width:400px;text-align:center}.message-icon{font-size:3rem;margin-bottom:1rem}.message-title{color:#fff;font-size:1.5rem;margin-bottom:.5rem}.message-text{color:#ccc;line-height:1.5}.error-overlay{align-items:center;background-color:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}.error-content{background-color:#1e1e1e;border:2px solid #dc2626;border-radius:8px;max-width:500px;padding:2rem;text-align:center}.error-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.error-icon{color:#dc2626;font-size:2rem}.error-title{color:#fff;font-size:1.2rem;margin:0}.error-close{background:none;border:none;color:#ccc;cursor:pointer;font-size:1.5rem;padding:0}.error-close:hover{color:#fff}.error-message{color:#ccc;font-family:Courier New,monospace;font-size:.9rem;line-height:1.5;margin-bottom:1.5rem}.error-actions{display:flex;gap:1rem;justify-content:center}.error-action{background-color:#333;border:1px solid #555;border-radius:4px;color:#fff;cursor:pointer;padding:.75rem 1.5rem;transition:all .2s ease}.error-action:hover{background-color:#4ade80;color:#1e1e1e}.performance-overlay{background-color:#000c;border:1px solid #555;border-radius:4px;color:#4ade80;font-size:.8rem;padding:.5rem;position:absolute;right:10px;top:10px;z-index:100}.overlay-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.overlay-title{color:#fff;font-weight:700}.overlay-close{background:none;border:none;color:#ccc;cursor:pointer;font-size:1rem;padding:0}.overlay-close:hover{color:#fff}.overlay-meters{display:flex;flex-direction:column;gap:.25rem;min-width:120px}.fullscreen-controls{background-color:#000c;border:1px solid #555;border-radius:8px;bottom:20px;display:flex;gap:1rem;left:50%;padding:1rem;position:absolute;transform:translateX(-50%);z-index:1000}.fullscreen-info{color:#fff;display:flex;flex-direction:column;font-size:.9rem;gap:.25rem}.fs-project-name{color:#4ade80;font-weight:700}.fs-status{color:#ccc}.fullscreen-actions{display:flex;gap:.5rem}.fs-control{background-color:#333;border:1px solid #555;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:.5rem 1rem;transition:all .2s ease}.fs-control:hover:not(:disabled){background-color:#4ade80;border-color:#4ade80;color:#1e1e1e}.fs-control:disabled{cursor:not-allowed;opacity:.5}.runtime-status-bar{align-items:center;background-color:#000000e6;border-top:1px solid #555;bottom:0;color:#ccc;display:flex;font-size:.8rem;justify-content:space-between;left:0;padding:.5rem 1rem;position:absolute;right:0}.status-left,.status-right{display:flex;gap:1rem}.status-item{color:#4ade80}.keyboard-shortcuts{background-color:#000000e6;border:1px solid #555;border-radius:4px;bottom:80px;color:#ccc;font-size:.8rem;padding:1rem;position:absolute;right:20px;z-index:100}.shortcuts-content{display:flex;flex-direction:column;gap:.25rem}@media (max-width:768px){.project-runtime-container .fullscreen-controls,.project-runtime-container .keyboard-shortcuts,.project-runtime-container .runtime-header,.project-runtime-container .runtime-page-header,.project-runtime-container .runtime-sidebar,.project-runtime-container .runtime-status-bar{display:none!important}.project-runtime.fullscreen{top:0!important}.runtime-canvas.fullscreen{height:100vh!important;top:0!important;width:100vw!important}.back-overlay-button{background-color:#000000b3;border:1px solid #4ade80;border-radius:4px;color:#fff;font-size:.9rem;left:10px;padding:.5rem 1rem;position:fixed;top:10px;z-index:10002}}.usage-monitoring-container{background-color:#2a2a2a;color:#fff;display:flex;flex-direction:column;font-family:Consolas,Monaco,Courier New,monospace;min-height:100vh}.usage-header{align-items:center;background-color:#1e1e1e;border-bottom:2px solid #444;display:flex;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:10000}.usage-main{flex:1 1;margin:0 auto;max-width:600px;padding:2rem}.usage-controls{gap:1rem;margin-bottom:1rem}.share-toggle,.usage-controls{align-items:center;display:flex}.share-toggle{gap:.25rem}.friend-card{align-items:center;background:#0000;border:none;display:flex;justify-content:space-between}.friends-panel{margin-bottom:1rem}.friend-card+.friend-card{margin-top:.5rem}.send-request-form{align-items:flex-end;display:flex;gap:.5rem;margin-bottom:1rem}.error-message,.success-message{margin-top:.5rem;padding:8px}.friends-page .send-request-form{display:flex;flex-direction:column;gap:1rem}@media (min-width:640px){.friends-page .send-request-form{align-items:center;flex-direction:row}}.request-list{margin-bottom:1rem}.request-item{border-bottom:none;margin:0;padding:0}.request-actions button{margin-left:.25rem}.incoming-share-list ul{list-style:none;padding:0}.incoming-share-list li{border-bottom:1px solid #444;margin:.25rem 0;padding-bottom:.25rem}*{box-sizing:border-box}.friends-page{background-color:#0f0f0f;color:#e5e7eb;display:flex;flex-direction:column;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.friends-header{align-items:center;background-color:#111;border-bottom:1px solid #272727;display:flex;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:10000}.nav-link.active{border-bottom:2px solid #4ade80;border-bottom:2px solid var(--friends-accent);color:#4ade80;color:var(--friends-accent)}.nav-button{background:#0000}.friends-main{flex:1 1;flex-direction:column;gap:1.5rem;margin:0 auto;padding:2rem;width:100%}.friends-main,.title-content{display:flex;max-width:1200px}.title-content{align-items:center;justify-content:space-between;margin:0 auto 1rem}.title-area{align-items:center;display:flex;gap:1.5rem}.friends-icon{filter:grayscale(100%);font-size:4rem}.title-text{display:flex;flex-direction:column;gap:.5rem}.main-title{color:#4ade80;color:var(--friends-accent);font-size:2.25rem;letter-spacing:normal}.main-subtitle{color:#9ca3af;font-weight:400}.friends-section{background-color:#1e1e1e;border:1px solid #444;border-radius:8px;padding:1.5rem}.friends-list li,.shared-projects-list li{margin-bottom:.5rem}.share-form{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.share-form input,.share-form select{background-color:#333;border:1px solid #555;border-radius:4px;color:#fff;font-family:inherit;padding:.5rem}.share-message{color:#4ade80;margin-top:.5rem}:root{--friends-accent:#4ade80}.friends-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.friends-card{background-color:#1e1e1e;border:none;border-radius:1rem;box-shadow:0 0 0 1px #272727,0 4px 6px #00000073;padding:1.5rem}.friends-card h3{color:#4ade80;color:var(--friends-accent);font-size:1.125rem;margin-bottom:1rem;margin-top:0}.friends-card.full-width{grid-column:1/-1}.share-project-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.share-project-controls select{background-color:#272727;border:1px solid #3f3f3f;border-radius:.5rem;color:#e5e7eb;padding:.5rem .75rem}.friends-page .request-list h3{color:#4ade80;color:var(--friends-accent);margin-bottom:.5rem}.friends-page .request-list p{color:#9ca3af;font-style:italic}.friends-page .friend-card,.friends-page .request-item{align-items:center;background-color:#2a2a2a;border-radius:.5rem;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.5rem .75rem}.friends-page .friend-name{font-weight:500}.friends-page .incoming-share-list ul{list-style:none;margin:0;padding:0}.friends-page .incoming-share-list li{align-items:center;border-bottom:1px solid #272727;display:flex;justify-content:space-between;padding:.5rem 0}.friends-page .incoming-share-list li:last-child{border-bottom:none}.friends-page .incoming-share-list a{color:#4ade80;color:var(--friends-accent);text-decoration:none}.friends-page .incoming-share-list a:hover{text-decoration:underline}.friends-page .incoming-share-list .share-item{align-items:center;border-bottom:1px solid #272727;display:flex;justify-content:space-between;padding:.5rem 0}.friends-page .incoming-share-list .share-project-name{font-weight:500}.friends-page .incoming-share-list .share-by{color:#9ca3af;font-size:.75rem}.friends-page .incoming-share-list .share-permission-btn{background:none;border:none;color:#4ade80;color:var(--friends-accent);cursor:pointer;font-size:.875rem}.friends-page .incoming-share-list .share-permission-btn:hover{text-decoration:underline}.friends-page .mc-button{border-radius:.5rem;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-transform:none}.friends-page .mc-button--primary{background-color:#16a34a;border-color:#14532d}.friends-page .mc-button--danger{background-color:#dc2626;border-color:#7f1d1d}.friends-page .mc-button--primary:hover:not(:disabled){background-color:#15803d}.friends-page .mc-button--danger:hover:not(:disabled){background-color:#b91c1c}.card-heading{align-items:center;color:#4ade80;color:var(--friends-accent);display:flex;font-weight:600;gap:.5rem;margin:0 0 1rem}.card-heading,.card-heading-icon{font-size:1.25rem}.friends-page .mc-form-label{display:none}.friends-page .mc-form-input{background-color:#272727;border:none;border-radius:.75rem;color:#e5e7eb;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.875rem;padding:.75rem 1rem}.friends-page .mc-form-input:focus{outline:2px solid #4ade80;outline:2px solid var(--friends-accent);outline-offset:0}.friends-page .request-status{color:#9ca3af;font-size:.75rem}@media (max-width:768px){.friends-header{flex-wrap:wrap;gap:1rem;padding:.75rem 1rem}.header-nav{gap:1rem}.nav-link{font-size:.9rem}.nav-button{font-size:.8rem;padding:.4rem .8rem}}@media (max-width:480px){.friends-header{padding:.5rem}.header-brand{font-size:1.2rem}.nav-button,.nav-link{font-size:.8rem}.nav-button{padding:.3rem .6rem}}.user-assets-manager{margin-bottom:20px;padding:20px;width:100%}.user-assets-manager h2.assets-title{border-bottom:2px solid #555;font-family:Minecraft,sans-serif;font-size:1.8rem;margin-bottom:20px;padding-bottom:10px}.user-assets-manager h3{font-family:Minecraft,sans-serif;font-size:1.4rem;margin:15px 0}.assets-upload-section{background-color:#0000001a;border-radius:4px;margin-bottom:30px;padding:15px}.upload-form{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.file-input{height:.1px;opacity:0;position:absolute;width:.1px}.file-input-label{align-items:center;background-color:#555;border:2px solid #333;color:#fff;cursor:pointer;display:flex;font-family:Minecraft,sans-serif;max-width:250px;overflow:hidden;padding:8px 12px;text-overflow:ellipsis;white-space:nowrap}.file-input-label:hover{background-color:#666}.error-message{background-color:#ff00001a;border:1px solid #f55;border-radius:4px;color:#f55;margin:10px 0;padding:10px}.success-message{background-color:#00ff001a;border:1px solid #5f5;border-radius:4px;color:#5f5;margin:10px 0;padding:10px}.upload-help{color:#777;font-size:.9rem;margin-top:10px}.upload-help code{background-color:#333;border-radius:3px;color:#fff;font-family:monospace;padding:2px 4px}.assets-list-section{margin-bottom:30px}.empty-message,.loading-message{background-color:#0000001a;border-radius:4px;margin:15px 0;padding:15px;text-align:center}.assets-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:15px}.asset-item{border:2px solid #555;display:flex;flex-direction:column;padding:10px;position:relative;transition:transform .2s ease}.asset-item:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.asset-icon{font-size:1.5rem;margin-bottom:5px;text-align:center}.asset-name{font-family:monospace;font-size:.9rem;margin:5px 0;text-align:center;word-break:break-all}.asset-preview{align-items:center;background-color:#00000080;display:flex;height:120px;justify-content:center;margin:5px 0;overflow:hidden;width:100%}.asset-preview img{max-height:100%;max-width:100%;object-fit:contain}.asset-actions{display:flex;gap:5px;justify-content:space-between;margin-top:10px}.asset-actions button{flex:1 1;font-size:.8rem;padding:5px}.assets-usage-section{margin-top:30px}.code-example{background-color:#222;font-family:monospace;margin-top:10px;padding:15px}.code-example h4{color:#aaa;font-size:.9rem;margin-bottom:5px}.code-example pre{background-color:#333;color:#fff;margin-bottom:15px;overflow-x:auto;padding:10px}@media (max-width:768px){.assets-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.upload-form{align-items:stretch;flex-direction:column}.file-input-label{max-width:none}}.assets-container{background-color:#2a2a2a;color:#fff;display:flex;flex-direction:column;font-family:Consolas,Monaco,Courier New,monospace;min-height:100vh}.assets-header{align-items:center;background-color:#1e1e1e;border-bottom:2px solid #444;display:flex;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:10000}.header-brand{color:#4ade80;font-size:1.5rem;font-weight:700;letter-spacing:2px}.brand-text{font-family:Consolas,Monaco,Courier New,monospace}.header-nav{align-items:center;display:flex;gap:2rem}.nav-link{background:none;border:none;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.5rem 0;text-decoration:none;transition:color .2s ease}.nav-button,.nav-link:hover{color:#4ade80}.nav-button{background-color:initial;border:1px solid #4ade80;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.nav-button:hover{background-color:#4ade80;color:#1e1e1e}.logout-btn{background-color:#dc2626;border-color:#dc2626;color:#fff}.logout-btn:hover{background-color:#b91c1c;border-color:#b91c1c}.assets-main{flex:1 1;margin:0 auto;max-width:1200px;padding:2rem;width:100%}
/*# sourceMappingURL=main.8882d16c.css.map*/