:root{color:#eee3c8;font-synthesis:none;--ink:#0d1411;--ink-soft:#15201a;--ink-raised:#1a2921;--jade:#315e50;--jade-bright:#4b8370;--gold:#b99253;--gold-bright:#e6c987;--paper:#eee3c8;--muted:#9d9d89;--danger:#a95a46;--success:#4e8466;--line:#caa86440;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);background:#0d1411;font-family:Songti SC,STSong,Noto Serif CJK SC,serif}*{box-sizing:border-box}html{background:var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth;touch-action:manipulation}body{background:#080d0b;min-width:320px;min-height:100dvh;margin:0}body,button{font-family:inherit}button{color:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}.app-shell,.screen-shell{isolation:isolate;background:radial-gradient(circle at 84% 7%,#67917029,#0000 27%),radial-gradient(circle at 9% 46%,#8b5c2f1c,#0000 34%),linear-gradient(#111a16,#0b110e 84%);width:min(100%,520px);min-height:100dvh;margin:0 auto;position:relative;overflow:hidden}.app-shell:before,.screen-shell:before,.reveal-shell:before{z-index:-1;opacity:.08;content:"";background-image:linear-gradient(30deg,#0000 48%,#dab8753d 49%,#0000 51%),linear-gradient(-30deg,#0000 48%,#dab87529 49%,#0000 51%);background-size:38px 66px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}.map-shell{--paper:#392b20;--muted:#78664f;--gold:#95703e;--gold-bright:#f1d795;padding:calc(25px + var(--safe-top)) 22px calc(100px + var(--safe-bottom));color:#392b20;background:#ead3a3 url(/map/parchment.webp) top/520px 780px repeat-y;box-shadow:inset 8px 0 24px #85603718,inset -8px 0 24px #85603718,0 18px 70px #0004}.map-shell:before{opacity:.48;background:linear-gradient(90deg,#7b4e2818,#0000 10% 90%,#7b4e2818);-webkit-mask-image:none;mask-image:none}.map-shell:after{z-index:-1;content:"";pointer-events:none;border:1px solid #8f6b3d55;border-radius:4px;position:absolute;inset:10px;box-shadow:0 0 0 3px #f6e6bc60,0 0 0 4px #8f6b3d24}body:has(.map-shell){background:radial-gradient(at 50% 0,#64503a,#28231d 75%)}.map-shell button:focus-visible{outline-color:#933d29}.eyebrow,.journey-kicker,.level-number,.screen-nav-title span,.quiz-heading>span,.reveal-heading span,.reveal-result>span{color:var(--gold);letter-spacing:.2em;font-family:PingFang SC,Noto Sans CJK SC,sans-serif;font-size:10px;font-weight:500}.topbar{text-align:center;justify-content:center;align-items:center;gap:10px;min-height:74px;padding:3px 0 19px;display:flex;position:relative}.topbar>div{flex-direction:column;align-items:center;display:flex}.topbar h1{color:#263f34;letter-spacing:.08em;white-space:nowrap;text-shadow:0 1px #fff6;margin-top:7px;font-size:clamp(23px,6vw,29px);font-weight:700}.topbar h1 span{color:#9d4830;margin:0 2px}.topbar .eyebrow{color:#725234;font-size:9px}.series-nav{letter-spacing:.08em;justify-content:space-between;gap:12px;font-family:PingFang SC,Noto Sans CJK SC,sans-serif;font-size:9px;display:flex;position:absolute;top:-2px;left:0;right:0}.series-nav a{color:#73583b;text-decoration:none;transition:color .14s}.series-nav a:last-child:after{content:"↗";margin-left:3px}.codex-button{left:0;right:0;bottom:calc(18px + var(--safe-bottom));z-index:30;aspect-ratio:650/212;width:148px;min-height:48px;box-shadow:none;color:#f4dfaa;letter-spacing:.08em;cursor:pointer;transition:filter .14s ease, transform .14s var(--ease-out);background:url(/map/codex-plaque.webp) 50%/100% 100% no-repeat;border:0;border-radius:0;place-items:center;margin-inline:auto;padding:0 24px;font-size:15px;display:grid;position:fixed}.codex-button>span{transform:translateY(-1px)}.map-caption{color:#715438;border-top:1px solid #86633d50;align-items:center;gap:12px;padding:11px 1px 12px;display:flex}.map-caption>span{letter-spacing:.16em;font-size:12px;font-weight:600}.map-caption>i{background:#99764b45;flex:1;height:1px}.map-caption small{letter-spacing:.08em;font-size:10px}.primary-button,.secondary-button{z-index:1;cursor:pointer;min-height:44px;transition:transform .14s var(--ease-out), filter .14s ease, border-color .14s ease;border-radius:22px;padding:0 18px;position:relative}.primary-button{color:#fff4d8;background:linear-gradient(135deg,#b38343,#6f4a26);border:1px solid #e8c68080;box-shadow:0 8px 22px #00000040,inset 0 1px #fff5d42e}.primary-button span{margin-left:7px}.secondary-button{border:1px solid var(--line);color:var(--paper);background:#16241de6}.primary-button:active,.secondary-button:active,.codex-button:active{transform:scale(.96)}.route{margin-top:6px;padding:35px 0 10px;position:relative}.journey-trail{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.journey-trail path{fill:none;stroke-linecap:round;stroke-linejoin:round}.trail-edge{stroke:#ae885a;stroke-width:10px;opacity:.48}.trail-surface{stroke:#debe87;stroke-width:7px}.trail-stitches{stroke:#987348;stroke-width:1.8px;stroke-dasharray:2 7}.is-traveled .trail-edge{stroke:#5a6950;opacity:.62}.is-traveled .trail-surface{stroke:#aab082}.is-traveled .trail-stitches{stroke:#3c624b}.journey-origin{color:#8c6942;align-items:center;gap:5px;display:flex;position:absolute;top:0;left:11px}.journey-origin>span{letter-spacing:.16em;font-size:9px}.map-compass{opacity:.55;fill:none;stroke:currentColor;stroke-width:1px;width:46px;height:46px}.map-compass path:first-of-type{fill:#9f62331a}.level{--node-x:72%;z-index:1;min-height:176px;position:relative}.level-right{--node-x:28%}.level-copy{width:calc(46% - 15px);position:absolute;top:50%;transform:translateY(-50%)}.level-left .level-copy{text-align:right;left:0}.level-right .level-copy{text-align:left;right:0}.level-number{color:#92633d;letter-spacing:.16em;font-size:10px}.level-copy h3{color:#344537;letter-spacing:.07em;margin-top:7px;font-size:18px;font-weight:700;line-height:1.35}.level-copy p{color:#806b50;margin-top:5px;font-size:12px;line-height:1.5}.level-locked .level-copy h3{color:#655139;letter-spacing:.03em;font-size:18px;line-height:1.5}.current-pill{letter-spacing:.08em;color:#fff0c9;background:#9a4a2f;border-radius:10px;margin-top:8px;padding:3px 8px;font-family:PingFang SC,sans-serif;font-size:9px;display:inline-block;box-shadow:0 1px #6f3224}.level-node{top:50%;left:var(--node-x);outline-offset:0;width:88px;height:88px;box-shadow:none;cursor:pointer;transition:transform .18s var(--ease-out), filter .18s ease, opacity .18s ease;background:#345341;border:2px solid #a98042;border-radius:50%;outline:8px solid #f7e6bd;place-items:center;padding:0;display:grid;position:absolute;overflow:visible;transform:translate(-50%,-50%)}.level-captured .level-node{outline-color:#ae885a}.level-node-art{border-radius:50%;position:absolute;inset:0;overflow:hidden}.level-node-art img{object-fit:cover;object-position:50% 31%;width:100%;max-width:none;height:100%;position:absolute;inset:0;transform:scale(1.24)}.level-capture-stamp{z-index:2;color:#9d3829;letter-spacing:.08em;pointer-events:none;background:#f8e7b9e8;border:3px double #9d3829;border-radius:3px;place-items:center;width:58px;height:28px;font-size:13px;font-weight:700;line-height:1;display:grid;position:absolute;bottom:1px;right:-7px;transform:rotate(-12deg)}.current-map-flag{top:calc(50% - 77px);left:var(--node-x);color:#fae5ac;letter-spacing:.08em;white-space:nowrap;background:#345640;border:1px solid #e4bd76;border-radius:5px;padding:5px 10px;font-size:10px;position:absolute;transform:translate(-50%);box-shadow:0 2px #223c2c}.current-map-flag:after{content:"";border:4px solid #0000;border-top-color:#345640;position:absolute;top:100%;left:calc(50% - 4px)}.level-locked .level-node{cursor:not-allowed;background:radial-gradient(circle at 40% 30%,#f2ddac,#d5b782);overflow:hidden}.locked-place-label{color:#695237;letter-spacing:.03em;text-align:center;text-wrap:balance;max-width:calc(100% - 12px);font-size:15px;font-weight:600;line-height:1.3;position:relative}.route-end{text-align:center;flex-direction:column;align-items:center;margin:100px auto 0;padding:0 0 22px;display:flex;position:relative}.route-end-marker{z-index:1;color:#91612e;background:#f0d5a0;border:1px solid #a98042;border-radius:50%;place-items:center;width:34px;height:34px;margin-bottom:8px;font-size:22px;display:grid;position:relative;box-shadow:0 0 0 4px #f7e6bd}.lingshan-art{aspect-ratio:1;mix-blend-mode:multiply;filter:drop-shadow(0 9px 6px #8c602216);width:min(100%,340px);height:auto;margin:-2px auto 4px}.lingshan-kicker{color:#957042;letter-spacing:.35em;margin-top:8px;font-family:PingFang SC,sans-serif;font-size:10px}.route-end h2{color:#3a513e;letter-spacing:.12em;margin:8px 0 0;font-size:26px;font-weight:700}.route-end h2 span{color:#ab6a36;margin:0 8px}.route-end p{color:#806446;letter-spacing:.13em;margin-top:8px;font-size:12px}.lingshan-seal{color:#9d4c34;letter-spacing:.15em;margin-top:19px;padding:5px 11px;font-size:13px}.route-end.is-complete .route-end-marker{color:#fff0c5;background:#456446}.screen-shell{--screen-back-left:48px;--screen-padding-left:18px;padding:calc(12px + var(--safe-top)) 18px calc(46px + var(--safe-bottom));padding-left:var(--screen-padding-left)}.captured-shell{background:#050806}.challenge-shell{height:100dvh;padding-bottom:calc(14px + var(--safe-bottom));background:#000;flex-direction:column;display:flex;overflow-y:auto}.challenge-shell:before{display:none}body:has(.challenge-shell){background:#000}.screen-nav{z-index:10;grid-template-columns:44px 1fr 44px;align-items:center;min-height:55px;display:grid;position:relative}.icon-button{border:1px solid var(--line);cursor:pointer;background:#101b16e0;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;display:grid}.screen-nav>.icon-button{transform:translateX(calc(var(--screen-back-left) - var(--screen-padding-left)))}.icon-button span{margin-top:-3px;font-family:Arial,sans-serif;font-size:30px;font-weight:200}.screen-nav-title{text-align:center}.screen-nav-title span,.screen-nav-title strong{display:block}.screen-nav-title strong{max-width:300px;color:var(--paper);text-overflow:ellipsis;white-space:nowrap;margin:4px auto 0;font-size:13px;font-weight:500;overflow:hidden}.nav-spacer{width:40px}.text-button{color:var(--gold-bright);cursor:pointer;background:0 0;border:0;justify-self:end;padding:8px 0;font-size:12px}.challenge-card-slot{flex:auto;justify-content:center;align-items:center;min-height:220px;padding:7px 0 14px;display:flex}.challenge-card-wrap{--spotlight-x:50%;--spotlight-y:43%;aspect-ratio:2/3;cursor:crosshair;touch-action:none;height:min(100%,480px,150vw - 54px);position:relative}.challenge-card-wrap:before{z-index:3;content:"";pointer-events:none;-webkit-backdrop-filter:blur(8px)saturate(.54);backdrop-filter:blur(8px)saturate(.54);-webkit-mask-image:radial-gradient(circle at var(--spotlight-x) var(--spotlight-y), transparent 0 13%, #00000029 24%, #000 48%);-webkit-mask-image:radial-gradient(circle at var(--spotlight-x) var(--spotlight-y), transparent 0 13%, #00000029 24%, #000 48%);mask-image:radial-gradient(circle at var(--spotlight-x) var(--spotlight-y), transparent 0 13%, #00000029 24%, #000 48%);background:#0205031f;border-radius:14px;position:absolute;inset:0}.challenge-card-wrap:after{z-index:4;background:radial-gradient(circle at var(--spotlight-x) var(--spotlight-y), transparent 0 13%, #0104021a 20%, #01030294 34%, #000000ed 49%, #000 64%);content:"";pointer-events:none;border-radius:14px;position:absolute;inset:0;box-shadow:inset 0 0 54px 18px #000000b8}.challenge-card-wrap>img{z-index:2;filter:brightness(.82)saturate(.76)contrast(1.08);object-fit:contain;border-radius:14px;width:100%;height:100%;position:relative;box-shadow:0 22px 54px #00000075}.challenge-aura{z-index:0;filter:blur(40px);background:#7b452a40;border-radius:50%;position:absolute;inset:16% -22%}.quiz-panel{background:#15201bed;border:1px solid #c59e563b;border-radius:24px;flex:none;margin-top:auto;padding:20px;box-shadow:0 -4px 40px #0000002e,inset 0 1px #fff5d709}.challenge-progress{color:#c0bcae;border-bottom:1px solid #d3b47521;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding-bottom:15px;font-family:PingFang SC,sans-serif;font-size:11px;display:grid}.challenge-progress small{color:#747b70;font-size:10px}.progress-pips{gap:4px;display:flex}.progress-pips span{background:#324139;border-radius:4px;width:17px;height:7px}.progress-pips span.is-filled{background:linear-gradient(90deg,#b78343,#e0bd74)}.quiz-heading{padding:18px 0 16px}.quiz-heading h2{color:#f1e7d0;margin-top:7px;font-size:20px;font-weight:600;line-height:1.45}.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.answer-button{text-align:left;cursor:pointer;min-height:50px;transition:border-color .14s ease, background-color .14s ease, transform .14s var(--ease-out), opacity .14s ease;background:#1b2922;border:1px solid #bea36c33;border-radius:15px;grid-template-columns:24px minmax(0,1fr) 16px;align-items:center;padding:5px 8px 5px 7px;display:grid}.answer-button>span{color:#cbb481;background:#2d4036;border-radius:50%;place-items:center;width:24px;height:24px;font-size:10px;display:grid}.answer-button strong{overflow-wrap:anywhere;color:#dcd5c4;min-width:0;padding:0 5px;font-size:12px;font-weight:500;line-height:1.4}.answer-button b{color:#8fbe9b;text-align:right;font-family:Arial,sans-serif;font-size:16px}.answer-button.is-correct{background:#355f447a;border-color:#629f75cc}.answer-button.is-wrong{background:#69332861;border-color:#b45841bf}.answer-button.is-wrong b{color:#d08770}.answer-button.is-dimmed{opacity:.42}.answer-feedback{animation:feedback-enter .22s var(--ease-out) both;border-radius:16px;margin-top:14px;padding:15px}.answer-feedback.is-correct{background:#3561444f}.answer-feedback.is-wrong{background:#703e2e47}.answer-feedback>strong{color:var(--gold-bright);font-size:14px}.answer-feedback>p{color:#bbb8a8;margin-top:5px;font-size:12px;line-height:1.65}.full-button{width:100%;margin-top:13px}@keyframes feedback-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.captured-shell{flex-direction:column;display:flex}.captured-card{width:min(64vw,270px);margin:18px auto 24px}.captured-panel{text-align:center;background:#15201bed;border:1px solid #c59e563d;border-radius:24px;margin-top:auto;padding:23px 20px 20px}.captured-panel>span{color:var(--gold);letter-spacing:.18em;font-family:PingFang SC,Noto Sans CJK SC,sans-serif;font-size:10px}.captured-panel h1{color:var(--paper);letter-spacing:.16em;margin-top:7px;font-size:28px;font-weight:600}.captured-panel p{color:var(--muted);letter-spacing:.1em;margin-top:6px;font-size:13px}.captured-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;display:grid}.captured-actions button{width:100%}.reveal-shell{width:min(100%,520px);min-height:100dvh;padding:calc(28px + var(--safe-top)) 22px calc(26px + var(--safe-bottom));isolation:isolate;background:#050806;flex-direction:column;align-items:center;margin:0 auto;display:flex;position:relative;overflow:hidden}.reveal-shell:after{z-index:-1;content:"";background:repeating-conic-gradient(at 50% 43%,#d3a9570f 0deg 1deg,#0000 1deg 9deg);position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 63%);mask-image:radial-gradient(circle,#000,#0000 63%)}.reveal-heading{z-index:4;text-align:center;position:relative}.reveal-heading h1{color:#f3dfb3;letter-spacing:.18em;margin-top:6px;font-size:26px;font-weight:600}.reveal-stage{z-index:3;aspect-ratio:2/3;perspective:1200px;width:min(78vw,340px);margin:18px auto 8px;position:relative}.reveal-card-hint{z-index:3;color:#858c81;letter-spacing:.04em;margin:0 0 8px;font-family:PingFang SC,Noto Sans CJK SC,sans-serif;font-size:10px;position:relative}.reveal-result{z-index:3;text-align:center;opacity:0;width:100%;max-width:390px;transition:opacity .24s var(--ease-out), transform .24s var(--ease-out);pointer-events:none;margin-top:auto;position:relative;transform:translateY(14px)}.reveal-result.is-ready{opacity:1;pointer-events:auto;transform:translateY(0)}.reveal-result h2{color:var(--paper);letter-spacing:.12em;margin-top:5px;font-size:24px;font-weight:600}.reveal-result p{color:var(--muted);margin-top:6px;font-size:12px}.reveal-actions{grid-template-columns:1fr 1.3fr;gap:10px;margin-top:18px;display:grid}.reveal-cloud{border:1px solid #d3ad631a;border-radius:50%;width:240px;height:80px;position:absolute}.reveal-cloud-one{top:20%;left:-130px}.reveal-cloud-two{top:48%;right:-150px}@keyframes seal-enter{0%{opacity:0;transform:rotate(-12deg)scale(.94)}to{opacity:1;transform:rotate(-12deg)scale(1)}}.codex-shell{--screen-padding-left:16px;padding-left:var(--screen-padding-left);padding-right:16px}.codex-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.codex-card{text-align:left;cursor:pointer;min-width:0;transition:border-color .16s ease, transform .16s var(--ease-out);background:#050806;border:1px solid #c8a66230;border-radius:17px;padding:8px 8px 12px}.codex-image{aspect-ratio:2/3;background:0 0;border-radius:11px;position:relative;overflow:hidden}.codex-image img{object-fit:cover;width:100%;height:100%}.codex-card>small{color:var(--gold);letter-spacing:.12em;margin-top:9px;font-size:9px;display:block}.codex-card>strong{color:#e9dfc8;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:14px;font-weight:600;display:block;overflow:hidden}.codex-card>p{color:#848b80;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:9px;overflow:hidden}.detail-shell{--screen-padding-left:20px;padding-right:20px;padding-left:var(--screen-padding-left);background:#050806}.detail-nav .screen-nav-title strong{letter-spacing:.12em;margin-top:0;font-size:14px}.detail-index{color:var(--gold-bright);font-variant-numeric:tabular-nums;letter-spacing:.06em;white-space:nowrap;justify-self:end;font-family:PingFang SC,sans-serif;font-size:11px}.pbr-card-viewer{width:100%;position:relative}.pbr-card-stage{aspect-ratio:2/3;perspective:1300px;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:min(68vw,300px);margin:10px auto 0;position:relative}.pbr-card-viewer--detail .pbr-card-stage{width:95%}.pbr-card-viewer--captured .pbr-card-stage,.pbr-card-viewer--reveal .pbr-card-stage{width:100%;margin-top:0}.pbr-card-viewer--reveal{height:100%;animation:pbr-card-enter .24s var(--ease-out) both}.pbr-card-halo{filter:blur(46px);pointer-events:none;background:#a4743d2e;border-radius:50%;position:absolute;inset:12% -20%}.pbr-card-shadow{filter:blur(22px);opacity:.66;pointer-events:none;background:#000;border-radius:50%;height:12%;position:absolute;bottom:-5%;left:9%;right:9%;transform:translateY(12px)}.pbr-card-tilt{transform-style:preserve-3d;will-change:transform;position:absolute;inset:0;transform:rotateX(0)rotateY(0)}.pbr-card-flipper{cursor:grab;width:100%;height:100%;transform-style:preserve-3d;will-change:transform;transition:transform .25s var(--ease-in-out);background:0 0;border:0;padding:0;display:block;position:absolute;inset:0;transform:translateZ(0)}.pbr-card-flipper:active{cursor:grabbing}.pbr-card-flipper.is-flipped{transform:rotateY(180deg)translateZ(0)}.pbr-card-face{backface-visibility:hidden;transform-style:preserve-3d;background:#101816;border-radius:18px;display:block;position:absolute;inset:0;overflow:hidden;box-shadow:0 28px 70px #00000085,0 7px 18px #0000007a,inset 0 0 0 1px #ffffff0a}.pbr-card-front{transform:rotateY(0)translateZ(1px)}.pbr-card-back{transform:rotateY(180deg)translateZ(1px)}.pbr-card-face>img,.pbr-lit-canvas{object-fit:cover;backface-visibility:hidden;width:100%;height:100%;display:block;position:absolute;inset:0}.pbr-card-face>img{pointer-events:none}.pbr-lit-canvas{opacity:0;transition:opacity .24s var(--ease-out);pointer-events:none;transform:translateZ(0)}.pbr-lit-canvas[data-ready=true]{opacity:1}.pbr-lit-canvas[data-fallback=true]{display:none}.pbr-card-navigation{z-index:5;pointer-events:none;position:absolute;inset:0}.pbr-card-navigation button{width:34px;height:52px;color:var(--gold);cursor:pointer;pointer-events:auto;background:0 0;border:0;place-items:center;padding:0;transition:color .16s,opacity .16s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.pbr-card-navigation button:first-child{left:-43px}.pbr-card-navigation button:last-child{right:-43px}.pbr-card-viewer--detail .pbr-card-navigation button:first-child{left:max(-31px,50% - 50vw + 4px)}.pbr-card-viewer--detail .pbr-card-navigation button:last-child{right:max(-31px,50% - 50vw + 4px)}.pbr-card-navigation button:disabled{cursor:default;opacity:.2}.pbr-card-navigation span{font-family:Arial,sans-serif;font-size:35px;font-weight:200;line-height:1}.pbr-card-hint{color:#858c81;justify-content:space-between;align-items:center;gap:10px;width:100%;margin-top:18px;font-family:PingFang SC,sans-serif;font-size:10px;display:flex}.pbr-card-hint button{border:1px solid var(--line);color:var(--gold-bright);cursor:pointer;background:#18251f;border-radius:15px;flex:none;padding:7px 12px;font-size:11px}.pbr-card-viewer--captured .pbr-card-hint{text-align:center;justify-content:center}.pbr-card-viewer--detail .pbr-card-hint{margin-top:28px}.material-controls{border-top:1px solid var(--line);width:100%;margin-top:15px}.material-controls summary{color:#aaa799;letter-spacing:.12em;cursor:pointer;justify-content:space-between;align-items:center;padding:16px 0;font-family:PingFang SC,sans-serif;font-size:11px;list-style:none;display:flex}.material-controls summary::-webkit-details-marker{display:none}.material-controls summary b{color:var(--gold);font-size:16px;font-weight:400;transition:transform .18s}.material-controls[open] summary b{transform:rotate(45deg)}.material-controls-body{gap:15px;padding:2px 0 18px;display:grid}.material-range>span{color:#777f7a;letter-spacing:.08em;justify-content:space-between;margin-bottom:7px;font-family:PingFang SC,sans-serif;font-size:9px;display:flex}.material-range output{color:#c3a66d;font-variant-numeric:tabular-nums}.material-range input{appearance:none;width:100%;height:2px;accent-color:var(--gold);background:#29332f}.material-range input::-webkit-slider-thumb{appearance:none;border:1px solid var(--gold);background:var(--ink);border-radius:50%;width:12px;height:12px}@keyframes pbr-card-enter{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.pbr-card-flipper{transition-duration:.12s}.pbr-card-tilt{transform:none!important}}.demon-profile{margin-top:28px}.demon-profile header{padding:0 2px 20px}.demon-profile h1{color:var(--paper);letter-spacing:.12em;margin-top:7px;font-size:28px;font-weight:600}.demon-profile header>p{color:#aaa99b;margin-top:11px;font-size:13px;line-height:1.82}.profile-list{background:#14201ae0;border:1px solid #c9a96a33;border-radius:20px;margin:0;overflow:hidden}.profile-list>div{border-bottom:1px solid #cdad6d1c;grid-template-columns:88px 1fr;gap:10px;padding:14px 16px;display:grid}.profile-list>div:last-child{border-bottom:0}.profile-list dt{color:var(--gold);letter-spacing:.08em;font-size:11px}.profile-list dd{color:#d0cbbc;margin:0;font-size:12px;line-height:1.65}@media (hover:hover) and (pointer:fine){.series-nav a:hover{color:#9d4830}.primary-button:hover{filter:brightness(1.12);transform:translateY(-2px)}.secondary-button:hover,.codex-card.is-unlocked:hover{border-color:#e2c28194;transform:translateY(-2px)}.codex-button:hover{filter:brightness(1.1)}.answer-button:not(:disabled):hover{border-color:#d6b46f87;transform:translateY(-1px)}.level-node:not(:disabled):hover{filter:brightness(1.1)}.pbr-card-navigation button:hover:not(:disabled){color:var(--gold-bright)}}@media (width>=720px){.codex-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=900px){body{background:radial-gradient(circle at 50% 0,#334c3e,#0c1511 48%,#050806 100%) fixed}.app-shell,.screen-shell,.reveal-shell{width:min(100% - 64px,1100px)}.map-shell{background-size:760px 1140px;width:min(100% - 64px,760px);padding-left:70px;padding-right:70px}.topbar{min-height:94px;padding-bottom:23px}.topbar h1{font-size:34px}.series-nav{font-size:10px;top:0}.level{min-height:198px}.level-node{width:102px;height:102px}.level-copy h3,.level-locked .level-copy h3{font-size:20px}.route-end{margin-top:124px}.challenge-shell{height:100dvh;padding:calc(20px + var(--safe-top)) 52px calc(28px + var(--safe-bottom));grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(340px,.9fr) minmax(430px,1.1fr);align-items:center;column-gap:54px;display:grid}.challenge-shell .screen-nav{grid-column:1/-1}.challenge-card-slot{height:100%;min-height:0;padding:18px 0}.challenge-card-wrap{height:min(70vh,650px)}.quiz-panel{width:100%;max-width:520px;margin:0}.captured-shell{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(340px,.9fr) minmax(360px,1.1fr);align-items:center;column-gap:64px;min-height:100dvh;padding-left:80px;padding-right:80px;display:grid}.captured-shell .screen-nav{grid-column:1/-1}.captured-card{width:min(31vw,370px);margin:24px auto}.captured-panel{width:100%;max-width:440px;margin:0}.codex-shell{padding-left:48px;padding-right:48px}.codex-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.detail-shell{padding-left:52px;padding-right:52px}.detail-shell .pbr-card-viewer--detail{grid-template-rows:auto auto auto;grid-template-columns:minmax(350px,440px) minmax(360px,1fr);align-items:start;column-gap:64px;padding:18px 0 46px;display:grid}.pbr-card-viewer--detail .pbr-card-stage{grid-area:1/1;width:min(100%,420px);margin-top:0;position:sticky;top:88px}.pbr-card-viewer--detail .demon-profile{grid-area:1/2;margin-top:0}.pbr-card-viewer--detail .pbr-card-hint{grid-area:2/1;width:min(100%,420px);margin:28px auto 0}.pbr-card-viewer--detail .material-controls{grid-area:2/2;margin-top:18px}.reveal-shell{width:min(100% - 64px,720px)}.reveal-stage{width:min(42vw,370px)}}@media (width>=560px){body{background:radial-gradient(circle at 50% 0,#24392e,#080d0b 55%)}.app-shell,.screen-shell,.reveal-shell{border-left:1px solid #ccab681a;border-right:1px solid #ccab681a;box-shadow:0 0 80px #00000075}}@media (width<=370px){.map-shell{padding-left:15px;padding-right:15px}.topbar h1{letter-spacing:.04em;font-size:22px}.topbar{gap:7px}.level-node{width:78px;height:78px}.map-caption{gap:7px}.map-caption small{font-size:9px}.quiz-panel{padding:17px 15px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.12s!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.pbr-card-viewer--reveal{animation:.2s both reveal-fade}.pbr-card-tilt{transform:none!important}.pbr-card-flipper{transition-duration:.12s!important}}@keyframes reveal-fade{0%{opacity:0}to{opacity:1}}