:root{--bg-dark: #141417;--bg-medium: #1c1c22;--bg-light: #26262f;--bg-card: #1e1e26;--accent: #d4a24e;--accent-hover: #e8b95e;--accent-dim: rgba(212, 162, 78, .15);--text-primary: #e2e0dc;--text-secondary: #b0ada5;--success: #6abf69;--error: #c9524b;--border: #2e2e38}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg-dark);color:var(--text-primary);min-height:100vh;line-height:1.6}#app{max-width:960px;margin:0 auto;padding:3rem 2rem}header{text-align:center;margin-bottom:2rem}header h1{font-family:Courier New,Courier,monospace;font-size:3rem;color:var(--accent);text-shadow:0 2px 12px rgba(212,162,78,.3);letter-spacing:6px;text-transform:uppercase}.subtitle{color:var(--text-secondary);font-size:.95rem;margin-top:.5rem;letter-spacing:2px}.tabs{display:flex;gap:0;margin-bottom:2rem;border-bottom:1px solid var(--border)}.tab{padding:.75rem 1.5rem;font-size:.9rem;font-weight:700;font-family:Courier New,Courier,monospace;background:none;color:var(--text-secondary);border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .2s ease,border-color .2s ease;text-transform:uppercase;letter-spacing:1px}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-count{font-size:.75rem;font-weight:400;color:var(--text-secondary);margin-left:.4rem}.tab.active .tab-count{color:var(--accent)}.tab-panel{display:none}.tab-panel.active{display:block}.generate-section{margin-bottom:2rem}.generate-description{color:var(--text-secondary);font-size:.95rem;margin-bottom:1.25rem;line-height:1.7}.generate-form{display:flex;gap:1rem;align-items:flex-start}textarea{flex:1;padding:.85rem 1rem;border:1px solid var(--border);border-radius:4px;background:var(--bg-medium);color:var(--text-primary);font-family:Courier New,Courier,monospace;font-size:.9rem;resize:vertical;min-height:48px;transition:border-color .2s ease}textarea:focus{outline:none;border-color:var(--accent)}textarea::placeholder{color:var(--text-secondary)}#generate-btn{padding:.85rem 1.5rem;font-size:.9rem;font-weight:700;font-family:Courier New,Courier,monospace;background:var(--accent);color:var(--bg-dark);border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}#generate-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}#generate-btn:disabled{opacity:.5;cursor:not-allowed}.status{margin-top:1rem;padding:.75rem 1rem;border-radius:4px;font-size:.85rem;display:none}.status.loading{display:block;background:var(--accent-dim);color:var(--accent);border-left:3px solid var(--accent);animation:pulse 2s ease-in-out infinite}.status.success{display:block;background:#6abf691a;color:var(--success);border-left:3px solid var(--success)}.status.error{display:block;background:#c9524b1a;color:var(--error);border-left:3px solid var(--error)}.world-preview{background:var(--bg-card);border:1px solid var(--accent);border-radius:6px;overflow:hidden}.preview-art{width:100%;height:280px;background-size:cover;background-position:center;background-color:var(--bg-light)}.preview-content{padding:1.5rem;text-align:center}.preview-content h2{font-size:1.5rem;color:var(--accent);margin-bottom:.5rem}.preview-description{color:var(--text-secondary);font-size:.95rem;margin-bottom:1.25rem;line-height:1.7}.play-button{display:inline-block;padding:.5rem 1.25rem;font-size:.85rem;font-weight:700;font-family:Courier New,Courier,monospace;background:var(--accent);color:var(--bg-dark);border:none;border-radius:4px;cursor:pointer;transition:background .2s ease,transform .15s ease;text-transform:uppercase;letter-spacing:1px}.play-button:hover{background:var(--accent-hover);transform:translateY(-1px)}.play-button-large{padding:.85rem 3rem;font-size:1.1rem;letter-spacing:2px;box-shadow:0 4px 16px #d4a24e40}.play-button-large:hover{box-shadow:0 6px 24px #d4a24e59}.worlds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.worlds-empty{color:var(--text-secondary);font-size:.9rem;padding:3rem 2rem;text-align:center;border:1px dashed var(--border);border-radius:6px;grid-column:1 / -1}.world-card{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;overflow:hidden;cursor:pointer;transition:border-color .2s ease,transform .2s ease;display:flex;flex-direction:column}.world-card:hover{border-color:var(--accent);transform:translateY(-2px)}.world-card-art{width:100%;height:140px;background-color:var(--bg-light);overflow:hidden}.world-card-art-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.world-card-body{padding:1rem;flex:1;display:flex;flex-direction:column}.world-card-name{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.world-card-description{font-size:.8rem;color:var(--text-secondary);margin-bottom:.75rem;line-height:1.5}.world-card-date{font-size:.7rem;color:var(--text-secondary);margin-bottom:.5rem}.world-card-footer{margin-top:auto;display:flex;justify-content:flex-end;align-items:center}.world-card-buttons{display:flex;gap:.5rem;width:100%;justify-content:flex-end}.world-card-buttons:has(.play-button-secondary){justify-content:space-between}.play-button-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.play-button-secondary:hover{color:var(--accent);border-color:var(--accent);background:transparent}footer{text-align:center;margin-top:3rem;padding:1rem;color:var(--text-secondary);font-size:.8rem}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--bg-light);border:2px solid var(--bg-dark);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@media(max-width:640px){#app{padding:2rem 1rem}header h1{font-size:2rem;letter-spacing:3px}.generate-form{flex-direction:column}#generate-btn{width:100%}.worlds-grid{grid-template-columns:1fr}.preview-art{height:180px}.tab{padding:.75rem 1rem;font-size:.8rem}}