*{margin:0;padding:0}body{overflow:hidden;background:#05050f;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','PingFang SC',sans-serif}canvas.p5Canvas,main > canvas{position:fixed !important;top:0;left:0;z-index:0}:root{--ui-scale:1}#glowOverlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.info-overlay{position:absolute;bottom:40px;left:40px;color:#fff;z-index:300;pointer-events:none;opacity:0;animation:fadeIn 1s ease-in 0.5s forwards;transform-origin:bottom left;transform:scale(var(--ui-scale))}.info-overlay h1{font-size:48px;font-weight:200;margin-bottom:10px;letter-spacing:4px;text-shadow:0 4px 20px rgba(0,0,0,0.8);background:linear-gradient(135deg,#fff,#58a6ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.info-overlay .names{font-size:20px;color:rgba(255,255,255,0.8);margin-bottom:15px;text-shadow:0 2px 10px rgba(0,0,0,0.8)}.info-overlay .myth{font-size:16px;color:rgba(255,255,255,0.6);font-style:italic;text-shadow:0 2px 10px rgba(0,0,0,0.8)}.constellation-tabs{position:relative;margin-top:15px;pointer-events:auto;background:rgba(20,20,30,0.6);border:1px solid rgba(88,166,255,0.3);border-radius:8px;backdrop-filter:blur(8px);max-width:340px;display:grid;grid-template-rows:1fr;transition:grid-template-rows 0.4s cubic-bezier(0.2,0.8,0.2,1),max-width 0.4s cubic-bezier(0.2,0.8,0.2,1),background 0.4s,border-color 0.4s}.constellation-tabs.collapsed{max-width:40px;grid-template-rows:0fr;background:rgba(88,166,255,0.15);border-color:rgba(88,166,255,0.5);border-radius:20px;backdrop-filter:blur(4px)}.constellation-tabs-inner{min-height:40px;overflow:hidden}.tabs-content{width:340px;padding:15px;padding-top:20px;box-sizing:border-box;opacity:1;transition:opacity 0.3s ease 0.2s}.constellation-tabs.collapsed .tabs-content{opacity:0;transition:opacity 0.15s ease;pointer-events:none}.tabs-toggle-btn{position:absolute;top:10px;right:10px;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,0.1);border:none;color:#fff;font-size:16px;line-height:1;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all 0.4s cubic-bezier(0.2,0.8,0.2,1);z-index:20}.constellation-tabs.collapsed .tabs-toggle-btn{top:0;left:0;right:auto;width:40px;height:40px;background:transparent;color:#58a6ff;font-size:24px}.tabs-toggle-btn:hover{background:rgba(88,166,255,0.4);color:#fff}.tab-header{display:flex;gap:15px;margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,0.1);padding-bottom:8px}.tab-btn{background:none;border:none;color:rgba(255,255,255,0.5);font-size:13px;cursor:pointer;padding:4px 0;transition:all 0.3s;letter-spacing:1px}.tab-btn:hover{color:rgba(255,255,255,0.9)}.tab-btn.active{color:#58a6ff;border-bottom:2px solid #58a6ff;font-weight:bold}.tab-content-container{min-height:100px;max-height:min(400px,calc(100vh - 320px));overflow-y:auto;padding-right:5px}.tab-pane{display:none;font-size:14px;color:rgba(255,255,255,0.85);line-height:1.6}.tab-pane.active{display:block;animation:fadeIn 0.3s ease-in forwards}.tab-content-container::-webkit-scrollbar{width:4px}.tab-content-container::-webkit-scrollbar-track{background:rgba(0,0,0,0.1)}.tab-content-container::-webkit-scrollbar-thumb{background:rgba(88,166,255,0.4);border-radius:2px}.tab-pane .symbolism{font-style:italic;margin-bottom:12px;color:rgba(88,166,255,0.9);padding-bottom:10px;border-bottom:1px dashed rgba(255,255,255,0.1)}.tab-pane .mythology{text-align:justify}.rarity-badge{position:absolute;top:40px;right:40px;padding:10px 24px;border-radius:40px;font-size:14px;font-weight:800;color:#fff;z-index:100;letter-spacing:2px;text-transform:uppercase;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.1);box-shadow:0 8px 32px 0 rgba(0,0,0,0.37);opacity:0;animation:fadeIn 1s ease-in 0.5s forwards;transform-origin:top right;transform:scale(var(--ui-scale));transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);display:flex;align-items:center;gap:8px;width:fit-content;white-space:nowrap}.rarity-legendary{background:linear-gradient(135deg,rgba(255,215,0,0.2),rgba(210,153,34,0.4));border-color:rgba(255,215,0,0.5);color:#ffca28;box-shadow:0 0 25px rgba(255,215,0,0.3);overflow:hidden;animation:fadeIn 1s ease-in 0.5s forwards,pulse-legendary 2s infinite ease-in-out 1.5s}.rarity-legendary::after{content:'';position:absolute;top:-50%;left:-100%;width:50%;height:200%;background:linear-gradient(to right,transparent,rgba(255,255,255,0.4),transparent);transform:rotate(30deg);animation:shine 3s infinite}.rarity-epic{background:linear-gradient(135deg,rgba(163,53,238,0.2),rgba(103,58,183,0.4));border-color:rgba(187,134,252,0.5);color:#bb86fc;box-shadow:0 0 20px rgba(163,53,238,0.3);overflow:hidden;animation:fadeIn 1s ease-in 0.5s forwards,pulse-epic 2s infinite ease-in-out 1.5s}.rarity-epic::after{content:'';position:absolute;top:-50%;left:-100%;width:50%;height:200%;background:linear-gradient(to right,transparent,rgba(255,255,255,0.3),transparent);transform:rotate(30deg);animation:shine 3s infinite}.rarity-rare{background:linear-gradient(135deg,rgba(248,81,73,0.2),rgba(210,153,34,0.4));border-color:rgba(248,81,73,0.5);color:#ff7b72;box-shadow:0 0 15px rgba(248,81,73,0.25)}.rarity-uncommon{background:linear-gradient(135deg,rgba(63,185,80,0.2),rgba(35,134,54,0.4));border-color:rgba(63,185,80,0.5);color:#7ee787;box-shadow:0 0 15px rgba(63,185,80,0.2)}.rarity-common{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.2);color:rgba(255,255,255,0.7)}@keyframes shine{0%{left:-100%;opacity:0}20%{opacity:1}50%{left:150%;opacity:1}100%{left:150%;opacity:0}}@keyframes pulse-rare{0%{box-shadow:0 0 15px rgba(255,69,0,0.3)}50%{box-shadow:0 0 35px rgba(255,69,0,0.6)}100%{box-shadow:0 0 15px rgba(255,69,0,0.3)}}@keyframes pulse-legendary{0%{box-shadow:0 0 15px rgba(255,215,0,0.2)}50%{box-shadow:0 0 35px rgba(255,215,0,0.5)}100%{box-shadow:0 0 15px rgba(255,215,0,0.2)}}@keyframes pulse-epic{0%{box-shadow:0 0 12px rgba(163,53,238,0.2)}50%{box-shadow:0 0 28px rgba(163,53,238,0.5)}100%{box-shadow:0 0 12px rgba(163,53,238,0.2)}}.language-switcher{position:absolute;top:100px;left:40px;z-index:100;display:flex;gap:8px;opacity:0;animation:fadeIn 1s ease-in 0.5s forwards;transform-origin:top left;transform:scale(var(--ui-scale))}.lang-btn{background:rgba(30,30,40,0.8);border:1px solid rgba(88,166,255,0.3);color:rgba(255,255,255,0.7);padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:all 0.2s}.lang-btn:hover{background:rgba(40,40,50,0.9);border-color:rgba(88,166,255,0.6);color:#fff}.lang-btn.active{background:rgba(88,166,255,0.3);border-color:#58a6ff;color:#fff}.help-hint{position:absolute;top:150px;left:40px;color:rgba(255,255,255,0.4);font-size:16px;z-index:200;opacity:0;animation:fadeIn 1s ease-in 0.5s forwards;transform-origin:top left;transform:scale(var(--ui-scale));cursor:help;display:inline-flex;align-items:flex-start}.help-icon{width:30px;height:30px;border-radius:50%;background:rgba(30,30,40,0.6);border:1px solid rgba(88,166,255,0.3);display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;flex-shrink:0}.help-text{font-size:12px;line-height:1.6;background:rgba(20,20,30,0.9);padding:10px 15px;border-radius:8px;border:1px solid rgba(88,166,255,0.3);margin-left:10px;display:none;white-space:nowrap;backdrop-filter:blur(5px);position:relative;top:-5px}@media (hover:hover) and (pointer:fine){.help-hint:hover .help-icon{background:rgba(88,166,255,0.3);color:#fff;border-color:rgba(88,166,255,0.6)}.help-hint:hover .help-text{display:block}}.help-hint.show-text .help-icon{background:rgba(88,166,255,0.3);color:#fff;border-color:rgba(88,166,255,0.6)}.help-hint.show-text .help-text{display:block}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.star-info-panel{position:absolute;top:50%;right:40px;transform:translateY(-50%) scale(var(--ui-scale));transform-origin:right center;background:rgba(20,20,30,0.95);border:1px solid rgba(88,166,255,0.5);border-radius:8px;padding:20px;min-width:200px;z-index:200;box-shadow:0 4px 20px rgba(0,0,0,0.5);backdrop-filter:blur(10px)}.info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,0.2)}.info-header span{font-size:18px;font-weight:500;color:#58a6ff}.close-btn{background:none;border:none;color:rgba(255,255,255,0.6);font-size:24px;cursor:pointer;padding:0;width:24px;height:24px;line-height:20px;transition:color 0.2s}.close-btn:hover{color:#fff}.info-content{color:rgba(255,255,255,0.9)}.info-row{display:flex;justify-content:space-between;margin:8px 0;font-size:14px}.info-row .label{color:rgba(255,255,255,0.6);min-width:80px}.info-row span:last-child{text-align:right;color:#fff}#mobileInfoBtn{position:absolute;top:20px;left:20px;width:40px;height:40px;border-radius:50%;background:rgba(30,30,40,0.8);border:1px solid rgba(88,166,255,0.5);color:#58a6ff;display:none;align-items:center;justify-content:center;font-size:20px;font-weight:bold;z-index:300;cursor:pointer;box-shadow:0 0 10px rgba(88,166,255,0.3)}#mobileInfoBtn.active{background:#58a6ff;color:#fff}.mobile-hidden{display:none !important}@media (max-width:768px){.info-overlay{bottom:30px;left:20px;transform:scale(0.85);z-index:1000;pointer-events:none}.info-overlay h1{font-size:28px;letter-spacing:2px}.rarity-badge{top:20px;right:20px;padding:6px 14px;font-size:11px;transform:scale(0.9);z-index:1000}.language-switcher{top:65px;left:20px;transform:scale(0.85);z-index:1000}.help-hint{top:105px;left:20px;transform:scale(0.8);z-index:1000}.star-info-panel{top:auto;bottom:20px;right:50%;transform:translateX(50%) scale(0.95);transform-origin:bottom center;width:92%;max-width:320px;min-width:auto;padding:14px;z-index:2000}.tab-content-container{max-height:calc((100vh - 280px) / 0.85)}}