*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0c;--surface:#12121a;--surface2:#1a1a24;--surface3:#222230;--gold:#c9a84c;--gold-dim:#8a7235;--gold-bright:#e8c85a;--crimson:#8b1a1a;--crimson-bright:#c42b2b;--blood:#a41e1e;--text:#e2ddd0;--text-dim:#8a8478;--text-faint:#5a564e;--border:#2a2a35;--border-light:#3a3a48;--aquila-glow:rgba(201,168,76,.06)}html{font-size:16px;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:EB Garamond,"Noto Serif SC",Georgia,serif;min-height:100vh;min-height:100dvh;overscroll-behavior:none;-webkit-overflow-scrolling:touch}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");background-size:200px 200px}.screen{display:none;flex-direction:column;align-items:center;min-height:100vh;min-height:100dvh;position:relative;z-index:1}.screen.active{display:flex}#landing{justify-content:center;padding:40px 24px;text-align:center}.landing-ornament{width:120px;height:1px;margin:0 auto 32px;position:relative;background:linear-gradient(90deg,transparent,var(--gold-dim),transparent)}.landing-ornament:before{content:"✦";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--gold);font-size:14px;background:var(--bg);padding:0 12px}.landing-subtitle{font-family:Cinzel,serif;font-size:11px;letter-spacing:6px;color:var(--gold-dim);text-transform:uppercase;margin-bottom:16px}.landing-title{font-family:Cinzel,"Noto Serif SC",serif;font-size:clamp(28px,7vw,48px);font-weight:900;color:var(--text);line-height:1.2;margin-bottom:8px}.landing-title span{color:var(--gold)}.landing-tagline{font-size:15px;color:var(--text-dim);margin-bottom:48px;font-style:italic;line-height:1.6;max-width:360px;margin-left:auto;margin-right:auto}.landing-quote{font-size:12px;color:var(--gold-dim);letter-spacing:2px;font-family:Cinzel,serif;margin-bottom:24px;text-transform:uppercase;line-height:1.8}.landing-meta{font-size:12px;color:var(--text-dim);letter-spacing:1.5px;margin-bottom:14px;font-family:Cinzel,"Noto Serif SC",serif}.btn-start{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 48px;background:linear-gradient(135deg,var(--crimson),var(--crimson-bright));color:var(--text);font-size:16px;font-weight:700;letter-spacing:3px;border:1px solid rgba(201,168,76,.3);position:relative;overflow:hidden;transition:all .4s}.btn-start:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.08) 50%,transparent 60%);transform:translate(-100%);transition:transform .6s}.btn-start:hover:before,.btn-start:active:before{transform:translate(100%)}.btn-start:hover,.btn-start:active{border-color:var(--gold);box-shadow:0 0 40px #8b1a1a66,inset 0 0 20px #8b1a1a33}.btn-last-result{display:inline-flex;align-items:center;justify-content:center;margin-top:12px;padding:16px 29px;background:transparent;color:var(--gold);font-size:16px;font-weight:700;letter-spacing:3px;border:1px solid rgba(201,168,76,.3);transition:all .3s}.btn-last-result:hover,.btn-last-result:active{border-color:var(--gold);background:#c9a84c14}html[lang=en] .btn-start,html[lang=en] .btn-last-result{padding-left:32px;padding-right:32px;min-width:280px}html[lang=en] .app-footer-support [data-donate=kofi]{order:1}html[lang=en] .app-footer-support .footer-support-sep{order:2}html[lang=en] .app-footer-support [data-donate=afdian]{order:3}html[lang=en] .support-buttons [data-donate=kofi]{order:-1}.landing-footer{margin-top:48px;font-size:11px;color:var(--text-faint);letter-spacing:1px}.landing-disclaimer{position:absolute;left:50%;bottom:48px;transform:translate(-50%);width:calc(100% - 48px);max-width:520px;font-size:10px;line-height:1.6;color:var(--text-faint);opacity:.5;text-align:center}.app-version{position:fixed;bottom:6px;right:10px;font-size:10px;color:var(--text-dim);opacity:.4;pointer-events:none;z-index:99999;font-family:monospace;letter-spacing:.5px}.app-footer-support{position:fixed;bottom:6px;left:10px;font-size:10px;font-family:monospace;letter-spacing:.5px;opacity:.55;z-index:99999;display:flex;gap:6px;align-items:center}.app-footer-support a{color:var(--gold-dim);text-decoration:none;transition:color .2s}.app-footer-support a:hover{color:var(--gold-bright)}.app-footer-support .footer-support-sep{color:var(--text-faint)}.app-footer-support .footer-support-label{color:var(--text-faint);margin-right:-2px}.nav-hamburger{position:fixed;top:12px;left:12px;z-index:10000;width:34px;height:30px;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:7px 8px;background:var(--surface2);border:1px solid var(--border);cursor:pointer;transition:all .3s}.nav-hamburger:hover{border-color:var(--gold-dim)}.nav-hamburger span{display:block;width:100%;height:1.5px;background:var(--text-dim);transition:all .3s}.nav-hamburger:hover span{background:var(--gold)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10001;background:#0009;opacity:0;pointer-events:none;transition:opacity .3s}.sidebar-overlay.show{opacity:1;pointer-events:auto}.sidebar-drawer{position:fixed;top:0;left:0;z-index:10002;width:min(340px,85vw);height:100vh;height:100dvh;background:var(--surface);border-right:1px solid var(--border);transform:translate(-100%);transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden}.sidebar-drawer.show{transform:translate(0)}.sidebar-view{display:none;flex-direction:column;flex:1;min-height:0}.sidebar-view.active{display:flex}.sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--border);min-height:58px}.sidebar-title{font-family:Cinzel,serif;font-size:13px;letter-spacing:3px;color:var(--gold);text-transform:uppercase}.sidebar-close{font-size:24px;color:var(--text-dim);line-height:1;padding:8px 12px;margin:-8px -12px;transition:color .3s}.sidebar-close:hover{color:var(--gold)}.sidebar-back{display:inline-flex;align-items:center;gap:4px;font-family:Cinzel,serif;font-size:11px;letter-spacing:2px;color:var(--text-dim);padding:4px 6px 4px 0;transition:color .3s;text-transform:uppercase}.sidebar-back:hover{color:var(--gold)}.sidebar-back-arrow{font-size:18px;line-height:1}.sidebar-menu{display:flex;flex-direction:column;padding:8px 0}.sidebar-menu-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;text-align:left;font-size:14px;color:var(--text);border-bottom:1px solid var(--border);transition:background .2s,color .2s}.sidebar-menu-item:hover{background:var(--surface2);color:var(--gold)}.sidebar-menu-arrow{color:var(--text-faint);font-size:20px;line-height:1}.changelog-body{flex:1;overflow-y:auto;padding:20px 20px 32px}.changelog-entry{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border)}.changelog-entry:last-child{border-bottom:none;margin-bottom:0}.changelog-entry-head{display:flex;align-items:baseline;gap:12px;margin-bottom:10px}.changelog-version{font-family:Cinzel,serif;font-size:13px;letter-spacing:2px;color:var(--gold);font-weight:700}.changelog-date{font-size:11px;color:var(--text-faint);letter-spacing:1px}.changelog-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.changelog-list li{position:relative;padding-left:14px;font-size:13px;line-height:1.6;color:var(--text-dim)}.changelog-list li:before{content:"•";position:absolute;left:0;top:0;color:var(--gold-dim)}.lang-toggle{position:fixed;top:12px;right:12px;z-index:10000;display:flex;align-items:center;gap:0;padding:0;overflow:hidden;font-family:Cinzel,serif;font-size:11px;letter-spacing:1px;background:var(--surface2);border:1px solid var(--border);cursor:pointer;transition:all .3s}.lang-toggle:hover{border-color:var(--gold-dim)}.lang-toggle .lang-opt{padding:7px 12px;transition:all .3s;color:var(--text-faint)}.lang-toggle .lang-opt.active{background:var(--gold-dim);color:var(--bg);font-weight:700}#quiz{padding:0}.quiz-header{width:100%;padding:16px 120px 16px 60px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:10}.quiz-progress-text{font-size:12px;color:var(--text-dim);font-family:Cinzel,serif;letter-spacing:2px}.quiz-progress-bar{flex:1;height:2px;background:var(--border);margin:0 16px;position:relative;overflow:hidden}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,var(--crimson),var(--gold));transition:width .5s cubic-bezier(.4,0,.2,1)}.quiz-type-badge{font-size:10px;padding:3px 10px;border:1px solid var(--border-light);color:var(--text-dim);letter-spacing:1px;font-family:Cinzel,serif}.quiz-body{width:100%;max-width:640px;margin:0 auto;padding:32px 24px 24px;display:flex;flex-direction:column;gap:20px}.quiz-question-card{background:var(--surface);border:1px solid var(--border);padding:24px 22px;display:flex;flex-direction:column}.quiz-question-card .likert-statement,.quiz-question-card .quiz-question-text{margin-bottom:20px}.quiz-question-card .likert-scale{margin-bottom:10px}.quiz-question-card .quiz-options{margin-bottom:0}.quiz-question-number{font-family:Cinzel,serif;font-size:11px;letter-spacing:4px;color:var(--gold-dim);margin-bottom:14px}.quiz-question-text{font-size:clamp(18px,4.5vw,24px);font-weight:700;line-height:1.6;color:var(--text);margin-bottom:32px;font-family:"Noto Serif SC",EB Garamond,serif}.quiz-options{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.quiz-option{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;background:var(--surface);border:1px solid var(--border);transition:all .3s;text-align:left;position:relative;overflow:hidden}.quiz-option:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gold);transform:scaleY(0);transition:transform .3s}.quiz-option:hover,.quiz-option:active{border-color:var(--border-light);background:var(--surface2)}.quiz-option.selected{border-color:var(--gold-dim);background:var(--surface2)}.quiz-option.selected:before{transform:scaleY(1)}.option-letter{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-light);font-family:Cinzel,serif;font-size:12px;color:var(--text-dim);flex-shrink:0;transition:all .3s}.quiz-option.selected .option-letter{border-color:var(--gold);color:var(--gold);background:#c9a84c1a}.option-text{font-size:15px;line-height:1.6;color:var(--text-dim);transition:color .3s}.quiz-option.selected .option-text{color:var(--text)}.likert-statement{font-size:clamp(18px,4.5vw,24px);font-weight:700;line-height:1.6;color:var(--text);margin-bottom:40px;font-family:"Noto Serif SC",EB Garamond,serif}.likert-scale{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px;padding:0 8px}.likert-dot{width:40px;height:40px;border-radius:50%;border:2px solid var(--border-light);background:transparent;transition:all .25s;position:relative;flex-shrink:0}.likert-dot:hover{border-color:var(--gold-dim);background:#c9a84c0f}.likert-dot.selected{border-color:var(--gold);background:radial-gradient(circle,var(--gold) 40%,rgba(201,168,76,.2) 100%);box-shadow:0 0 12px #c9a84c4d}.likert-dot:nth-child(1),.likert-dot:nth-child(7){width:46px;height:46px}.likert-dot:nth-child(2),.likert-dot:nth-child(6){width:40px;height:40px}.likert-dot:nth-child(3),.likert-dot:nth-child(5){width:34px;height:34px}.likert-dot:nth-child(4){width:28px;height:28px}.likert-labels{display:flex;justify-content:space-between;padding:0 4px}.likert-label{font-size:12px;color:var(--text-dim);letter-spacing:1px;font-family:"Noto Serif SC",serif}.quiz-footer{position:sticky;bottom:0;z-index:9;width:100%;margin-top:auto;background:linear-gradient(180deg,transparent 0%,var(--bg) 24%,var(--bg) 100%);padding-top:20px}.quiz-nav{display:flex;gap:12px;padding:4px 24px 32px;width:100%;max-width:640px;margin:0 auto}.btn-nav{flex:1;padding:14px;font-size:14px;letter-spacing:2px;border:1px solid var(--border);color:var(--text-dim);transition:all .3s;font-family:Cinzel,serif}.btn-nav:hover:not(:disabled){border-color:var(--border-light);color:var(--text)}.btn-nav:disabled{opacity:.3;cursor:not-allowed}.btn-nav.primary{background:linear-gradient(135deg,var(--crimson),var(--crimson-bright));border-color:#c9a84c33;color:var(--text)}.btn-nav.primary:disabled{opacity:.4}.nav-hint{width:100%;max-width:640px;margin:0 auto;padding:0 24px 8px;text-align:center;font-size:11px;letter-spacing:1.5px;color:var(--text-faint);font-family:"Noto Serif SC",serif;opacity:0;transition:opacity .25s;pointer-events:none;min-height:1.2em}.nav-hint.visible{opacity:1}#phase-transition{justify-content:center;align-items:center;padding:40px 24px;text-align:center}.phase-icon{font-size:48px;margin-bottom:24px;color:var(--crimson-bright);animation:pulse 2s ease-in-out infinite}.phase-title{font-family:Cinzel,"Noto Serif SC",serif;font-size:clamp(20px,5vw,28px);font-weight:900;color:var(--text);margin-bottom:12px}.phase-desc{font-size:14px;color:var(--text-dim);line-height:1.8;max-width:400px;margin:0 auto 32px;font-style:italic}.btn-phase-continue{padding:14px 40px;background:linear-gradient(135deg,var(--crimson),var(--crimson-bright));color:var(--text);font-size:14px;font-weight:700;letter-spacing:2px;border:1px solid rgba(201,168,76,.3);font-family:Cinzel,serif;transition:all .3s}.btn-phase-continue:hover{border-color:var(--gold);box-shadow:0 0 30px #8b1a1a66}#calculating{justify-content:center;align-items:center;padding:40px}.calc-spinner{width:80px;height:80px;position:relative;margin-bottom:32px}.calc-spinner:before,.calc-spinner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid transparent;border-radius:50%}.calc-spinner:before{border-top-color:var(--gold);animation:spin 1.2s linear infinite}.calc-spinner:after{top:8px;right:8px;bottom:8px;left:8px;border-right-color:var(--crimson);animation:spin .8s linear reverse infinite}@keyframes spin{to{transform:rotate(360deg)}}.calc-text{font-size:14px;color:var(--text-dim);letter-spacing:3px;font-family:Cinzel,serif;text-align:center;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.calc-flavor{font-size:13px;color:var(--text-faint);margin-top:12px;font-style:italic}#results{padding:0 0 60px}.result-hero{width:100%;padding:48px 24px;text-align:center;position:relative;overflow:hidden;background:linear-gradient(180deg,var(--surface) 0%,var(--bg) 100%)}.result-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 0%,rgba(201,168,76,.08) 0%,transparent 70%)}.result-faction{font-family:Cinzel,serif;font-size:11px;letter-spacing:5px;color:var(--gold-dim);text-transform:uppercase;margin-bottom:12px;position:relative}.result-name{font-family:Cinzel,"Noto Serif SC",serif;font-size:clamp(24px,6vw,40px);font-weight:900;color:var(--text);line-height:1.3;margin-bottom:4px;position:relative}.result-name-en{font-family:Cinzel,serif;font-size:14px;color:var(--text-dim);letter-spacing:3px;margin-bottom:16px;position:relative}.result-quote{font-size:15px;font-style:italic;color:var(--gold);max-width:400px;margin:0 auto;line-height:1.6;position:relative}.result-quote:before,.result-quote:after{font-family:Cinzel,serif;font-size:24px;color:var(--gold-dim);position:relative;top:-2px}.result-quote:before{content:"“";margin-right:4px}.result-quote:after{content:"”";margin-left:4px}.result-section{max-width:640px;margin:0 auto;padding:32px 24px 0}.result-section-title{font-family:Cinzel,serif;font-size:12px;letter-spacing:4px;color:var(--gold-dim);text-transform:uppercase;margin-bottom:20px;display:flex;align-items:center;gap:12px}.result-section-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border),transparent)}.radar-container{display:flex;justify-content:center;padding:8px 0 16px}.radar-canvas{max-width:100%;height:auto}.dim-item{margin-bottom:22px}.dim-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;gap:12px}.dim-name{font-size:14px;color:var(--text);font-weight:700;letter-spacing:.5px}.dim-name-sep{color:var(--text-faint);font-weight:400;margin:0 4px}.dim-score{font-family:Cinzel,serif;font-size:13px;color:var(--gold);white-space:nowrap}.dim-score-num{font-weight:600}.dim-score-sep{color:var(--text-faint);margin:0 4px}.dim-score-label{font-family:"Noto Serif SC",serif;font-size:12px}.dim-bar{height:3px;background:var(--border);border-radius:1.5px;overflow:hidden;margin-bottom:10px;position:relative}.dim-bar-fill{height:100%;background:linear-gradient(90deg,var(--crimson),var(--gold));transition:width 1.2s cubic-bezier(.4,0,.2,1);border-radius:1.5px;box-shadow:0 0 6px #c9a84c59,0 0 14px #c9a84c26;position:relative;overflow:hidden}.dim-bar-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.18) 40%,rgba(255,255,255,.25) 50%,rgba(255,255,255,.18) 60%,transparent 100%);width:40%;animation:dimScanline 3s ease-in-out infinite;pointer-events:none}@keyframes dimScanline{0%{transform:translate(-100%)}to{transform:translate(350%)}}.dim-desc{font-size:13px;color:var(--text-dim);line-height:1.7;margin-top:10px}.reading-tabs{display:flex;gap:24px;margin-bottom:20px}.reading-tab{font-family:Cinzel,serif;font-size:12px;letter-spacing:4px;text-transform:uppercase;color:var(--text-faint);background:none;border:none;cursor:pointer;padding:0 0 6px;transition:color .2s}.reading-tab.active{color:var(--gold-dim);border-bottom:1px solid var(--gold-dim)}.result-description{font-size:15px;line-height:1.8;color:var(--text-dim);padding:20px;background:var(--surface);border-left:2px solid var(--gold-dim)}.top3-list{display:flex;flex-direction:column;gap:10px}.top3-item{display:flex;align-items:center;gap:16px;padding:14px 18px;background:var(--surface);border:1px solid var(--border)}.top3-rank{font-family:Cinzel,serif;font-size:20px;font-weight:900;color:var(--gold-dim);min-width:28px;text-align:center}.top3-info{flex:1}.top3-name{font-size:14px;font-weight:700;color:var(--text)}.top3-faction{font-size:11px;color:var(--text-dim);margin-top:2px}.top3-match{font-family:Cinzel,serif;font-size:14px;color:var(--gold)}.opposite-list{display:flex;flex-direction:column;gap:10px}.opposite-item{display:flex;align-items:center;gap:16px;padding:14px 18px;background:var(--surface);border:1px solid var(--border);border-left:2px solid var(--crimson)}.opposite-rank{font-family:Cinzel,serif;font-size:20px;font-weight:900;color:var(--crimson-bright);opacity:.75;min-width:28px;text-align:center}.opposite-info{flex:1}.opposite-name{font-size:14px;font-weight:700;color:var(--text)}.opposite-faction{font-size:11px;color:var(--text-dim);margin-top:2px}.opposite-match{font-family:Cinzel,serif;font-size:14px;color:var(--crimson-bright)}.other-heroes-section .result-section-title{justify-content:space-between}.btn-reroll{font-family:Cinzel,serif;font-size:10px;letter-spacing:2px;padding:6px 14px;border:1px solid var(--border-light);color:var(--text-dim);background:transparent;transition:all .3s;text-transform:uppercase;flex-shrink:0}.btn-reroll:hover{border-color:var(--gold-dim);color:var(--gold)}.other-heroes-intro{font-size:12px;color:var(--text-faint);font-style:italic;line-height:1.6;margin:-8px 0 8px}.other-heroes-hidden-hint{font-size:11px;color:var(--gold);opacity:.72;font-family:"Noto Serif SC",serif;letter-spacing:.5px;line-height:1.6;margin:0 0 18px;padding-left:10px;border-left:1px solid rgba(201,168,76,.35)}.other-heroes-list{display:flex;flex-direction:column;gap:12px;transition:opacity .18s ease}.other-heroes-list.rerolling{opacity:0}.other-hero-card{padding:16px 18px;background:var(--surface);border:1px solid var(--border);transition:border-color .3s}.other-hero-card:hover{border-color:var(--border-light)}.other-hero-head{margin-bottom:10px}.other-hero-name{font-size:14px;font-weight:700;color:var(--text);font-family:"Noto Serif SC",EB Garamond,serif}.other-hero-sub{font-size:11px;color:var(--text-dim);margin-top:2px;letter-spacing:1px}.other-hero-quote{font-size:12px;color:var(--gold-dim);font-style:italic;line-height:1.5;margin-bottom:10px;padding-left:10px;border-left:1px solid var(--border-light)}.other-hero-flavor{font-size:13px;line-height:1.7;color:var(--text-dim)}#resultCapture{width:100%;display:flex;flex-direction:column;align-items:center;padding-bottom:32px}.visitor-banner{display:none;width:calc(100% - 32px);max-width:640px;margin:64px auto 0;padding:16px 20px;background:linear-gradient(135deg,#8b1a1a1f,#c9a84c14);border:1px solid rgba(201,168,76,.3);border-left:2px solid var(--gold);gap:16px;align-items:center;flex-wrap:wrap}.visitor-banner.show{display:flex}.visitor-banner-copy{flex:1;min-width:180px;display:flex;flex-direction:column;gap:2px}.visitor-banner-text{font-size:12px;color:var(--text-dim);font-style:italic;line-height:1.5}.visitor-banner-prompt{font-size:14px;color:var(--gold);font-weight:700;font-family:"Noto Serif SC",serif;letter-spacing:1px}.visitor-banner-cta{padding:10px 20px;flex-shrink:0;background:linear-gradient(135deg,var(--crimson),var(--crimson-bright));color:var(--text);border:1px solid rgba(201,168,76,.4);font-family:Cinzel,"Noto Serif SC",serif;font-size:12px;font-weight:700;letter-spacing:2px;transition:all .3s}.visitor-banner-cta:hover{border-color:var(--gold);box-shadow:0 0 16px #c9a84c40}.share-section{max-width:640px;margin:0 auto;padding:32px 24px 0}.share-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn-share{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border:1px solid var(--gold-dim);color:var(--gold);font-size:13px;letter-spacing:2px;font-family:Cinzel,serif;transition:all .3s;background:transparent}.btn-share:hover{border-color:var(--gold);color:var(--gold-bright);box-shadow:0 0 20px #c9a84c26;background:#c9a84c0d}.btn-share svg{width:16px;height:16px;fill:currentColor;flex-shrink:0}.support-section{max-width:640px;margin:0 auto;padding:24px 24px 0;text-align:center}.support-title{font-size:13px;letter-spacing:3px;font-family:Cinzel,serif;color:var(--gold);margin-bottom:8px;text-transform:uppercase}.support-tagline{font-size:12px;color:var(--text-faint);margin-bottom:14px;line-height:1.5}.support-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn-support{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;border:1px solid var(--gold-dim);color:var(--gold);font-size:12px;letter-spacing:1.5px;font-family:Cinzel,serif;transition:all .3s;background:transparent;text-decoration:none}.btn-support:hover{border-color:var(--gold);color:var(--gold-bright);box-shadow:0 0 20px #c9a84c26;background:#c9a84c0d}.btn-support-region{font-size:9px;letter-spacing:1px;color:var(--text-faint);padding:2px 6px;border:1px solid var(--text-faint);border-radius:2px;font-family:monospace}.btn-support:hover .btn-support-region{color:var(--gold-dim);border-color:var(--gold-dim)}.share-toast{position:fixed;bottom:40px;left:50%;transform:translate(-50%) translateY(20px);padding:12px 24px;background:var(--surface2);border:1px solid var(--gold-dim);color:var(--gold);font-size:13px;letter-spacing:1px;font-family:Cinzel,serif;opacity:0;transition:all .3s;pointer-events:none;z-index:10000}.share-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.scoring-info-btn{width:20px;height:20px;border-radius:50%;border:1px solid var(--gold-dim);color:var(--gold-dim);font-size:11px;line-height:20px;text-align:center;cursor:pointer;transition:all .3s;background:transparent;font-family:Cinzel,serif;flex-shrink:0}.scoring-info-btn:hover{border-color:var(--gold);color:var(--gold)}.scoring-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s;padding:20px;box-sizing:border-box}.scoring-modal-overlay.show{opacity:1;pointer-events:auto}.scoring-modal{background:var(--surface);border:1px solid var(--border-light);max-width:480px;width:100%;max-height:80vh;overflow-y:auto;padding:28px 24px;position:relative}.scoring-modal-close{position:absolute;top:12px;right:16px;background:none;border:none;color:var(--text-dim);font-size:20px;cursor:pointer;transition:color .3s;line-height:1}.scoring-modal-close:hover{color:var(--gold)}.scoring-modal h3{font-family:Cinzel,serif;font-size:12px;letter-spacing:4px;color:var(--gold-dim);text-transform:uppercase;margin:0 0 16px}.scoring-modal-section{margin-bottom:18px}.scoring-modal-section h4{font-size:13px;color:var(--gold);margin:0 0 6px;font-weight:700}.scoring-modal-section p{font-size:13px;color:var(--text-dim);line-height:1.7;margin:0}.scoring-dim-table{width:100%;border-collapse:collapse;margin-top:8px}.scoring-dim-table td{padding:5px 8px;font-size:12px;color:var(--text-dim);border-bottom:1px solid var(--border)}.scoring-dim-table td:first-child{color:var(--text);font-weight:700;white-space:nowrap;width:80px}.scoring-dim-table td:last-child{font-family:Cinzel,serif;color:var(--gold-dim);text-align:center;width:40px}.btn-restart{display:block;margin:40px auto 0;padding:14px 40px;border:1px solid var(--border);color:var(--text-dim);font-size:13px;letter-spacing:3px;font-family:Cinzel,serif;transition:all .3s}.btn-restart:hover{border-color:var(--gold-dim);color:var(--text)}.collection-badge{position:fixed;bottom:34px;right:10px;display:none;align-items:center;gap:8px;padding:8px 14px 8px 12px;background:linear-gradient(135deg,#1f1810eb,#14100ceb);border:1px solid rgba(201,168,76,.35);color:var(--text);font-family:Cinzel,"Noto Serif SC",serif;font-size:11px;letter-spacing:1.5px;cursor:pointer;transition:all .3s;z-index:9998}.collection-badge.show{display:inline-flex}.collection-badge:hover{border-color:var(--gold);box-shadow:0 0 12px #c9a84c40}.collection-badge-icon{color:var(--gold);font-size:13px;line-height:1}.collection-badge-count{color:var(--gold);font-weight:700;letter-spacing:.5px}.collection-badge-label{color:var(--text-dim);font-size:10px;letter-spacing:1px}.collection-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000c7;z-index:10002;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s;padding:20px;box-sizing:border-box}.collection-modal-overlay.show{opacity:1;pointer-events:auto}.collection-modal{background:var(--surface);border:1px solid var(--border-light);max-width:640px;width:100%;max-height:85vh;overflow-y:auto;padding:28px 24px;position:relative}.collection-modal-close{position:absolute;top:10px;right:14px;background:none;border:none;color:var(--text-dim);font-size:22px;cursor:pointer;line-height:1;padding:6px 10px}.collection-modal-close:hover{color:var(--gold)}.collection-modal h3{font-family:Cinzel,serif;font-size:13px;letter-spacing:4px;color:var(--gold-dim);text-transform:uppercase;margin:0 0 6px}.collection-modal-progress{font-size:12px;color:var(--text-dim);margin:0 0 18px;letter-spacing:1px}.collection-modal-progress strong{color:var(--gold);font-weight:700}.collection-faction-group{margin-bottom:20px}.collection-faction-title{font-family:Cinzel,"Noto Serif SC",serif;font-size:11px;letter-spacing:3px;color:var(--gold-dim);text-transform:uppercase;margin:0 0 10px;padding-bottom:4px;border-bottom:1px solid var(--border)}.collection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.collection-card{padding:10px 12px;background:#14100c8c;border:1px solid var(--border);display:flex;flex-direction:column;gap:3px;transition:border-color .2s}.collection-card.unlocked{border-color:#c9a84c59}.collection-card.locked{opacity:.55}.collection-card-name{font-size:13px;color:var(--text);font-weight:700;font-family:"Noto Serif SC",serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-card.locked .collection-card-name{color:var(--text-faint);letter-spacing:3px;font-family:monospace}.collection-card-sub{font-size:10px;color:var(--text-dim);letter-spacing:.5px}.collection-card.unlocked .collection-card-name:before{content:"★ ";color:var(--gold);font-size:11px}@media (max-width:480px){.collection-grid{grid-template-columns:1fr}.collection-badge{bottom:32px;right:8px;padding:7px 11px;font-size:10px}.collection-badge-label{display:none}}.fade-in{animation:fadeIn .5s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.fade-in-delay-1{animation-delay:.1s}.fade-in-delay-2{animation-delay:.2s}.fade-in-delay-3{animation-delay:.3s}.fade-in-delay-4{animation-delay:.4s}.fade-in-delay-5{animation-delay:.5s}@media (max-width:480px){.quiz-body{padding:20px 16px 16px;gap:14px}.quiz-question-card{padding:18px 16px}.quiz-option{padding:12px 14px}.likert-statement{margin-bottom:28px}.likert-scale{gap:8px}.likert-dot:nth-child(1),.likert-dot:nth-child(7){width:38px;height:38px}.likert-dot:nth-child(2),.likert-dot:nth-child(6){width:34px;height:34px}.likert-dot:nth-child(3),.likert-dot:nth-child(5){width:28px;height:28px}.likert-dot:nth-child(4){width:24px;height:24px}.quiz-nav{padding:4px 16px 32px}.btn-nav{padding:12px}.quiz-footer{padding-top:14px}.result-hero{padding:36px 20px}.result-section{padding:24px 16px 0}}#results{--theme-bright:var(--gold-bright);--theme-mid:var(--gold);--theme-dim:var(--gold-dim);--theme-glow-rgb:201,168,76;--theme-bg-top:#14120a}#results .result-hero{background:linear-gradient(180deg,var(--theme-bg-top) 0%,var(--bg) 100%)}#results .result-hero:before{background:radial-gradient(ellipse at 50% 0%,rgba(var(--theme-glow-rgb),.14) 0%,rgba(var(--theme-glow-rgb),.04) 40%,transparent 70%)}#results .result-faction{color:var(--theme-bright);text-shadow:0 0 14px rgba(var(--theme-glow-rgb),.4)}#results .result-name{color:var(--theme-bright);text-shadow:0 0 24px rgba(var(--theme-glow-rgb),.3)}#results .result-name-en{color:var(--theme-mid)}#results .result-quote{color:var(--theme-mid);text-shadow:0 0 10px rgba(var(--theme-glow-rgb),.25)}#results .result-quote:before,#results .result-quote:after{color:var(--theme-mid)}#results .result-section-title{color:var(--theme-mid)}#results .result-description{border-left-color:var(--theme-dim);background:linear-gradient(135deg,rgba(var(--theme-glow-rgb),.06),var(--surface))}#results .dim-bar-fill{background:linear-gradient(90deg,var(--theme-dim),var(--theme-bright));box-shadow:0 0 6px rgba(var(--theme-glow-rgb),.4),0 0 14px rgba(var(--theme-glow-rgb),.18)}#results .btn-share{border-color:var(--theme-dim);color:var(--theme-mid)}#results .btn-share:hover{border-color:var(--theme-bright);box-shadow:0 0 16px rgba(var(--theme-glow-rgb),.25);background:rgba(var(--theme-glow-rgb),.06)}#results .btn-restart{border-color:var(--theme-dim);color:var(--theme-mid)}#results .btn-restart:hover{border-color:var(--theme-bright);color:var(--theme-bright)}#results[data-theme=catachan]{--theme-bright:#88c048;--theme-mid:#5a8828;--theme-dim:#385018;--theme-glow-rgb:90,136,40;--theme-bg-top:#0c0e08}#results[data-theme=krieg]{--theme-bright:#8898b0;--theme-mid:#586878;--theme-dim:#384050;--theme-glow-rgb:88,104,120;--theme-bg-top:#0a0a0e}#results[data-theme=ultramarines]{--theme-bright:#5b8fd9;--theme-mid:#3d6bb5;--theme-dim:#2a4a7d;--theme-glow-rgb:61,107,181;--theme-bg-top:#080c18}#results[data-theme=bloodangels]{--theme-bright:#e84848;--theme-mid:#c82020;--theme-dim:#881515;--theme-glow-rgb:200,32,32;--theme-bg-top:#140808}#results[data-theme=spacewolves]{--theme-bright:#c0d0e0;--theme-mid:#8898b0;--theme-dim:#506070;--theme-glow-rgb:150,170,200;--theme-bg-top:#0a0c12}#results[data-theme=bloodravens]{--theme-bright:#d04040;--theme-mid:#a03030;--theme-dim:#682020;--theme-glow-rgb:168,48,48;--theme-bg-top:#120808}#results[data-theme=greyknight]{--theme-bright:#a8b8d8;--theme-mid:#7088b0;--theme-dim:#485878;--theme-glow-rgb:112,136,176;--theme-bg-top:#0a0c14}#results[data-theme=blacktemplar]{--theme-bright:#e0d8d0;--theme-mid:#b0a898;--theme-dim:#686058;--theme-glow-rgb:200,188,176;--theme-bg-top:#0c0c0a}#results[data-theme=darkangels]{--theme-bright:#60b870;--theme-mid:#388040;--theme-dim:#204828;--theme-glow-rgb:80,160,100;--theme-bg-top:#081008}#results[data-theme=whitescars]{--theme-bright:#f0e8e0;--theme-mid:#c0b0a0;--theme-dim:#887868;--theme-glow-rgb:210,190,172;--theme-bg-top:#0e0e0c}#results[data-theme=imperialfists]{--theme-bright:#f0d040;--theme-mid:#c0a020;--theme-dim:#786418;--theme-glow-rgb:220,186,50;--theme-bg-top:#121008}#results[data-theme=ironhands]{--theme-bright:#a0a0a8;--theme-mid:#707078;--theme-dim:#484850;--theme-glow-rgb:140,140,148;--theme-bg-top:#0a0a0c}#results[data-theme=salamanders]{--theme-bright:#58c060;--theme-mid:#309838;--theme-dim:#186020;--theme-glow-rgb:48,152,56;--theme-bg-top:#081008}#results[data-theme=ravenguard]{--theme-bright:#9888b0;--theme-mid:#685880;--theme-dim:#3a2850;--theme-glow-rgb:120,100,150;--theme-bg-top:#0a080e}#results[data-theme=thousandsons]{--theme-bright:#5080e0;--theme-mid:#3060c0;--theme-dim:#1a3878;--theme-glow-rgb:48,96,192;--theme-bg-top:#080a14}#results[data-theme=worldeaters]{--theme-bright:#e83030;--theme-mid:#c01818;--theme-dim:#781010;--theme-glow-rgb:192,24,24;--theme-bg-top:#140606}#results[data-theme=deathguard]{--theme-bright:#a8b848;--theme-mid:#788820;--theme-dim:#485010;--theme-glow-rgb:148,168,50;--theme-bg-top:#0c0e08}#results[data-theme=emperorschildren]{--theme-bright:#d078e0;--theme-mid:#9848b0;--theme-dim:#602878;--theme-glow-rgb:180,100,200;--theme-bg-top:#100818}#results[data-theme=blacklegion]{--theme-bright:#d8b848;--theme-mid:#a89030;--theme-dim:#685818;--theme-glow-rgb:188,158,48;--theme-bg-top:#0e0c06}#results[data-theme=nightlords]{--theme-bright:#5898e0;--theme-mid:#2858a0;--theme-dim:#183868;--theme-glow-rgb:40,88,160;--theme-bg-top:#060814}#results[data-theme=wordbearers]{--theme-bright:#d04040;--theme-mid:#a02020;--theme-dim:#681010;--theme-glow-rgb:176,32,32;--theme-bg-top:#120606}#results[data-theme=ironwarriors]{--theme-bright:#d0c030;--theme-mid:#a09020;--theme-dim:#585010;--theme-glow-rgb:196,180,40;--theme-bg-top:#0e0e08}#results[data-theme=alphlegion]{--theme-bright:#50c8b0;--theme-mid:#2898a0;--theme-dim:#186068;--theme-glow-rgb:40,152,160;--theme-bg-top:#081210}#results[data-theme=tyranid]{--theme-bright:#c060d0;--theme-mid:#8840a0;--theme-dim:#582068;--theme-glow-rgb:160,64,160;--theme-bg-top:#0e0814}#results[data-theme=warboss]{--theme-bright:#58c040;--theme-mid:#389020;--theme-dim:#205810;--theme-glow-rgb:56,144,32;--theme-bg-top:#0a1008}#results[data-theme=trazyn]{--theme-bright:#40e8a0;--theme-mid:#20a870;--theme-dim:#106848;--theme-glow-rgb:32,168,112;--theme-bg-top:#060e0a}#results[data-theme=drukhari]{--theme-bright:#a040e0;--theme-mid:#6820a0;--theme-dim:#401068;--theme-glow-rgb:104,32,160;--theme-bg-top:#0a0610}#results[data-theme=admech]{--theme-bright:#e04040;--theme-mid:#a02020;--theme-dim:#681010;--theme-glow-rgb:160,32,32;--theme-bg-top:#100606}#results[data-theme=emperor-chosen]{--theme-bright:#e8d060;--theme-mid:#c9a84c;--theme-dim:#8a7030;--theme-glow-rgb:232,200,90;--theme-bg-top:#1a1508}#results[data-theme=khorne-chosen]{--theme-bright:#e03030;--theme-mid:#a81818;--theme-dim:#601010;--theme-glow-rgb:200,24,24;--theme-bg-top:#180606}#results[data-theme=tzeentch-chosen]{--theme-bright:#6880e8;--theme-mid:#4060c0;--theme-dim:#283878;--theme-glow-rgb:64,96,200;--theme-bg-top:#0a0a18}#results[data-theme=nurgle-chosen]{--theme-bright:#98b040;--theme-mid:#688018;--theme-dim:#404810;--theme-glow-rgb:130,160,40;--theme-bg-top:#0c0e06}#results[data-theme=slaanesh-chosen]{--theme-bright:#e068d0;--theme-mid:#a848a0;--theme-dim:#682860;--theme-glow-rgb:200,80,190;--theme-bg-top:#140a14}#results[data-theme=horus-chosen]{--theme-bright:#c084fc;--theme-mid:#a855f7;--theme-dim:#7c3aed;--theme-glow-rgb:120,40,180;--theme-bg-top:#0d0a14}#results.tier-enhanced{animation:primarch-glow 4s ease-in-out infinite}#results.tier-enhanced .result-name{text-shadow:0 0 30px rgba(var(--theme-glow-rgb),.4),0 0 60px rgba(var(--theme-glow-rgb),.15)}#results.tier-enhanced .result-hero:before{background:radial-gradient(ellipse at 50% 0%,rgba(var(--theme-glow-rgb),.22) 0%,rgba(var(--theme-glow-rgb),.07) 40%,transparent 70%)}@keyframes primarch-glow{0%,to{box-shadow:0 0 30px rgba(var(--theme-glow-rgb),.08),inset 0 0 30px rgba(var(--theme-glow-rgb),.02)}50%{box-shadow:0 0 60px rgba(var(--theme-glow-rgb),.16),inset 0 0 60px rgba(var(--theme-glow-rgb),.04)}}#results[data-chosen=emperor]{animation:golden-glow 4s ease-in-out infinite}#results[data-chosen=emperor] .result-name{text-shadow:0 0 30px rgba(232,200,90,.3),0 0 60px rgba(201,168,76,.15)}#results[data-chosen=emperor] .result-hero:before{background:radial-gradient(ellipse at 50% 0%,rgba(232,200,90,.2) 0%,rgba(201,168,76,.06) 40%,transparent 70%)}@keyframes golden-glow{0%,to{box-shadow:0 0 30px #e8c85a1a,inset 0 0 30px #e8c85a05}50%{box-shadow:0 0 60px #e8c85a33,inset 0 0 60px #e8c85a0a}}#results[data-chosen=horus]{animation:warp-pulse 3s ease-in-out infinite}#results[data-chosen=horus] .result-name{text-shadow:0 0 30px rgba(120,40,180,.4),0 0 60px rgba(80,200,80,.15)}#results[data-chosen=horus] .result-hero:before{background:radial-gradient(ellipse at 50% 0%,rgba(120,40,180,.2) 0%,rgba(80,200,80,.06) 40%,transparent 70%)}@keyframes warp-pulse{0%,to{box-shadow:0 0 30px #7828b41a,inset 0 0 30px #50c85005}50%{box-shadow:0 0 60px #7828b433,inset 0 0 60px #50c8500d}}#results[data-chosen=khorne]{animation:blood-rage 3s ease-in-out infinite}#results[data-chosen=khorne] .result-name{text-shadow:0 0 30px rgba(200,20,20,.5),0 0 60px rgba(180,10,10,.2)}#results[data-chosen=khorne] .result-hero:before{background:radial-gradient(ellipse at 50% 0%,rgba(200,20,20,.22) 0%,rgba(160,10,10,.06) 40%,transparent 70%)}@keyframes blood-rage{0%,to{box-shadow:0 0 30px #c814141a,inset 0 0 20px #b40a0a08}50%{box-shadow:0 0 60px #c8141440,inset 0 0 40px #b40a0a0f}}#results[data-chosen=tzeentch]{animation:arcane-shift 5s ease-in-out infinite}#results[data-chosen=tzeentch] .result-name{text-shadow:0 0 30px rgba(64,96,200,.4),0 0 60px rgba(180,60,220,.15)}#results[data-chosen=tzeentch] .result-hero:before{background:radial-gradient(ellipse at 50% 0%,rgba(64,96,200,.2) 0%,rgba(180,60,220,.06) 40%,transparent 70%)}@keyframes arcane-shift{0%,to{box-shadow:0 0 30px #4060c81a,inset 0 0 30px #b43cdc05}33%{box-shadow:0 0 50px #b43cdc26,inset 0 0 40px #4060c80a}66%{box-shadow:0 0 40px #78c8501f,inset 0 0 30px #b43cdc08}}#results[data-chosen=nurgle]{animation:decay-pulse 6s ease-in-out infinite}#results[data-chosen=nurgle] .result-name{text-shadow:0 0 30px rgba(130,160,40,.4),0 0 60px rgba(100,120,30,.15)}#results[data-chosen=nurgle] .result-hero:before{background:radial-gradient(ellipse at 50% 0%,rgba(130,160,40,.18) 0%,rgba(100,120,30,.06) 40%,transparent 70%)}@keyframes decay-pulse{0%,to{box-shadow:0 0 30px #82a02814,inset 0 0 30px #64501405}50%{box-shadow:0 0 50px #82a0282e,inset 0 0 50px #6450140a}}#results[data-chosen=slaanesh]{animation:excess-shimmer 4s ease-in-out infinite}#results[data-chosen=slaanesh] .result-name{text-shadow:0 0 30px rgba(200,80,190,.4),0 0 60px rgba(220,120,250,.15)}#results[data-chosen=slaanesh] .result-hero:before{background:radial-gradient(ellipse at 50% 0%,rgba(200,80,190,.2) 0%,rgba(220,120,250,.06) 40%,transparent 70%)}@keyframes excess-shimmer{0%,to{box-shadow:0 0 30px #c850be1a,inset 0 0 30px #dc78fa05}50%{box-shadow:0 0 60px #c850be33,inset 0 0 50px #dc78fa0d}}.chosen-epithet{font-size:13px;color:var(--theme-mid);letter-spacing:2px;font-family:Cinzel,serif;margin-top:16px;text-transform:uppercase;opacity:.8}@media (prefers-reduced-motion:reduce){#results.tier-enhanced,#results[data-chosen]{animation:none!important}}