/*! The Crow and the Sunflower — © 2026 Studio 9 7/6 (studio976.it). All rights reserved. */:root{--ink: #f6ecc8;--ink-dim: rgba(246, 236, 200, .72);--gold: #f2c14e;--ochre: #e08a12;--blue: #12204f;--linen: #e9dfc6;--charcoal: #2a2833;--serif: "Cormorant Garamond", Georgia, serif;--hand: "La Belle Aurore", "Cormorant Garamond", cursive;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:var(--linen);color:var(--ink);font-family:var(--serif);user-select:none;-webkit-user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent}@media(hover:hover)and (pointer:fine){html,body,button{cursor:none}}#c{position:fixed;inset:0;width:100%;height:100%;display:block}.hidden{opacity:0!important;pointer-events:none!important;visibility:hidden}button{font-family:var(--serif);color:inherit;background:none;border:0}.screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 16px;transition:opacity 1.4s var(--ease),visibility 0s}.screen.hidden{transition:opacity 1.2s var(--ease),visibility 0s 1.2s}#loader{background:var(--linen);color:var(--charcoal);z-index:50}#loader .stroke{width:min(320px,80vw);height:40px;overflow:visible}#loader .stroke path{fill:none;stroke:var(--charcoal);stroke-width:5;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .4s var(--ease)}#loader .load-label{margin-top:14px;font-size:16px;font-style:italic;letter-spacing:.08em;opacity:.7}#loader blockquote{margin-top:48px;max-width:520px;font-size:clamp(20px,3.6vw,28px);font-style:italic;line-height:1.3}#loader cite{margin-top:10px;font-size:15px;opacity:.65}#title{color:var(--charcoal);z-index:20}#title .kicker{font-size:clamp(14px,2.6vw,17px);letter-spacing:.32em;text-transform:uppercase;opacity:.7}.studio-mark{position:absolute;top:max(28px,env(safe-area-inset-top));left:50%;transform:translate(-50%);color:#2b3f7a;opacity:.9;transition:opacity .4s,color .4s;animation:rise 1.6s var(--ease) both}.studio-mark:hover{opacity:1;color:#1e3a8c}.studio-logo{display:block;width:clamp(108px,13vw,150px);height:auto}#title .byline{margin-bottom:10px;font-size:clamp(15px,2.4vw,18px);font-style:italic;color:#2b3f7a;animation:rise 1.6s var(--ease) both}#title .byline a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}#title .byline a:hover{color:#1e3a8c}#title h1{margin-top:18px;font-weight:400;line-height:.92}#title h1 span{display:block;font-size:clamp(54px,11vw,124px)}#title h1 em{display:block;font-family:var(--hand);font-style:normal;font-size:clamp(46px,9vw,104px);color:#b8650c;margin-top:.12em;transform:rotate(-3deg)}#title .sub{margin-top:26px;font-size:clamp(18px,3.2vw,23px);font-style:italic;line-height:1.4}#title .hint{margin-top:18px;font-size:14px;letter-spacing:.06em;opacity:.6}#title h1 span,#title h1 em,#title .sub,#title .enter,#title .hint,#title .kicker{animation:rise 1.6s var(--ease) both}#title h1 em{animation-delay:.25s}#title .sub{animation-delay:.5s}#title .enter{animation-delay:.7s}#title .hint{animation-delay:.9s}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}#title h1 em{animation-name:rise-tilt}@keyframes rise-tilt{0%{opacity:0;transform:translateY(18px) rotate(-3deg)}to{transform:rotate(-3deg)}}.enter{margin-top:34px;display:flex;gap:14px;flex-wrap:wrap;justify-content:center;align-items:center}.btn{position:relative;font-size:22px;font-style:italic;padding:11px 34px;color:var(--blue);background:var(--gold);border-radius:22px 8px 26px 10px;box-shadow:0 6px 24px #b8650c4d;transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .35s}.btn:hover,.btn:focus-visible{transform:scale(1.05) rotate(-1.2deg);box-shadow:0 10px 32px #b8650c73;outline:none}.btn.ghost{background:transparent;color:inherit;box-shadow:none;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px;padding:11px 14px}.btn.ghost:hover{box-shadow:none}#pause,#end{background:radial-gradient(ellipse at center,#0d183859,#0d1838d1);z-index:30}#pause h2{font-size:clamp(44px,8vw,72px);font-weight:400;font-style:italic}#pause .help{margin-top:36px;display:grid;grid-template-columns:auto auto;gap:8px 20px;text-align:left;font-size:17px}#pause dt{color:var(--gold);font-style:italic}#pause dd{color:var(--ink-dim)}#end blockquote{max-width:760px;font-size:clamp(28px,5.4vw,48px);font-style:italic;line-height:1.22;text-shadow:0 3px 18px rgba(0,0,0,.6)}#end cite{margin-top:14px;font-size:18px;color:var(--ink-dim)}#end .credits{position:absolute;bottom:22px;left:16px;right:16px;font-size:14px;color:var(--ink-dim)}#hud{position:fixed;inset:0;pointer-events:none;transition:opacity 1.2s var(--ease);z-index:10}#hud,#letter,#card,#message,#tutorial,.ping span{text-shadow:0 1px 2px rgba(8,10,28,.75),0 0 14px rgba(8,10,28,.6),0 0 32px rgba(8,10,28,.35)}#letter:before,#card:before,#message:before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:-40px -60px;border-radius:50%;background:radial-gradient(ellipse at center,#0a0e2457,#0a0e2400 70%)}#message:before{inset:-26px 8%}#letter.dark:before{display:none}#phase{position:absolute;top:22px;left:24px;display:flex;align-items:baseline;gap:12px}#phase .num{font-size:15px;letter-spacing:.2em;color:var(--gold)}#phase .name{font-size:24px;font-style:italic}#objective{position:absolute;top:56px;left:24px;font-size:17px;color:var(--ink-dim);transition:color .6s}#objective.flash{color:var(--gold)}#meters{position:absolute;top:18px;right:22px;display:flex;flex-direction:column;gap:4px;align-items:flex-end}.meter{display:flex;align-items:center;gap:10px;font-size:15px;font-style:italic;color:var(--ink-dim)}.meter svg{width:150px;height:20px;overflow:visible}.meter path{fill:none;stroke-linecap:round}.meter .track{stroke:#f6ecc838;stroke-width:5}.meter .fill{stroke-width:6;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .2s linear}#m-madness .fill{stroke:#e0782a;transition:stroke-dashoffset .2s linear,stroke .6s}#m-breath .fill{stroke:var(--ink);opacity:.85}#m-breath{opacity:.8}#compass{position:absolute;top:86px;left:50%;width:34px;height:34px;margin-left:-17px;transition:opacity .6s}#compass svg{width:100%;height:100%;fill:var(--gold);filter:drop-shadow(0 0 8px rgba(242,193,78,.85))}#letter{position:fixed;left:50%;top:30%;transform:translate(-50%);width:min(760px,calc(100% - 32px));text-align:center;pointer-events:none;z-index:12}#letter p{font-family:var(--hand);font-size:clamp(26px,4.6vw,42px);line-height:1.5;color:var(--ink);clip-path:inset(0 100% 0 0);animation:write 2.2s var(--ease) forwards;transition:opacity 1.2s}#letter.dark p{color:var(--charcoal);text-shadow:none}#letter.out p{opacity:0}@keyframes write{to{clip-path:inset(0 0 0 0)}}#card{position:fixed;left:50%;top:36%;transform:translate(-50%,-50%);width:min(700px,calc(100% - 32px));text-align:center;pointer-events:none;z-index:12;opacity:0;transition:opacity 1.4s var(--ease)}#card.show{opacity:1}#card .num{font-size:16px;letter-spacing:.4em;color:var(--gold)}#card h2{margin-top:4px;font-size:clamp(46px,8vw,78px);font-weight:400;font-style:italic;color:var(--ink)}#card blockquote{margin-top:12px;font-size:clamp(19px,3.2vw,25px);font-style:italic;line-height:1.35}#card cite{display:block;margin-top:8px;font-size:15px;color:var(--ink-dim)}#message{position:fixed;left:0;right:0;bottom:250px;text-align:center;font-size:clamp(22px,3.8vw,28px);font-style:italic;opacity:0;transition:opacity .8s;pointer-events:none;padding:0 16px;z-index:12}#message.show{opacity:1}#tutorial{position:fixed;left:0;right:0;bottom:7%;text-align:center;font-size:16px;letter-spacing:.05em;color:var(--ink-dim);opacity:0;transition:opacity 1s;pointer-events:none;padding:0 16px;z-index:12}#tutorial.show{opacity:1}#ripples{position:fixed;inset:0;pointer-events:none;z-index:11}#ripples i{position:absolute;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;border:2px solid var(--ink);animation:ripple 1.6s var(--ease) forwards}@keyframes ripple{0%{transform:scale(.3);opacity:.9}to{transform:scale(2.2);opacity:0}}#note{position:fixed;left:50%;top:24%;transform:translate(-50%,12px) rotate(-1.2deg);width:min(520px,calc(100% - 32px));padding:16px 24px 14px;background:#f3ead2;color:var(--charcoal);text-align:center;border-radius:3px 6px 4px 8px;box-shadow:0 14px 40px #0a0f2859;opacity:0;pointer-events:none;z-index:13;transition:opacity .9s var(--ease),transform .9s var(--ease)}#note.show{opacity:1;transform:translate(-50%) rotate(-1.2deg)}#note .kicker{display:block;font-size:13px;letter-spacing:.25em;text-transform:uppercase;color:#a3261c}#note blockquote{margin-top:8px;font-family:var(--hand);font-size:clamp(20px,3.4vw,27px);line-height:1.45}#note cite{display:block;margin-top:6px;font-size:14px;opacity:.7}.letters-count{margin-top:18px;font-size:17px;font-style:italic;color:var(--gold)}#pings{position:fixed;inset:0;pointer-events:none;z-index:9}.ping{position:absolute;left:0;top:0;margin:-14px 0 0 -14px;display:flex;align-items:center;gap:8px;opacity:0;will-change:transform,opacity}.ping i{position:relative;display:block;width:28px;height:28px;flex:none;border-radius:50%;border:2px solid var(--gold);background:#0a0e2459;box-shadow:0 0 12px #f2c14e99}.ping i:after{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--gold)}.ping i:before{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid var(--gold);animation:ping 2.2s var(--ease) infinite}@keyframes ping{0%{transform:scale(1);opacity:.9}to{transform:scale(2.4);opacity:0}}.ping span{font-size:16px;font-style:italic;color:var(--ink);white-space:nowrap}.ping.done i{width:14px;height:14px;margin:7px;border-width:1.5px;box-shadow:none}.ping.done i:before{display:none}.ping.done i:after{inset:3px}#toast{position:fixed;left:110px;right:110px;bottom:96px;z-index:14;margin:0 auto;display:flex;gap:14px;align-items:center;text-align:left;max-width:620px;padding:12px 18px 12px 12px;background:#f3ead2f5;color:var(--charcoal);border-radius:4px 10px 6px 12px;box-shadow:0 16px 40px #080a1c73;transform:translateY(140%) rotate(-.6deg);opacity:0;transition:transform .9s var(--ease),opacity .6s;pointer-events:auto}#toast.show{transform:translateY(0) rotate(-.6deg);opacity:1}#toast img{width:112px;height:84px;object-fit:cover;flex:none;border:5px solid #6b4a2a;box-shadow:inset 0 0 0 1px #c9a46a,0 3px 8px #00000059}#toast .kicker{display:block;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#a3261c}#toast h4{margin-top:2px;font-size:20px;font-weight:500;font-style:italic;line-height:1.15}#toast p{margin-top:4px;font-size:14px;line-height:1.35}#toast .hint{display:block;margin-top:6px;font-size:12px;opacity:.6;letter-spacing:.04em}#notebook{z-index:45;background:#0d122cb8;padding:24px 16px}.nb-wrap{width:min(1040px,100%);max-height:100%;display:flex;flex-direction:column;background:#f3ead2;color:var(--charcoal);text-align:left;border-radius:4px 12px 6px 14px;box-shadow:0 30px 80px #00000080;padding:22px 26px 16px}.nb-wrap header{display:flex;align-items:baseline;gap:16px}.nb-wrap h2{font-family:var(--hand);font-weight:400;font-size:clamp(30px,5vw,44px);color:#6b3a14}#nb-count{font-style:italic;opacity:.7}#nb-close{margin-left:auto;color:var(--charcoal)}.nb-body{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;margin-top:12px;min-height:0;overflow:auto}#nb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px;align-content:start}.nb-item{display:flex;flex-direction:column;gap:6px;text-align:left;color:var(--charcoal);font-size:14px;font-style:italic;line-height:1.2}.nb-item img,.nb-item .veil{width:100%;aspect-ratio:4 / 3;object-fit:cover;border:5px solid #6b4a2a;box-shadow:inset 0 0 0 1px #c9a46a}.nb-item .veil{background:repeating-linear-gradient(-35deg,#d8ccb0 0 6px,#e6dbc1 6px 12px);border-color:#b9a77e}.nb-item.locked span{opacity:.45;letter-spacing:.3em}.nb-item.sel img,.nb-item.sel .veil{outline:3px solid var(--ochre);outline-offset:2px}.nb-item:hover img{filter:brightness(1.06)}#nb-detail img{width:100%;max-height:52vh;object-fit:contain;background:#2a2420;border:8px solid #6b4a2a;box-shadow:inset 0 0 0 1px #c9a46a,0 8px 20px #00000040}#nb-detail h3{margin-top:12px;font-size:28px;font-weight:500;font-style:italic;line-height:1.1}#nb-detail .nb-orig{font-size:15px;opacity:.65}#nb-detail dl{margin-top:10px;display:grid;grid-template-columns:auto 1fr;gap:3px 14px;font-size:15px}#nb-detail dt{color:#a3261c;font-style:italic}#nb-detail .nb-note{margin-top:12px;font-size:16px;line-height:1.45}#nb-detail .nb-credit{margin-top:10px;font-size:12px;opacity:.55}#nb-detail .nb-veil{width:100%;aspect-ratio:4 / 3;background:repeating-linear-gradient(-35deg,#d8ccb0 0 6px,#e6dbc1 6px 12px);border:8px solid #b9a77e}#nb-detail .nb-how,.nb-empty{margin-top:8px;font-style:italic;font-size:17px}.nb-foot{margin-top:12px;font-size:13px;opacity:.55;text-align:center}#postcard{z-index:50;background:#0d122cd1;gap:18px}#pc-img{max-height:calc(100% - 110px);max-width:100%;box-shadow:0 24px 60px #00000080}#postcard .enter{margin-top:0}#controls{position:fixed;right:18px;bottom:18px;display:flex;gap:6px;z-index:40;transition:opacity 1s}.icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:var(--ink);transition:background .3s,transform .3s var(--ease)}.icon:hover{background:#f6ecc824;transform:scale(1.08)}.icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.bars{display:flex;gap:3px;align-items:center;height:16px}.bars i{display:block;width:2.5px;height:100%;background:currentColor;border-radius:2px;animation:bar 1.1s ease-in-out infinite;transform-origin:center}.bars i:nth-child(2){animation-delay:-.3s}.bars i:nth-child(3){animation-delay:-.6s}.bars i:nth-child(4){animation-delay:-.9s}@keyframes bar{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.muted .bars i{animation:none;transform:scaleY(.2)}#boost-btn{position:fixed;right:22px;bottom:82px;width:84px;height:84px;z-index:40;border-radius:46% 54% 50% 50%;display:none;font-size:20px;font-style:italic;color:var(--blue);background:#f2c14ed9;box-shadow:0 6px 24px #00000040}#boost-btn.on{transform:scale(.92);background:var(--gold)}#cursor{position:fixed;left:0;top:0;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;border:1.5px solid var(--ink);pointer-events:none;z-index:100;mix-blend-mode:difference;transition:width .3s var(--ease),height .3s var(--ease),margin .3s var(--ease),background .3s}#cursor.hover{width:46px;height:46px;margin:-23px 0 0 -23px;background:#f6ecc833}#cursor.down{width:14px;height:14px;margin:-7px 0 0 -7px;background:var(--ink)}@media(hover:none),(pointer:coarse){#cursor{display:none}#boost-btn.ready{display:block}}@media(max-width:640px){#phase{top:16px;left:16px}#phase .name{font-size:20px}#objective{top:46px;left:16px;font-size:15px;max-width:60vw}#meters{top:14px;right:12px}.meter{font-size:13px;gap:6px}.meter svg{width:96px}#compass{top:92px}#controls{top:auto;bottom:14px;right:12px}#boost-btn{bottom:70px;right:16px}#message{bottom:270px;font-size:19px;padding:0 24px}#toast{bottom:166px;left:16px;right:16px;padding:8px 10px 8px 8px;gap:10px}#toast img{width:80px;height:60px}#toast h4{font-size:17px}#toast p{display:none}.nb-body{grid-template-columns:1fr}.nb-wrap{padding:16px 16px 12px}#nb-grid{grid-template-columns:repeat(3,1fr);gap:8px}.nb-item span{font-size:12px}.ping span{font-size:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.2s!important}}.nogl{position:fixed;inset:0;z-index:90;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;text-align:center;background:var(--linen);color:var(--charcoal);font-family:var(--serif)}.nogl h2{font-weight:400;font-style:italic;font-size:clamp(28px,5vw,44px)}.nogl p{margin-top:12px;max-width:520px;font-size:18px;line-height:1.45}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/cormorant-garamond-latin-400-normal-B-1hWBU7.woff2) format("woff2"),url(/assets/cormorant-garamond-latin-400-normal-B7YtguxJ.woff) format("woff")}@font-face{font-family:Cormorant Garamond;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/cormorant-garamond-latin-400-italic-Dc_OZ8oc.woff2) format("woff2"),url(/assets/cormorant-garamond-latin-400-italic-BLh7T8o8.woff) format("woff")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-latin-500-normal-BsRWmXhO.woff2) format("woff2"),url(/assets/cormorant-garamond-latin-500-normal-zIXX3Q-H.woff) format("woff")}@font-face{font-family:Cormorant Garamond;font-style:italic;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-latin-500-italic-Y14P-dkT.woff2) format("woff2"),url(/assets/cormorant-garamond-latin-500-italic-DhNIfkTX.woff) format("woff")}@font-face{font-family:La Belle Aurore;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/la-belle-aurore-latin-400-normal-D1eTpURF.woff2) format("woff2"),url(/assets/la-belle-aurore-latin-400-normal-CQ9B_fxW.woff) format("woff")}