:root{font-family:PingFang SC,Microsoft YaHei,sans-serif;color:#171816;background:#e8e9e5;font-synthesis:none}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}body{min-height:100vh}.experience{--ink:#171816;--muted:#70746f;--accent:#b52b24;--gold:#d5b56e;--thumb:#e8e9e5;position:relative;isolation:isolate;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;min-height:100svh;overflow:hidden;padding:30px clamp(22px,4vw,62px) 20px;color:var(--ink);background:radial-gradient(circle at 50% 46%,#fff 0,#ffffffaa 16%,transparent 52%),#e8e9e5;transition:color .4s ease}.experience:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;opacity:calc(var(--strength) * .94);background:radial-gradient(circle at 50% 45%,#3b2c24 0,#1d1918 34%,#111 74%);transition:opacity .18s linear}.experience:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;opacity:.3;background:repeating-linear-gradient(0deg,#ffffff07 0 1px,transparent 1px 4px),radial-gradient(circle at 22% 18%,#fff2 0 1px,transparent 1.5px)}.is-dark{--ink:#f4f1e8;--muted:#b8b4a9;--thumb:#1a1715}.is-ancestor{--accent:#c19a49}.masthead{z-index:10;display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.eyebrow{margin:0 0 5px;color:var(--muted);font:10px/1.2 Consolas,monospace;letter-spacing:.22em}h1{margin:0;font-family:Songti SC,STSong,SimSun,serif;font-size:clamp(34px,4.5vw,64px);font-weight:900;letter-spacing:-.09em;line-height:.95}.level-meter{display:grid;min-width:118px;padding-top:3px;border-top:1px solid currentColor;font-family:Consolas,monospace;text-align:right}.level-meter span{color:var(--muted);font-size:10px;letter-spacing:.16em}.level-meter output{margin-top:4px;font-size:clamp(16px,2vw,23px);letter-spacing:-.04em}.settings-button,.primary-button,.secondary-button,.icon-button{border:1px solid currentColor;background:transparent;color:inherit;cursor:pointer;font:10px Consolas,monospace;letter-spacing:.08em}.settings-button{padding:8px 10px}.settings-button:hover,.primary-button{background:var(--accent);color:#fff;border-color:var(--accent)}.portrait-zone{position:relative;z-index:1;display:flex;min-height:0;align-items:center;flex-direction:column;justify-content:center}.stage-ghost{position:absolute;z-index:-1;top:44%;left:50%;width:100%;margin:0;font:900 clamp(150px,27vw,420px)/.7 "Songti SC",STSong,"SimSun",serif;letter-spacing:-.16em;text-align:center;white-space:nowrap;opacity:calc(.035 + var(--strength)*.025);transform:translate(-50%,-50%) scale(calc(.95 + var(--strength)*.08))}.portrait-shell{position:relative;width:min(49vh,550px,76vw);aspect-ratio:1;filter:drop-shadow(0 28px 38px #1214141f);background:#cfd1cf}.portrait-shell:before{content:"";position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;border:1px solid #ffffff36;pointer-events:none}.portrait{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.portrait-next{opacity:var(--blend)}.imperial-halo{position:absolute;z-index:0;top:-9%;right:-9%;bottom:-9%;left:-9%;border:1px solid #c19a498c;border-radius:50%;opacity:0;transform:rotate(calc(var(--strength)*28deg)) scale(.92);background:radial-gradient(circle,transparent 54%,#c19a4926 54.4% 55.4%,transparent 55.8%),conic-gradient(transparent,#c19a4938,transparent 18%,transparent 32%,#c19a492b,transparent 52%,transparent 74%,#c19a4933,transparent);transition:.6s}.is-ancestor .imperial-halo{opacity:.8;transform:rotate(calc(var(--strength)*28deg)) scale(1)}.scan-grid{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:calc(.15 - var(--strength)*.08);background:linear-gradient(90deg,transparent 49.88%,#fff3 50%,transparent 50.12%),linear-gradient(0deg,transparent 49.88%,#fff2 50%,transparent 50.12%)}.frame-corner{position:absolute;z-index:4;width:19px;height:19px;border-color:currentColor;opacity:.72}.frame-corner--tl{top:-7px;left:-7px;border-top:2px solid;border-left:2px solid}.frame-corner--tr{top:-7px;right:-7px;border-top:2px solid;border-right:2px solid}.frame-corner--bl{bottom:-7px;left:-7px;border-bottom:2px solid;border-left:2px solid}.frame-corner--br{bottom:-7px;right:-7px;border-bottom:2px solid;border-right:2px solid}.load-state{position:absolute;z-index:6;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#f4f1e8;background:#171816e0;font:12px Consolas,monospace;letter-spacing:.08em}.load-state.error{background:#7e1e19eb}.stage-readout{display:grid;grid-template-columns:1fr auto 1fr;width:min(49vh,550px,76vw);align-items:baseline;margin-top:12px}.stage-readout span{color:var(--muted);font:9px Consolas,monospace;letter-spacing:.13em}.stage-readout span:last-child{text-align:right}.stage-readout p{min-width:3.5em;margin:0;font:900 clamp(38px,5.2vh,58px)/.9 "Songti SC",STSong,"SimSun",serif;letter-spacing:-.08em;text-align:center;text-shadow:0 0 calc(var(--strength)*24px) #c19a4975}.is-ancestor .stage-readout p{color:var(--gold)}.control-panel{--inset:13px;z-index:10;width:min(760px,100%);margin:6px auto 0}.range-wrap{position:relative;height:48px}.tick-track{position:absolute;top:12px;right:var(--inset);left:var(--inset);display:flex;justify-content:space-between;align-items:center;height:24px;pointer-events:none}.tick-track i{width:1px;height:7px;background:currentColor;opacity:.2}.tick-track i:nth-child(6n+1){height:18px;opacity:.5}.tick-track i.active{height:13px;background:var(--accent);opacity:.95}.tick-track i.active:nth-child(6n+1){height:24px}.strength-slider{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:48px;margin:0;cursor:ew-resize;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;touch-action:pan-y}.strength-slider::-webkit-slider-runnable-track{height:1px;background:#ffffff40}.strength-slider::-webkit-slider-thumb{width:26px;height:26px;margin-top:-13px;border:2px solid currentColor;border-radius:50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:radial-gradient(circle,var(--accent) 0 3px,transparent 3.5px),var(--thumb);box-shadow:0 5px 18px #0004}.stage-markers{display:flex;justify-content:space-between;margin:-2px 0 0;padding:0 var(--inset);list-style:none}.stage-markers li{width:0;color:var(--muted);font-size:11px;letter-spacing:.06em;text-align:center;white-space:nowrap;transform:translate(-50%)}.stage-markers .passed{color:var(--accent)}.stage-markers .current{color:currentColor;font-weight:700;transform:translate(-50%,-2px)}.drag-hint{margin:10px 0 0;color:var(--muted);font-size:10px;letter-spacing:.12em;text-align:center}.drag-hint span{margin:0 6px}footer{z-index:10;display:flex;justify-content:space-between;margin-top:10px;padding-top:10px;border-top:1px solid #ffffff38;color:var(--muted);font:8px Consolas,monospace;letter-spacing:.12em}@media (max-width:700px){.experience{padding:20px 16px 16px}.eyebrow{max-width:190px;font-size:8px;line-height:1.4}h1{font-size:clamp(34px,11vw,48px)}.level-meter{min-width:84px}.portrait-shell,.stage-readout{width:min(78vw,50vh,430px)}.stage-readout p{font-size:clamp(36px,10vw,48px)}.stage-markers li{font-size:9px;letter-spacing:0}footer{display:none}}.settings-modal{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#111b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#171816}.settings-card{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(760px,100%);max-height:min(88svh,840px);overflow:hidden;background:#f1f0eb;box-shadow:0 24px 90px #0008}.settings-card>header,.settings-card>footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid #1718162e}.settings-card>footer{border-top:1px solid #1718162e;border-bottom:0}.settings-card h2{margin:0;font-family:Songti SC,STSong,SimSun,serif;font-size:30px;letter-spacing:-.08em}.icon-button{display:grid;place-items:center;width:30px;height:30px;font-size:22px;line-height:1}.settings-scroll{overflow:auto;padding:22px}.settings-scroll>label,.stage-editor label{display:grid;gap:6px;color:#4c504b;font:11px Consolas,monospace;letter-spacing:.07em}.settings-scroll>label{margin-bottom:14px}.settings-card input{width:100%;padding:9px 10px;border:1px solid #17181652;background:#fff;color:#171816;font:14px PingFang SC,Microsoft YaHei,sans-serif}.settings-card fieldset{margin:24px 0 0;padding:14px;border:1px solid #17181652}.settings-card legend{padding:0 7px;font:11px Consolas,monospace;letter-spacing:.08em}.stage-editor{display:grid;grid-template-columns:26px 150px 1fr 56px;gap:10px;align-items:end;padding:12px 0;border-bottom:1px solid #1718161c}.stage-editor:last-child{border:0}.stage-editor>span{padding-bottom:9px;color:#858780;font:11px Consolas,monospace}.stage-editor img{width:56px;height:56px;object-fit:cover;background:#d4d5d0}.settings-card footer>div{display:flex;gap:8px}.primary-button,.secondary-button{padding:10px 12px}.secondary-button:hover{background:#17181612}@media (max-width:700px){.settings-modal{padding:10px}.settings-card{max-height:94svh}.settings-card>header,.settings-card>footer{padding:14px}.settings-scroll{padding:16px}.stage-editor{grid-template-columns:22px 1fr 48px}.stage-editor label:last-of-type{grid-column:2 / 3}.stage-editor img{width:48px;height:48px}.settings-card footer>div{gap:5px}.primary-button,.secondary-button{padding:9px 8px;font-size:9px}}