@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Noto+Sans+SC:wght@300;400;500;700;900&family=JetBrains+Mono:wght@400;700&display=swap";:root{--color-bg-base: #0e0f1e;--color-bg-card: #14162a;--color-bg-elevated: #1c1f38;--color-bg-overlay: rgba(12, 13, 28, .88);--color-border: rgba(201, 151, 58, .18);--color-border-hover: rgba(201, 151, 58, .5);--color-text-primary: #f0e8cc;--color-text-secondary: #b8a98a;--color-text-muted: #6e6150;--color-era-climate: #2d7a5a;--color-era-tech: #2563a8;--color-era-culture: #b82c2c;--color-era-health: #c98222;--color-era-psyche: #5e3ab5;--color-proj-short: #2563a8;--color-proj-long: #2d7a5a;--color-proj-risk: #b82c2c;--color-gold: #c9973a;--color-wealth: #d4a520;--color-energy: #b8a98a;--color-danger: #b82c2c;--color-success: #2d7a5a;--color-purple: #5e3ab5;--glow-gold: 0 0 24px rgba(201, 151, 58, .45);--glow-blue: 0 0 20px rgba(37, 99, 168, .45);--glow-green: 0 0 20px rgba(45, 122, 90, .45);--glow-red: 0 0 20px rgba(184, 44, 44, .45);--glow-purple: 0 0 20px rgba(94, 58, 181, .45);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--font-sans: "Inter", "Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:radial-gradient(ellipse at 30% 20%,rgba(201,151,58,.04) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(37,99,168,.05) 0%,transparent 50%),linear-gradient(160deg,#12132a,#0c0d1c 40%,#0e0f1e);background-attachment:fixed;color:var(--color-text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}#root{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-base)}::-webkit-scrollbar-thumb{background:#2d3748;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#4a5568}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:700;line-height:1.2}.font-mono{font-family:var(--font-mono)}.glass{background:#12132ab8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border)}.glass-strong{background:#12132aeb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(201,151,58,.2)}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.card:hover{border-color:var(--color-border-hover);box-shadow:0 0 20px #c9973a14}.card-elevated{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:var(--radius-md);font-weight:600;font-size:.9rem;cursor:pointer;border:none;transition:all var(--transition-base);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-primary{background:linear-gradient(135deg,#d4af37,#b8860b);color:#1a1500;box-shadow:0 4px 15px #d4af374d;text-shadow:0 1px 1px rgba(255,255,255,.3)}.btn-primary:hover{box-shadow:var(--glow-gold);transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,#2f855a,#276749);color:#f0ebd8;box-shadow:0 4px 15px #2f855a4d}.btn-success:hover{box-shadow:var(--glow-green);transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#c53030,#9b2c2c);color:#f0ebd8;box-shadow:0 4px 15px #c530304d}.btn-danger:hover{box-shadow:var(--glow-red);transform:translateY(-1px)}.btn-gold{background:linear-gradient(135deg,#e5c158,#c59b27);color:#1a1500;box-shadow:0 4px 15px #e5c1584d}.btn-gold:hover{box-shadow:var(--glow-gold);transform:translateY(-1px)}.btn-purple{background:linear-gradient(135deg,#6b46c1,#553c9a);color:#f0ebd8;box-shadow:0 4px 15px #6b46c14d}.btn-purple:hover{box-shadow:var(--glow-purple);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-ghost:hover{background:#d4af3714;color:var(--color-gold);border-color:var(--color-gold)}.btn-lg{padding:.875rem 2rem;font-size:1.1rem;border-radius:var(--radius-lg)}.btn-sm{padding:.375rem .75rem;font-size:.8rem}.btn-full{width:100%}.input{width:100%;background:#0000004d;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);padding:.75rem 1rem;font-size:1rem;font-family:var(--font-sans);transition:border-color var(--transition-base),box-shadow var(--transition-base);outline:none}.input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.input::placeholder{color:var(--color-text-muted)}.input-mono{font-family:var(--font-mono);text-align:center;letter-spacing:.15em;font-size:1.2rem}.badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:var(--radius-full);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.badge-short{background:#2563a826;color:#7bafd4;border:1px solid rgba(37,99,168,.35)}.badge-long{background:#2d7a5a26;color:#6bb89a;border:1px solid rgba(45,122,90,.35)}.badge-risk{background:#b82c2c26;color:#e08080;border:1px solid rgba(184,44,44,.35)}.badge-gold{background:#c9973a26;color:#d4a520;border:1px solid rgba(201,151,58,.35)}.badge-purple{background:#5e3ab526;color:#9b7dd4;border:1px solid rgba(94,58,181,.35)}.progress-track{width:100%;height:8px;background:#ffffff0f;border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-fill{height:100%;border-radius:var(--radius-full);transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-short{background:linear-gradient(90deg,#3b82f6,#6366f1)}.progress-long{background:linear-gradient(90deg,#10b981,#059669)}.progress-risk{background:linear-gradient(90deg,#ef4444,#dc2626)}.status-bar{position:sticky;top:0;z-index:40;background:#070b14eb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);padding:.75rem 1.25rem}.stat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.25rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);gap:.25rem}.stat-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary)}.stat-value{font-size:2.5rem;font-weight:900;font-family:var(--font-mono);line-height:1}.project-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-base);cursor:default}.project-card:hover{transform:translateY(-3px);border-color:var(--color-border-hover)}.project-card-image{width:100%;height:160px;object-fit:cover;display:block;background:linear-gradient(135deg,#1a2744,#0f1729);position:relative}.project-card-image-placeholder{width:100%;height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden}.project-card-body{padding:1rem}.upload-slot{border:2px dashed var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all var(--transition-base);color:var(--color-text-muted);background:#0003}.upload-slot:hover{border-color:#3b82f6;color:#60a5fa;background:#3b82f60d}.modal-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1rem;animation:fadeIn var(--transition-base) ease}.modal-box{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:2rem;width:100%;max-width:480px;box-shadow:0 25px 60px #0009;animation:slideUp var(--transition-slow) cubic-bezier(.34,1.56,.64,1)}.buff-card{border:2px solid var(--color-border);border-radius:var(--radius-xl);padding:1.25rem;background:var(--color-bg-card);cursor:pointer;transition:all var(--transition-base);display:flex;flex-direction:column;height:10rem;justify-content:space-between;-webkit-user-select:none;user-select:none}.buff-card:hover{border-color:#c9973a80;background:#c9973a0d;transform:translateY(-3px)}.buff-card.selected{border-color:#c9973a;background:#c9973a1a;box-shadow:0 0 25px #c9973a4d;transform:scale(1.03)}.seat-btn{border:2px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg-card);height:10rem;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base)}.seat-btn.available:hover{border-color:#c9973ab3;background:#c9973a12;box-shadow:var(--glow-gold);transform:scale(1.04)}.seat-btn.occupied{border-color:#2563a873;background:#2563a812;cursor:default}.seat-btn.my-seat{border-color:#c9973a;background:#c9973a14;box-shadow:var(--glow-gold)}.era-banner{border-radius:var(--radius-xl);padding:1.5rem 2rem;position:relative;overflow:hidden;border:1px solid transparent}.lb-row{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;border-radius:var(--radius-md);transition:background var(--transition-fast)}.lb-row:hover{background:#ffffff08}.lb-row.is-me{background:#f59e0b14;border:1px solid rgba(245,158,11,.2)}.lb-rank-badge{width:1.75rem;height:1.75rem;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;flex-shrink:0}.countdown{font-family:var(--font-mono);font-weight:700;letter-spacing:.05em;line-height:1}.countdown.warning{color:#f97316;animation:pulse 1s infinite}.countdown.danger{color:#ef4444;animation:pulse .5s infinite}.log-entry{padding:.375rem .75rem;border-left:2px solid rgba(255,255,255,.06);font-size:.75rem;line-height:1.5;color:var(--color-text-secondary);transition:background var(--transition-fast)}.log-entry:hover{background:#ffffff05}.divider{height:1px;background:var(--color-border);margin:1rem 0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow-pulse{0%,to{box-shadow:0 0 10px #a855f74d}50%{box-shadow:0 0 30px #a855f799}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes bounce-in{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-fadeIn{animation:fadeIn .4s ease}.animate-slideUp{animation:slideUp .4s ease}.animate-scaleIn{animation:scaleIn .3s ease}.animate-pulse{animation:pulse 2s infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-bounce-in{animation:bounce-in .6s cubic-bezier(.34,1.56,.64,1)}.animate-glow{animation:glow-pulse 2s ease infinite}.page{min-height:100vh;display:flex;flex-direction:column}.page-center{min-height:100vh;display:flex;align-items:center;justify-content:center}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.container-sm{max-width:640px;margin:0 auto;padding:0 1rem}.container-md{max-width:860px;margin:0 auto;padding:0 1rem}.era-climate{--era-color: #2d7a5a;--era-bg: rgba(45, 122, 90, .09);--era-border: rgba(45, 122, 90, .35);--era-glow: 0 0 30px rgba(45, 122, 90, .2)}.era-tech{--era-color: #2563a8;--era-bg: rgba(37, 99, 168, .09);--era-border: rgba(37, 99, 168, .35);--era-glow: 0 0 30px rgba(37, 99, 168, .2)}.era-culture{--era-color: #b82c2c;--era-bg: rgba(184, 44, 44, .09);--era-border: rgba(184, 44, 44, .35);--era-glow: 0 0 30px rgba(184, 44, 44, .2)}.era-health{--era-color: #c98222;--era-bg: rgba(201, 130, 34, .09);--era-border: rgba(201, 130, 34, .35);--era-glow: 0 0 30px rgba(201, 130, 34, .2)}.era-psyche{--era-color: #5e3ab5;--era-bg: rgba(94, 58, 181, .09);--era-border: rgba(94, 58, 181, .35);--era-glow: 0 0 30px rgba(94, 58, 181, .2)}.era-themed{background:var(--era-bg);border-color:var(--era-border);box-shadow:var(--era-glow)}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.grid{display:grid}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:3.75rem}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-bold{font-weight:700}.font-black{font-weight:900}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.uppercase{text-transform:uppercase}.tracking-widest{letter-spacing:.15em}.leading-none{line-height:1}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-100{z-index:100}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-auto{overflow-x:auto}.rounded-sm{border-radius:.25rem}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-20{padding-bottom:5rem}.pb-24{padding-bottom:6rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mr-2{margin-right:.5rem}.ml-auto{margin-left:auto}.mx-auto{margin-left:auto;margin-right:auto}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-8>*+*{margin-top:2rem}.space-x-2>*+*{margin-left:.5rem}.space-x-4>*+*{margin-left:1rem}.border{border:1px solid var(--color-border)}.border-t{border-top:1px solid var(--color-border)}.border-b{border-bottom:1px solid var(--color-border)}.border-l-4{border-left-width:4px}.border-l-green{border-left-color:var(--color-era-climate)}.border-l-blue{border-left-color:var(--color-era-tech)}.border-l-red{border-left-color:var(--color-era-culture)}.border-l-orange{border-left-color:var(--color-era-health)}.border-l-purple{border-left-color:var(--color-era-psyche)}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.pointer-events-none{pointer-events:none}.select-none{-webkit-user-select:none;user-select:none}.shrink-0{flex-shrink:0}.text-white{color:#fff}.text-gold{color:var(--color-gold)}.text-energy{color:var(--color-energy)}.text-wealth{color:var(--color-wealth)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.text-purple{color:var(--color-purple)}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.bg-danger-subtle{background:#b82c2c1a}.bg-success-subtle{background:#2d7a5a1a}.bg-gold-subtle{background:#c9973a1a}.bg-purple-subtle{background:#5e3ab51a}.shadow-lg{box-shadow:0 10px 30px #00000080}.deco-vlines{position:absolute;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,transparent,rgba(201,151,58,.4) 30%,rgba(201,151,58,.6) 50%,rgba(201,151,58,.4) 70%,transparent);pointer-events:none}.deco-circle{position:absolute;border-radius:50%;border:1px solid rgba(201,151,58,.2);pointer-events:none;animation:float 6s ease-in-out infinite}.title-brush{background:linear-gradient(135deg,#d4a520,#c9973a 40%,#e8c060,#b8860b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:900;letter-spacing:.05em}.bg-indigo-texture{background:radial-gradient(ellipse at 20% 50%,rgba(201,151,58,.03) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(37,99,168,.04) 0%,transparent 60%),var(--color-bg-card)}.divider-gold{height:1px;background:linear-gradient(to right,transparent,rgba(201,151,58,.4) 30%,rgba(201,151,58,.6) 50%,rgba(201,151,58,.4) 70%,transparent);margin:1rem 0}.status-bar{position:sticky;top:0;z-index:40;background:#0c0d1cf0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(201,151,58,.15);padding:.75rem 1.25rem}.icon-gold-ring{width:2.5rem;height:2.5rem;border-radius:50%;border:1.5px solid rgba(201,151,58,.5);display:flex;align-items:center;justify-content:center;background:#c9973a14;font-size:1.1rem}@keyframes gold-shimmer{0%,to{opacity:.6}50%{opacity:1}}.animate-gold-shimmer{animation:gold-shimmer 2.5s ease-in-out infinite}.shadow-xl{box-shadow:0 20px 60px #00000080}