@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#070e1a;--panel:#101e31;--panel2:#152840;--line:#294766;--text:#e8f3ff;--muted:#a1b5c9;--blue:#329dff;--blue2:#66c7ff;--glow:rgba(38,142,255,.3)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 70% 0%,#17395c 0%,transparent 46%),linear-gradient(180deg,#07111f,#080f1a 60%,#060b13);color:var(--text);font:15px/1.65 Inter,Segoe UI,Arial,sans-serif;min-height:100vh}a{color:var(--blue2);text-decoration:none}a:hover{color:#fff}header{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:15px max(24px,calc((100vw - 1180px)/2));background:rgba(6,13,25,.95);border-bottom:1px solid #24415f;backdrop-filter:blur(16px);flex-wrap:wrap}.logo{font:700 26px Rajdhani,Arial,sans-serif;letter-spacing:2px;color:#fff}.logo span{color:var(--blue)}nav{display:flex;gap:7px;flex-wrap:wrap}nav a{padding:9px 13px;border-radius:7px;color:#c8dbed;font-size:13px;font-weight:700}nav a:hover{background:#18314b;color:#fff}.hero{position:relative;min-height:350px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid #2a5278;background:linear-gradient(90deg,rgba(5,12,23,.98) 0%,rgba(7,20,36,.86) 60%,rgba(10,42,74,.55) 100%),radial-gradient(circle at 80% 50%,#17609a,#07111f 60%)}.hero:after{content:'';position:absolute;right:9%;bottom:-80px;width:310px;height:310px;border:1px solid rgba(83,171,255,.2);border-radius:50%;box-shadow:0 0 0 50px rgba(33,111,181,.06),0 0 0 110px rgba(33,111,181,.04);pointer-events:none}.hero-inner{width:min(1180px,calc(100% - 48px));margin:auto;position:relative;z-index:1;padding:42px 0}.eyebrow{font:700 13px Rajdhani,Arial,sans-serif;letter-spacing:4px;color:var(--blue2)}h1,h2,h3{font-family:Rajdhani,Segoe UI,sans-serif;line-height:1.12}h1{font-size:clamp(42px,6vw,80px);margin:17px 0 18px;letter-spacing:1px}h1 em{font-style:normal;color:var(--blue2);text-shadow:0 0 32px var(--glow)}.hero p{color:#c4d7e9;font-size:17px;max-width:610px}.status{display:inline-block;color:#9bd6ff;background:#102b45;border:1px solid #24628c;border-radius:6px;padding:6px 13px;font-size:12px;letter-spacing:1px;font-weight:700}.hero-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.cta,button{display:inline-block;background:linear-gradient(135deg,#1473c9,#2aabf7);border:1px solid #4cb9ff;border-radius:7px;color:#fff;padding:11px 20px;font:700 14px Inter,Arial;cursor:pointer;box-shadow:0 4px 22px rgba(18,120,215,.17)}.cta:hover,button:hover{filter:brightness(1.18);color:#fff}.cta.outline,button.secondary{background:#172c42;border-color:#335a7d;box-shadow:none}main{max-width:1180px;margin:0 auto;padding:42px 24px 90px;min-height:320px}h2{font-size:34px;margin:0 0 25px;color:#f4faff}h3{font-size:24px;margin:4px 0 12px;color:#e4f4ff}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:20px}.card,.panel{background:linear-gradient(145deg,rgba(21,42,65,.98),rgba(12,26,44,.98));border:1px solid #2a4a69;border-top:2px solid #298ad5;border-radius:10px;padding:26px;box-shadow:0 14px 36px rgba(0,0,0,.18);overflow-wrap:anywhere}.panel{max-width:600px}.card p,.panel p{color:#b9cce0}.card small,.message small{color:#8daac6}label{display:block;margin:14px 0;color:#d7e9fa;font-weight:600;font-size:13px}input,textarea{display:block;width:100%;margin-top:7px;padding:12px 13px;background:#09192a;border:1px solid #355775;border-radius:6px;color:#fff;font:inherit}textarea{min-height:125px;resize:vertical}input:focus,textarea:focus{outline:2px solid #2d9af5;outline-offset:1px}.check{display:flex;gap:10px;align-items:center}.check input{width:auto;margin:0}.message{border-bottom:1px solid #294663;padding:15px 0}.message:last-child{border-bottom:0}.alert,.success{padding:14px 18px;border-radius:7px;margin-bottom:20px}.alert{background:#4a202b;border:1px solid #a44760}.success{background:#133b39;border:1px solid #267b74}footer{text-align:center;color:#7995ae;padding:32px 20px;border-top:1px solid #223b56;font-size:12px;letter-spacing:2px}@media(max-width:700px){header{padding:16px 20px}nav{gap:3px}nav a{padding:6px 8px}.hero{min-height:310px}.hero-inner{padding:32px 0}main{padding:30px 18px 70px}.card,.panel{padding:20px}}
/* YouTube-Integration */
.pandora-youtube{margin:20px 0;padding:24px;border-left:3px solid #4b9fe8}.pandora-youtube .cta{display:inline-block;margin-top:12px}.pandora-youtube .yt-note{font-size:.85rem;opacity:.7;margin-top:18px}

/* Pandora Reallife official neon logo */
header .logo{display:flex;align-items:center;flex:0 0 auto;max-width:220px;line-height:1}
header .logo img{display:block;width:100%;height:auto;max-height:78px;object-fit:contain;filter:drop-shadow(0 0 7px rgba(0,170,255,.16))}
.hero-brand{display:block;width:min(100%,540px);height:auto;object-fit:contain;margin:0 0 12px;filter:drop-shadow(0 0 20px rgba(0,170,255,.15))}
.hero-inner{position:relative}
@media(max-width:850px){header .logo{max-width:155px}header .logo img{max-height:64px}.hero-brand{width:min(100%,420px)}}
@media(max-width:480px){header .logo{max-width:128px}.hero-brand{width:100%;max-width:340px}}

/* Update 5: Account-Center */
.account-menu{position:relative;align-self:center}.account-menu summary{list-style:none;display:flex;align-items:center;gap:9px;padding:5px 10px;border:1px solid #294b6d;border-radius:9px;cursor:pointer;color:#e5f4ff;font-weight:700;font-size:13px}.account-menu summary::-webkit-details-marker{display:none}.avatar-mini{width:34px;height:34px;object-fit:cover;border-radius:50%;border:1px solid #469be0}.avatar-empty{display:grid;place-items:center;background:#153957;color:#60bfff}.account-dropdown{position:absolute;right:0;top:calc(100% + 8px);width:225px;background:#10233a;border:1px solid #35618a;border-radius:9px;box-shadow:0 16px 40px #0009;padding:9px;z-index:20}.account-dropdown a{display:block;padding:9px 11px}.account-dropdown form{margin:8px 0 0}.account-dropdown button{width:100%;padding:9px}.account-overview{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:20px;margin-bottom:36px}.profile-card,.account-links{padding:25px;border:1px solid #2a4a69;border-radius:10px;background:#11243a}.profile-heading{display:flex;gap:20px;align-items:center}.profile-heading h3{margin:0}.profile-heading small{color:#9ab3cc}.avatar-large{width:100px;height:100px;border-radius:50%;object-fit:cover;border:2px solid #48adf4;flex-shrink:0}.avatar-placeholder{display:grid;place-items:center;font-size:48px;background:#1d3e5e}.account-links{display:flex;flex-direction:column;gap:10px}.account-links>a{padding:10px 12px;border-radius:7px;background:#193650}.points-note{border-top:1px solid #2b506d;margin-top:8px;padding-top:10px}.points-note p{color:#aac3da;margin:5px 0}.selected-tag{color:#7cddad;margin-left:8px;font-weight:700}@media(max-width:740px){.account-overview{grid-template-columns:1fr}.account-dropdown{right:0}.profile-heading{gap:12px}.avatar-large{width:75px;height:75px}}

/* Update 6: modal login, avatar editor and active character */
.nav-login{padding:9px 16px;box-shadow:none}.auth-overlay{position:fixed;inset:0;background:rgba(1,7,15,.83);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto}.auth-overlay[aria-hidden="true"]{display:none}.auth-modal{position:relative;width:min(100%,440px);max-height:calc(100vh - 40px);overflow-y:auto;background:#10233a;border:1px solid #3c8bc1;border-radius:14px;padding:30px;box-shadow:0 20px 90px #000b,0 0 45px #0871bf33}.auth-modal h2{margin:12px 0}.auth-close{position:absolute;right:12px;top:10px;border:0;background:transparent;box-shadow:none;font-size:30px;padding:0 10px}.auth-switch{margin:20px 0 0;color:#afc7dc}.text-button{border:0;background:none;box-shadow:none;color:#6bc8ff;padding:0 2px;text-decoration:underline}.avatar-editor{margin:12px 0 18px}.avatar-editor[hidden]{display:none}.avatar-editor p{font-size:13px}.avatar-preview-wrap{width:256px;height:256px;max-width:100%;margin:12px auto;border-radius:50%;overflow:hidden;border:3px solid #48adf4;box-shadow:0 0 30px #2196f344;touch-action:none;cursor:grab}.avatar-preview-wrap:active{cursor:grabbing}.avatar-preview-wrap canvas{display:block;width:100%;height:100%;touch-action:none}.avatar-editor input[type=range]{padding:0;accent-color:#3faeff}.active-character{padding:23px 26px;margin:0 0 24px;background:linear-gradient(135deg,#17395c,#10233a);border:1px solid #3c7ca8;border-radius:12px}.active-character h3{margin:10px 0 5px}.active-character p{margin:0 0 10px}.active-character small{color:#9ebbd4}

.shop-character-link{display:inline-block;margin:4px 0 14px;color:#75ceff;font-weight:700;text-decoration:underline;text-underline-offset:3px}