@font-face{font-family:ZCOOL XiaoWei;src:url(/projects/song-crowns/fonts/zcool-xiaowei-cn.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:LXGW WenKai;src:url(/projects/song-crowns/fonts/lxgw-wenkai-cn.woff2)format("woff2");font-style:normal;font-weight:500;font-display:swap}.song-crowns-site{--ink:#27231d;--ink-soft:#5e5648;--paper:#f3ebdc;--paper-bright:#fffaf0;--celadon:#a8b3a1;--celadon-dark:#697867;--cinnabar:#a55240;--cinnabar-dark:#71372d;--gold:#bea26e;--gold-pale:#e2d0aa;--night:#17130f;--display:"ZCOOL XiaoWei", "STSong", serif;--hand:"LXGW WenKai", "Kaiti SC", serif}.song-crowns-site,.song-crowns-site *,.song-crowns-site :before,.song-crowns-site :after{box-sizing:border-box}.song-crowns-site{min-width:320px;min-height:100%;color:var(--ink);font-family:var(--hand);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 16% 12%,#bea16724,#0000 33%),radial-gradient(circle at 87% 76%,#60765e24,#0000 36%),#15130f;margin:0;overflow-x:hidden}.song-crowns-site button,.song-crowns-site input{font:inherit}.song-crowns-site button{color:inherit;-webkit-tap-highlight-color:transparent}.song-crowns-site button:focus-visible{outline:2px solid var(--cinnabar);outline-offset:3px}.song-crowns-site [role=slider]:focus-visible{outline:2px solid var(--cinnabar);outline-offset:3px}.song-crowns-site button:disabled{cursor:default}.game-shell{place-items:center;min-height:100svh;display:grid;position:relative;overflow:hidden}.song-crowns-home-link{z-index:110;color:#fff6e4e6;letter-spacing:.08em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1d17119e;border:1px solid #ffecc95c;border-radius:2px;padding:8px 10px;font-size:9px;text-decoration:none;position:fixed;top:80px;left:max(16px,50% - 250px);box-shadow:0 6px 18px #00000024}:is(.song-crowns-home-link:hover,.song-crowns-home-link:focus-visible){color:#fff9ed;border-color:#e3c88d;outline:none}.desktop-atmosphere{color:#eed9af09;font:500 clamp(90px, 13vw, 210px)/1 var(--display);pointer-events:none;writing-mode:vertical-rl;justify-content:space-around;align-items:center;display:flex;position:fixed;inset:0}.desktop-atmosphere:before,.desktop-atmosphere:after{content:"";border:1px solid #dcc59712;border-radius:50%;width:36vw;height:36vw;position:absolute}.desktop-atmosphere:before{top:-14vw;left:-12vw}.desktop-atmosphere:after{bottom:-13vw;right:-15vw}.phone-stage{background:var(--paper);isolation:isolate;width:min(100vw,460px);height:min(100svh,920px);min-height:680px;position:relative;overflow:hidden;box-shadow:0 35px 100px #0000006b}.game-header{z-index:80;color:#fff9ed;pointer-events:none;background:linear-gradient(#1c1712ad,#0000);grid-template-columns:1fr auto 1fr;align-items:center;min-height:68px;padding:13px 17px;transition:opacity .26s;display:grid;position:absolute;inset:0 0 auto}.game-header button,.chapter-progress{pointer-events:auto}.phase-result .game-header{opacity:0;pointer-events:none}.wordmark,.museum-link,.quiet-button{cursor:pointer;background:0 0;border:0}.wordmark{color:inherit;justify-self:start;align-items:center;gap:8px;padding:0;display:inline-flex}.wordmark>span{width:30px;height:30px;font:16px/1 var(--display);background:#853a2ce6;border:1px solid #fff0d18c;border-radius:5px 3px 6px 4px;place-items:center;display:grid;transform:rotate(-2deg)}.wordmark strong{font:500 13px/1 var(--display);letter-spacing:.14em}.museum-link{color:inherit;letter-spacing:.12em;justify-self:end;padding:7px 2px;font-size:11px}.museum-link.unlocked{color:#ffe5aa;text-shadow:0 0 14px #ecc6788c}.museum-link:disabled{color:#fff9ed6b}.chapter-progress{letter-spacing:.08em;background:#231d163d;border:1px solid #fff5e04d;border-radius:99px;justify-content:center;align-items:center;width:58px;height:18px;font-size:8px;display:flex;position:relative;overflow:hidden}.chapter-progress i{background:#c39b536b;transition:width .42s;position:absolute;inset:0 auto 0 0}.chapter-progress span{z-index:1;position:relative}.full-portrait{object-fit:cover;object-position:50% 50%;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.intro-screen,.work-screen,.result-screen{position:absolute;inset:0;overflow:hidden}.intro-vignette{pointer-events:none;background:linear-gradient(#1a161114 24%,#19140f1a 43%,#120e0ac2 75%,#0e0b08fa),linear-gradient(90deg,#120e0a2e,#0000 56%);position:absolute;inset:0}.intro-copy{z-index:5;color:#fff9ed;position:absolute;inset:auto 27px 48px}.kicker,.screen-heading>p,.museum-heading>p,.result-copy>p{color:#dec48e;font-family:var(--hand);letter-spacing:.19em;margin:0 0 11px;font-size:9px;font-weight:700}.intro-copy h1{font:400 clamp(45px, 11.5vw, 59px)/1.08 var(--display);letter-spacing:-.04em;text-wrap:balance;margin:0}.intro-copy>p:not(.kicker){color:#fff7e7c4;margin:17px 0 23px;font-size:14px;line-height:1.75}.primary-button{color:#272018;cursor:pointer;letter-spacing:.08em;background:#f4e9d2;border:0;border-radius:2px;justify-content:space-between;align-items:center;min-width:164px;min-height:48px;padding:0 17px 0 19px;font-size:13px;font-weight:700;transition:transform .18s,opacity .18s,background .18s;display:inline-flex}.primary-button:hover:not(:disabled){transform:translateY(-2px)}.primary-button:disabled{color:#7d7465;opacity:.58;background:#d4c7ae}.quiet-button{color:#fff7e7ad;margin-left:12px;padding:12px 3px;font-size:11px}.intro-progress{color:#fff7e799;margin:14px 0 0 12px;font-size:11px;display:inline-block}.scroll-screen{overscroll-behavior:contain;scrollbar-width:none;position:absolute;inset:0;overflow:hidden auto}.scroll-screen::-webkit-scrollbar{display:none}.chapter-screen{background:radial-gradient(circle at 87% 2%,#a5524021,#0000 30%),linear-gradient(#eee4d2,#f8f1e6);padding:88px 18px 26px}.screen-heading{margin:0 4px 22px}.screen-heading>p{color:var(--cinnabar);margin-bottom:8px}.screen-heading h2{font:400 34px/1.12 var(--display);letter-spacing:-.02em;margin:0 0 8px}.screen-heading>span{color:var(--ink-soft);font-size:12px;line-height:1.6}.chapter-list{gap:13px;display:grid}.chapter-card{color:#fff9ec;cursor:pointer;text-align:left;background:#504537;border:0;border-radius:4px;height:180px;position:relative;overflow:hidden;box-shadow:0 12px 32px #43321f29}.chapter-card img{object-fit:cover;width:100%;height:100%;transition:transform .52s;position:absolute;inset:0}.chapter-card:hover img{transform:scale(1.025)}.chapter-family img{object-position:50% 27%}.chapter-garden img{object-position:50% 23%}.chapter-palace img{object-position:50% 22%}.chapter-shade{background:linear-gradient(90deg,#15110dd4,#15110d1a 68%),linear-gradient(#15110d24,#15110d5c);position:absolute;inset:0}.chapter-number{color:#e1c78e;letter-spacing:.15em;font-size:9px;position:absolute;top:15px;left:17px}.chapter-copy{gap:2px;display:grid;position:absolute;bottom:16px;left:17px;right:17px}.chapter-copy small{color:#fff8e89e;font-size:9px}.chapter-copy strong{font:400 30px/1.15 var(--display)}.chapter-copy em{color:#e6c990;font-size:11px;font-style:normal}.chapter-copy i{color:#fff1d4;background:#6b382ca8;border:1px solid #ffefcd7a;border-radius:50%;place-items:center;width:44px;height:44px;font-size:9px;font-style:normal;display:grid;position:absolute;bottom:0;right:0}.museum-cta{color:#6f6659;cursor:pointer;letter-spacing:.05em;background:#fffaf085;border:1px solid #5948312e;width:100%;min-height:48px;margin-top:15px;font-size:11px}.museum-cta.unlocked{background:var(--cinnabar);color:#fff4e0;border-color:#a552406b}.museum-cta:disabled{cursor:default}.quiz-screen{background:radial-gradient(circle at 88% 4%,#a5524024,#0000 29%),linear-gradient(#eee4d2,#f8f1e6);padding:88px 18px 30px}.quiz-screen .screen-heading{margin-bottom:15px}.quiz-screen .screen-heading h2{font-size:32px}.invitation-card{background:#fffaf0ad;border:1px solid #73563433;margin:0 3px 15px;padding:17px 18px 15px 22px;position:relative;box-shadow:0 9px 28px #49351f14}.invitation-card:before{background:var(--cinnabar);content:"";opacity:.72;width:2px;position:absolute;top:13px;bottom:13px;left:10px}.invitation-card small{color:var(--cinnabar);letter-spacing:.14em;font-size:8px}.invitation-card p{color:#4f473c;margin:7px 0 0;font-size:12px;line-height:1.65}.quiz-options{gap:9px;display:grid}.quiz-option{min-height:112px;color:var(--ink);cursor:pointer;text-align:left;background:#fffaf0b8;border:1px solid #664d302e;border-radius:3px;grid-template-columns:112px 1fr 38px;align-items:center;padding:0;transition:border-color .18s,opacity .18s,transform .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 22px #46321e14}.quiz-option:active{transform:scale(.992)}.quiz-option.tried{opacity:.56;box-shadow:none;border-color:#7f66491f}.quiz-crown-crop{background:#d7c7ab;align-self:stretch;overflow:hidden}.quiz-crown-crop img{object-fit:cover;object-position:50% 18%;-webkit-user-select:none;user-select:none;width:100%;height:100%;transform:scale(1.08)}.quiz-option-copy{gap:5px;padding:12px 8px 12px 14px;display:grid}.quiz-option-copy strong{font:400 23px/1.12 var(--display)}.quiz-option-copy small{color:var(--ink-soft);font-size:9px;line-height:1.5}.quiz-option>i{width:30px;height:30px;color:var(--cinnabar);border:1px solid #a552406b;border-radius:50%;place-items:center;font-size:8px;font-style:normal;display:grid}.quiz-option.tried>i{width:34px;color:var(--ink-soft);border-color:#5e56484d}.quiz-message{min-height:35px;color:var(--cinnabar-dark);text-align:center;margin:13px 5px 2px;font-size:11px;line-height:1.55}.quiz-rule{color:#8d806e;text-align:center;font-size:8px;display:block}.work-screen{background:#d4c7a9}.work-portrait{object-position:50% 50%}.work-vignette{z-index:2;pointer-events:none;background:linear-gradient(#1f191338,#0000 24% 58%,#16110c5c 70%,#140f0ac7);position:absolute;inset:0}.work-title{z-index:20;color:#fff8e9;text-shadow:0 2px 14px #17120d73;display:grid;position:absolute;top:78px;left:20px}.work-title span{color:#e4cb9a;letter-spacing:.12em;font-size:9px}.work-title strong{font:400 28px/1 var(--display);margin-top:2px}.head-anchor-guide{z-index:8;aspect-ratio:1.75;opacity:.45;border:1px dashed #f0d39d94;border-radius:50%;width:36%;transition:opacity .22s,border-color .22s;position:absolute;top:29%;left:52%;transform:translate(-50%,-50%)}.phase-fit .head-anchor-guide{opacity:.75;border-color:#f0d39dc7;box-shadow:0 0 28px #f5d3971f}.crown-root{z-index:15;height:16%;transform:translate(-50%, -50%) translate(var(--fit-x), var(--fit-y)) rotate(var(--fit-rotation));transform-origin:50% 66%;touch-action:none;transition:transform .14s ease-out;position:absolute;top:29%;left:52%}.crown-root.is-adjustable{cursor:grab}.crown-root.is-adjustable:active{cursor:grabbing;transition:none}.crown-tuan{width:42%;height:15%;top:29%}.crown-yinianjing{width:55%;height:18%;top:29%}.crown-white-horn{width:34%;height:25%;top:26%}.placed-crown-part{object-fit:contain;filter:drop-shadow(0 4px 5px #2c1c0f47);pointer-events:none;-webkit-user-select:none;user-select:none;height:auto;max-height:none;animation:.42s cubic-bezier(.2,.85,.25,1.15) both part-settle;position:absolute}.final-part-progress{opacity:var(--lock-progress);pointer-events:none;position:absolute;inset:0}.final-crown-part{animation:none}@keyframes part-settle{0%{opacity:0;filter:drop-shadow(0 12px 12px #2c1c0f2e)blur(1px);scale:1.22}to{opacity:1;scale:1}}.crown-tray{z-index:35;min-height:305px;padding:18px 16px max(18px, env(safe-area-inset-bottom));color:#fff6e7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#19140fd6,#110d0afa);border-top:1px solid #e5d1a95c;position:absolute;inset:auto 0 0;box-shadow:0 -18px 50px #110d093d}.tray-heading{color:#fff6e7b8;justify-content:space-between;align-items:flex-start;gap:18px;min-height:38px;font-size:11px;line-height:1.45;display:flex}.tray-heading strong{color:#e2c48a;letter-spacing:.09em;flex:none;font-size:10px}.image-part-list{overscroll-behavior-x:contain;scrollbar-width:none;gap:9px;min-height:135px;margin:8px -2px 14px;padding:2px 2px 9px;display:flex;overflow-x:auto}.image-part-list::-webkit-scrollbar{display:none}.image-part{color:#f8ead1;cursor:grab;opacity:0;touch-action:none;min-width:0;height:126px;animation:tray-rise .42s calc(var(--part-delay) + 60ms) ease forwards;background:linear-gradient(145deg,#f8eacf1f,#53422f29);border:1px solid #e6cda033;border-radius:4px;flex:1 0 92px;padding:6px 5px 8px}.count-5 .image-part{flex-basis:78px}.image-part:active{cursor:grabbing}.image-part>span{place-items:center;height:88px;display:grid}.image-part img{object-fit:contain;filter:drop-shadow(0 5px 7px #00000042);pointer-events:none;max-width:100%;max-height:82px}.image-part small{color:#fff4e0c7;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:9px;display:block;overflow:hidden}.image-part.is-placed{filter:saturate(.2);border-color:#a9be9e33;opacity:.3!important}.tray-button{background:#efe2c9;width:100%;min-height:44px}.floating-part{z-index:200;object-fit:contain;filter:drop-shadow(0 13px 14px #00000059);pointer-events:none;width:112px;max-height:100px;position:fixed;transform:translate(-50%,-70%)scale(1.05)}@keyframes tray-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fit-console{z-index:35;min-height:225px;padding:20px 21px max(24px, env(safe-area-inset-bottom));color:#fff5e5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#1a1510d6,#100c09fa);position:absolute;inset:auto 0 0}.balance-indicator{color:#fff5e270;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;font-size:8px;display:grid}.balance-indicator>div{border-bottom:1px solid #fff1d84d;height:12px;position:relative}.balance-indicator i{background:#c77c5d;border-radius:50%;width:7px;height:7px;transition:left .1s linear,background .18s,box-shadow .18s;display:block;position:absolute;bottom:-4px;transform:translate(-50%)}.balance-indicator.aligned i{background:#d9c17f;box-shadow:0 0 14px #ecd08bb8}.fit-console>p{color:#fff6e6c2;text-align:center;min-height:38px;margin:13px 0 8px;font-size:11px;line-height:1.55}.lock-track{opacity:.45;touch-action:none;background:linear-gradient(90deg,#f0debd0d,#f0debd24,#f0debd0d);border:1px solid #e4cca333;border-radius:4px;height:92px;transition:opacity .18s,border-color .18s;position:relative;overflow:hidden}.lock-track.ready{opacity:1;border-color:#e4c4887a}.lock-track.done{background:#647e5b33;border-color:#b6caa694}.lock-track-line{background:repeating-linear-gradient(90deg,#e7d0a826 0 6px,#e7d0a89e 6px 12px);height:1px;position:absolute;top:48%;left:10%;right:10%}.lock-object{left:var(--lock-left);object-fit:contain;filter:drop-shadow(0 5px 6px #00000052);pointer-events:none;width:42%;max-height:54px;transition:left 70ms linear;position:absolute;top:47%;transform:translate(-12%,-50%)}.action-pearls .lock-object{width:48%}.action-comb .lock-object{width:47%;transform:translate(-70%,-50%)}.lock-track strong{color:#fff4e0a6;letter-spacing:.04em;text-align:center;font-size:9px;font-weight:500;position:absolute;inset:auto 0 7px}.result-scene-art{object-fit:cover;object-position:50% 50%;-webkit-user-select:none;user-select:none;width:100%;height:100%;animation:1.4s cubic-bezier(.18,.8,.22,1) both scene-reveal;position:absolute;inset:0;transform:scale(1.025)}.result-gradient{background:linear-gradient(#100d0a0f 32%,#0f0c091f 53%,#0e0b08e0 83%,#0e0b08);transition:opacity .32s;position:absolute;inset:0}.result-tap-target{z-index:5;cursor:pointer;background:0 0;border:0;width:100%;height:100%;position:absolute;inset:0}.result-copy{z-index:10;color:#fff7e8;transition:opacity .32s,transform .32s;position:absolute;inset:auto 24px 28px}.result-copy>p{margin-bottom:7px}.result-copy h2{font:400 47px/1.06 var(--display);margin:0 0 7px}.result-copy>span{color:#fff6e5c2;font-size:13px;display:block}.result-copy>small{color:#fff6e561;margin-top:8px;font-size:8px;display:block}.result-actions{gap:9px;margin-top:19px;display:flex}.result-actions button{color:#fff5e2;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#251d156b;border:1px solid #ffefcf57;flex:1;min-height:45px;font-size:11px}.result-actions .result-primary{color:#2b231b;background:#efe1c5;border-color:#ead4a5}.result-screen.hide-hud .result-copy{opacity:0;pointer-events:none;transform:translateY(18px)}.result-screen.hide-hud .result-gradient{opacity:0}.result-atmosphere{z-index:4;pointer-events:none;position:absolute;inset:0;overflow:hidden}.result-atmosphere i{background:#f0cab5b3;border-radius:70% 30%;width:9px;height:15px;animation:8s linear infinite petal-fall;position:absolute;top:-6%}.result-atmosphere i:first-child{animation-delay:-3s;left:9%}.result-atmosphere i:nth-child(2){animation-delay:-6s;left:31%;scale:.7}.result-atmosphere i:nth-child(3){animation-delay:-1s;left:56%;scale:1.2}.result-atmosphere i:nth-child(4){animation-delay:-4.5s;left:78%;scale:.8}.result-atmosphere i:nth-child(5){animation-delay:-7s;left:91%}@keyframes scene-reveal{0%{opacity:0;filter:blur(8px);transform:scale(1.1)}to{opacity:1;filter:blur();transform:scale(1.025)}}@keyframes petal-fall{0%{transform:translateY(-5vh)rotate(0)}to{transform:translate(55px,110vh)rotate(420deg)}}.museum-screen{background:radial-gradient(circle at 82% 5%,#ad5c4224,#0000 28%),#eee4d2;padding:92px 16px 40px}.museum-heading{margin:0 5px 24px}.museum-heading>p{color:var(--cinnabar);margin-bottom:6px}.museum-heading h2{font:400 43px/1 var(--display);margin:0 0 7px}.museum-heading>span{color:var(--ink-soft);font-size:12px;line-height:1.6}.museum-list{gap:24px;display:grid}.museum-card{background:#f8f1e5;border:1px solid #6f54342b;overflow:hidden;box-shadow:0 15px 42px #4b36201f}.museum-art{background:#d2c3a6;height:430px;position:relative;overflow:hidden}.museum-art img{object-fit:cover;object-position:50% 30%;width:100%;height:100%}.museum-art>span{color:#fff1d2;letter-spacing:.12em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#251d1470;border:1px solid #fff2d985;padding:6px 9px;font-size:9px;position:absolute;top:14px;left:14px}.museum-label{padding:22px 19px 19px 29px;position:relative}.museum-label:before{background:var(--cinnabar);content:"";width:3px;position:absolute;top:23px;bottom:20px;left:17px}.museum-label>p{color:var(--cinnabar);letter-spacing:.1em;margin:0 0 4px;font-size:9px}.museum-label h3{font:400 35px/1.1 var(--display);margin:0 0 16px}.museum-fact{grid-template-columns:57px 1fr;gap:8px;margin:10px 0;display:grid}.museum-fact strong{color:#3d352b;font-size:10px}.museum-fact span{color:var(--ink-soft);font-size:11px;line-height:1.55}.museum-fact.imagined strong{color:var(--cinnabar)}.museum-label>small{color:#8b7e69;margin-top:13px;font-size:8px;display:block}.download-actions{grid-template-columns:1fr 1.2fr;gap:8px;margin-top:18px;display:grid}.download-actions button{color:#574d40;cursor:pointer;background:0 0;border:1px solid #644d313b;min-height:43px;font-size:10px}.download-actions .poster-download{border-color:var(--cinnabar);background:var(--cinnabar);color:#fff2dc}.locked-museum{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.locked-museum>button:not(.primary-button){color:#fff;cursor:pointer;background:#5c4c3a;border:0;height:260px;position:relative;overflow:hidden}.locked-museum img{object-fit:cover;filter:saturate(.45)brightness(.7);width:100%;height:100%}.locked-museum span,.locked-museum strong{z-index:2;text-shadow:0 1px 8px #000000a6;position:absolute;left:8px;right:8px}.locked-museum span{color:#e9ce9c;font-size:8px;top:9px}.locked-museum strong{font:400 18px/1.1 var(--display);bottom:10px}.locked-museum .primary-button{background:var(--cinnabar);color:#fff;grid-column:1/-1;width:100%;margin-top:8px}.download-toast{z-index:30;color:#fff0d5;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#221b14eb;border:1px solid #eed7af3b;border-radius:3px;margin:16px 5px 0;padding:11px 13px;font-size:10px;line-height:1.5;position:sticky;bottom:14px}@media (max-height:760px){.phone-stage{min-height:620px}.quiz-option{grid-template-columns:98px 1fr 36px;min-height:96px}.quiz-option-copy strong{font-size:21px}.crown-tray{min-height:268px;padding-top:12px}.image-part-list{min-height:112px;margin-bottom:8px}.image-part{height:105px}.image-part>span{height:70px}.image-part img{max-height:64px}.fit-console{min-height:205px;padding-top:14px}.lock-track{height:79px}.work-title{top:70px}}@media (min-width:700px){.phone-stage{border:1px solid #ecdab629;border-radius:9px}}@media (prefers-reduced-motion:reduce){.song-crowns-site,.song-crowns-site *,.song-crowns-site :before,.song-crowns-site :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}