:root{--color-bg:#0a0a0a;--color-panel:#111;--color-text-main:#f0f0f0;--color-text-sub:#888;--color-border-base:#ffffff26;--color-border-active:#ffffff80;--color-accent-bg:#ffffff08;--color-accent-bg-active:#ffffff14;--font-mono:"Courier New", Courier, monospace;--font-sans:"Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text-main);min-height:100vh;margin:0;line-height:1.6}.mono{font-family:var(--font-mono)}.hud-box{background:var(--color-panel);border:1px solid var(--color-border-base);box-sizing:border-box;padding:40px;position:relative}@media (max-width:600px){.hud-box{padding:20px}}.hud-corners:before,.hud-corners:after,.hud-corners-bottom:before,.hud-corners-bottom:after{content:"";pointer-events:none;z-index:1;width:12px;position:absolute;top:-1px;bottom:-1px}.hud-corners:before{background:linear-gradient(#fff,#fff) 0 0/1px 12px no-repeat;border-top:1px solid #fff;left:-1px}.hud-corners:after{background:linear-gradient(#fff,#fff) 100% 0/1px 12px no-repeat;border-top:1px solid #fff;right:-1px}.hud-corners-bottom:before{background-image:linear-gradient(#fff,#fff);background-position:0 100%;background-repeat:no-repeat;background-size:1px 12px;border-bottom:1px solid #fff}.hud-corners-bottom:after{background-image:linear-gradient(#fff,#fff);background-position:100% 100%;background-repeat:no-repeat;background-size:1px 12px;border-bottom:1px solid #fff}.hud-corners.hud-corners-bottom:before{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:0 0,0 100%}.hud-corners.hud-corners-bottom:after{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:100% 0,100% 100%}.hero h1{color:#fff;margin:20px 0;font-size:48px;font-weight:400;line-height:1.2}@media (max-width:600px){.hero h1{font-size:32px}}.hero p{color:var(--color-text-sub);max-width:600px;margin-bottom:40px}.btn{font-family:var(--font-mono);cursor:pointer;border-radius:0;justify-content:center;align-items:center;padding:14px 28px;font-size:14px;transition:all .2s;display:inline-flex}.btn-primary{background:var(--color-text-main);color:#000;border:none}.btn-primary:hover{background:#fff}.btn-primary:disabled{opacity:.3;cursor:not-allowed}.btn-outline{border:1px solid var(--color-border-base);color:var(--color-text-sub);background:0 0}.btn-outline:hover{border-color:var(--color-border-active);color:var(--color-text-main)}.quiz-header{color:var(--color-text-sub);justify-content:space-between;margin-bottom:12px;font-size:12px;display:flex}.progress-line{background:var(--color-border-base);height:1px;margin-bottom:40px;position:relative}.progress-inner{background:#fff;width:0%;height:100%;transition:width .3s;position:absolute;top:0;left:0}.q-param{color:var(--color-text-sub);margin-bottom:10px;font-size:12px}.q-title{color:#fff;margin:0 0 30px;font-size:28px;font-weight:400}@media (max-width:600px){.q-title{font-size:22px}}.options{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:600px){.options{grid-template-columns:1fr}}.option{border:1px solid var(--color-border-base);color:var(--color-text-sub);cursor:pointer;text-align:left;box-sizing:border-box;background:0 0;flex-direction:column;padding:20px;font-family:inherit;transition:all .2s;display:flex}.option:hover{border-color:var(--color-border-active);background:var(--color-accent-bg);color:var(--color-text-main)}.option.selected{background:var(--color-accent-bg-active);color:#fff;border-color:#fff}.opt-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.opt-checkbox{border:1px solid var(--color-border-base);justify-content:center;align-items:center;width:14px;height:14px;display:flex}.option.selected .opt-checkbox{border-color:#fff}.option.selected .opt-checkbox:after{content:"";background:#fff;width:8px;height:8px}.opt-text{font-size:15px}.nav{justify-content:space-between;margin-top:40px;display:flex}.result-grid{grid-template-columns:1fr 360px;display:grid}@media (max-width:768px){.result-grid{grid-template-columns:1fr}}.result-main{border-right:1px solid var(--color-border-base);box-sizing:border-box;min-width:0;padding:40px}@media (max-width:768px){.result-main{border-right:none;border-bottom:1px solid var(--color-border-base);padding:20px}}.result-side{box-sizing:border-box;min-width:0;padding:40px}@media (max-width:768px){.result-side{padding:20px}}.section-title{color:var(--color-text-sub);text-transform:uppercase;margin-bottom:24px;font-size:14px}.archetype-title{color:#fff;margin:0 0 16px;font-size:42px;font-weight:400;line-height:1.1}@media (max-width:600px){.archetype-title{font-size:32px}}.archetype-summary{color:var(--color-text-sub);margin-bottom:40px;font-size:15px}.mini-card{border:1px solid var(--color-border-base);background:var(--color-accent-bg);box-sizing:border-box;margin-bottom:16px;padding:20px}.mini-card strong{color:#fff;margin-bottom:8px;font-size:16px;font-weight:400;display:block}.mini-card p{color:var(--color-text-sub);margin:0;font-size:14px}.score-list{margin-top:30px}.score-row{color:var(--color-text-sub);grid-template-columns:100px 1fr 30px;align-items:center;gap:12px;margin-bottom:12px;font-size:13px;display:grid}.score-bar-bg{background:var(--color-border-base);width:100%;height:2px;position:relative}.score-bar-fill{background:#fff;height:100%;position:absolute;top:0;left:0}.score-val{color:#fff;text-align:right}.sigil-box{border:1px solid var(--color-border-base);box-sizing:border-box;background:#000;flex-direction:column;align-items:center;margin-bottom:30px;padding:20px;display:flex;position:relative}.sigil-image{mix-blend-mode:screen;width:100%;max-width:220px;height:auto}.reveal-item{opacity:0;will-change:opacity, transform;transition:opacity .4s,transform .4s;transform:translateY(6px)}.reveal-item.is-visible{opacity:1;transform:none}@keyframes reveal-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.reveal-on-mount{animation:.4s forwards reveal-fade-in}.sigil-image-reveal{opacity:0;filter:blur(24px);transition:opacity 1s,filter 2s 1s}.sigil-image-reveal.is-revealed{opacity:1;filter:blur()}.result-lock-blur{filter:blur(9px)saturate(.35);opacity:.45;pointer-events:none;-webkit-user-select:none;user-select:none}.sigil-image.result-lock-blur{filter:blur(18px)saturate(.35)!important}.result-unlock-panel{z-index:4;width:min(460px,100% - 40px);position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)}.result-unlock-panel .mini-card{border-color:#ffffff5c;margin:0;box-shadow:0 24px 80px #0000008c;background:#0a0a0aeb!important}@media (max-width:768px){.result-unlock-panel{width:auto;margin:-4px 20px 20px;position:sticky;top:16px;left:auto;transform:none}}.admin-shell .hud-box{padding:24px}@media (max-width:600px){.admin-shell .hud-box{padding:14px}}.admin-header-actions{flex-wrap:wrap;gap:12px;display:flex}@media (max-width:600px){.admin-header-actions{gap:8px}.admin-header-actions .btn{padding:8px 14px;font-size:12px}}.admin-tools-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.admin-tools-grid>*{min-width:0}@media (max-width:768px){.admin-tools-grid{grid-template-columns:1fr}.admin-tools-grid>:first-child{order:2}.admin-tools-grid>:nth-child(2){order:1}}