:root{font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;color:#f2eadf;background:#071019;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 75% 0%,#152533 0,transparent 38%),#071019}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}a:hover,button:hover{transition:all .2s ease}a:focus-visible,button:focus-visible{outline:2px solid #f3ad70;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.04em}h1{font-size:clamp(40px,8vw,76px);line-height:1.11;font-weight:800}h1 em,h2 em{font-style:normal;color:#eaa66d}.app-shell{max-width:1440px;margin:auto;min-height:100vh;overflow:hidden}.site-header{height:76px;padding:0 clamp(24px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #26333b}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.05em;font-size:18px}.brand small{display:block;font-size:10px;color:#a7aeb0;font-weight:500;letter-spacing:.2em;margin-top:2px}.brand-mark{width:39px;height:39px;background:#d78f5b;color:#111a20;display:grid;place-items:center;border-radius:4px;transform:rotate(-6deg);font-weight:900}.header-actions{display:flex;gap:8px}.icon-button{background:transparent;border:1px solid #3a4549;color:#ebd9c2;border-radius:50%;width:42px;height:42px;display:grid;place-items:center}.icon-button:hover{background:#1d2d35}.mobile-menu{display:none}.desktop-nav{position:absolute;top:0;left:50%;transform:translate(-50%);height:76px;display:flex;align-items:center;gap:28px;color:#abb6b8;font-size:14px}.desktop-nav a.router-link-active,.desktop-nav a:hover{color:#f1ab71}.mobile-nav{display:none}.page{padding:clamp(34px,6vw,76px) clamp(20px,6vw,82px) 80px}.narrow-page{max-width:980px;margin:auto}.page-top{max-width:730px;margin-bottom:42px}.page-top.center{text-align:center;margin-left:auto;margin-right:auto}.page-top h1{margin:14px 0 18px}.page-top p{color:#aebabe;line-height:1.7;font-size:16px}.eyebrow{font-size:11px;letter-spacing:.22em;color:#eca76a;font-weight:800;text-transform:uppercase;display:flex;align-items:center;gap:10px}.eyebrow-line{display:inline-block;width:25px;height:1px;background:#eca76a}.button{min-height:52px;padding:0 22px;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:750;border:1px solid transparent;white-space:nowrap}.button.primary{background:#e9a66d;color:#17202a;box-shadow:0 7px 28px #e9a66d22}.button.primary:hover:not(:disabled){background:#f5ba86;transform:translateY(-2px)}.button.secondary{background:#1a2a33;color:#f4e8d8;border-color:#53616a}.button.secondary:hover{border-color:#e9a66d}.button.outline{border-color:#c88b5b;color:#f2c097;background:transparent}.button.subtle{color:#e2d9ca;background:transparent;border-color:#34414a}.text-link,.page-bottom-link a,.link-row a{display:inline-flex;align-items:center;gap:7px;color:#eeb27d;font-weight:700}.loading,.empty{padding:30px;text-align:center;color:#9faeb3}.inline-error,.error-card{background:#422a29;color:#fff1e8;border:1px solid #b56a5a;padding:13px 17px;border-radius:4px;margin:18px 0}.inline-error button{margin-left:8px;background:none;color:#fff;text-decoration:underline;border:0}.feedback{color:#e5bd8b;font-size:14px;margin:12px 0}.muted,.microcopy,.hint{color:#91a0a6;font-size:13px;line-height:1.6}.site-footer{display:flex;justify-content:space-between;gap:16px;padding:26px clamp(20px,6vw,82px);border-top:1px solid #26333b;color:#85939a;font-size:12px}.hero{min-height:620px;display:grid;grid-template-columns:1fr .9fr;align-items:center;position:relative;padding:32px clamp(20px,6vw,82px) 56px}.hero-content{position:relative;z-index:2}.hero h1{font-size:clamp(52px,6.7vw,100px);margin:25px 0;line-height:1.05}.hero-lead{font-size:18px;color:#b8c5c5;line-height:1.75;max-width:490px}.hero-buttons{display:flex;align-items:center;gap:30px;margin-top:36px}.hero-meta{display:flex;gap:20px;flex-wrap:wrap;margin-top:77px;color:#8e9fa5;font-size:11px;letter-spacing:.06em}.hero-meta span+span{padding-left:20px;border-left:1px solid #4a535a}.hero-art{height:520px;position:relative;display:grid;place-items:center}.moon{position:absolute;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle at 38% 35%,#f1b977,#ad694d 65%,#613e37);box-shadow:0 0 100px #df865b33}.moon:after{content:"";position:absolute;inset:-45px;border:1px solid #be9e7855;border-radius:50%}.rune{position:absolute;color:#cf8e66;font-size:45px;opacity:.45;border:1px solid #a876585e;width:78px;height:78px;display:grid;place-items:center;transform:rotate(15deg)}.rune-one{left:8%;top:22%}.rune-two{right:6%;bottom:20%;transform:rotate(-12deg)}.ninja-shape{position:absolute;width:330px;height:380px;bottom:28px;filter:drop-shadow(0 25px 30px #0009)}.ninja-head{position:absolute;z-index:2;left:122px;top:12px;width:125px;height:125px;background:#15202a;border-radius:50% 50% 43% 43%;border:8px solid #26333a}.ninja-head:before{content:"";position:absolute;left:-4px;right:-4px;top:49px;height:34px;background:#c87b57;transform:skewY(-5deg)}.ninja-head span{position:absolute;z-index:3;left:28px;top:59px;width:60px;height:8px;border-radius:50%;background:#ffe0a7;box-shadow:0 0 13px #f2b97d}.ninja-body{position:absolute;bottom:0;left:32px;width:270px;height:260px;background:linear-gradient(110deg,#172630,#0a111a);clip-path:polygon(42% 0,72% 0,100% 94%,74% 100%,0 100%,8% 34%);border-radius:70px}.ninja-scarf{position:absolute;z-index:3;left:88px;top:127px;width:227px;height:70px;background:#b45e4a;clip-path:polygon(0 0,72% 0,100% 80%,39% 50%,0 100%);transform:rotate(-7deg)}.hero-art-caption{position:absolute;bottom:0;color:#a9a3a0;font-size:11px;letter-spacing:.35em}.section{padding:70px clamp(20px,6vw,82px)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:29px}.section-head h2{font-size:clamp(25px,3vw,37px);margin:10px 0 0}.section-head>p{color:#9daeb0;margin:0}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.step{min-height:204px;border:1px solid #2d3d45;background:#111e27;padding:22px;position:relative}.step-index{position:absolute;top:17px;right:17px;color:#596d74;font-size:11px}.step svg{color:#e7a06b;width:26px;height:26px;margin:18px 0}.step h3{font-size:18px;margin-bottom:7px}.step p{font-size:13px;color:#99a9ae;line-height:1.5}.home-bottom{margin:30px clamp(20px,6vw,82px) 0;padding:45px;background:linear-gradient(100deg,#172d37,#322a28);display:flex;align-items:center;justify-content:space-between;gap:20px}.home-bottom h2{font-size:33px;margin:12px 0}.home-bottom p{color:#aebabb;line-height:1.6;margin:0}.home-disclaimer{text-align:center;color:#768c95;font-size:12px;margin:35px 0 0}.quiz-progress{display:flex;justify-content:space-between;font-size:16px;font-weight:800}.quiz-progress small{color:#64777e}.progress-track,.stat-track{height:5px;background:#22323b;overflow:hidden}.progress-track{margin:12px 0 27px}.progress-track span,.stat-track span{display:block;height:100%;background:#e8a46e;transition:width .25s}.quiz-card,.invite-link-card,.funnel-card{background:#111f28;border:1px solid #31404a;padding:clamp(21px,5vw,42px)}.question-label{color:#e4a06c;font-size:12px;letter-spacing:.2em;font-weight:800}.quiz-card h2{font-size:clamp(23px,4vw,34px);margin:18px 0 32px}.options{display:grid;gap:12px}.option{width:100%;min-height:70px;background:#172832;color:#e8e7df;text-align:left;border:1px solid #35464f;padding:14px 17px;display:flex;align-items:center;gap:17px;border-radius:3px}.option:hover,.option.selected{background:#263644;border-color:#e7a36d}.option>span:nth-child(2){flex:1}.option-letter{color:#e6a46f;font-weight:800;border:1px solid #6b5f59;width:31px;height:31px;display:grid;place-items:center;font-size:12px;flex-shrink:0}.option.selected .option-letter{background:#e7a36d;color:#0d1b23}.quiz-controls{display:flex;justify-content:space-between;margin-top:23px}.hint{text-align:center}.result-page{max-width:1050px;margin:auto}.identity-card{position:relative;max-width:660px;margin:auto;padding:35px 55px 48px;text-align:center;background:radial-gradient(circle at 50% 13%,#293842,#0e1c25 61%);border:1px solid #7a6456;box-shadow:0 32px 70px #0004}.identity-orbit{height:210px;position:relative;display:grid;place-items:center}.orbit-circle{position:absolute;border:1px solid #b890694c;border-radius:50%;width:190px;height:190px}.orbit-circle.two{width:155px;height:155px;border-style:dashed}.identity-symbol{font-size:120px;color:#efab72;line-height:1}.identity-label{color:#9eabb0;letter-spacing:.2em;font-size:11px}.identity-card h2{font-size:clamp(36px,6vw,58px);margin:9px 0}.identity-style{color:#edaa73;font-size:16px;letter-spacing:.2em}.identity-description{line-height:1.8;color:#b4c0c0;max-width:400px;margin:25px auto 33px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;text-align:left}.stat>div:first-child{display:flex;justify-content:space-between;font-size:12px;margin-bottom:7px;color:#a8b6b9}.stat strong{color:#e7a46e}.card-corner{position:absolute;width:24px;height:24px;border-color:#e9a76f;border-style:solid}.card-corner.tl{left:9px;top:9px;border-width:1px 0 0 1px}.card-corner.br{right:9px;bottom:9px;border-width:0 1px 1px 0}.result-actions,.invite-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:25px}.result-page>.feedback{text-align:center}.link-row{display:flex;justify-content:center;gap:30px;margin:25px}.invite-summary{display:flex;flex-direction:column;align-items:center;padding:31px;background:radial-gradient(circle,#20323b,#14222b);border:1px solid #354a51;text-align:center}.invite-icon{color:#e9a66d;margin-bottom:10px}.invite-summary>span{color:#abb7b7}.invite-summary strong{font-size:61px;line-height:1.15;margin:10px}.invite-summary strong small{font-size:18px;margin-left:6px}.invite-summary p{color:#e7a56d;margin:0}.invite-link-card{margin-top:20px;text-align:center}.invite-link-card .eyebrow{justify-content:center}.invite-code{font-size:clamp(28px,7vw,44px);letter-spacing:.15em;font-weight:800;color:#f4bd83;margin:17px 0}.copy-field{display:flex;align-items:center;background:#0a1821;border:1px solid #31444b;text-align:left;min-height:48px;color:#9eabb2}.copy-field input{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:12px;border:0;outline:0;background:transparent;color:#cbd6d7;font:inherit;font-size:14px}.copy-field input:focus-visible{outline:2px solid #f3ad70;outline-offset:-3px}.copy-field button{border:0;border-left:1px solid #31444b;background:#172831;color:#e9ab75;width:48px;height:46px}.invite-link-card .microcopy{margin:14px 0 0}.milestone-section{margin-top:48px}.milestone{display:flex;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid #283841}.milestone-node{width:42px;height:42px;border-radius:50%;background:#20313a;color:#a6b4b6;display:grid;place-items:center;flex-shrink:0;border:1px solid #53616a}.milestone.unlocked .milestone-node{background:#dea06d;color:#10202a;border-color:#dea06d}.milestone>div:nth-child(2){flex:1}.milestone strong{font-size:15px}.milestone p{color:#9babb1;margin:5px 0 0;font-size:13px}.milestone-status{color:#e9a66d;font-size:12px}.page-bottom-link{text-align:center;margin:35px}.lottery-page,.lottery-page .page-top{text-align:center}.chances{display:flex;justify-content:center;align-items:center;gap:8px;margin:-4px 0 26px;color:#aebcbe}.chances svg,.chances strong{color:#efad74}.lottery-board{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;max-width:555px;margin:auto;padding:8px;background:#553e35;border:1px solid #ac784f;box-shadow:0 25px 70px #0006}.prize-cell,.draw-center{aspect-ratio:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:#142630;color:#dfdfd7;text-align:center;padding:6px;font-size:clamp(11px,2.7vw,16px);border:1px solid #42515a}.prize-cell.active{background:#664639;border-color:#f6bd80;box-shadow:inset 0 0 0 2px #f0b379}.prize-glyph{font-size:clamp(30px,7vw,52px);line-height:1;color:#e5a56d}.draw-center{border:0;background:#e7a46c;color:#14232b}.draw-center span{font-size:45px;font-weight:900;line-height:1}.draw-center strong{font-size:14px}.win-message{margin:20px 0;color:#e5b077;font-size:18px}.no-chances{margin:25px auto;padding:15px;max-width:555px;background:#142833;color:#b4c4c7;font-size:14px;line-height:1.7}.no-chances a{display:inline-flex;color:#e7aa75;align-items:center}.lottery-history,.probabilities{text-align:left;max-width:700px;margin:60px auto 0}.history-list>div{padding:14px 0;border-bottom:1px solid #30414b;display:flex;justify-content:space-between;gap:14px}.history-list time{color:#81959b;font-size:12px}.probabilities{margin-top:30px;padding:24px;border:1px solid #34454e;background:#101e27;display:grid;grid-template-columns:1fr 1fr;gap:5px 20px}.probabilities h3,.probabilities small{grid-column:1/-1}.probabilities h3{font-size:17px}.probabilities p{color:#a8b6b9;display:flex;justify-content:space-between;margin:2px 0;font-size:13px}.probabilities strong{color:#f0b27d}.probabilities small{color:#81959b;line-height:1.6;margin-top:12px}.dashboard-notice{padding:18px 22px;border-left:3px solid #e3a06b;background:#172b34;display:flex;gap:18px;color:#adbdc0;line-height:1.55;font-size:14px}.dashboard-notice strong{color:#ebae77;white-space:nowrap}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:26px 0}.metric-card{min-height:130px;padding:20px;border:1px solid #344650;background:#11222b;display:flex;flex-direction:column;justify-content:space-between}.metric-card span{color:#a4b3b7;font-size:13px}.metric-card strong{font-size:36px;color:#f2e4d2}.funnel-card{margin-top:25px}.funnel-list{display:grid;gap:23px;margin:28px 0}.funnel-row{display:grid;grid-template-columns:155px 1fr 45px 45px;align-items:center;gap:16px}.funnel-label{display:flex;align-items:center;gap:14px;font-size:14px}.funnel-num{color:#dca16e;font-size:11px}.funnel-bar{height:28px;background:#1d333e}.funnel-bar span{display:block;height:100%;background:linear-gradient(90deg,#91604a,#e8a367)}.funnel-count{text-align:right}.funnel-row small{color:#a8b6ba;text-align:right}.modal-backdrop{position:fixed;inset:0;z-index:20;background:#03080cce;display:grid;place-items:center;padding:15px;overflow:auto}.rules-modal,.poster-modal{position:relative;background:#10212b;border:1px solid #775d50;width:min(100%,520px);padding:30px;color:#eee6d9;max-height:calc(100vh - 30px);overflow:auto}.rules-modal h2,.poster-modal h2{font-size:31px;margin:12px 0}.rules-modal ol{padding-left:22px;color:#b8c6c5;line-height:1.7}.rules-modal li{margin-bottom:10px}.close{position:absolute;right:15px;top:15px}.poster-modal{text-align:center;width:min(100%,410px)}.poster-modal p{color:#a6b6b8}.poster-modal img{display:block;width:min(100%,280px);margin:12px auto 20px;box-shadow:0 10px 30px #0007}.poster-modal .button{width:100%}@media(max-width:800px){.desktop-nav{display:none}.mobile-menu{display:grid}.mobile-nav{display:grid;position:absolute;left:0;right:0;top:76px;z-index:10;background:#101f28;border-bottom:1px solid #485963;padding:12px 24px;box-shadow:0 22px 40px #0008}.mobile-nav a{padding:13px;border-bottom:1px solid #263941}.hero{grid-template-columns:1fr;min-height:0;padding-top:55px}.hero-art{grid-row:1;height:330px}.moon{width:230px;height:230px}.ninja-shape{transform:scale(.69);bottom:-35px}.rune{font-size:26px;width:52px;height:52px}.hero-art-caption{bottom:2px}.hero-content{margin-top:35px}.hero h1{font-size:clamp(47px,10vw,76px)}.hero-meta{margin-top:48px}.steps{grid-template-columns:repeat(2,1fr)}.step:last-child{grid-column:1/-1}.home-bottom{padding:30px;display:block}.home-bottom .button{margin-top:25px}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.site-header{height:66px}.mobile-nav{top:66px}.page{padding:38px 20px 65px}.hero{padding:25px 20px 45px}.hero-art{height:280px}.hero-content{margin-top:24px}.hero h1{margin:18px 0;font-size:clamp(43px,12vw,62px)}.hero-lead{font-size:15px}.hero-buttons{flex-direction:column;align-items:stretch;gap:19px}.hero-buttons .text-link{justify-content:center}.hero-meta{gap:9px;margin-top:38px;font-size:10px}.hero-meta span+span{padding-left:9px}.section{padding:50px 20px}.section-head{align-items:start;display:block}.section-head>p{margin-top:11px}.steps{gap:9px}.step{min-height:158px;padding:13px}.step svg{width:21px;margin:12px 0}.step h3{font-size:15px}.step p{font-size:12px}.home-bottom{margin:0 20px}.home-bottom h2{font-size:26px}.site-footer{padding:24px 20px;flex-direction:column}.page-top{margin-bottom:30px}.page-top h1{font-size:clamp(38px,10vw,52px)}.quiz-card{padding:20px}.quiz-card h2{margin:17px 0 24px}.option{min-height:67px;padding:10px}.quiz-controls .button{padding:0 15px;font-size:14px}.identity-card{padding:22px 23px 33px}.identity-orbit{height:165px}.orbit-circle{width:160px;height:160px}.orbit-circle.two{width:128px;height:128px}.identity-symbol{font-size:100px}.identity-description{font-size:14px}.result-actions{flex-direction:column}.result-actions .button{width:100%}.dashboard-notice{display:block}.dashboard-notice strong{display:block;margin-bottom:7px}.metric-card{min-height:112px}.metric-card strong{font-size:30px}.funnel-row{grid-template-columns:105px 1fr 28px;gap:8px}.funnel-label{font-size:12px;gap:5px}.funnel-bar{height:23px}.funnel-row small{grid-column:2/-1;text-align:left;margin-top:-9px}.probabilities{grid-template-columns:1fr}.lottery-history{margin-top:45px}}@media(max-width:350px){.brand{font-size:15px}.hero-meta{font-size:9px}.hero-meta span+span{padding-left:6px}.quiz-controls .button{padding:0 10px;font-size:12px}.invite-code{letter-spacing:.07em}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.site-header{height:calc(76px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);padding-left:max(clamp(24px,5vw,72px),env(safe-area-inset-left));padding-right:max(clamp(24px,5vw,72px),env(safe-area-inset-right))}.desktop-nav{top:env(safe-area-inset-top)}.page{padding-left:max(clamp(20px,6vw,82px),env(safe-area-inset-left));padding-right:max(clamp(20px,6vw,82px),env(safe-area-inset-right));padding-bottom:max(80px,env(safe-area-inset-bottom))}.hero{padding-left:max(clamp(20px,6vw,82px),env(safe-area-inset-left));padding-right:max(clamp(20px,6vw,82px),env(safe-area-inset-right))}.site-footer{padding-bottom:max(26px,env(safe-area-inset-bottom))}@media(max-width:800px){.mobile-nav{top:calc(76px + env(safe-area-inset-top))}}@media(max-width:540px){.site-header{height:calc(66px + env(safe-area-inset-top))}.mobile-nav{top:calc(66px + env(safe-area-inset-top))}.page{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));padding-bottom:max(65px,env(safe-area-inset-bottom))}.hero{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)'/%3E%3C/svg%3E")}.unlocked-rewards{margin-top:42px;padding:26px;background:#101e27;border:1px solid #34454e}.unlocked-rewards h2{font-size:24px;margin:10px 0 18px}.reward-chips{display:flex;flex-wrap:wrap;gap:10px}.reward-chips span{padding:9px 13px;border:1px solid #c78d60;color:#f2c296;background:#342e2a;font-size:13px}.hero-anime{min-height:700px;grid-template-columns:.92fr 1.08fr;background:radial-gradient(circle at 75% 48%,#2a2730 0,#111f29 34%,transparent 62%);border-bottom:1px solid #5b4140;isolation:isolate}.hero-anime:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(115deg,transparent 0 42px,#e6ab7320 43px 44px,transparent 45px 88px);-webkit-mask-image:linear-gradient(90deg,transparent 28%,black 85%);mask-image:linear-gradient(90deg,transparent 28%,black 85%);opacity:.24}.hero-chapter{display:flex;align-items:center;gap:12px;color:#ded5c8;letter-spacing:.28em;font-size:12px;margin-bottom:32px}.hero-chapter span{background:#a64738;color:#fff0df;padding:6px 10px;letter-spacing:.1em;font-size:11px;font-weight:800;clip-path:polygon(0 0,100% 0,100% 80%,90% 100%,0 100%)}.hero-chapter i{width:36px;height:1px;background:#ad6c50}.hero-anime h1,.page-top h1,.chapter-section h2,.home-bottom h2,.identity-details h2{font-family:Songti SC,"Noto Serif CJK SC",SimSun,serif;letter-spacing:-.035em}.hero-anime h1{font-size:clamp(53px,6.4vw,94px);line-height:1.16;margin:22px 0;color:#fff0dc}.hero-anime h1 em{color:#f2a76e;text-shadow:0 8px 34px #bc613b44}.hero-anime .hero-lead{max-width:410px;font-size:18px;color:#d0c6b9}.hero-anime .hero-meta{margin-top:76px;color:#d5a985}.hero-anime .hero-meta span+span{border-left-color:#8e6254}.hero-anime .button.primary{background:#e58d5c;color:#191c22;box-shadow:5px 5px #914934}.hero-anime .button.primary:hover:not(:disabled){box-shadow:3px 3px #914934;transform:translate(2px,2px)}.hero-anime .hero-art{height:600px;min-width:0;position:relative;isolation:isolate}.hero-art-disc{position:absolute;width:min(92%,505px);aspect-ratio:1;border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%);background:radial-gradient(circle at 40% 35%,#d09365 0,#9e584d 50%,#422b35 74%,transparent 75%);box-shadow:0 0 70px #c9724740,0 0 0 1px #d69f7959;overflow:hidden}.hero-art-disc:after{content:"";position:absolute;inset:13%;border:1px solid #f2c18c6e;border-radius:50%}.hero-art-disc span{position:absolute;left:14%;top:14%;font-family:Songti SC,serif;font-size:95px;color:#f6d1a528;transform:rotate(-12deg)}.hero-art-lines{position:absolute;inset:6% 1%;border:1px solid #b77a6070;clip-path:polygon(11% 0,100% 0,100% 90%,88% 100%,0 100%,0 12%);transform:rotate(-4deg)}.hero-character{position:absolute;z-index:2;bottom:-44px;left:50%;transform:translate(-50%);height:640px;width:auto;max-width:none;filter:drop-shadow(0 22px 32px #01060ac0);pointer-events:none;-webkit-user-select:none;user-select:none}.hero-art-number{position:absolute;z-index:3;right:1%;top:10%;font-size:68px;font-weight:900;color:#f8d6b8;text-shadow:0 4px 25px #0008;line-height:1}.hero-art-number span{display:block;margin-top:6px;text-align:right;font-size:13px;letter-spacing:.2em;color:#cda589}.hero-art-vertical{position:absolute;z-index:3;right:-2%;top:38%;writing-mode:vertical-rl;letter-spacing:.5em;font-size:12px;color:#f3c096;text-shadow:0 2px 12px #000a}.hero-anime .hero-art-caption{z-index:3;bottom:3px;right:4%;left:auto;background:#ba5e43;color:#fff1dc;font-size:11px;letter-spacing:.18em;padding:10px 18px;transform:rotate(-3deg)}.hero-bottom-rule{position:absolute;bottom:20px;left:clamp(20px,6vw,82px);right:clamp(20px,6vw,82px);display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:.2em;color:#ad9c91}.hero-bottom-rule i{height:1px;background:#725c54;flex:1}.hero-bottom-rule span:last-child{font-size:21px;color:#d99060}.chapter-section{background:linear-gradient(180deg,#0a151f,#101c26);position:relative}.chapter-section:before{content:"卷一";position:absolute;right:6%;top:8px;font-family:Songti SC,serif;font-size:120px;color:#eaaa7210;pointer-events:none}.chapter-section .section-head h2{color:#f5e5d5}.chapter-section .step{clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,0 100%);background:linear-gradient(145deg,#172831,#101c26);border-color:#5c5050;border-left:3px solid #a55742}.chapter-section .step:nth-child(2n){border-left-color:#84a7a2}.chapter-section .step-index{font-size:37px;font-weight:900;color:#e9a66d32;top:2px;right:12px}.chapter-section .step svg{position:relative;z-index:1}.chapter-section .step h3{color:#f2dbc1}.home-bottom{background:linear-gradient(110deg,#24313a,#382827);border-left:4px solid #bd6348;clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%)}.quiz-card{border-left:3px solid #c26d4b;background:linear-gradient(135deg,#142631,#101d27)}.option{border-radius:0;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}.option.selected{background:linear-gradient(90deg,#41382f,#263644)}.identity-card{--role-accent:#eaa66d;max-width:930px;padding:0;display:grid;grid-template-columns:43% 57%;text-align:left;background:#101d27;border:1px solid #59525a;box-shadow:0 28px 60px #0007;overflow:hidden}.identity-shadow{--role-accent:#8bd6df}.identity-ember{--role-accent:#efa66f}.identity-star{--role-accent:#c6abf5}.identity-breeze{--role-accent:#a4d2b5}.identity-portrait{position:relative;min-height:505px;overflow:hidden;background:#0b1721}.identity-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}.identity-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0b1721bb,transparent 35%,transparent 80%,#0b172155);pointer-events:none}.portrait-stamp{position:absolute;z-index:1;right:20px;top:20px;width:68px;height:68px;border:2px solid var(--role-accent);border-radius:50%;display:grid;place-items:center;color:var(--role-accent);font-size:42px;line-height:1;background:#07121c77}.portrait-number{position:absolute;z-index:1;left:23px;bottom:20px;color:#fff0dc;font-size:11px;letter-spacing:.22em}.identity-details{padding:54px 47px 44px;display:flex;flex-direction:column;justify-content:center}.identity-details:before{content:"";display:block;width:55px;height:6px;background:var(--role-accent);transform:skew(-27deg);margin-bottom:35px}.identity-details .identity-label{font-size:11px;color:var(--role-accent);letter-spacing:.18em}.identity-details h2{font-size:clamp(38px,4.2vw,61px);color:#fff0da;line-height:1.1;margin:14px 0 10px}.identity-details .identity-style{font-size:15px;color:var(--role-accent);letter-spacing:.14em}.identity-details .identity-description{max-width:none;margin:24px 0 34px;text-align:left;color:#c7d0cd}.identity-details .stats{gap:20px}.identity-card .stat strong{color:var(--role-accent)}.identity-card .stat-track span{background:var(--role-accent)}@media(max-width:800px){.hero-anime{min-height:0;grid-template-columns:1fr}.hero-anime .hero-art{height:390px;grid-row:1}.hero-character{height:470px;bottom:-30px}.hero-art-disc{width:315px}.hero-art-number{right:9%;top:10%;font-size:50px}.hero-art-vertical{right:6%;top:38%}.hero-anime .hero-content{margin-top:16px}.hero-anime .hero-meta{margin-top:43px}.hero-bottom-rule{display:none}.identity-card{grid-template-columns:42% 58%}.identity-portrait{min-height:480px}.identity-details{padding:35px 30px}.identity-details:before{margin-bottom:20px}}@media(max-width:540px){.hero-anime{padding-top:6px}.hero-anime .hero-art{height:315px}.hero-character{height:380px;bottom:-21px}.hero-art-disc{width:270px}.hero-art-lines{inset:7% 6%}.hero-art-number{font-size:38px;right:7%;top:7%}.hero-art-vertical{font-size:9px;right:1%;top:36%}.hero-anime .hero-art-caption{font-size:9px;bottom:4px;right:4%;padding:7px 10px}.hero-anime .hero-content{margin-top:21px}.hero-chapter{margin-bottom:17px;font-size:10px}.hero-anime h1{font-size:clamp(43px,12vw,63px);margin:15px 0}.hero-anime .hero-lead{font-size:15px}.hero-anime .hero-meta{font-size:10px;gap:8px}.chapter-section:before{font-size:75px}.identity-card{display:block}.identity-portrait{min-height:0;height:300px}.identity-portrait img{object-position:center 25%}.identity-details{padding:28px 25px 35px}.identity-details:before{margin-bottom:17px}.identity-details h2{font-size:43px}.identity-details .identity-description{margin:18px 0 25px}.portrait-stamp{width:54px;height:54px;font-size:33px}.portrait-number{font-size:10px}}@media(max-width:350px){.hero-anime .hero-art{height:286px}.hero-character{height:352px}.hero-art-disc{width:248px}.hero-anime h1{font-size:42px}.identity-portrait{height:265px}.identity-details h2{font-size:38px}}.result-page .page-top h1 em{display:block}@media(max-width:540px){.hero-anime .hero-art{height:340px}.hero-character{height:350px;bottom:0}}@media(max-width:350px){.hero-anime .hero-art{height:302px}.hero-character{height:310px;bottom:0}}@media(max-width:350px){.hero-anime h1{font-size:38px}}@media(max-width:1180px){.desktop-nav{display:none}.mobile-menu{display:grid}.mobile-nav{display:grid;position:absolute;left:0;right:0;top:calc(76px + env(safe-area-inset-top));z-index:10;background:#101f28;border-bottom:1px solid #485963;padding:12px 24px;box-shadow:0 22px 40px #0008}.mobile-nav a{padding:13px;border-bottom:1px solid #263941}}@media(max-width:540px){.mobile-nav{top:calc(66px + env(safe-area-inset-top))}}.result-next,.invite-bond-callout{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:35px auto 0;padding:28px 32px;background:linear-gradient(110deg,#1d3038,#342823);border-left:4px solid #cf7852;max-width:930px}.result-next h2,.invite-bond-callout h2{font-family:Songti SC,"Noto Serif CJK SC",SimSun,serif;font-size:clamp(24px,3vw,34px);margin:10px 0 8px;color:#fff0db}.result-next p,.invite-bond-callout p{color:#c6c8c0;margin:0;line-height:1.65}.result-next .button,.invite-bond-callout .button{flex-shrink:0}.invite-bond-callout{display:block;margin-top:42px}.invite-bond-callout .button{margin-top:22px}.result-page .link-row{flex-wrap:wrap}.story-page,.bonds-page{max-width:1180px;margin:auto}.story-heading{margin-bottom:36px}.story-layout{display:grid;grid-template-columns:37% 63%;border:1px solid #6b4d47;background:#111f29;box-shadow:0 30px 70px #0007;min-height:620px}.story-character{position:relative;min-height:620px;background:#111a25;overflow:hidden}.story-character img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}.story-character:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#09131eea)}.story-character-label{position:absolute;z-index:1;left:28px;bottom:28px;display:grid;gap:6px}.story-character-label span{font-size:11px;color:#edaf7c;letter-spacing:.2em}.story-character-label strong{font-family:Songti SC,serif;font-size:28px;color:#fff1dd}.story-scroll{padding:clamp(28px,5vw,58px);display:flex;flex-direction:column;justify-content:center;min-width:0}.story-scroll-top{display:flex;justify-content:space-between;gap:16px;color:#e8aa78;font-size:12px;font-weight:750;letter-spacing:.12em}.story-scroll-rule{height:1px;background:#765b50;margin:18px 0 46px}.story-kicker{color:#edaa75;font-size:12px;letter-spacing:.22em;font-weight:800}.story-scroll h2{font-family:Songti SC,"Noto Serif CJK SC",SimSun,serif;color:#fff0dc;font-size:clamp(34px,4.8vw,58px);line-height:1.2;margin:15px 0 20px;text-wrap:balance}.story-intro,.story-copy{color:#d4d6cf;line-height:1.85;font-size:17px;margin-bottom:28px}.story-scene{display:flex;align-items:flex-start;gap:15px;background:#192c34;border-left:3px solid #b86448;padding:19px 21px;margin-bottom:24px;color:#e7d8c7}.story-scene svg{flex-shrink:0;color:#e9a66d;margin-top:3px}.story-scene p{margin:0;line-height:1.7}.story-choices{display:grid;gap:12px}.story-choice{min-height:75px;width:100%;background:#172a34;color:#f3e7d8;border:1px solid #47606a;padding:14px 18px;display:flex;align-items:center;text-align:left;gap:17px;transition:background .2s,border-color .2s}.story-choice:hover,.story-choice.chosen{background:#3d342f;border-color:#eda46c}.story-choice span{color:#eca56e;font-size:14px;font-weight:800}.story-choice strong{flex:1;font-size:15px;line-height:1.55;font-weight:600}.story-choice svg{color:#e7a46e;flex-shrink:0}.story-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.story-note{font-size:13px;color:#9eafb1;line-height:1.6}.story-seal{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;color:#13232a;background:#e7a46d;margin-bottom:25px}.bond-dossier{border:1px solid #705348;background:#101d27;box-shadow:0 30px 65px #0007;overflow:hidden}.bond-art{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px;background:#704334}.bond-portrait{position:relative;height:410px;overflow:hidden;background:#14232d}.bond-portrait img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 24%}.bond-portrait:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#07131cd9)}.bond-portrait span{position:absolute;z-index:1;left:19px;right:16px;bottom:16px;color:#fff0db;font-size:15px;font-weight:700}.bond-cross{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:70px;height:70px;background:#c66849;color:#fff2df;border:5px solid #17242c;font-size:41px;font-family:serif;line-height:1}.bond-portrait:last-child img{transform:scaleX(-1)}.bond-story{text-align:center;padding:40px 26px 43px}.bond-story .eyebrow{justify-content:center}.bond-story h2{font-family:Songti SC,"Noto Serif CJK SC",SimSun,serif;color:#fff0d9;font-size:clamp(40px,6vw,70px);margin:12px 0 8px}.bond-story>strong{font-family:Songti SC,serif;color:#e9ac79;font-size:22px}.bond-story p{max-width:600px;margin:19px auto 14px;color:#d2d2cb;line-height:1.8}.bond-story small{color:#99aab0;font-size:12px}.bond-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:26px auto}.bonds-page>.feedback{text-align:center}.bond-collection{margin:58px auto 0;max-width:900px}.bond-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.bond-list button{background:#132630;color:#e8e9e3;border:1px solid #42545a;min-height:78px;padding:15px 18px;display:flex;align-items:center;gap:15px;text-align:left}.bond-list button:hover,.bond-list button.active{border-color:#e8a46e;background:#28353a}.bond-list span{color:#d89968;font-size:12px}.bond-list strong{flex:1}.bond-list small{color:#acb9b9}.bond-list svg{color:#e9a66d}.bond-empty{text-align:center;background:#14252f;border:1px solid #42535b;padding:65px 25px;max-width:720px;margin:auto}.bond-empty svg{color:#e7a46d}.bond-empty h2{font-family:Songti SC,serif;font-size:34px;margin:20px 0 10px}.bond-empty p{max-width:440px;margin:0 auto 25px;color:#adbdc0;line-height:1.7}@media(max-width:700px){.story-layout{display:block}.story-character{min-height:0;height:260px}.story-character img{object-position:center 27%}.story-scroll{padding:30px 25px 38px}.story-scroll-rule{margin-bottom:28px}.bond-portrait{height:310px}}@media(max-width:540px){.result-next{display:block;padding:23px}.result-next .button{margin-top:20px;width:100%}.invite-bond-callout{padding:23px}.invite-bond-callout .button{width:100%}.story-heading h1 em,.bonds-page .page-top h1 em{display:block}.story-character{height:220px}.story-character-label{left:18px;bottom:17px}.story-character-label strong{font-size:23px}.story-scroll{padding:26px 20px 31px}.story-scroll-top{font-size:10px}.story-scroll h2{font-size:36px}.story-intro,.story-copy{font-size:15px}.story-actions .button{width:100%}.bond-art{gap:5px;padding:5px}.bond-portrait{height:240px}.bond-portrait span{font-size:11px;left:9px;bottom:8px;right:4px}.bond-cross{width:49px;height:49px;border-width:3px;font-size:30px}.bond-story{padding:28px 19px 32px}.bond-story h2{font-size:42px}.bond-story>strong{font-size:18px}.bond-story p{font-size:14px}.bond-actions{display:grid}.bond-actions .button{width:100%}.bond-list{grid-template-columns:1fr}}@media(max-width:350px){.bond-portrait{height:205px}.story-scroll h2{font-size:32px}.story-choice{padding:12px}}.identity-portrait.frame-invite_3:before,.identity-portrait.frame-lottery_frame:before,.collection-portrait.frame-invite_3:before,.collection-portrait.frame-lottery_frame:before,.bond-portrait.frame-invite_3:before,.bond-portrait.frame-lottery_frame:before{content:"";position:absolute;z-index:3;inset:8px;pointer-events:none;border:5px solid #a4d2b5;box-shadow:inset 0 0 0 2px #1a4c45,0 0 23px #88cbb760}.identity-portrait.frame-lottery_frame:before,.collection-portrait.frame-lottery_frame:before,.bond-portrait.frame-lottery_frame:before{border-color:#9cb8ee;box-shadow:inset 0 0 0 2px #243768,0 0 26px #819be080}.cosmetic-badge{position:absolute;z-index:4;top:17px;left:16px;display:inline-flex;align-items:center;gap:5px;background:#eab174;color:#17202a;border:2px solid #fff0d4;box-shadow:0 4px 16px #0009;padding:7px 10px;font-size:12px;font-weight:800;white-space:nowrap}.cosmetic-badge.badge-lottery_badge{background:#8bd6df;border-color:#e8ffff}.unlocked-rewards .text-link{margin-top:18px;min-height:44px}.bond-portrait .cosmetic-badge{inset:15px auto auto 14px;font-size:11px}.identity-equipped{border-left:3px solid var(--role-accent);padding-left:12px;color:#e9d6c5;font-size:13px;line-height:1.5;margin:-13px 0 23px}.result-customize{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;margin-top:18px}.result-customize a{color:#eab078;display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:14px;font-weight:750}.collection-page,.character-page{max-width:1190px;margin:auto}.collection-layout{display:grid;grid-template-columns:39% 61%;gap:25px;align-items:start}.collection-preview{background:#12232c;border:1px solid #6b5047;padding:24px;position:sticky;top:20px}.collection-portrait{position:relative;height:430px;overflow:hidden;background:#0b1721;margin:20px 0}.collection-portrait img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 25%}.collection-preview-copy span{color:#e6a471;font-size:12px;letter-spacing:.2em}.collection-preview-copy h2{font-family:Songti SC,serif;font-size:34px;color:#fff0dc;margin:10px 0}.collection-preview-copy p{font-size:13px;color:#c4ccc8;line-height:1.6}.collection-preview .text-link{min-height:44px}.collection-inventory{min-width:0}.cosmetic-section{background:#101f28;border:1px solid #40515a;padding:24px;margin-bottom:16px}.cosmetic-section-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:19px}.cosmetic-section-heading h2{font-family:Songti SC,serif;font-size:28px;margin:8px 0 0}.cosmetic-clear{background:none;border:0;color:#e8aa78;text-decoration:underline;min-height:44px;padding:0 10px}.cosmetic-list{display:grid;gap:10px}.cosmetic-option{display:flex;align-items:center;gap:15px;background:#192d36;border:1px solid #42525a;padding:12px}.cosmetic-option.active{border-color:#e5aa78;background:#2b3336}.cosmetic-option.locked{opacity:.62}.cosmetic-icon{width:48px;height:48px;display:grid;place-items:center;background:#513c31;color:#f2bb82;flex-shrink:0}.cosmetic-icon.badge-lottery_badge{background:#244a54;color:#9de7ed}.cosmetic-icon.frame-icon-invite_3{background:#24483f;color:#acd7bb}.cosmetic-icon.frame-icon-lottery_frame{background:#303d61;color:#b1c5ef}.cosmetic-option-copy{flex:1;min-width:0}.cosmetic-option-copy strong{color:#f5e7d6;font-size:15px}.cosmetic-option-copy p{color:#aebcbd;font-size:12px;margin:4px 0 0;line-height:1.5}.cosmetic-option>button{border:1px solid #d79a68;background:#dba170;color:#16242c;min-width:62px;min-height:44px;padding:0 10px;display:grid;place-items:center;font-size:13px;font-weight:800;flex-shrink:0}.cosmetic-option>button:disabled{background:#283a43;color:#b4c0c0;border-color:#50616a}.collection-links{display:flex;gap:11px;flex-wrap:wrap;margin-top:24px}.character-layout{display:grid;grid-template-columns:56% 44%;border:1px solid #765245;background:#101f29;min-height:580px;overflow:hidden}.character-stage{position:relative;min-height:580px;background:radial-gradient(circle at 50% 40%,#34404a,#15232d 48%,#0b151f 84%);overflow:hidden}.character-aura{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:min(78%,430px);aspect-ratio:1;border:1px solid #d59e7250;border-radius:50%;box-shadow:0 0 0 32px #dc916313,0 0 0 70px #dc91630b;pointer-events:none}.character-canvas{position:absolute;inset:0;z-index:1}.character-canvas canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.character-canvas canvas:active{cursor:grabbing}.character-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.character-loading{position:absolute;z-index:2;inset:0;display:grid;place-items:center;color:#fff0dc;background:#101f29aa}.character-stage-label{position:absolute;z-index:2;bottom:22px;left:22px;color:#f0bb91;font-size:11px;letter-spacing:.18em;pointer-events:none}.character-info{display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,4vw,52px)}.character-info h2{font-family:Songti SC,serif;font-size:clamp(42px,4.5vw,64px);color:#fff0dc;margin:15px 0}.character-info>p:not(.microcopy){color:#d0d2cb;line-height:1.8}.character-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.character-controls .button{padding:0 10px;white-space:normal;line-height:1.25}.character-controls .button.subtle{font-size:13px}.character-links{display:flex;flex-wrap:wrap;gap:15px;margin-top:18px}.character-links a{min-height:44px}.character-page .page-top h1 em{display:block}.character-stage:before{content:"";position:absolute;inset:-42px;background-image:linear-gradient(180deg,#0b1722aa,#0b1722c9),var(--character-image);background-size:cover;background-position:center;filter:blur(26px) saturate(1.15);opacity:.68;transform:scale(1.08)}.character-stage:after{content:"";position:absolute;inset:19px;border:1px solid #d8ab8154;clip-path:polygon(0 0,22% 0,22% 1px,78% 1px,78% 0,100% 0,100% 100%,0 100%);pointer-events:none;z-index:2}.character-aura{z-index:1;opacity:.7}.character-stage-label{padding:8px 10px;background:#07131dbe;border-left:2px solid #dfaa7d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.character-fallback{z-index:1;object-fit:contain;padding:7%;filter:drop-shadow(0 20px 35px #020911bb)}.character-page .page-top p{max-width:640px;margin-left:auto;margin-right:auto}.collection-page .page-top h1 em{display:block}@media(max-width:850px){.collection-layout{grid-template-columns:1fr}.collection-preview{position:static;max-width:650px;width:100%;margin:auto}.collection-portrait{height:340px}.character-layout{grid-template-columns:1fr}.character-stage{min-height:470px}.character-info{padding:30px}}@media(max-width:540px){.collection-preview{padding:19px}.collection-portrait{height:305px}.cosmetic-section{padding:18px}.cosmetic-option{gap:9px;padding:9px}.cosmetic-icon{width:40px;height:44px}.cosmetic-option>button{min-width:53px;padding:0 5px}.collection-links{display:grid}.collection-links .button{width:100%}.character-stage{min-height:410px}.character-info{padding:25px 20px 30px}.character-info h2{font-size:43px}.character-controls{grid-template-columns:1fr 1fr}.character-stage-label{font-size:9px;bottom:14px;left:14px}}@media(max-width:350px){.character-stage{min-height:370px}.character-controls .button{font-size:12px}.cosmetic-option-copy p{font-size:11px}}:root{--ui-bg: #07131c;--ui-panel: #13242e;--ui-panel-raised: #1b303b;--ui-line: #45606a;--ui-text: #fff0dc;--ui-muted: #b7c5c5;--ui-gold: #f1ad77;--ui-aqua: #99d8df;--ui-ease: cubic-bezier(.2,.8,.2,1)}html{scroll-padding-top:84px}body{background:radial-gradient(ellipse 60% 33% at 52% -5%,#1f3946 0,transparent 78%),linear-gradient(145deg,#0a1822,var(--ui-bg) 60%)}.app-shell{overflow:clip}.site-header{position:sticky;top:0;z-index:50;background:#08141de0;border-bottom:1px solid #d6b18b2e;backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);box-shadow:0 12px 34px #03090f38}.brand{flex-shrink:0;gap:13px;min-height:44px;color:var(--ui-text)}.brand-mark{width:42px;height:42px;transform:none;border-radius:6px;background:linear-gradient(145deg,#f5bc87,#cb7856);box-shadow:inset 0 1px #ffe1bf8f,0 6px 18px #cc76512e}.brand small{color:#adbdc2;letter-spacing:.16em}.desktop-nav{gap:4px;color:var(--ui-muted)}.desktop-nav a{display:inline-flex;align-items:center;justify-content:center;min-width:52px;min-height:44px;padding:0 13px;border:1px solid transparent;border-radius:5px;font-weight:650;transition:color .18s,background .18s,border-color .18s}.desktop-nav a:hover{color:var(--ui-text);background:#29414c84}.desktop-nav a.router-link-exact-active{color:var(--ui-gold);background:#d3865930;border-color:#c58c5b6b}.header-actions{align-items:center}.header-more{display:inline-flex;align-items:center;gap:5px;min-height:44px;padding:0 12px;border:1px solid #4b5d62;border-radius:5px;color:#e7ded1;background:#20313a8a;font-size:13px;font-weight:700}.header-more[aria-expanded=true],.header-more:hover{border-color:#cf966a;color:var(--ui-gold)}.header-more svg{transition:transform .2s var(--ui-ease)}.header-more[aria-expanded=true] svg{transform:rotate(180deg)}.icon-button{width:44px;height:44px;border-color:#52656b;background:#1a2c3680;transition:border-color .18s,background .18s,color .18s}.icon-button:hover{border-color:var(--ui-gold);color:var(--ui-gold);background:#2a3c43}.nav-layer{position:fixed;inset:0;z-index:40}.nav-scrim{position:absolute;inset:0;width:100%;border:0;background:#01070cb8;cursor:default}.more-panel,.mobile-layer .mobile-nav{position:absolute;z-index:1;background:linear-gradient(160deg,#1a303b,#0e1d27 68%);border:1px solid #6b6a6080;box-shadow:0 28px 70px #000b}.more-panel{top:calc(84px + env(safe-area-inset-top));right:max(5vw,54px);width:270px;padding:18px;display:grid;gap:3px}.nav-panel-heading{padding:8px 10px 17px;border-bottom:1px solid #50616a;margin-bottom:7px}.nav-panel-heading span{display:block;color:var(--ui-gold);letter-spacing:.18em;font-size:10px;font-weight:800}.nav-panel-heading strong{display:block;margin-top:5px;color:var(--ui-text);font:700 25px/1.3 Songti SC,"Noto Serif CJK SC",serif}.more-panel a{display:flex;justify-content:space-between;align-items:center;min-height:46px;padding:0 11px;color:#dce3db;border-radius:3px;font-size:14px}.more-panel a:hover,.more-panel a.router-link-exact-active{color:var(--ui-gold);background:#e9a46c24}.more-panel a svg{opacity:.6}.mobile-layer{display:none}.page-shift-enter-active,.page-shift-leave-active{transition:opacity .14s var(--ui-ease),transform .14s var(--ui-ease)}.page-shift-enter-from{opacity:0;transform:translateY(10px)}.page-shift-leave-to{opacity:0;transform:translateY(-6px)}.page-top{position:relative}.page-top .eyebrow:before{content:"";width:6px;height:6px;flex:0 0 6px;background:var(--ui-gold);transform:rotate(45deg);box-shadow:0 0 12px #e89c61}.page-top h1{color:var(--ui-text);text-wrap:balance}.page-top p{color:var(--ui-muted)}.button{border-radius:4px;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s var(--ui-ease)}.button.primary{background:linear-gradient(145deg,#f4b680,#df8c5e);border-color:#ffd1a0a6;color:#17212a;box-shadow:inset 0 1px #ffe6c1a3,0 10px 30px #cb724b30}.button.primary:hover:not(:disabled){background:linear-gradient(145deg,#ffd0a2,#e79b6a);transform:translateY(-2px);box-shadow:0 14px 32px #cb724b42}.button.secondary{background:linear-gradient(145deg,#203943,#162a34);border-color:#5b7278}.button.secondary:hover:not(:disabled){background:#2b4550;border-color:var(--ui-aqua)}.button.outline:hover:not(:disabled),.button.subtle:hover:not(:disabled){background:#2d4148;border-color:var(--ui-gold)}.button:active:not(:disabled),.option:active:not(:disabled),.story-choice:active:not(:disabled){transform:scale(.985)}.text-link,.link-row a,.page-bottom-link a{min-height:44px}.button:focus-visible,.option:focus-visible,.story-choice:focus-visible,.desktop-nav a:focus-visible,.mobile-nav a:focus-visible{outline:2px solid #ffd29e;outline-offset:3px}.quiz-card,.invite-link-card,.funnel-card,.cosmetic-section,.unlocked-rewards,.metric-card{border-color:#5270798c;background-image:linear-gradient(140deg,#1a303a,#101f29 72%);box-shadow:inset 0 1px #ffffff0c,0 16px 38px #020a1140}.identity-card,.story-layout,.bond-dossier,.character-layout{border-color:#b8856578;box-shadow:0 28px 70px #0008}.rules-modal,.poster-modal{border-color:#b78a687d;box-shadow:0 30px 85px #000d}.hero-anime{background:radial-gradient(ellipse 63% 72% at 76% 47%,#32404b 0,#152631 45%,transparent 77%)}.hero-anime .button.primary{background:linear-gradient(145deg,#f6b986,#e28e60);box-shadow:inset 0 1px #ffe1bd9c,0 15px 32px #bd5f3d42}.hero-anime .button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 18px 40px #bd5f3d59}.hero-art-disc{box-shadow:0 0 105px #ce764448,0 0 0 1px #dfac875e}.journey-state{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid #5d726e;background:#203b3b8a;color:#c7e0db!important;font-size:12px;white-space:nowrap}.journey-state span{width:7px;height:7px;border-radius:50%;background:#a4d9bf;box-shadow:0 0 12px #98d7b8}.chapter-section .steps{gap:0;border-top:1px solid #75605c;border-bottom:1px solid #75605c}.chapter-section .step,.chapter-section .step:nth-child(2n){min-height:175px;padding:22px 18px 18px;border:0;border-right:1px solid #536069;background:transparent;clip-path:none}.chapter-section .step:last-child{border-right:0}.chapter-section .step:before{content:"";position:absolute;top:-1px;left:18px;width:36px;height:2px;background:#b4795b}.chapter-section .step.current:before{background:var(--ui-gold);box-shadow:0 0 12px #e99564}.chapter-section .step.done:before{background:var(--ui-aqua)}.chapter-section .step svg{margin:10px 0 18px;color:var(--ui-gold)}.chapter-section .step.done svg{color:var(--ui-aqua)}.chapter-section .step h3{font-size:17px;margin-bottom:6px}.chapter-section .step p{color:#b3c0c2}.chapter-section .step-index{top:15px;right:13px;font-size:32px;color:#e9a66d25}.home-bottom{border:1px solid #835e52;border-left:3px solid var(--ui-gold);background:linear-gradient(120deg,#1c343e,#3a2b2a);box-shadow:0 20px 50px #0005}.quiz-card{border-left-color:var(--ui-gold);position:relative}.quiz-card:after{content:"";position:absolute;top:0;right:0;width:45px;height:45px;border-top:1px solid #e5a16c7a;border-right:1px solid #e5a16c7a;clip-path:polygon(0 0,100% 0,100% 100%);pointer-events:none}.option{border-color:#536a72;background:#1b303b;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s var(--ui-ease)}.option:hover{border-color:#d69c70;background:#2c3e44}.option.selected{border-color:#f2b580;background:linear-gradient(90deg,#64483c,#29414a 76%);box-shadow:inset 3px 0 #f3b47e,0 0 0 1px #f0a76b28}.option-letter{border-color:#9b7967}.progress-track{height:6px;background:#213641}.progress-track span{background:linear-gradient(90deg,#da855c,#ffd09c);box-shadow:0 0 14px #efa66d80}.identity-portrait{isolation:isolate;background:#112530}.identity-portrait:before{content:"忍";position:absolute;inset:0;display:grid;place-items:center;color:#aadce51b;font:700 150px/1 Songti SC,serif;background:radial-gradient(circle at 55% 38%,#355769,#122632 70%)}.identity-portrait img{opacity:0;transition:opacity .48s ease}.identity-portrait img.is-ready{opacity:1}.identity-details{background:linear-gradient(145deg,#182b35,#101e28)}.identity-description{color:#cbd5d0}.stat-track{height:6px}.result-next,.invite-bond-callout{border:1px solid #805a4d;border-left:3px solid var(--ui-gold);box-shadow:0 16px 36px #0005}.metric-card{border-top:2px solid #bc8b69}.metric-card strong{font-variant-numeric:tabular-nums}@media(max-width:1180px){.header-more,.desktop-layer{display:none}.mobile-layer{display:block}.mobile-layer .mobile-nav{display:block;top:calc(76px + env(safe-area-inset-top));left:auto;right:0;bottom:0;width:min(100%,440px);max-height:calc(100dvh - 76px - env(safe-area-inset-top));overflow-y:auto;padding:18px 22px max(22px,env(safe-area-inset-bottom));border-top:0;border-right:0}.mobile-nav-group{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:18px}.mobile-nav-group>span{grid-column:1/-1;color:#e9ad7f;font-size:11px;letter-spacing:.13em;font-weight:800;margin:0 0 3px}.mobile-layer .mobile-nav a{min-height:48px;display:flex;align-items:center;padding:9px 12px;border:1px solid #405660;background:#192e39;color:#e7e5db;font-size:14px}.mobile-layer .mobile-nav a.router-link-exact-active{border-color:#d6a171;color:#ffd0a0;background:#4b3a32}}@media(max-width:800px){.chapter-section .steps{grid-template-columns:1fr}.chapter-section .step:last-child{grid-column:auto}.chapter-section .step,.chapter-section .step:nth-child(2n){min-height:80px;display:grid;grid-template-columns:52px minmax(0,1fr) 38px;grid-template-rows:auto auto;align-content:center;column-gap:10px;padding:12px 0;border-right:0;border-bottom:1px solid #46575f}.chapter-section .step:last-child{border-bottom:0}.chapter-section .step:before{top:19px;left:0;height:38px;width:2px}.chapter-section .step svg{grid-column:1;grid-row:1/3;align-self:center;justify-self:center;width:23px;height:23px;margin:0}.chapter-section .step h3{grid-column:2;grid-row:1;font-size:16px;margin:0}.chapter-section .step p{grid-column:2;grid-row:2;font-size:12px;margin:3px 0 0}.chapter-section .step-index{grid-column:3;grid-row:1/3;position:static;align-self:center;justify-self:end;font-size:29px}}@media(max-width:540px){html{scroll-padding-top:70px}.mobile-layer .mobile-nav{top:calc(66px + env(safe-area-inset-top));max-height:calc(100dvh - 66px - env(safe-area-inset-top))}.site-header{padding-right:max(18px,env(safe-area-inset-right));padding-left:max(18px,env(safe-area-inset-left))}.brand{font-size:16px}.brand-mark{width:39px;height:39px}.hero-anime{padding-top:4px}.hero-anime .hero-art{height:300px}.hero-character{height:300px;bottom:0}.hero-art-disc{width:245px}.hero-anime .hero-content{margin-top:2px}.hero-chapter{margin-bottom:12px}.hero-anime h1{font-size:clamp(42px,11vw,55px);line-height:1.12;margin:12px 0}.hero-anime .hero-lead{font-size:14px;line-height:1.65}.hero-anime .hero-buttons{margin-top:23px;gap:10px}.hero-anime .hero-meta{margin-top:27px}.hero-anime .hero-art-caption{right:3%;bottom:0}.chapter-section{padding-top:44px;padding-bottom:44px}.chapter-section .section-head{margin-bottom:20px}.chapter-section .section-head h2{font-size:27px}.journey-state{margin-top:16px!important;white-space:normal}.quiz-page{padding-top:25px}.quiz-page .page-top{margin-bottom:22px}.quiz-page .page-top h1{font-size:36px;margin:9px 0}.quiz-page .page-top p{font-size:14px}.quiz-page .progress-track{margin:10px 0 19px}.quiz-page .quiz-card{padding:17px}.quiz-page .quiz-card h2{font-size:22px;line-height:1.45;margin:13px 0 20px}.quiz-page .options{gap:8px}.quiz-page .option{min-height:59px;gap:11px;font-size:14px}.quiz-page .quiz-controls{margin-top:16px}.identity-portrait:before{font-size:100px}.result-page .page-top{margin-bottom:26px}.result-page .page-top h1{font-size:43px}.result-page .link-row{gap:14px 23px}.site-footer{gap:7px}}@media(prefers-reduced-motion:reduce){.page-shift-enter-active,.page-shift-leave-active,.identity-portrait img{transition:none!important}.button:active:not(:disabled),.option:active:not(:disabled),.story-choice:active:not(:disabled){transform:none}}