:root{--paper:#fffdf8;--cream:#fff9e7;--ink:#2e2b40;--muted:#777083;--pink:#ff75a1;--yellow:#ffe477;--blue:#5573e6;--mint:#8cddc9;--line:#2e2b40;--ending:#e94680;--state-bg:#ffd7e5;--sans:'PingFang SC','Microsoft YaHei',Arial,sans-serif;--sprite-ratio:.75}*{box-sizing:border-box}body{margin:0;font-family:var(--sans);background:var(--cream);color:var(--ink);font-size:15px;-webkit-font-smoothing:antialiased}body:before{content:'';position:fixed;inset:0;z-index:-1;background-image:radial-gradient(#c7bd9e 1px,transparent 1px);background-size:18px 18px;opacity:.34}button,a,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:var(--ink)}button:disabled{cursor:default;opacity:.5}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}[hidden]{display:none!important}h1,h2,p{margin-top:0}h1,h2{font-weight:850}h1[tabindex]{outline:none}.site-header{max-width:1220px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:25px 42px;border-bottom:2px solid var(--ink);gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:21px;font-weight:850;letter-spacing:-.5px}.brand-icon{display:grid;place-items:center;width:46px;height:46px;background:var(--pink);border:2px solid var(--ink);border-radius:12px;box-shadow:3px 3px 0 var(--ink);font-size:27px;transform:rotate(-6deg)}.brand small{display:block;font-size:9px;font-weight:500;letter-spacing:1px;margin-top:4px;color:var(--muted)}nav{display:flex;align-items:center;gap:25px}.text-button{border:0;background:none;padding:7px 0;color:var(--ink);font-size:12px;font-weight:650;line-height:1.6;text-decoration:none}.text-button:hover{color:#c83970}#album-count{display:inline-block;background:var(--yellow);border:1px solid var(--ink);border-radius:12px;margin-left:5px;padding:1px 6px;font:10px Arial,sans-serif}main{max-width:1220px;margin:auto;padding:0 42px}.welcome{display:grid;grid-template-columns:1fr 1.08fr;gap:0 42px;padding-top:60px}.hero-copy{padding-top:8px}.eyebrow{font-size:11px;letter-spacing:1px;line-height:1.8;font-weight:650;margin-bottom:21px}.label-star{font-size:23px;vertical-align:-2px;color:#e7a329;margin-right:5px}.hero-copy h1{font-size:62px;line-height:1.22;letter-spacing:-2px;margin:0 -35px 25px 0;position:relative;z-index:2}.pink-word{color:#d33776;position:relative;display:inline-block;transform:rotate(-4deg)}.pink-word:after{content:'';position:absolute;height:10px;bottom:0;left:-2px;right:-2px;background:var(--pink);z-index:-1}.title-last{font-size:39px;letter-spacing:-1px}.mobile-break{display:none}.hero-intro{font-size:14px;line-height:2;color:#6c6376;margin-bottom:30px}.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;gap:25px;background:var(--blue);color:#fff;border:2px solid var(--ink);border-radius:12px;padding:14px 21px;font-size:14px;font-weight:750;line-height:1.5;text-decoration:none;box-shadow:4px 4px 0 var(--ink);transition:transform .12s,box-shadow .12s}.primary:hover:not(:disabled),.secondary:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.primary:active,.secondary:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.secondary{background:#fffdf8;color:var(--ink)}.start-button{background:var(--pink);color:var(--ink);min-width:285px;justify-content:space-between;padding:17px 23px;font-size:17px;letter-spacing:.5px}.start-button span{font-size:23px;line-height:1}.resume-button{display:block;background:none;border:0;border-bottom:2px dashed #ad84af;color:#705097;font-size:12px;font-weight:650;padding:6px 0;margin-top:17px}.hero-details{display:flex;gap:7px;flex-wrap:wrap;margin:23px 0 0;font-size:10px;color:#706575}.hero-details span{border:1px solid #d8cdbd;background:#fffdf8;border-radius:20px;padding:5px 9px}.handwritten-note{margin:29px 0 0;font-size:11px;transform:rotate(-2deg);color:#8e6f94;line-height:1.7}.handwritten-note span{font-size:27px;margin-left:8px;display:inline-block;transform:rotate(-12deg)}.hero-visual{position:relative;min-width:0;margin:0 0 8px;border:2px solid var(--ink);border-radius:17px;background:#e1e5ff;box-shadow:6px 6px 0 var(--ink);transform:rotate(2deg);isolation:isolate}.board-heading{background:var(--yellow);border-bottom:2px solid var(--ink);border-radius:15px 15px 0 0;display:flex;justify-content:space-between;gap:15px;padding:13px 18px;font-size:13px;font-weight:850}.board-number{font-size:10px;font-weight:500;white-space:nowrap}.sticker-board{height:410px;position:relative;overflow:hidden;border-radius:0 0 15px 15px;background-image:radial-gradient(#91a2d5 1px,transparent 1px);background-size:12px 12px}.sticker{display:block;background-image:var(--sticker-sheet,url('assets/huafei-stickers-v2.png'));background-repeat:no-repeat;background-size:400% 200%;background-position:var(--sx,0%) var(--sy,0%);aspect-ratio:var(--sprite-ratio);image-rendering:pixelated;filter:drop-shadow(3px 5px 0 #28243b22)}.hero-sticker{position:absolute}.hero-sticker .sticker{width:100%}.sticker-one{width:43%;left:0;top:-25px;transform:rotate(-12deg)}.sticker-two{width:46%;right:-5px;top:3px;transform:rotate(10deg)}.sticker-three{width:50%;left:-1%;bottom:-32px;transform:rotate(-7deg)}.sticker-four{width:40%;right:4%;bottom:-25px;transform:rotate(8deg)}.sticker-caption{position:absolute;bottom:14%;left:50%;transform:translateX(-50%) rotate(-4deg);background:#fff;border:2px solid var(--ink);border-radius:5px;padding:5px 9px;font-size:11px;font-weight:850;white-space:nowrap;box-shadow:2px 2px 0 var(--ink)}.sticker-two .sticker-caption{background:#ffe88d}.sticker-three .sticker-caption{background:#ffd4ea}.sticker-four .sticker-caption{background:#a9eadb}.comic-bubble{background:#fff;border:2px solid var(--ink);border-radius:45% 45% 45% 12%;box-shadow:3px 3px 0 var(--ink);font-size:14px;font-weight:850;line-height:1.8;text-align:center;padding:16px 20px}.hero-bubble{position:absolute;z-index:4;left:29%;top:40%;transform:rotate(-6deg);font-size:12px;padding:13px 17px}.board-scribble{position:absolute;font-size:60px;line-height:1;color:#6e8bd3;z-index:-1}.scribble-one{left:3%;top:40%;transform:rotate(16deg)}.scribble-two{right:36%;bottom:0;color:#d1a86a}.tape{position:absolute;display:block;width:80px;height:22px;background:#ffb9d5b3;top:-12px;border:1px dashed #f69ebd;z-index:4}.tape-left{left:20px;transform:rotate(-17deg)}.tape-right{right:20px;transform:rotate(16deg);background:#8cddc9ad;border-color:#70bca9}.fold-note{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);margin-top:65px;gap:28px;border-top:2px dashed #c4b6ae;padding-top:29px}.fold-note>div{display:flex;align-items:flex-start;gap:14px}.mini-tag{display:grid;place-items:center;flex:0 0 35px;height:35px;background:var(--yellow);border:2px solid var(--ink);border-radius:9px;box-shadow:2px 2px 0 var(--ink);font-size:12px;font-weight:850;transform:rotate(-5deg)}.fold-note>div:nth-child(2) .mini-tag{background:var(--mint);transform:rotate(5deg)}.fold-note>div:nth-child(3) .mini-tag{background:#ffc5dc}.fold-note p{font-size:11px;line-height:1.85;color:#7c7081;margin:0}.fold-note strong{font-size:13px;color:var(--ink);line-height:2.2}.quiet-note{grid-column:1/-1;text-align:center;font-size:9px;color:#938397;line-height:1.8;margin:25px 0 10px}footer{max-width:1136px;margin:35px auto 0;padding:23px 0 27px;border-top:2px solid var(--ink);display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px;color:#8b7a8f}footer>span{display:flex;align-items:center;gap:7px}footer img{display:none}footer .text-button{font-size:10px;color:#8b7a8f}.story-view{padding-top:25px}.story-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}.story-top p{font-size:11px;font-weight:750;margin:0;background:var(--yellow);padding:5px 13px;border:1px solid var(--ink);border-radius:15px}.story-progress{height:10px;background:#fff;border:2px solid var(--ink);border-radius:10px;overflow:hidden;margin-bottom:34px}.story-progress span{display:block;height:100%;background:var(--pink);transition:width .18s}.story-layout{display:grid;grid-template-columns:245px 1fr;gap:38px;align-items:start}.story-aside{position:sticky;top:20px}.portrait-window{height:230px;position:relative;background:#c7eee0;border:2px solid var(--ink);border-radius:19px;transform:rotate(-3deg);box-shadow:4px 4px 0 var(--ink);overflow:hidden}.portrait-window .sticker{width:170px;margin:-3px auto}.portrait-badge{position:absolute;bottom:9px;left:15px;font-size:11px;font-weight:750;background:var(--yellow);border:1px solid var(--ink);padding:4px 8px;transform:rotate(4deg)}.character-name{text-align:center;font-size:19px;font-weight:850;margin:23px 0}.character-name span{display:block;font-size:10px;font-weight:500;margin-top:7px;color:#8b7592}.pocket{border:2px solid var(--ink);border-radius:14px;padding:18px;background:white;box-shadow:3px 3px 0 var(--ink)}.pocket h2{font-size:12px;display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.pocket h2 span{color:var(--pink);font-size:20px}.equipment p{display:flex;justify-content:space-between;align-items:center;font-size:10px;border-bottom:1px dashed #d6cbdc;padding-bottom:10px;margin:0 0 10px;color:#8d7a96}.equipment b{color:var(--blue);font-weight:600}.pocket>p,.aside-note{font-size:10px;line-height:1.8;color:#a1889b;margin:15px 0 0}.aside-note{padding:0 12px}.story-paper{background:#fff;border:2px solid var(--ink);border-radius:18px;box-shadow:5px 5px 0 var(--ink);padding:25px 30px;position:relative;min-width:0}.paper-heading{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#a28daa;border-bottom:2px dashed #dfd4e3;padding-bottom:15px}.scene-num{font-family:Arial,sans-serif;font-weight:750;color:var(--blue)}.scene-chapter{display:inline-block;margin:22px 0 14px;background:#ffec8a;border:1px solid var(--ink);padding:4px 9px;transform:rotate(-2deg);font-size:10px;font-weight:750}.story-paper h1{font-size:29px;line-height:1.6;letter-spacing:-.7px;margin:0 0 14px}.scene-intro{font-size:13px;line-height:1.8;color:#8d7996;margin-bottom:16px}.scene-question{font-size:11px;color:#ba96ac;margin-bottom:17px}.options{display:grid;gap:12px}.option{display:flex;align-items:center;gap:13px;text-align:left;background:#fff;border:2px solid #c8bdd4;border-radius:11px;padding:15px 15px;font-size:13px;line-height:1.8;min-height:65px;width:100%;transition:transform .12s,background .12s}.option:nth-child(4n+1){--option:#ffd6e7}.option:nth-child(4n+2){--option:#fff0b6}.option:nth-child(4n+3){--option:#d8f0e9}.option:nth-child(4n+4){--option:#e5e6ff}.option-letter{font-family:Arial,sans-serif;font-size:12px;font-weight:800;display:grid;place-items:center;background:var(--option);border:1.5px solid var(--ink);border-radius:7px;flex:0 0 27px;height:27px}.option:hover{border-color:var(--ink);background:var(--option);transform:translateX(3px)}.option:active{transform:translate(2px,2px)}.scene-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:30px;margin-top:19px}.scene-actions .text-button{font-size:10px;color:#9b83a6}.one-tap-note{font-size:10px;color:#af91ad;margin-left:auto}.story-tip{font-size:9px;color:#b49db9;text-align:center;line-height:1.8;margin:15px 0 0}.result-view{padding-top:25px}.result-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.result-toolbar .eyebrow{margin:0;font-size:10px}.result-toolbar .text-button{font-size:10px}.result-layout{display:grid;grid-template-columns:1.06fr 1fr;gap:35px;align-items:start}.result-paper{background:var(--paper);border:2px solid var(--ink);border-radius:18px;box-shadow:6px 6px 0 var(--ink);padding:23px 25px;overflow:hidden;position:relative}.result-paper:before{content:'';position:absolute;top:-24px;right:36px;width:78px;height:47px;background:#8cddc9b0;transform:rotate(18deg);border:1px dashed #73c3b1}.result-paper-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:9px;color:#8c7698;border-bottom:2px dashed #e2d6e6;padding-bottom:16px}.result-overline{text-align:center;font-size:9px;color:#9e829f;letter-spacing:2px;margin:20px 0 12px}.royal-title{background:var(--state-bg);border:1.5px solid var(--ink);border-radius:6px;display:table;margin:0 auto 13px;padding:6px 13px;font-size:11px;font-weight:750;transform:rotate(-3deg);box-shadow:2px 2px 0 var(--ink)}.result-paper h1{text-align:center;font-size:34px;letter-spacing:-1px;line-height:1.5;margin:0 0 10px;color:var(--ink)}.ending-kicker{text-align:center;font-size:11px;line-height:1.9;color:#9d7b94;margin:0 0 19px}.result-art{position:relative;height:298px;border:2px solid var(--ink);border-radius:16px;background:var(--state-bg);overflow:hidden;background-image:radial-gradient(#ffffff99 2px,transparent 2px);background-size:14px 14px;isolation:isolate}.ending-sticker{position:absolute;width:220px;top:-2px;left:50%;transform:translateX(-50%);filter:drop-shadow(4px 5px 0 #302b4020)}.result-doodle{position:absolute;font-size:150px;color:#ffffffaa;left:-16px;top:70px;z-index:-1;transform:rotate(-20deg)}.ending-seal{position:absolute;right:13px;top:15px;border:2px solid var(--ink);border-radius:50%;height:65px;width:65px;background:var(--yellow);display:grid;place-items:center;font-size:21px;font-weight:900;transform:rotate(12deg);box-shadow:3px 3px 0 var(--ink)}.portrait-comment{position:absolute;bottom:14px;left:14px;background:#fff;border:2px solid var(--ink);border-radius:7px;padding:7px 11px;box-shadow:3px 3px 0 var(--ink);font-size:11px;font-weight:800;transform:rotate(-4deg)}.ending-quote{font-size:19px;font-weight:850;line-height:1.8;color:var(--ending);padding:15px 17px;border:2px solid var(--ink);border-radius:16px 16px 16px 2px;box-shadow:3px 3px 0 var(--state-bg);margin:20px 0}.ending-intro{font-size:12px;line-height:2;color:#8d7795;margin-bottom:20px}.meme-loadout{display:grid;gap:10px;margin-bottom:20px}.meme-loadout>div{border:1.5px solid #cfbdd5;background:#fcf6ff;border-radius:10px;padding:10px 13px;display:flex;flex-direction:column;gap:7px}.meme-loadout>div:nth-child(2){background:#fff9df}.meme-loadout span{font-size:9px;letter-spacing:1px;color:#ac8cb3}.meme-loadout strong{font-size:12px;font-weight:650;line-height:1.7}.fate-line{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#aa8faf;border-top:2px dashed #e1d2e6;padding-top:16px}.fate-line span:first-child,.fate-line span:last-child{color:var(--pink);font-size:18px}.result-note{background:#fff;border:2px solid var(--ink);border-radius:14px;box-shadow:4px 4px 0 #c9bbd1;padding:21px 23px;margin:0 0 22px}.result-note:nth-child(2){background:#fff4b8;transform:rotate(1deg)}.result-note:nth-child(3){background:#e8f8f2;transform:rotate(-.6deg)}.note-index{font-size:9px;color:#9c7fa4;letter-spacing:1px}.result-note h2{font-size:22px;margin:12px 0 14px;line-height:1.5;letter-spacing:-.5px}.result-note p{font-size:12px;line-height:1.9;color:#8d7491;margin-bottom:0}.result-note .turning-chapter{font-size:10px;color:var(--blue)}.result-note blockquote{font-size:15px;line-height:1.8;color:#af5380;margin:13px 0;padding-left:13px;border-left:4px solid var(--pink);font-weight:650}.result-note .ending-blessing{font-size:12px;color:var(--ending);font-weight:650;margin-top:15px}.sidekick{margin-top:17px;border-top:2px dashed #b5d4c8;padding-top:15px;display:flex;flex-direction:column;gap:7px}.sidekick>span{font-size:9px;color:#90a295}.sidekick strong{font-size:17px}.result-actions{display:grid;gap:15px}.result-actions button{width:100%}.result-actions .primary{background:var(--pink);color:var(--ink)}.result-actions .text-button{font-size:11px}.result-actions .secondary{background:#fff}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;border:2px solid #fff;border-radius:12px;padding:12px 20px;font-size:12px;z-index:25;max-width:calc(100% - 30px);opacity:0;visibility:hidden;text-align:center;pointer-events:none}.toast.visible{opacity:1;visibility:visible}dialog{background:#fffdf7;color:var(--ink);border:2px solid var(--ink);border-radius:18px;box-shadow:6px 6px 0 var(--ink);padding:30px;max-width:620px;width:calc(100% - 36px);max-height:88dvh;overflow:auto}dialog::backdrop{background:#30293e70;backdrop-filter:blur(3px)}.close-button{position:absolute;top:12px;right:12px;display:grid;place-items:center;border:1.5px solid var(--ink);border-radius:7px;background:var(--pink);font-size:23px;width:30px;height:30px;line-height:1}dialog .eyebrow{font-size:10px;max-width:90%}dialog h2{font-size:27px;line-height:1.6;margin:12px 0 20px}dialog p{font-size:12px;line-height:1.95;color:#8a7494}dialog .privacy-copy{border-top:2px dashed #ded0e4;padding-top:17px}.dialog-actions{display:flex;justify-content:flex-end;gap:15px;flex-wrap:wrap;margin-top:24px}.dialog-actions button{font-size:12px;padding:11px 15px;gap:10px}.album-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin:25px 0}.album-item{border:2px solid #d8c7e1;border-radius:13px;padding:12px 10px;text-align:center;background:#f6f1f9;min-height:160px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.album-item.unlocked{border-color:var(--ink);background:var(--state-bg);box-shadow:3px 3px 0 var(--ink)}.album-symbol{font-size:36px;color:#c1abc9;margin-bottom:14px}.album-item .sticker{width:100px;margin:-10px 0 -5px}.album-item strong{font-size:13px;color:#ad96b8;line-height:1.6}.album-item.unlocked strong{color:var(--ink)}.album-item small{font-size:9px;margin-top:5px;color:#aa91b5}.album-item.unlocked small{color:#766778}#album-dialog-count{font-size:15px;color:var(--blue)}.tiny-note{font-size:9px!important}.journal-item{border-top:2px dashed #e1d4e6;padding:17px 0}.journal-item span{font-size:9px;color:var(--blue)}.journal-item strong{font-size:14px;line-height:1.8;display:block;margin:9px 0}.journal-item p{font-size:11px;margin-bottom:0}.card-dialog{max-width:460px}.card-dialog img{width:100%;display:block;border-radius:11px;border:1px solid #d6c6dc}.card-dialog a{width:100%;margin-top:19px}.card-dialog h2{font-size:23px;margin-top:0}
@media(max-width:1050px){.welcome{column-gap:27px}.hero-copy h1{font-size:51px}.title-last{font-size:32px}.hero-intro{font-size:12px}.sticker-board{height:350px}.hero-sticker .sticker-caption{font-size:9px}.hero-bubble{font-size:10px;left:26%;top:40%;padding:12px}.start-button{min-width:260px;font-size:15px}.fold-note{gap:20px}.story-layout{grid-template-columns:205px 1fr;gap:25px}.story-paper{padding:23px}.story-paper h1{font-size:26px}.portrait-window .sticker{width:155px}.portrait-window{height:210px}.result-layout{gap:24px}.result-paper{padding:20px}.result-paper h1{font-size:28px}.result-note{padding:19px}.result-note h2{font-size:20px}.result-art{height:260px}.ending-sticker{width:195px}.ending-seal{width:53px;height:53px;font-size:18px}}
@media(max-width:760px){.site-header{padding:18px 20px;gap:12px}.brand{font-size:17px;gap:10px}.brand-icon{width:35px;height:35px;border-radius:9px;font-size:22px;box-shadow:2px 2px 0 var(--ink)}.brand small{font-size:7px;letter-spacing:0;margin-top:4px}nav{gap:13px}.text-button{font-size:10px}#album-count{display:none}main{padding:0 20px}.welcome{display:flex;flex-direction:column;padding-top:28px}.hero-copy{display:contents}.hero-copy .eyebrow{order:0;font-size:9px;letter-spacing:.4px;margin-bottom:15px}.label-star{font-size:18px;margin-right:4px}.hero-copy h1{order:1;font-size:42px;line-height:1.22;margin:0 0 16px;letter-spacing:-1.7px}.title-last{font-size:28px;letter-spacing:-1px;line-height:1.6}.hero-intro{order:2;font-size:11px;line-height:1.9;margin-bottom:26px}.hero-visual{order:3;transform:rotate(1deg);border-radius:14px;box-shadow:4px 4px 0 var(--ink);margin:0 4px 30px 0}.board-heading{font-size:11px;padding:10px 14px;border-radius:12px 12px 0 0}.board-number{font-size:8px}.sticker-board{height:290px;border-radius:0 0 12px 12px}.hero-sticker .sticker-caption{font-size:9px;padding:4px 7px;bottom:13%}.sticker-one{top:-15px;left:-1%;width:43%}.sticker-two{right:-3px;top:-2px;width:44%}.sticker-three{bottom:-20px;width:50%}.sticker-four{bottom:-19px;width:40%;right:3%}.hero-bubble{font-size:10px;left:28%;top:39%;line-height:1.6;padding:12px 13px;border-radius:40% 40% 40% 10%;box-shadow:2px 2px 0 var(--ink)}.board-scribble{font-size:47px}.tape{width:60px;height:19px;top:-11px}.tape-left{left:15px}.tape-right{right:13px}.start-area{order:4}.start-button{width:100%;font-size:15px;letter-spacing:0;padding:16px 20px}.resume-button{font-size:11px;margin-top:15px}.hero-details{font-size:9px;gap:7px;justify-content:center;margin-top:18px}.hero-details span{padding:4px 8px}.handwritten-note{order:5;margin-top:18px;font-size:10px;text-align:center}.handwritten-note span{font-size:20px}.fold-note{order:6;margin-top:32px;display:flex;flex-direction:column;gap:20px;padding-top:24px}.fold-note>div{gap:14px}.mini-tag{height:32px;flex-basis:32px;font-size:11px}.fold-note p{font-size:10px}.fold-note strong{font-size:12px;line-height:2}.quiet-note{order:7;margin-top:25px;font-size:8px}footer{margin:28px 20px 0;padding:18px 0 23px;font-size:8px;gap:10px}footer .text-button{font-size:9px;white-space:nowrap}.story-view{padding-top:18px}.story-top{gap:8px;margin-bottom:11px}.story-top p{font-size:9px;padding:4px 9px}.story-top .text-button{font-size:9px}.story-progress{height:8px;margin-bottom:22px}.story-layout{display:block}.story-aside{display:none}.story-paper{padding:20px 17px;border-radius:14px;box-shadow:4px 4px 0 var(--ink)}.paper-heading{font-size:9px;padding-bottom:12px;gap:5px}.scene-chapter{margin:19px 0 13px;font-size:9px;padding:4px 8px}.story-paper h1{font-size:23px;line-height:1.65;letter-spacing:-.6px;margin-bottom:13px}.scene-intro{font-size:12px;margin-bottom:13px}.scene-question{font-size:10px;margin-bottom:16px}.options{gap:11px}.option{font-size:12px;line-height:1.85;gap:11px;min-height:63px;padding:13px 11px;border-radius:9px}.option-letter{font-size:11px;flex-basis:24px;height:24px;border-radius:6px}.scene-actions{margin-top:16px;min-height:27px}.scene-actions .text-button{font-size:9px}.one-tap-note{font-size:9px}.story-tip{font-size:8px;margin-top:12px}.result-view{padding-top:19px}.result-toolbar{gap:8px;margin-bottom:19px}.result-toolbar .eyebrow{font-size:8px;letter-spacing:0}.result-toolbar .text-button{font-size:8px;white-space:nowrap}.result-layout{display:block}.result-paper{padding:18px 16px;box-shadow:4px 4px 0 var(--ink);border-radius:15px}.result-paper-top{font-size:8px;gap:5px;padding-bottom:13px}.result-overline{font-size:8px;margin-top:19px;letter-spacing:1px}.royal-title{font-size:10px;padding:5px 11px;margin-bottom:14px}.result-paper h1{font-size:28px;letter-spacing:-1px;line-height:1.5}.ending-kicker{font-size:10px;line-height:1.8;margin-bottom:17px}.result-art{height:260px;border-radius:13px}.ending-sticker{width:190px;top:0}.ending-seal{width:54px;height:54px;font-size:18px;top:13px;right:11px;box-shadow:2px 2px 0 var(--ink)}.portrait-comment{font-size:10px;padding:6px 10px;left:11px;bottom:12px;box-shadow:2px 2px 0 var(--ink)}.result-doodle{font-size:125px;left:-15px;top:70px}.ending-quote{font-size:17px;padding:12px 14px;margin:19px 0;line-height:1.9}.ending-intro{font-size:11px;line-height:2;margin-bottom:17px}.meme-loadout{gap:9px;margin-bottom:19px}.meme-loadout>div{padding:10px 12px;gap:6px}.meme-loadout span{font-size:8px}.meme-loadout strong{font-size:11px}.fate-line{font-size:9px;padding-top:14px}.fate-line span:first-child,.fate-line span:last-child{font-size:15px}.result-notes{padding-top:29px}.result-note{border-radius:13px;padding:19px 17px;margin-bottom:22px;box-shadow:3px 3px 0 #c9bbd1}.result-note h2{font-size:21px;margin-top:10px}.result-note p{font-size:11px}.result-note blockquote{font-size:14px}.note-index{font-size:8px}.result-note .turning-chapter{font-size:9px}.result-note .ending-blessing{font-size:11px}.sidekick strong{font-size:16px}.sidekick>span{font-size:8px}.result-actions{gap:14px}.result-actions .primary,.result-actions .secondary{font-size:12px;padding:14px 16px;border-radius:10px}.result-actions .text-button{font-size:10px}dialog{padding:28px 21px 24px;border-radius:15px;width:calc(100% - 30px);max-height:87dvh;box-shadow:4px 4px 0 var(--ink)}dialog h2{font-size:24px;margin:12px 0 18px}dialog p{font-size:11px}.dialog-actions{gap:12px}.dialog-actions button{font-size:11px;padding:10px 13px;flex:1;white-space:nowrap}.album-grid{gap:11px;margin:21px 0}.album-item{min-height:150px;padding:10px 7px;border-radius:11px}.album-item strong{font-size:11px}.album-item .sticker{width:90px;margin:-9px 0 -5px}.album-item small{font-size:8px}.album-symbol{font-size:31px;margin-bottom:13px}.journal-item strong{font-size:13px}.journal-item p{font-size:10px}.toast{font-size:11px;padding:10px 16px;min-width:210px}.card-dialog h2{font-size:22px}.card-dialog a{font-size:12px}}
@media(max-width:350px){main{padding:0 15px}.site-header{padding:16px 15px}.brand{font-size:15px;gap:8px}.brand small{font-size:6px}.brand-icon{width:32px;height:32px;font-size:20px}nav{gap:10px}.text-button{font-size:9px}.hero-copy h1{font-size:37px}.title-last{font-size:25px}.hero-intro{font-size:10px}.sticker-board{height:250px}.hero-bubble{font-size:9px;padding:10px 11px}.hero-sticker .sticker-caption{font-size:8px;padding:4px 6px}.story-paper{padding:18px 13px}.story-paper h1{font-size:22px}.option{font-size:11px;padding:12px 10px;gap:9px}.result-paper h1{font-size:25px}.ending-quote{font-size:16px}.result-paper-top{font-size:7px}.result-art{height:240px}.ending-sticker{width:178px}.result-seal{width:48px;height:48px}footer{margin-left:15px;margin-right:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Keep the four hero stickers individually readable. */
.sticker-one{width:35%;left:2%;top:-20px}.sticker-two{width:35%;right:2%;top:-20px}.sticker-three{width:44%;left:0;bottom:-10px}.sticker-four{width:34%;right:3%;bottom:-10px}
@media(max-width:760px){.sticker-one{width:36%;left:0;top:-17px}.sticker-two{width:36%;right:0;top:-17px}.sticker-three{width:45%;left:-1%;bottom:-8px}.sticker-four{width:35%;right:2%;bottom:-8px}}