:root{color-scheme:dark;--ink:#f7efda;--muted:#c5bca8;--paper:#f5eddd;--gold:#e7bd4c;--night:#24282b;--line:#f7edcd38;font-family:"PingFang SC","Noto Sans CJK SC","Microsoft YaHei",sans-serif;font-synthesis:none;background:var(--night);color:var(--ink)}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{height:100dvh}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.24}button,a{color:inherit}a{text-decoration:none}button{border:0}h1,h2,h3,h4,p{margin:0}img{display:block;max-width:100%}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.workspace,.stage{width:100%;height:100%;min-width:0;min-height:0}.workspace{margin:0 auto}.stage{overflow:hidden;position:relative}.control-button,.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 20px;border:2px solid #e9ddc3;border-radius:13px 16px 12px 15px;background:#33393b;color:var(--ink);font-weight:600;line-height:1.4;box-shadow:2px 3px 0 #0e1118;transition:background .16s,transform .16s}.control-button:hover:not(:disabled),.primary:hover,.secondary:hover{background:#434849}.control-button:active:not(:disabled),.primary:active,.secondary:active{transform:translate(1px,2px);box-shadow:1px 1px 0 #0e1118}.primary{background:#eee3c8;color:#2f3031}.primary:hover{background:#fff4d8}.secondary{background:#ffffff06}.quiet-button{font-size:11px;color:#c8bca6;background:transparent;padding:8px 12px;justify-self:center}.full{width:100%}
/* The review drawer is separate from the full-screen player. */
.review-top{position:fixed;right:16px;top:16px;z-index:30}.brand,.preview-name{display:none}.review-toggle{font-size:10px;border-radius:12px;padding:8px 10px;color:#e8dec7;background:#272b2dd9;border:1px solid #efe1bf40}.immersive .review-top{display:none}.review-sidebar{display:none;position:fixed;right:12px;top:58px;z-index:50;width:min(330px,calc(100% - 24px));max-height:calc(100dvh - 75px);overflow:auto;background:#f6f1e8;color:#363238;border:1px solid #b8ad98;border-radius:18px;padding:20px;box-shadow:0 15px 70px #0007}.review-sidebar.open{display:block}.sidebar-lead h1{font-size:29px;margin:10px 0}.sidebar-lead h1 br{display:none}.sidebar-lead p,.review-note{font-size:11px;line-height:1.8}.eyebrow,.nav-group-title{font-size:10px;color:#94836d}.nav-group{padding:15px 0;border-bottom:1px solid #bcae9340}.nav-group-title{margin-bottom:9px}.review-link{display:flex;width:100%;justify-content:space-between;gap:12px;padding:8px 0;text-align:left;font-size:12px;background:none;color:#635244}.age-links,.nav-sex{display:flex;gap:5px}.age-link,.nav-sex button{flex:1;padding:8px 4px;border:1px solid #cfbfa8;border-radius:8px;background:#fffaf2;color:#604e3c;font-size:11px}.nav-sex{margin-bottom:12px}.review-art-details{font-size:11px;line-height:1.8;padding-top:18px}.review-art-details p{margin-top:8px}.review-note{margin-top:16px;color:#8d806f}.review-note p{font-size:10px}
/* Standalone cover, with its own transparent character illustration. */
.cover-screen{height:100%;width:min(100%,1000px);margin:auto;padding:max(24px,env(safe-area-inset-top)) clamp(22px,5vw,70px) max(24px,env(safe-area-inset-bottom));display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:clamp(16px,3dvh,30px);background:radial-gradient(ellipse at 60% 64%,#5e554436,transparent 60%)}.cover-brand{justify-self:start;font-size:18px;font-weight:800;letter-spacing:-.8px}.cover-copy{text-align:center;max-width:700px;justify-self:center}.kicker{font-size:12px;letter-spacing:.13em;color:#d8cfbb;display:inline-block}.cover-copy h1{font-size:clamp(28px,4.9vw,52px);line-height:1.25;letter-spacing:-.05em;margin:16px 0}.cover-copy h1 span{color:#edc445}.cover-copy p{font-size:clamp(13px,1.7vw,17px);line-height:1.85;max-width:580px;color:#ccc2ac}.cover-art-button{border:0;background:none;margin:0;padding:0;display:flex;align-items:center;justify-content:center;min-height:0;width:100%;overflow:hidden}.cover-art{width:100%;height:100%;object-fit:contain;max-height:100%;filter:drop-shadow(0 9px 9px #1115)}.cover-actions{display:flex;justify-content:center;gap:14px}.cover-actions .control-button{min-width:156px}.immersive-background{position:relative;isolation:isolate;background:#1b2227}.immersive-background:before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(#101a2380,#151c2399),var(--shop-image);background-size:cover;background-position:center;filter:blur(3px);transform:scale(1.025)}.immersive-background:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at center,transparent,#10151c80)}
.choose-screen{width:100%;height:100%;display:grid;grid-template-rows:42% 23% 35%;padding:0 max(22px,env(safe-area-inset-left))}.corner-button{background:transparent;color:#d1c4ac;display:grid;place-items:center;width:36px;height:36px;min-height:0;padding:0;border:0;box-shadow:none;border-radius:10px}.choose-screen>.corner-button{position:absolute;left:max(20px,env(safe-area-inset-left));top:max(20px,env(safe-area-inset-top));width:48px;height:48px;border:1px solid #d7cbb04d;background:#1d272785}.choose-heading{align-self:center;text-align:center;padding-top:50px}.choose-heading h1{font-size:clamp(23px,3.8vw,40px);margin-top:16px;font-weight:600;letter-spacing:.04em}.gender-options{grid-row:2;align-self:center;width:min(700px,88%);justify-self:center;display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,6vw,70px)}.gender-card{height:clamp(95px,18dvh,160px);font-size:clamp(23px,3.8vw,38px);border:2px solid #e4d4b3;background:#21292bd9;backdrop-filter:blur(4px);box-shadow:4px 5px 0 #111b20a6}.gender-card strong{font-weight:550;letter-spacing:.08em}
/* Every story screen is a fixed grid. The entire authored sheet is contained. */
.read-screen{height:100%;width:100%;display:flex;flex-direction:column;min-width:0;min-height:0;background:radial-gradient(ellipse at 50% 32%,#3d3b35,var(--night) 72%);overflow:hidden}.comic-top{flex:none;width:min(100%,1080px);align-self:center;display:flex;align-items:center;gap:10px;min-height:46px;padding:max(6px,env(safe-area-inset-top)) clamp(12px,3vw,28px) 6px}.comic-heading{flex:1;font-size:clamp(11px,1.6vw,14px);font-weight:500;color:#ded3bd;line-height:1.45}.dots{display:flex;gap:6px;flex:none}.dot{width:6px;height:6px;border:1px solid #c9b895;border-radius:50%}.dot.on{background:#d6bd74}.art-viewport{position:relative;flex:1;min-width:0;min-height:0;width:100%;overflow:hidden}.comic-sheet{width:1000px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--comic-scale,0));transform-origin:center center;color:#342e26;background:var(--paper);box-shadow:0 4px 35px #0004}.comic-art{position:relative;width:100%;overflow:hidden;background:var(--paper)}.comic-art.has-image{width:100%;min-height:0;height:auto;max-height:none;aspect-ratio:auto}.comic-layer-canvas{position:relative;width:100%}.comic-layer-canvas>img{width:100%;height:auto;display:block}.comic-layer-canvas>.comic-layer-overlay{position:absolute;inset:0;width:100%;height:100%}.comic-layer-masks{position:absolute;pointer-events:none}.fixed-words{padding:24px 38px 30px;display:grid;gap:9px;border-top:2px solid #baa683;background:var(--paper)}.fixed-words:empty{display:none}.scene-dialogue{display:flex;flex-wrap:wrap;gap:13px}.dialogue-line{border:2px solid #4a3b2d;background:#fffdf5;border-radius:20px 25px 18px 23px;padding:14px 22px;font-size:30px;line-height:1.65;flex:1 1 42%;min-width:0}.dialogue-speaker{font-size:19px;color:#8b7559;display:block;margin-bottom:3px}.picture-word{font-size:26px;line-height:1.65;white-space:pre-line}.blank-art{min-height:1200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:35px;padding:80px;background:repeating-linear-gradient(0deg,var(--paper) 0 45px,#dbcfb6 46px)}.paper-caption{font-size:25px;color:#8a795a}.pending-art-label{font-size:64px}.scene-location{font-size:35px}.empty-scene{height:160px}.hair-note{font-size:22px}.hair-strokes{display:flex;gap:8px}.hair-strokes i{height:30px;width:10px;border-radius:4px;background:#342e26}.hair-strokes .yellow{background:#d6b848}.choice-area{flex:none;display:grid;gap:9px;width:min(100%,780px);align-self:center;padding:12px clamp(16px,4vw,36px) 0}.choice-button{width:100%;display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;text-align:left;font-size:clamp(12px,1.8vw,16px);font-weight:500;line-height:1.55;min-height:46px;padding:10px 14px;background:#2e3435;border-width:1.5px;box-shadow:2px 3px 0 #11181b;color:#f2e8d1}.choice-button.is-selected{background:#e9ddbf;color:#303434;border-color:#fff3d7}.choice-mark{width:19px;height:19px;border:1px solid currentColor;border-radius:6px;align-self:center;display:block;opacity:.8}.choice-mark svg{width:100%;height:100%;display:block}.choice-button:before,.choice-button:after{content:none}.comic-footer{flex:none;display:flex;align-items:center;justify-content:center;gap:clamp(64px,10vw,110px);min-height:78px;padding:12px 20px max(14px,env(safe-area-inset-bottom))}.page-button{padding:0;width:58px;height:50px;min-height:50px;flex:none}.page-button svg{width:29px;height:29px}.text-advance{min-width:132px;min-height:50px;font-size:14px}.button-spacer{display:block}.choice-spinner{position:fixed;left:calc(50% - 9px);top:calc(50% - 9px);width:18px;height:18px;border:2px solid #2226;border-top-color:#faf4dd;border-right-color:#faf4dd;border-radius:50%;z-index:20;pointer-events:none;filter:drop-shadow(0 1px 2px #222);animation:choice-spin .65s linear infinite}@keyframes choice-spin{to{transform:rotate(360deg)}}
/* A quiet, hand-drawn ending keeps the result inside the same world. */
.result-screen{height:100%;width:100%;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 40%,#42413a,#22272a 75%);overflow:hidden}.result-content{width:min(100%,650px);height:100%;max-height:960px;padding:max(20px,env(safe-area-inset-top)) clamp(22px,5vw,48px) max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:clamp(12px,2dvh,22px)}.result-eyebrow{display:block;font-size:clamp(16px,2.5vw,20px);color:#ddc888;font-weight:600;letter-spacing:.15em;text-align:center}.result-main{position:relative;text-align:center;padding:clamp(13px,2.5dvh,26px) 14px;border:2px solid #d5c8ab;border-radius:28px 22px 30px 19px;box-shadow:3px 4px 0 #1119;background:#fff4d404}.score-label{font-size:12px;letter-spacing:.1em;color:#d0c1a2}.score-line{display:flex;align-items:baseline;justify-content:center;margin:clamp(6px,1.3dvh,14px) 0;gap:6px}.score-number{font-size:clamp(58px,10dvh,99px);font-weight:650;line-height:1;color:#e8c460;font-family:Arial,sans-serif;letter-spacing:-4px;transform:rotate(-3deg)}.score-unit{font-size:21px;color:#dccba1}.result-main h1{font-size:clamp(19px,3vw,28px);font-weight:550;line-height:1.45;color:#f8ebca;letter-spacing:-.04em}.result-main p{font-size:clamp(11px,1.7vw,13px);line-height:1.75;color:#c5baa1;margin:10px auto 0;max-width:430px}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.aspect-card{border:1px solid #baa98b;border-radius:12px 16px 13px 10px;padding:12px 15px;background:#1b22274a;box-shadow:2px 2px 0 #0e161b77}.aspect-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.aspect-head strong{font-size:13px;font-weight:500}.aspect-head span{font-size:20px;color:#e4c66b;font-family:Arial,sans-serif}.aspect-bar{height:4px;border-radius:3px;margin-top:8px;background:#746b554a;overflow:hidden}.aspect-bar i{display:block;height:100%;background:#d6bf79;border-radius:3px}.aspect-pair{font-size:10px;color:#b9aa8d;margin-top:7px;line-height:1.5}.result-quote{font-size:clamp(11px,1.65vw,13px);line-height:1.7;position:relative;padding:2px 16px 2px 18px;border-left:2px solid #ad9969;color:#e7dbc1}.result-quote>span{font-size:10px;color:#b4a284;display:block;margin-bottom:5px}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:13px}.result-actions .control-button{font-size:clamp(12px,1.8vw,14px);padding:12px 10px}.result-content>.quiet-button{align-self:center;padding:3px 10px}.closing-screen{width:100%;height:100%;padding:max(32px,env(safe-area-inset-top)) clamp(24px,5vw,60px) max(30px,env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:center;align-items:center;gap:clamp(28px,7dvh,70px)}.closing-lines{width:min(100%,780px);display:grid;gap:clamp(18px,3.3dvh,35px)}.closing-lines p{white-space:nowrap;font-size:clamp(14px,2.2vw,23px);line-height:1.7;color:#ede5d4;letter-spacing:.03em;animation:closing-line 1.5s ease both;animation-delay:calc(var(--line)*.55s)}.closing-actions{display:flex;gap:16px;justify-content:center;width:min(100%,530px)}.closing-actions>*{flex:1;font-size:14px;text-align:center;min-height:50px}.closing-screen .closing-actions{animation:closing-line 1.5s 3.3s both}@keyframes closing-line{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
/* Share and auxiliary review surfaces. */
.modal-backdrop{position:fixed;inset:0;z-index:60;background:#10171ccf;backdrop-filter:blur(6px);display:grid;place-items:center;padding:18px}.modal{background:#292f31;border:2px solid #c6b594;border-radius:21px 26px 19px 23px;padding:clamp(22px,4dvh,32px);width:min(440px,100%);max-height:calc(100dvh - 36px);overflow:hidden;position:relative;display:flex;flex-direction:column;gap:13px;box-shadow:4px 7px 0 #0b1417}.modal-close{position:absolute;right:10px;top:10px;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#414643;color:#f3e7d1;font-size:20px;border:1px solid #c1b597}.modal h2{font-size:21px;line-height:1.45;padding-right:12px}.modal p,.modal small{font-size:12px;color:#bbae92;line-height:1.7}.modal .primary{flex:none}.share-preview{width:100%;max-height:55dvh;object-fit:contain;border-radius:9px}.toast{position:fixed;z-index:80;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translate(-50%,10px);opacity:0;background:#f2e6c9;color:#292b2d;border-radius:12px;padding:12px 18px;max-width:calc(100% - 40px);font-size:12px;line-height:1.6;pointer-events:none;transition:opacity .15s,transform .15s}.toast.show{opacity:1;transform:translate(-50%,0)}.loader{height:100%;display:grid;align-content:center;justify-items:center;gap:24px;padding:25px;color:#cdbd9d}.stage-header{display:flex;justify-content:space-between;align-items:center;height:58px;padding:0 22px;border-bottom:1px solid #e8d4a82d}.stage-header h2{font-size:15px}.icon-button{width:36px;height:36px;border-radius:12px;background:#414646;font-size:22px}.text-button{background:transparent;color:#e6d5af;padding:7px}.report-body{height:calc(100% - 58px);overflow:auto;padding:25px;max-width:760px;margin:auto}.report-cover h1{font-size:28px;margin:15px 0}.report-cover p,.report-section p,.report-aspect p{font-size:13px;line-height:1.85;color:#c4b89f}.report-takeaway,.report-aspect{border:1px solid #c2af893f;border-radius:17px;padding:20px;margin-top:20px}.report-aspect h3{display:flex;justify-content:space-between;margin-bottom:13px}.report-aspect h4{font-size:12px;color:#c7b48b;margin:15px 0 6px}.report-section{margin-top:25px}.report-section h2{font-size:20px;margin-bottom:15px}.evidence-quote{border-left:2px solid #c1a86b;padding:10px 15px;font-size:13px;line-height:1.8;margin-top:10px}.button-row{display:flex;gap:10px;margin-top:20px}.button-row>*{flex:1}.report-end{margin:25px 0}.action-list{font-size:13px;line-height:1.85;padding-left:20px}.gallery-heading{padding:25px}.gallery-heading h1{font-size:25px}.gallery-heading p{font-size:12px;line-height:1.7;margin-top:10px}.gallery-grid{height:calc(100% - 200px);overflow:auto;padding:0 25px 25px;display:grid;gap:25px}.gallery-item{margin:0}.gallery-item figcaption{font-size:12px;line-height:1.8;padding-top:13px}.gallery-item strong{display:block;font-size:15px}.screen-content{padding:40px}
@media(max-width:380px){.cover-screen{padding-left:20px;padding-right:20px;gap:16px}.cover-copy h1{font-size:29px}.cover-copy p{font-size:12px}.cover-actions{gap:9px}.cover-actions .control-button{min-width:0;flex:1;padding:11px 10px;font-size:13px}.choice-area{gap:7px;padding-top:8px}.choice-button{font-size:12px;padding:8px 12px;min-height:44px}.comic-footer{min-height:72px;padding-top:10px;padding-bottom:12px}.result-content{padding-left:20px;padding-right:20px;gap:11px}.result-main{padding:13px 11px}.result-main p{font-size:11px;line-height:1.6}.aspect-card{padding:10px 12px}.aspect-pair{font-size:9px}.result-actions{gap:10px}.result-actions .control-button{font-size:11px}.closing-screen{padding:28px 24px}.closing-lines{gap:18px}.closing-lines p{white-space:nowrap;font-size:13px}.closing-actions{gap:12px}.closing-actions>*{font-size:12px;padding:11px 9px}}
@media(max-height:650px){.cover-screen{padding-top:18px;padding-bottom:18px;gap:10px}.cover-brand{font-size:15px}.cover-copy h1{margin:10px 0;font-size:28px}.cover-copy p{font-size:12px;line-height:1.65}.cover-actions .control-button{min-height:44px}.result-content{gap:9px;padding-top:14px;padding-bottom:12px}.result-eyebrow{font-size:15px}.result-main{padding:11px 12px}.score-number{font-size:58px}.result-main h1{font-size:19px}.result-main p{font-size:10px;line-height:1.55;margin-top:6px}.aspect-card{padding:9px 12px}.aspect-head span{font-size:17px}.aspect-pair{margin-top:5px;font-size:9px}.result-quote{font-size:10px;line-height:1.6}.result-actions .control-button{min-height:44px;font-size:11px;padding:9px}.closing-lines{gap:15px}.closing-lines p{white-space:nowrap;font-size:13px}.closing-screen{gap:25px}.comic-top{min-height:38px}.comic-footer{min-height:65px;padding-top:8px;padding-bottom:8px}.page-button,.text-advance{min-height:46px;height:46px}}
@media(min-width:1000px){.read-screen{background:radial-gradient(ellipse at 50% 45%,#4c4639,#23292c 74%)}.comic-top{min-height:52px}.choice-area{display:flex;gap:18px;padding-top:15px}.choice-button{flex:1}.comic-footer{min-height:88px}.cover-art{max-width:820px}.result-content{max-height:900px}}
@media(prefers-reduced-motion:reduce){.closing-lines p,.closing-screen .closing-actions{animation:none}.control-button,.toast{transition:none}}

.result-actions .report-entry{grid-column:1/-1;min-height:42px;font-size:12px;background:#ffffff05}.closing-lines p{white-space:nowrap}

.result-content>.quiet-button{min-height:30px;border:1px solid #d4c4a34d;border-radius:13px 16px 12px 15px;box-shadow:none;background:#ffffff02;font-weight:400;padding:5px 12px}.comic-top .corner-button{border:1px solid #d4c4a34d;background:#ffffff03;border-radius:13px 16px 12px 15px}
.corner-button,.modal-close{border-radius:13px 16px 12px 15px}

.result-followup-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:13px}.result-followup-actions .control-button{min-height:48px;background:#ffffff06}.result-utilities .control-button{min-height:48px}@media(max-height:650px){.result-followup-actions .control-button,.result-utilities .control-button{min-height:44px;font-size:11px;padding:9px}}

/* The entry portraits overlap the selection frames while the symbols stay clear. */
.choose-heading{align-self:start;padding-top:clamp(70px,12dvh,120px)}
.gender-card{position:relative;isolation:isolate;overflow:visible;min-height:118px;height:clamp(118px,18dvh,160px);padding:16px 10px;align-items:flex-end}
.gender-portrait{position:absolute;left:50%;bottom:38%;width:160%;max-width:none;height:clamp(170px,30dvh,300px);object-fit:contain;object-position:center bottom;transform:translateX(-50%);pointer-events:none;user-select:none;z-index:0;filter:drop-shadow(0 3px 2px #0b141b66)}
.gender-card strong{position:relative;z-index:1;line-height:1.2;text-shadow:0 1px 2px #0d141b55}
.choice-button.is-selected,.choice-button.is-selected:hover:not(:disabled),.choice-button.is-selected:active:not(:disabled),.gender-card.is-selected,.gender-card.is-selected:hover:not(:disabled),.gender-card.is-selected:active:not(:disabled){background:#e9ddbf;color:#303434;border-color:#fff3d7}
.gender-card.is-selected strong{text-shadow:none}

/* Reserve the authored paper before decoding and through selection changes. */
.comic-layer-canvas>img{height:100%;width:100%;object-fit:fill}.comic-layer-canvas>img:first-of-type{position:absolute;inset:0}

/* Keep the comic viewport fixed while controls change between story pages. */
.choice-area{height:clamp(114px,18dvh,150px);grid-template-rows:repeat(2,minmax(0,1fr));align-items:stretch}.choice-area-empty{visibility:hidden;pointer-events:none}.choice-button{min-height:0;height:100%}@media(min-width:1000px){.choice-area{height:92px;align-items:center}.choice-button{height:62px}}

/* Primary actions retain readable light paper while hovered or pressed. */
.control-button.primary:hover:not(:disabled),.control-button.primary:active:not(:disabled){background:#fff4d8;color:#2f3031}

/* iOS downloads share the progress slot; story choices keep their four dots. */
.app-download-banner{display:flex;align-items:center;gap:8px;flex:none;height:40px;padding:0 7px 0 9px;border:1px solid #8c7348;border-radius:10px 12px 10px 11px;background:linear-gradient(125deg,#413722,#2d2b21);color:#e3ca8c;text-align:left;box-shadow:0 2px 5px #11160f55}
.app-download-copy{display:grid;gap:2px;white-space:nowrap;line-height:1.3}
.app-download-copy strong{font-size:11px;font-weight:600}
.app-download-copy small{font-size:10px;font-weight:400;color:#c7af7b}
.app-download-button.control-button{position:relative;isolation:isolate;flex:none;width:64px;min-width:64px;height:44px;min-height:44px;padding:0;font-size:12px;border:0;border-radius:999px;background:transparent;color:#262014;box-shadow:none}
.app-download-button.control-button:before{content:"";position:absolute;inset:8px 0;z-index:-1;border:1px solid #d4b36f;border-radius:999px;background:linear-gradient(#c5a35f,#a38343);box-shadow:0 1px 2px #171b1255}
.app-download-button.control-button:hover,.app-download-button.control-button:active{background:transparent;box-shadow:none;transform:none}
.app-download-button.control-button:hover:before{background:linear-gradient(#d4b473,#b49352)}
.app-download-button.control-button:active:before{transform:translateY(1px);box-shadow:none}
.comic-top.with-app-download .comic-heading{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.result-screen.has-app-download{display:flex;flex-direction:column;align-items:center}
.result-download-slot{flex:none;width:min(100%,650px);display:flex;justify-content:flex-end;padding:max(6px,env(safe-area-inset-top)) clamp(20px,5vw,48px) 4px}
.result-screen.has-app-download>.result-content{flex:1;min-height:0;height:auto;padding-top:6px}
.result-screen.has-app-download .result-content>.quiet-button{min-height:44px}
.closing-screen>.result-download-slot{position:absolute;top:0;left:0;right:0;width:100%;max-width:none}
@media(max-height:650px){
 .result-screen.has-app-download>.result-content{gap:6px;padding-top:4px;padding-bottom:8px}
 .has-app-download .result-eyebrow{font-size:13px}
 .has-app-download .result-main{padding:7px 10px}
 .has-app-download .score-number{font-size:50px}
 .has-app-download .result-main h1{font-size:17px}
 .has-app-download .result-main p{margin-top:4px;line-height:1.4}
 .has-app-download .aspect-card{padding:7px 10px}
 .has-app-download .aspect-bar{margin-top:6px}
 .has-app-download .result-quote{line-height:1.4}
 .has-app-download .result-quote>span{font-size:9px;margin-bottom:3px}
}

/* The cover fills the host's remaining viewport; its pane owns all content. */
.cover-screen.crayon-cover{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;width:100%;max-width:none;height:100%;min-height:0;margin:0;padding:0;gap:0;overflow:hidden;text-align:center;background:#182b29;color:#f5e8c7;container:crayon-cover/size}
.crayon-cover .cover-scene-bg{position:absolute;z-index:-3;inset:0;display:block;overflow:hidden;pointer-events:none}
.crayon-cover .cover-scene-bg img{display:block;width:100%;max-width:none;height:100%;object-fit:cover;object-position:50% 50%}
.crayon-cover:before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(180deg,rgba(12,24,22,.48),rgba(13,27,25,.08) 44%,rgba(13,25,24,.29) 100%);pointer-events:none}
.crayon-cover .cover-glass-light{position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(111deg,transparent 0 14%,rgba(224,233,204,.035) 14.3% 16%,transparent 16.3% 72%,rgba(211,232,215,.025) 72.5% 73%,transparent 73.3%)}
.crayon-cover .cover-window-content{flex:1;min-height:0;width:100%;max-width:488px;display:flex;flex-direction:column;align-items:center;padding:29px 24px 22px}
.crayon-cover .cover-copy{flex:none;max-width:380px;text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.5)}
.crayon-cover .cover-copy .kicker{display:block;font-size:10px;letter-spacing:2px;color:#c9c7b4;line-height:16px;margin-bottom:10px}
.crayon-cover .cover-copy h1{font-size:26px;line-height:36px;margin:0 0 15px;font-weight:750;letter-spacing:-.8px;white-space:nowrap}
.crayon-cover .cover-copy h1 span{color:#edc735}
.crayon-cover .cover-copy p{font-size:12px;line-height:21px;margin:0 auto;color:#d0cbb6;font-weight:400;max-width:348px}
.crayon-cover .cover-poster-space{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;padding:15px 0 19px}
.crayon-cover .cover-poster-note{display:flex;flex-direction:column;align-items:center;gap:20px;transform:translateY(3px)}
.crayon-cover .cover-poster{position:relative;flex:none;width:min(164px,34cqw,calc((100cqh - 414px)*.75));aspect-ratio:3/4;transform:rotate(-2deg);filter:drop-shadow(1px 3px 2px rgba(0,0,0,.35))}
.crayon-cover .cover-poster-image{display:block;width:100%;height:100%;object-fit:contain}
.crayon-cover .cover-tape{position:absolute;z-index:1;top:-6px;width:40px;height:14px;background:rgba(210,192,134,.51);box-shadow:inset 0 0 4px rgba(248,222,163,.16);clip-path:polygon(3% 8%,96% 0,100% 89%,0 100%)}
.crayon-cover .cover-tape.left{left:-9px;transform:rotate(-27deg)}
.crayon-cover .cover-tape.right{right:-9px;transform:rotate(31deg)}
.crayon-cover .cover-hand{display:flex;align-items:center;justify-content:center;width:clamp(190px,52cqw,240px);height:48px;line-height:1;transform:rotate(-1.5deg)}
.crayon-cover .cover-hand svg{display:block;width:100%;height:100%;overflow:hidden}
.crayon-cover .cover-window-actions{flex:none;display:flex;justify-content:center;align-items:center;width:100%;min-height:44px;gap:12px}
.crayon-cover .cover-window-actions .control-button{height:44px;min-height:44px;min-width:148px;padding:0 24px;border:1.5px solid #cdbd94;border-radius:14px;background:#e7d9b2;color:#302e2a;font:650 16px -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;box-shadow:1px 3px 0 rgba(9,17,15,.55)}
.crayon-cover .cover-window-actions.has-progress{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:340px;gap:10px}
.crayon-cover .cover-window-actions.has-progress .control-button{width:100%;min-width:0;padding-inline:10px;font-size:14px}
.crayon-cover .cover-window-actions .control-button.secondary{background:#192d28c9;color:#eddfba}
@container crayon-cover (min-width:650px){
 .crayon-cover .cover-window-content{padding-top:32px;padding-bottom:26px}
 .crayon-cover .cover-copy h1{font-size:30px;line-height:42px;margin-bottom:16px}
 .crayon-cover .cover-copy .kicker{font-size:11px;letter-spacing:2.5px;margin-bottom:12px}
 .crayon-cover .cover-copy p{font-size:12px;line-height:22px;max-width:355px}
 .crayon-cover .cover-poster{width:min(184px,20cqh,calc((100cqh - 434px)*.75))}
 .crayon-cover .cover-poster-note{gap:22px}
 .crayon-cover .cover-hand{width:240px;height:48px}
}
@container crayon-cover (max-height:544px){
 .crayon-cover .cover-window-content{padding:18px 22px 14px}
 .crayon-cover .cover-copy .kicker{margin-bottom:6px}
 .crayon-cover .cover-copy h1{font-size:24px;line-height:32px;margin-bottom:10px}
 .crayon-cover .cover-copy p{font-size:11px;line-height:18px}
 .crayon-cover .cover-poster-space{padding:12px 0}
 .crayon-cover .cover-poster{width:min(126px,34cqw,calc((100cqh - 260px)*.75))}
 .crayon-cover .cover-poster-note{gap:14px}
 .crayon-cover .cover-hand{width:210px;height:42px}
}
@container crayon-cover (max-width:350px){
 .crayon-cover .cover-copy h1{font-size:23px}
 .crayon-cover .cover-copy p{font-size:11px;line-height:19px}
 .crayon-cover .cover-window-actions.has-progress .control-button{font-size:13px}
}
@container crayon-cover (max-height:420px) and (min-aspect-ratio:4/3){
 .crayon-cover .cover-scene-bg img{position:absolute;top:50%;height:max(100%,620px);transform:translateY(-50%)}
 .crayon-cover .cover-window-content{display:grid;grid-template-columns:minmax(0,250px) 180px;grid-template-rows:auto auto;grid-template-areas:"copy poster" "action poster";max-width:500px;padding:10px 20px;column-gap:22px;row-gap:10px;justify-content:center;align-content:center}
 .crayon-cover .cover-copy{grid-area:copy;width:100%;max-width:250px}
 .crayon-cover .cover-copy .kicker{font-size:10px;line-height:14px;margin-bottom:4px}
 .crayon-cover .cover-copy h1{font-size:23px;line-height:30px;margin-bottom:8px}
 .crayon-cover .cover-copy p{font-size:11px;line-height:18px}
 .crayon-cover .cover-poster-space{grid-area:poster;min-height:0;padding:0;align-self:center}
 .crayon-cover .cover-poster{width:min(112px,calc((100cqh - 68px)*.75))}
 .crayon-cover .cover-poster-note{gap:8px;transform:none}
 .crayon-cover .cover-hand{width:180px;height:32px}
 .crayon-cover .cover-window-actions{grid-area:action}
 .crayon-cover .cover-window-actions .control-button{min-width:140px;font-size:15px}
 .crayon-cover .cover-window-actions.has-progress{gap:8px}
 .crayon-cover .cover-window-actions.has-progress .control-button{font-size:12px;padding-inline:6px}
}
@container crayon-cover (max-height:200px) and (min-aspect-ratio:4/3){
 .crayon-cover .cover-window-content{padding-block:6px;row-gap:6px}
 .crayon-cover .cover-copy .kicker{line-height:12px;margin-bottom:2px}
 .crayon-cover .cover-copy h1{font-size:22px;line-height:26px;margin-bottom:4px}
 .crayon-cover .cover-copy p{font-size:10px;line-height:16px}
 .crayon-cover .cover-hand{height:28px}
 .crayon-cover .cover-poster-note{gap:6px}
}

/* Hair colour is a local preview over the unchanged gender portraits. */
.choose-screen .gender-hair-layer{z-index:1;filter:none;pointer-events:none}
.choose-screen .gender-hair-layer[hidden]{display:none}
.choose-screen .gender-card strong{z-index:2}
.gender-preview{grid-row:3;align-self:stretch;justify-self:center;width:min(560px,100%);min-height:0;display:grid;grid-template-rows:minmax(0,1fr) 44px;padding:0 8px max(12px,env(safe-area-inset-bottom));z-index:2}
.gender-preview-tony{min-height:0;display:flex;justify-content:center;align-items:flex-end;gap:10px;padding-bottom:8px}
.preview-tony-image{flex:none;width:auto;height:clamp(60px,11dvh,96px);object-fit:contain;transform:scaleX(-1);mix-blend-mode:multiply;opacity:.72;filter:saturate(.5);pointer-events:none;user-select:none}
.preview-speech-space{display:flex;align-items:center;align-self:center;width:min(230px,calc(100% - 76px));min-width:0;min-height:54px}
.preview-speech{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:9px 12px;border:1.5px solid #baa983;border-radius:15px 18px 13px 16px;background:#d7c9a8;color:#38372e;font-size:13px;line-height:1.55;text-align:center;box-shadow:2px 2px 0 #111b1ba6}
.preview-speech:before{content:"";position:absolute;left:-6px;bottom:12px;width:10px;height:10px;background:#d7c9a8;border-left:1.5px solid #baa983;border-bottom:1.5px solid #baa983;transform:rotate(45deg)}
.preview-speech[hidden]{display:flex;visibility:hidden}
.hair-preview-control{min-width:0;width:100%;height:44px;align-self:end}
.hair-preview-control input[type=range]{display:block;-webkit-appearance:none;appearance:none;width:100%;height:44px;margin:0;padding:0;background:transparent;cursor:ew-resize;touch-action:pan-y}
.hair-preview-control input[type=range]::-webkit-slider-runnable-track{height:6px;border:1px solid #8d8269;border-radius:999px;background:linear-gradient(to right,#c6a456 0 var(--preview-progress),#424b46 var(--preview-progress) 100%)}
.hair-preview-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-10px;border:2px solid #e9ddbe;border-radius:50%;background:#c2a259;box-shadow:0 2px 3px #10191b9c}
.hair-preview-control input[type=range]::-moz-range-track{height:4px;border:1px solid #8d8269;border-radius:999px;background:#424b46}
.hair-preview-control input[type=range]::-moz-range-progress{height:4px;background:#c6a456}
.hair-preview-control input[type=range]::-moz-range-thumb{width:20px;height:20px;border:2px solid #e9ddbe;border-radius:50%;background:#c2a259;box-shadow:0 2px 3px #10191b9c}
.hair-preview-control input[type=range]:focus-visible{outline:2px solid #e8d5a2;outline-offset:2px;border-radius:10px}
@media(max-height:500px) and (min-aspect-ratio:4/3){
 .choose-screen{grid-template-rows:62px minmax(0,1fr) 108px;padding-inline:max(20px,env(safe-area-inset-left))}
 .choose-screen>.corner-button{top:10px;left:max(14px,env(safe-area-inset-left));width:44px;height:44px}
 .choose-heading{align-self:start;padding-top:8px}
 .choose-heading .kicker{font-size:10px;line-height:14px}
 .choose-heading h1{font-size:22px;line-height:27px;margin-top:6px}
 .gender-options{width:min(420px,78%);align-self:end;gap:44px}
 .gender-card{min-height:82px;height:82px;padding:8px 10px;font-size:25px}
 .gender-portrait{height:clamp(120px,32dvh,150px)}
 .gender-preview{width:min(620px,100%);grid-template-columns:200px minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-items:center;gap:14px;padding:0 0 max(8px,env(safe-area-inset-bottom))}
 .gender-preview-tony{height:100%;align-items:center;gap:8px;padding-bottom:0}
 .preview-tony-image{height:72px}
 .preview-speech-space{width:142px;min-height:48px}
 .preview-speech{min-height:44px;padding:7px 9px;font-size:11px}
 .hair-preview-control{align-self:center}
}

/* Waking from each dream: the room is visible through a half-open, blurred eye. */
.read-screen[data-kind="wakePrelude"]{background:#030506}
.read-screen[data-kind="wakePrelude"] .comic-sheet{background:#030506;box-shadow:none}
.comic-art.wake-prelude{background:#030506;isolation:isolate;aspect-ratio:3/4}
.wake-prelude-vision{position:absolute;inset:0;transform:scale(1.07);filter:blur(12px) brightness(.68) saturate(.65);clip-path:ellipse(74% 15% at 50% 56%);-webkit-mask-image:radial-gradient(ellipse 72% 14% at 50% 56%,#000 70%,transparent 100%);mask-image:radial-gradient(ellipse 72% 14% at 50% 56%,#000 70%,transparent 100%);animation:wake-eye-opening 1.25s ease-out both}
.wake-prelude-vision>.comic-layer-canvas{position:absolute;left:50%;top:50%;width:100%;transform:translate(-50%,-50%)}
.wake-prelude-quote{position:absolute;z-index:2;top:9%;left:6%;right:6%;color:#eee4ce;font-size:48px;font-weight:500;line-height:1.8;letter-spacing:.025em;text-align:center;white-space:nowrap;text-shadow:0 2px 7px #000;overflow-wrap:normal}
.wake-prelude-emphasis{display:inline-block;color:#e8bd53;font-size:1.18em;font-weight:650;line-height:1;vertical-align:baseline}
@keyframes wake-eye-opening{0%{clip-path:ellipse(74% .2% at 50% 56%);opacity:.35}35%{clip-path:ellipse(74% 5% at 50% 56%);opacity:.8}100%{clip-path:ellipse(74% 15% at 50% 56%);opacity:1}}
@media(max-height:650px) and (orientation:landscape){.comic-art.wake-prelude{aspect-ratio:16/9}}
@media(prefers-reduced-motion:reduce){.wake-prelude-vision{animation:none}}

/* The host's available frame selects the layout, including native header insets. */
.stage{container:player-stage/size}
.result-overview,.result-side{display:contents}
.result-side>.quiet-button{align-self:center;min-height:30px;border:1px solid #d4c4a34d;border-radius:13px 16px 12px 15px;box-shadow:none;background:#ffffff02;font-weight:400;padding:5px 12px}
@container player-stage (min-aspect-ratio:1/1){
 .read-screen{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,38%);grid-template-rows:minmax(8px,1fr) auto auto auto minmax(8px,1fr);column-gap:clamp(16px,3cqw,48px);row-gap:10px;padding:0 max(16px,env(safe-area-inset-right)) 0 0}
 .art-viewport{grid-area:1/1/6/2;align-self:stretch;height:100%;width:100%}
 .comic-top{grid-area:2/2;align-self:center;width:100%;padding:0;min-height:36px;display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:8px}
 .comic-heading{font-size:13px;font-weight:400;line-height:1.5;color:#c7bca7;min-width:0}
 .comic-top.with-app-download .comic-heading{white-space:normal;overflow:visible;text-overflow:clip}
 .comic-top .corner-button{width:36px;height:36px}
 .comic-top .dots{grid-column:3;gap:5px}
 .comic-top>.app-download-banner{grid-column:1/-1;justify-self:center;margin-top:4px}
 .choice-area{grid-area:3/2;display:grid;grid-template-rows:repeat(2,minmax(44px,auto));align-items:stretch;gap:10px;width:100%;height:auto;padding:0}
 .choice-area-empty{display:none}
 .choice-button{height:auto;min-height:44px;flex:none;font-size:13px;line-height:1.5;padding:10px 12px;grid-template-columns:18px minmax(0,1fr);gap:9px}
 .choice-mark{width:18px;height:18px}
 .comic-footer{grid-area:4/2;min-height:48px;width:100%;padding:0;gap:clamp(20px,4cqw,64px)}
 .comic-footer .button-spacer{display:none}
 .comic-footer .page-button{width:58px;height:48px;min-height:48px}
 .comic-footer .text-advance{min-width:0;max-width:calc(100% - 80px);min-height:48px;height:auto;padding:10px 16px}
 .result-screen{position:relative;display:grid}
 .result-screen.has-app-download{display:grid}
 .result-content,.result-screen.has-app-download>.result-content{width:min(100%,1120px);height:100%;max-height:none;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,1fr);align-items:center;gap:clamp(18px,4cqw,52px);padding:12px max(20px,env(safe-area-inset-right)) 12px max(20px,env(safe-area-inset-left))}
 .result-overview{display:flex;flex-direction:column;justify-content:center;gap:12px;min-width:0;min-height:0}
 .result-side{display:flex;flex-direction:column;justify-content:center;gap:10px;min-width:0;min-height:0}
 .result-eyebrow{font-size:15px}
 .result-main{padding:18px 14px}
 .score-number{font-size:clamp(58px,16cqh,110px)}
 .result-main h1{font-size:clamp(18px,2.6cqw,27px)}
 .result-main p{font-size:12px;line-height:1.6;margin-top:8px}
 .aspect-card{padding:8px 12px}
 .aspect-head strong{font-size:12px}
 .aspect-head span{font-size:18px}
 .aspect-bar{margin-top:6px}
 .aspect-pair{font-size:9px;margin-top:4px}
 .result-quote{font-size:11px;line-height:1.5;padding:2px 12px}
 .result-quote>span{font-size:10px;margin-bottom:3px}
 .result-actions,.result-followup-actions{gap:10px}
 .result-actions .control-button,.result-followup-actions .control-button,.result-utilities .control-button{min-height:44px;padding:8px 10px;font-size:12px}
 .result-screen>.result-download-slot{position:absolute;top:0;right:0;left:auto;width:auto;padding:6px max(20px,env(safe-area-inset-right)) 0 0;z-index:2}
 .result-screen.has-app-download .result-side{padding-top:42px}
 .closing-screen{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,35%);grid-template-rows:minmax(8px,1fr) auto auto minmax(8px,1fr);column-gap:clamp(20px,4cqw,60px);row-gap:16px;padding:0 max(20px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left));justify-content:normal;align-items:center}
 .closing-lines{grid-area:1/1/5/2;align-content:center;width:100%;min-width:0;gap:clamp(8px,3cqh,18px)}
 .closing-lines p{font-size:clamp(12px,1.8cqw,20px);line-height:1.65}
 .closing-actions{grid-area:3/2;display:flex;flex-direction:column;gap:12px;width:100%;max-width:290px;justify-self:center}
 .closing-actions>*{flex:none;min-height:44px;padding:10px 12px;font-size:13px}
 .closing-screen>.result-download-slot{position:static;grid-area:2/2;justify-content:center;justify-self:center;width:100%;padding:0;max-width:none}
}
@container player-stage (min-aspect-ratio:1/1) and (max-height:340px){
 .read-screen{row-gap:8px;column-gap:16px}
 .choice-area{gap:8px}
 .choice-button{padding:8px 10px;font-size:12px;line-height:1.4}
 .comic-heading{font-size:12px}
 .result-content,.result-screen.has-app-download>.result-content{padding-block:8px;gap:18px}
 .result-overview{gap:8px}
 .result-eyebrow{font-size:13px}
 .result-main{padding:12px 10px}
 .result-main h1{font-size:18px;line-height:1.35}
 .result-main p{font-size:11px;line-height:1.5}
 .result-side{gap:7px}
 .result-grid{gap:7px}
 .aspect-card{padding:6px 9px}
 .aspect-head strong{font-size:11px}
 .aspect-head span{font-size:16px}
 .aspect-bar{margin-top:4px}
 .result-quote{font-size:10px;line-height:1.4}
 .result-quote>span{font-size:9px;line-height:1.3;margin-bottom:2px}
 .result-actions,.result-followup-actions{gap:8px}
 .result-actions .control-button{font-size:11px;padding:7px 8px}
 .closing-screen{column-gap:20px;row-gap:10px}
 .closing-lines{gap:9px}
 .closing-actions{gap:10px}
}

.result-screen.has-app-download .result-side>.quiet-button{min-height:44px}
@container player-stage (min-aspect-ratio:1/1){
 .result-content:not(:has(.result-overview)){display:flex;flex-direction:column;justify-content:center;width:min(100%,650px);gap:12px}
 .result-content:not(:has(.result-overview))>h1{font-size:25px}
}

.result-primary-actions{display:contents}
.result-primary-actions>.quiet-button{align-self:center;min-height:30px;border:1px solid #d4c4a34d;border-radius:13px 16px 12px 15px;box-shadow:none;background:#ffffff02;font-weight:400;padding:5px 12px}
.result-screen.has-app-download .result-primary-actions>.quiet-button{min-height:44px}
@container player-stage (min-aspect-ratio:1/1) and (max-height:340px){
 .result-side{gap:6px}
 .aspect-card,.result-screen.has-app-download .aspect-card{padding-block:4px}
 .result-primary-actions{display:grid;grid-template-columns:minmax(0,2fr) minmax(70px,.8fr);gap:8px;align-items:stretch}
 .result-primary-actions>.quiet-button{align-self:stretch;min-height:44px;padding:7px 8px;font-size:11px;line-height:1.4}
 .result-primary-actions>.result-actions{min-width:0}
}

/* One first-person room, shared by every eye-opening transition. */
.wake-prelude-vision>.comic-layer-canvas{inset:0;width:100%;height:100%;transform:none;aspect-ratio:auto!important}
.wake-prelude .wake-prelude-vision .comic-layer-canvas>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.wake-prelude[data-wake-error="1"] .wake-prelude-vision{filter:none;transform:none;clip-path:none;-webkit-mask-image:none;mask-image:none;animation:none}
.wake-art-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;padding:60px;background:#030506;color:#eee4ce;font-size:40px;line-height:1.5}
.wake-art-error .comic-retry{min-height:150px;padding:25px 55px;border:3px solid #8c7755;border-radius:20px;background:#292f31;color:#eee4ce;font:inherit;cursor:pointer}

/* Open far enough to see the working back and hands; the quote stays on black. */
.wake-prelude-vision{clip-path:ellipse(74% 36% at 50% 54%);-webkit-mask-image:radial-gradient(ellipse 72% 35% at 50% 54%,#000 70%,transparent 100%);mask-image:radial-gradient(ellipse 72% 35% at 50% 54%,#000 70%,transparent 100%)}
.wake-prelude-quote{top:3%}
@keyframes wake-eye-opening{0%{clip-path:ellipse(74% .2% at 50% 54%);opacity:.35}35%{clip-path:ellipse(74% 5% at 50% 54%);opacity:.8}100%{clip-path:ellipse(74% 36% at 50% 54%);opacity:1}}