:root{--bg-deep: #061810;--surface-glass: rgba(11, 41, 32, .72);--surface-opaque: #0c271e;--border-glass: rgba(212, 175, 55, .22);--gold-primary: #d4af37;--gold-hover: #f3e5ab;--gold-glow: rgba(212, 175, 55, .35);--cream: #f9f6f0;--muted: #a3b899;--sand-base: #e8d8be;--btn-primary-bg: #d4af37;--btn-primary-text: #05140d;--luma-a: rgba(16, 185, 129, .45);--luma-b: rgba(212, 175, 55, .32);--luma-c: rgba(13, 148, 136, .35)}[data-theme=sand]{--bg-deep: #2e2417;--surface-glass: rgba(62, 48, 32, .78);--surface-opaque: #443422;--border-glass: rgba(212, 175, 55, .32);--cream: #fffaf0;--muted: #dfcca7;--luma-a: rgba(245, 158, 11, .45);--luma-b: rgba(212, 175, 55, .4);--luma-c: rgba(180, 83, 9, .35)}[data-theme=blue]{--bg-deep: #040e26;--surface-glass: rgba(12, 30, 78, .78);--surface-opaque: #0e2760;--border-glass: rgba(147, 197, 253, .28);--gold-primary: #60a5fa;--gold-hover: #93c5fd;--gold-glow: rgba(96, 165, 250, .35);--btn-primary-bg: #3b82f6;--btn-primary-text: #ffffff;--luma-a: rgba(37, 99, 235, .45);--luma-b: rgba(96, 165, 250, .35);--luma-c: rgba(30, 64, 175, .4)}[data-theme=wine]{--bg-deep: #20040c;--surface-glass: rgba(60, 10, 24, .78);--surface-opaque: #520e22;--border-glass: rgba(251, 113, 133, .28);--gold-primary: #fb7185;--gold-hover: #fda4af;--gold-glow: rgba(251, 113, 133, .35);--btn-primary-bg: #e11d48;--btn-primary-text: #ffffff;--luma-a: rgba(225, 29, 72, .45);--luma-b: rgba(251, 113, 133, .35);--luma-c: rgba(159, 18, 57, .4)}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--bg-deep);font-family:Outfit,sans-serif;color:var(--cream);touch-action:none;transition:background-color .5s ease}#atlas-viewport{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column}#three-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;outline:none}#ambient-canvas-texture{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.32;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='canvas'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.04 0.95' numOctaves='2' result='warp'/%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.95 0.04' numOctaves='2' result='weft'/%3E%3CfeComposite in='warp' in2='weft' operator='arithmetic' k1='0' k2='0.5' k3='0.5' k4='0' result='weave'/%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' result='grain'/%3E%3CfeBlend in='weave' in2='grain' mode='overlay' result='fused'/%3E%3CfeColorMatrix type='matrix' values='1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 0.5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23canvas)'/%3E%3C/svg%3E");background-size:180px 180px;background-repeat:repeat}#luma-ambient-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden;filter:contrast(112%)}.luma-wave{position:absolute;border-radius:46% 54% 60% 40%/48% 52%;filter:blur(55px);opacity:.72;mix-blend-mode:screen;animation:lumaFloat 22s infinite ease-in-out alternate;transition:background .6s ease}.luma-wave-a{width:62vw;height:62vw;background:radial-gradient(circle at 35% 35%,var(--luma-a) 0%,rgba(212,175,55,.22) 50%,transparent 75%);top:-16%;left:-12%;animation-duration:24s}.luma-wave-b{width:72vw;height:72vw;background:radial-gradient(circle at 60% 60%,var(--luma-b) 0%,rgba(52,211,153,.2) 48%,transparent 75%);bottom:-22%;right:-16%;animation-duration:28s;animation-delay:-8s}.luma-wave-c{width:52vw;height:52vw;background:radial-gradient(circle at 50% 50%,var(--luma-c) 0%,rgba(245,158,11,.18) 46%,transparent 70%);top:35%;left:28%;animation-duration:22s;animation-delay:-14s}.luma-wave-d{width:44vw;height:44vw;background:radial-gradient(circle at 45% 45%,var(--luma-a) 0%,rgba(14,165,233,.18) 55%,transparent 72%);top:10%;right:20%;animation-duration:26s;animation-delay:-5s}@keyframes lumaFloat{0%{transform:translate(0) scale(1) rotate(0)}50%{transform:translate(6%,8%) scale(1.08) rotate(3deg)}to{transform:translate(-5%,-6%) scale(.96) rotate(-2deg)}}#progress-tracker-bar{position:absolute;top:0;left:0;width:100%;height:3.5px;background:#ffffff14;z-index:100}#progress-tracker-fill{height:100%;width:15%;background:linear-gradient(90deg,#d4af37,#fde047);box-shadow:0 0 12px var(--gold-primary);transition:width .7s cubic-bezier(.16,1,.3,1)}header{position:absolute;top:14px;left:0;right:0;width:100%;padding:0 28px;box-sizing:border-box;z-index:20;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.header-brand-capsule{pointer-events:auto;display:flex;align-items:center;gap:12px;background:var(--surface-glass);border:1px solid var(--border-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:7px 18px;border-radius:40px;box-shadow:0 8px 32px #0006;text-decoration:none;color:inherit;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1)}.header-brand-capsule:hover{border-color:var(--gold-primary);box-shadow:0 0 16px var(--gold-glow);transform:translateY(-1px)}.brand-identity-left{display:flex;align-items:center;gap:8px}.brand-logo-img{height:18px;width:auto;display:block}.brand-title{font-size:13px;font-weight:700;letter-spacing:.3px;color:var(--cream)}.brand-divider{width:1px;height:14px;background:#d4af374d}.brand-tag-modular{font-size:10px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold-primary);background:#d4af371f;padding:3px 10px;border-radius:20px;border:1px solid var(--border-glass)}.header-meta-group{pointer-events:auto;display:flex;align-items:center;gap:10px}.user-greeting-capsule{display:flex;align-items:center;gap:8px;background:var(--surface-glass);border:1px solid var(--border-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:6px 14px;border-radius:30px;text-decoration:none;color:var(--cream);box-shadow:0 6px 20px #0000004d;transition:all .25s cubic-bezier(.16,1,.3,1)}.user-greeting-capsule:hover{border-color:var(--gold-primary);box-shadow:0 0 15px var(--gold-glow);transform:translateY(-1px)}.user-avatar-initials{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--gold-primary),#926d15);color:#05140d;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}#user-greeting-text{font-size:12px;font-weight:700;letter-spacing:.2px}.header-stats-hub{display:flex;align-items:center;gap:6px;background:var(--surface-glass);border:1px solid var(--border-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:4px 6px;border-radius:30px;box-shadow:0 6px 20px #0000004d}.stat-pill{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;color:var(--cream)}.stat-sc{background:#f59e0b26;border:1px solid rgba(245,158,11,.35);color:#f59e0b}.stat-exp{background:#10b98126;border:1px solid rgba(16,185,129,.35);color:#10b981}.progress-percent-pill{background:#d4af3726;border:1px solid rgba(212,175,55,.4);color:var(--gold-hover);padding:4px 8px;font-size:10px;font-weight:800}.desktop-sidebar-left,.desktop-sidebar-right{position:absolute;top:86px;width:290px;z-index:25;display:none;flex-direction:column;gap:14px;pointer-events:none}.desktop-sidebar-left{left:28px}.desktop-sidebar-right{right:28px}@media (min-width: 1024px){.desktop-sidebar-left,.desktop-sidebar-right{display:flex}}.desktop-sidebar-left .glass-card{pointer-events:auto;cursor:pointer;transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s cubic-bezier(.16,1,.3,1),border-color .28s ease,background .28s ease}.desktop-sidebar-left .glass-card:hover{transform:translateY(-3px);border-color:var(--gold-primary);background:#ffffff12;box-shadow:0 14px 35px #0000008c,0 0 16px var(--gold-glow)}.desktop-sidebar-right .sj-spotlight-card{pointer-events:auto;transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s cubic-bezier(.16,1,.3,1),border-color .28s ease,background .28s ease}.desktop-sidebar-right .sj-spotlight-card:hover{transform:translateY(-3px);border-color:var(--gold-primary);background:#06140fe0;box-shadow:0 16px 40px #000000a6,0 0 20px var(--gold-glow)}.desktop-sidebar-right .sj-spotlight-card .btn-sj-primary,.desktop-sidebar-right .sj-spotlight-card .btn-sj-secondary{pointer-events:auto!important;cursor:pointer!important;position:relative;z-index:5}footer{position:absolute;bottom:16px;left:0;right:0;width:100%;padding:0 28px;box-sizing:border-box;z-index:20;display:flex;justify-content:space-between;align-items:center;pointer-events:none;gap:12px}.footer-bottom-deck{display:contents}.footer-left-tools{pointer-events:auto;display:flex;align-items:center;gap:10px;background:var(--surface-glass);border:1px solid var(--border-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:6px 14px;border-radius:30px;box-shadow:0 6px 20px #0000004d}.theme-selector-group{display:flex;align-items:center;gap:8px}.theme-circle{width:18px;height:18px;border-radius:50%;cursor:pointer;border:.75px solid rgba(255,255,255,.35);position:relative;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s,border-color .2s}.theme-circle:hover{transform:scale(1.15);border-color:#d4af3799}.theme-circle.active{transform:scale(1.22);border:1px solid var(--gold-primary);box-shadow:0 0 8px var(--gold-glow)}.theme-solarpunk{background:linear-gradient(135deg,#10b981,#059669)}.theme-sand{background:linear-gradient(135deg,#f9f6f0,#d4af37)}.theme-blue{background:linear-gradient(135deg,#1e3a8a,#0a1733)}.theme-wine{background:linear-gradient(135deg,#e11d48,#9f1239)}.tool-divider{width:1px;height:16px;background:#d4af3740}.lang-flag-group{display:flex;align-items:center;gap:6px}.btn-flag-circular{width:22px;height:22px;border-radius:50%;border:1px solid transparent;background:transparent;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;overflow:hidden;opacity:.6;transition:all .2s}.btn-flag-circular:hover{opacity:1;transform:scale(1.1)}.btn-flag-circular.active{opacity:1;border:1.5px solid var(--gold-primary);box-shadow:0 0 6px var(--gold-glow)}.btn-flag-circular .fi{font-size:16px;border-radius:50%}.footer-center-controls{pointer-events:auto;display:flex;align-items:center;gap:12px;background:var(--surface-glass);border:1px solid var(--border-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:7px 14px;border-radius:40px;box-shadow:0 8px 30px #0006}.btn-advance-node{background:linear-gradient(135deg,#059669,#047857);border:1px solid rgba(52,211,153,.4);color:#fff;font-family:Outfit,sans-serif;font-size:12px;font-weight:700;padding:8px 18px;border-radius:30px;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px #05966959;transition:all .25s cubic-bezier(.16,1,.3,1)}.btn-advance-node:hover{background:linear-gradient(135deg,#10b981,#059669);transform:translateY(-1px);box-shadow:0 6px 20px #10b98173}.wheel-btn{width:34px;height:34px;border-radius:50%;border:1px solid var(--border-glass);background:#d4af371a;color:var(--gold-primary);display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:all .2s}.wheel-btn:hover{background:var(--gold-primary);color:#05140d;transform:scale(1.08)}.footer-cockpit-bar{pointer-events:auto}.footer-actions-group{display:flex;align-items:center;gap:8px}.btn-pill-tool{display:inline-flex;align-items:center;gap:7px;background:var(--surface-glass);border:1px solid var(--border-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--cream);font-family:Outfit,sans-serif;font-size:12px;font-weight:700;padding:7px 14px;border-radius:30px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 6px 20px #0000004d}.btn-pill-tool:hover{border-color:var(--gold-primary);color:var(--gold-hover);transform:translateY(-1px);box-shadow:0 0 14px var(--gold-glow)}.eq-bar-wrap{display:flex;align-items:flex-end;gap:2px;height:12px;width:14px}.eq-bar{width:2.5px;background:var(--gold-primary);border-radius:1px;animation:eqBounce .8s infinite ease-in-out alternate}.eq-bar:nth-child(1){height:40%;animation-delay:.1s}.eq-bar:nth-child(2){height:100%;animation-delay:.3s}.eq-bar:nth-child(3){height:60%;animation-delay:.2s}.audio-muted .eq-bar{animation:none!important;height:2px!important;opacity:.4}@keyframes eqBounce{0%{height:20%}to{height:100%}}.has-tooltip{position:relative}.has-tooltip:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%) translateY(4px);background:var(--surface-glass);border:1px solid var(--gold-primary);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--cream);padding:4px 10px;border-radius:14px;font-size:10px;font-weight:700;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s ease,transform .2s ease;box-shadow:0 6px 18px #0006;z-index:100}.has-tooltip:hover:after{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width: 900px){header{position:fixed;left:0;right:0;width:100%;top:max(10px,env(safe-area-inset-top,10px));padding:0 16px;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;z-index:25}.header-brand-capsule{order:1;width:100%;max-width:440px;margin:0 auto;padding:5px 14px;display:flex;align-items:center;justify-content:space-between}.brand-divider{display:none}.header-meta-group{order:2;display:flex;justify-content:space-between;align-items:center;width:100%;max-width:440px;margin:0 auto;gap:6px}.user-greeting-capsule{padding:4px 10px;gap:6px}.user-avatar-initials{width:20px;height:20px;font-size:9px}#user-greeting-text{font-size:11px;white-space:nowrap}.header-stats-hub .stat-sc,.header-stats-hub .stat-exp{padding:4px 7px;font-size:10.5px}footer{position:fixed;left:0;right:0;width:100%;bottom:max(14px,env(safe-area-inset-bottom,14px));padding:0 16px;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;z-index:25}.footer-center-controls{order:1;margin:0 auto}.footer-bottom-deck{order:2;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:440px;margin:0 auto;pointer-events:auto}.footer-left-tools{padding:5px 10px;gap:7px}.footer-actions-group .btn-pill-tool{padding:5px 10px;font-size:11px}}.modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#030a07d1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:180;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s cubic-bezier(.16,1,.3,1),visibility .35s}.modal-backdrop.active{opacity:1;visibility:visible;pointer-events:auto}.modal-welcome-card{background:linear-gradient(160deg,var(--surface-glass),#06140f);border:1px solid var(--gold-primary);border-radius:24px;padding:32px 28px;max-width:480px;width:100%;box-shadow:0 25px 60px #000000d9;display:flex;flex-direction:column;gap:18px;position:relative;z-index:160;transform:translateY(20px);transition:transform .4s cubic-bezier(.16,1,.3,1)}.modal-backdrop.active .modal-welcome-card{transform:translateY(0)}.modal-welcome-header{text-align:center}.modal-welcome-header h2{font-family:Playfair Display,serif;font-size:24px;color:var(--gold-primary);margin-bottom:6px}.modal-welcome-header p{font-size:13px;color:var(--muted);line-height:1.5}.archetype-selection-deck{display:flex;flex-direction:column;gap:10px}.deck-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--gold-primary)}.archetype-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.archetype-card{border:1px solid var(--border-glass);background:#ffffff08;border-radius:14px;padding:12px 8px;text-align:center;cursor:pointer;transition:all .25s}.archetype-card:hover{background:#d4af371a;border-color:var(--gold-primary);transform:translateY(-2px)}.archetype-card.selected{background:#d4af372e;border:1.5px solid var(--gold-primary);box-shadow:0 0 15px var(--gold-glow)}.archetype-icon{font-size:22px;margin-bottom:6px}.archetype-name{font-size:11.5px;font-weight:800;color:var(--cream)}.archetype-trait{font-size:9.5px;color:var(--muted);margin-top:2px}.form-group-sensory{display:flex;flex-direction:column;gap:6px}.form-input-sensory{width:100%;background:#0006;border:1px solid var(--border-glass);border-radius:12px;padding:10px 14px;color:var(--cream);font-family:Outfit,sans-serif;font-size:13px;outline:none;transition:border-color .2s}.form-input-sensory:focus{border-color:var(--gold-primary)}.btn-start-game{width:100%;background:linear-gradient(135deg,var(--gold-primary),#b38f26);border:none;border-radius:30px;color:#05140d;font-family:Outfit,sans-serif;font-size:13.5px;font-weight:800;padding:13px;cursor:pointer;box-shadow:0 6px 20px #d4af3766;transition:all .25s cubic-bezier(.16,1,.3,1)}.btn-start-game:hover{filter:brightness(1.1);transform:translateY(-1px)}.modal-victory-card{background:linear-gradient(160deg,#0b2d22,#04140e);border:1.5px solid var(--gold-primary);border-radius:26px;padding:34px 28px;max-width:440px;width:100%;text-align:center;box-shadow:0 25px 60px #000000d9;display:flex;flex-direction:column;align-items:center;gap:16px;position:relative;z-index:160;transform:scale(.9);transition:transform .4s cubic-bezier(.16,1,.3,1)}.modal-backdrop.active .modal-victory-card{transform:scale(1)}.badge-victory{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800;color:var(--gold-primary);background:#d4af3726;padding:4px 12px;border-radius:20px;border:1px solid var(--border-glass)}.modal-victory-card h2{font-family:Playfair Display,serif;font-size:22px;color:var(--cream);line-height:1.3}.modal-victory-card p{font-size:13px;color:var(--muted);line-height:1.5}.victory-coins-grid{display:flex;gap:14px;justify-content:center;width:100%;margin:4px 0}.reward-card{flex:1;background:#ffffff08;border:1px solid var(--border-glass);border-radius:14px;padding:12px}.reward-card .val{font-size:20px;font-weight:800;color:var(--gold-primary)}.reward-card .lbl{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase}.btn-claim-coins{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;background:linear-gradient(135deg,var(--gold-primary),#b38f26);border:none;border-radius:30px;color:#05140d;text-decoration:none;font-family:Outfit,sans-serif;font-size:13px;font-weight:800;padding:12px;box-shadow:0 6px 20px #d4af3766;cursor:pointer;transition:all .25s}.btn-claim-coins:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-city-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;background:#ffffff0a;border:1px solid var(--border-glass);border-radius:30px;color:var(--cream);text-decoration:none;font-size:12px;font-weight:600;padding:10px;transition:all .2s}.btn-city-link:hover{background:#d4af371f;border-color:var(--gold-primary)}#modal-info-drawer{z-index:180}.info-window{background:linear-gradient(160deg,var(--surface-glass),#06140f);border:1px solid var(--gold-primary);border-radius:24px;padding:26px 22px;max-width:480px;width:100%;box-shadow:0 25px 60px #000000d9;display:flex;flex-direction:column;gap:14px;pointer-events:auto;position:relative;z-index:185;max-height:86vh;max-height:86dvh;overflow:hidden}.info-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-glass);padding-bottom:10px}.info-header h3{font-family:Playfair Display,serif;font-size:18px;color:var(--gold-primary)}.btn-close-modal{background:none;border:none;color:var(--muted);font-size:20px;cursor:pointer}.info-scroll-body{overflow-y:auto;padding-right:6px;display:flex;flex-direction:column;gap:12px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(212,175,55,.4) transparent}.info-scroll-body::-webkit-scrollbar{width:4px}.info-scroll-body::-webkit-scrollbar-button{display:none;width:0;height:0}.info-scroll-body::-webkit-scrollbar-track{background:transparent}.info-scroll-body::-webkit-scrollbar-thumb{background:#d4af374d;border-radius:8px}.info-scroll-body::-webkit-scrollbar-thumb:hover{background:var(--gold-primary)}.info-scroll-body::-webkit-scrollbar-corner{background:transparent}.glass-card{background:#ffffff08;border:1px solid var(--border-glass);padding:14px;border-radius:14px}.card-copilot-tag{font-size:9.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--gold-primary);margin-bottom:6px;display:flex;align-items:center;gap:6px}.card-title{font-family:Playfair Display,serif;font-size:15px;color:var(--cream);margin-bottom:6px;font-weight:700}.card-text{font-size:12px;color:var(--muted);line-height:1.5}.sj-spotlight-card{background:var(--surface-glass);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:16px;border-radius:16px;box-shadow:0 10px 30px #00000059;position:relative;display:flex;flex-direction:column;gap:8px}.sj-badge-official{display:inline-flex;align-items:center;gap:6px;font-size:9.5px;font-weight:800;color:var(--gold-primary);background:#d4af371f;padding:3px 8px;border-radius:12px;border:1px solid var(--border-glass);width:fit-content}.sj-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--gold-primary);box-shadow:0 0 6px var(--gold-primary)}.sj-metrics{display:flex;flex-wrap:wrap;gap:5px;margin:4px 0 2px}.sj-pill{font-size:10px;font-weight:600;padding:3px 8px;border-radius:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--cream);display:inline-flex;align-items:center;gap:4px}.sj-pill.sj-reward{background:#f59e0b26;border-color:#f59e0b66;color:#f59e0b;font-weight:700}.btn-sj-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px 14px;border:none;border-radius:50px;background:var(--btn-primary-bg);color:var(--btn-primary-text);text-decoration:none;font-size:12px;font-weight:800;margin-top:6px;box-shadow:0 4px 14px #d4af3759;transition:all .2s cubic-bezier(.16,1,.3,1);cursor:pointer}.btn-sj-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-sj-secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:9px 12px;border:1px solid var(--border-glass);border-radius:50px;background:#ffffff0a;color:var(--cream);text-decoration:none;font-size:12px;font-weight:600;margin-top:4px;transition:all .2s;cursor:pointer}.btn-sj-secondary:hover{background:#d4af371f;border-color:var(--gold-primary);color:var(--gold-primary);transform:translateY(-1px)}#modal-music-drawer{z-index:180}.music-window{background:linear-gradient(160deg,var(--surface-glass),#06140f);border:1px solid var(--gold-primary);border-radius:24px;padding:24px 22px;max-width:460px;width:100%;box-shadow:0 25px 60px #000000d9;display:flex;flex-direction:column;gap:14px;position:relative;z-index:185;transform:translateY(16px);transition:transform .35s cubic-bezier(.16,1,.3,1)}#modal-music-drawer.active .music-window{transform:translateY(0)}.music-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-glass);padding-bottom:10px}.music-header-title{display:flex;align-items:center;gap:8px;font-family:Playfair Display,serif;font-size:17px;color:var(--gold-primary);font-weight:700}.music-body{display:flex;flex-direction:column;gap:12px}.yt-player-viewport-frame{position:relative;width:100%;aspect-ratio:16 / 9;max-height:220px;border-radius:14px;overflow:hidden;background:#050d0a;border:1px solid var(--border-glass);box-shadow:0 8px 24px #00000080}.yt-player-viewport-frame iframe,.yt-player-viewport-frame #yt-audio-player{width:100%!important;height:100%!important;display:block;border:none}.music-meta-card{background:#ffffff08;border:1px solid var(--border-glass);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}.music-track-name{font-family:Playfair Display,serif;font-size:14px;font-weight:700;color:var(--cream)}.music-track-badge{display:inline-flex;align-items:center;gap:5px;font-size:9.5px;font-weight:700;color:#34d399;background:#34d3991a;border:1px solid rgba(52,211,153,.3);border-radius:20px;padding:3px 8px;width:fit-content}.music-disclaimer-text{font-size:11px;color:var(--muted);line-height:1.45;margin:2px 0 0}.music-controls-row{display:flex;gap:10px;align-items:center;justify-content:space-between}.btn-music-action{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;background:linear-gradient(135deg,var(--gold-primary),#b38f26);border:none;border-radius:30px;color:#05140d;font-family:Outfit,sans-serif;font-size:12.5px;font-weight:800;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px #d4af374d}.btn-music-action:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-music-yt{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 14px;background:#ffffff0d;border:1px solid var(--border-glass);border-radius:30px;color:var(--cream);text-decoration:none;font-size:11.5px;font-weight:600;cursor:pointer;transition:all .2s}.btn-music-yt:hover{background:#ef44441f;border-color:#ef444480;color:#fff;transform:translateY(-1px)}.music-volume-deck{display:flex;align-items:center;gap:10px;background:#00000040;border:1px solid var(--border-glass);border-radius:20px;padding:6px 12px}.music-slider{flex:1;accent-color:var(--gold-primary);cursor:pointer;height:4px}.music-vol-num{font-size:11px;color:var(--gold-primary);font-weight:700;width:32px;text-align:right}.music-footer-tip{display:flex;align-items:center;gap:6px;font-size:10.5px;color:var(--muted);line-height:1.4;padding:2px 4px}.discovery-toast-banner{position:absolute;top:78px;left:50%;transform:translate(-50%) translateY(-10px);z-index:50;background:linear-gradient(135deg,#0b2920f2,#06140ffa);border:1px solid var(--gold-primary);border-radius:30px;padding:9px 18px;display:flex;align-items:center;gap:10px;box-shadow:0 10px 30px #0009,0 0 15px var(--gold-glow);opacity:0;pointer-events:none;transition:all .4s cubic-bezier(.16,1,.3,1);cursor:pointer}.discovery-toast-banner.active{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.discovery-toast-icon{font-size:16px;color:var(--gold-primary);animation:pulseGlow 1.5s infinite alternate;flex-shrink:0}@keyframes pulseGlow{0%{transform:scale(1);filter:drop-shadow(0 0 2px var(--gold-primary))}to{transform:scale(1.2);filter:drop-shadow(0 0 8px var(--gold-hover))}}.discovery-toast-text{font-size:12px;font-weight:600;color:var(--cream);line-height:1.4}.toast-close-btn{background:none;border:none;color:var(--muted);font-size:13px;cursor:pointer;padding:2px 6px;margin-left:6px;border-radius:50%;line-height:1;transition:color .2s;flex-shrink:0}.toast-close-btn:hover{color:var(--gold-primary)}@media (max-width: 900px){.discovery-toast-banner{top:104px;width:calc(100% - 32px);max-width:410px;box-sizing:border-box;padding:9px 14px;border-radius:24px}}