/* Only /play and /works load this introduction. */
body[data-page="works"]{overflow:hidden} .world-viewport{container-type:size}
.intro-active #paper-scene,.intro-active #business-markers,.intro-active #goose-label,.intro-active #goose-hq,.intro-active .game-title,.intro-active .mission-bar,.intro-active .bottom-dock,.intro-active .toast,.intro-active #control-panel,.intro-active #festival-early,.intro-active #pause{visibility:hidden}
.intro-active .top-right{z-index:34}.intro-active #sound{border-color:#cfc7b0;background:#fffdf0cc;border-radius:50%;width:38px;padding:6px;color:#524e36;box-shadow:0 3px 0 #ddd4b9}
.intro-active #pause{display:none}
#game-intro{position:absolute;inset:0;z-index:30;overflow:hidden;background:#f4eddd;isolation:isolate}
#intro-scene{position:absolute;inset:0;z-index:-2}#intro-scene canvas{display:block;width:100%;height:100%}
#game-intro::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 37% 33% at 50% 49%,#fff8e450,transparent 90%)}
.intro-hero{position:absolute;top:35%;left:50%;transform:translateX(-50%);width:max-content;max-width:94%;text-align:center;z-index:2}
.intro-hero h1{font:800 clamp(62px,8.8vw,142px)/.85 var(--display);letter-spacing:-.065em;margin:0;color:#282c26;text-shadow:0 2px 0 #fbf2d8,0 5px 0 #c4bca6,0 8px 0 #b2aa93,0 12px 16px #3d352321;white-space:nowrap}
.intro-subtitle{font:700 clamp(23px,3.4vw,47px)/1 var(--display);letter-spacing:-.035em;margin:17px 0 23px;color:#30332a;text-shadow:0 2px 0 #f9f0d8}
.intro-play{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:20px;min-width:250px;padding:19px 34px 18px;border:2px solid #ab761c;border-top-color:#fff0a6;border-radius:10px;background:linear-gradient(165deg,#ffe789 0,#f5c34b 53%,#eeb437 100%);box-shadow:inset 0 3px 0 #fff2ac,0 7px 0 #a27122,0 10px 0 #74521d,0 15px 23px #795a3029;color:#3a311e;font:800 clamp(28px,3vw,40px)/1 var(--display);letter-spacing:.055em;transform:rotate(-1deg);transition:transform .16s,box-shadow .16s,filter .16s}
.intro-play svg{height:25px;width:23px;filter:drop-shadow(0 1px 0 #ffeb9b)}.intro-play:hover{transform:translateY(-3px) rotate(0);filter:brightness(1.055);box-shadow:inset 0 3px 0 #fff2ac,0 10px 0 #a27122,0 13px 0 #74521d,0 20px 30px #795a3033}.intro-play:active{transform:translateY(5px) rotate(0);box-shadow:inset 0 3px 0 #fff2ac,0 2px 0 #a27122,0 4px 0 #74521d}.intro-play:focus-visible{outline:4px solid #2243ee;outline-offset:8px}.intro-play:disabled{opacity:1;cursor:wait;filter:saturate(.8)}
.intro-stats{display:flex;align-items:center;justify-content:center;gap:20px;margin:25px 0 11px;color:#464838;font-size:12px;font-weight:600;white-space:nowrap}.intro-stats strong{font-family:var(--display);font-size:16px;font-weight:800}.intro-stats span+span::before{content:'·';margin-right:20px;color:#a18f60}
.intro-how{padding:8px;border:0;background:none;text-decoration:underline;text-underline-offset:4px;color:#555746;font-size:12px;font-weight:600}.intro-status{position:absolute;bottom:12px;width:100%;left:0;text-align:center;color:#686b53;font-size:10px;letter-spacing:.025em;margin:0;pointer-events:none}
.intro-motion{position:absolute;top:14px;left:22px;z-index:4;font-size:10px;padding:7px 10px;border:1px solid #cfc7b0;background:#fffdf0b3;border-radius:6px;color:#66684e}.intro-motion:hover,.intro-how:hover{color:#2243ee}
.intro-powers{position:absolute;inset:0;pointer-events:none}.intro-power{position:absolute;display:flex;align-items:center;gap:10px;transform:rotate(-5deg);animation:intro-float 6s ease-in-out infinite;animation-delay:var(--delay)}.intro-token{position:relative;display:grid;place-items:center;width:59px;height:62px;border:2px solid color-mix(in srgb,var(--token),#fff 25%);border-radius:16px 12px 18px 10px;background:color-mix(in srgb,var(--token),#fff9e9 87%);color:var(--token);box-shadow:0 5px 0 color-mix(in srgb,var(--token),#ccbda0 68%),0 9px 16px #50463015;overflow:hidden}.intro-token svg{width:31px;height:31px}.intro-token i{position:absolute;inset:-35%;background:linear-gradient(120deg,transparent 35%,#fff9 45%,transparent 53%);transform:translateX(-130%);animation:intro-glint 7s ease-in-out infinite;animation-delay:var(--delay)}.intro-power-name{font:700 12px/1.15 var(--display);max-width:95px;color:#494b3c;background:#fff6df70;padding:3px 5px;border-radius:3px}
.intro-power-crowd{top:22%;left:10%}.intro-power-deal{top:28%;right:9%;flex-direction:row-reverse;transform:rotate(6deg)}.intro-power-flow{top:57%;left:6%}.intro-power-care{top:58%;right:6%;flex-direction:row-reverse;transform:rotate(4deg)}.intro-power-cash{bottom:9%;left:19%;transform:rotate(3deg)}
.intro-still .intro-power,.intro-still .intro-token i{animation-play-state:paused}.intro-leaving .intro-hero{animation:intro-title-exit .85s cubic-bezier(.6,.05,.7,.9) forwards}.intro-leaving .intro-power{animation:intro-token-exit .75s ease-in forwards}.intro-leaving .intro-motion,.intro-leaving .intro-status{opacity:0}.intro-leaving .intro-confetti i{animation:intro-paper-exit .8s ease-out forwards;animation-delay:var(--delay)}
.intro-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.intro-confetti i{position:absolute;left:50%;top:61%;width:8px;height:13px;opacity:0;background:var(--color);transform:rotate(var(--angle));box-shadow:1px 2px 0 #ffffff70}
.intro-help{width:min(510px,calc(100vw - 28px));max-height:calc(100dvh - 40px);border:1px solid #c5bca7;border-radius:14px;padding:25px 30px;color:#303328;background:#fffbed;box-shadow:0 10px 0 #b4a78944,0 25px 60px #28281944}.intro-help::backdrop{background:#333b2e80;backdrop-filter:blur(4px)}.intro-help h2{font:800 32px/1.05 var(--display);margin:0 0 12px;letter-spacing:-1px}.intro-help p{color:#686452;font-size:13px}.intro-help ol{padding-left:21px;font-size:13px;line-height:1.5}.intro-help li{margin:12px 0;padding-left:4px}.intro-help .primary-button{width:100%;margin-top:9px}.intro-help .intro-reward{border-top:1px solid #ded7c2;padding-top:13px;font-size:12px}
.intro-scene-fallback{background:radial-gradient(ellipse at 50% 43%,#fff7dc 0,#e7ead4 57%,#dce1cf 100%)}
.game-world-fallback #business-markers{position:absolute;inset:65px 18px 105px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;align-content:center}.game-world-fallback .business-marker{position:relative;inset:auto!important;transform:none;max-width:none!important;min-width:0!important;width:100%}.game-world-fallback #control-panel{left:50%!important;top:50%!important;transform:translate(-50%,-50%)}.game-world-fallback #goose-hq{top:65px;right:20px;left:auto}.game-world-fallback #goose-label{display:none}
@keyframes intro-float{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes intro-glint{0%,70%,100%{transform:translateX(-130%)}82%,88%{transform:translateX(130%)}}@keyframes intro-title-exit{0%{opacity:1;translate:0 0;scale:1}100%{opacity:0;translate:0 -80px;scale:1.06;filter:blur(4px)}}@keyframes intro-token-exit{to{opacity:0;translate:0 -65px;rotate:15deg}}@keyframes intro-paper-exit{0%{opacity:0}15%{opacity:1}100%{opacity:0;translate:var(--x) var(--y);rotate:var(--angle)}}
@media(min-width:1100px){.intro-hero{top:34%}}
@media(max-width:1000px){.intro-power-name{font-size:10px;max-width:73px}.intro-token{width:47px;height:50px}.intro-token svg{width:26px;height:26px}.intro-power-crowd{left:7%}.intro-power-deal{right:7%}.intro-power-cash{left:12%}.intro-hero h1{font-size:clamp(62px,9.2vw,95px)}.intro-play{min-width:220px;padding:16px 27px;font-size:32px}}
@media(max-width:700px){.intro-hero{top:36%;max-width:96%}.intro-hero h1{font-size:clamp(42px,12vw,77px);letter-spacing:-.065em}.intro-subtitle{font-size:clamp(23px,6vw,36px);margin:13px 0 22px}.intro-play{min-width:200px;padding:16px 30px;font-size:31px;gap:17px}.intro-stats{font-size:10px;gap:10px;margin-top:24px}.intro-stats strong{font-size:14px}.intro-stats span+span::before{margin-right:10px}.intro-power{gap:3px}.intro-power-name{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.intro-token{width:43px;height:46px;border-radius:11px}.intro-token svg{width:26px;height:26px}.intro-power-crowd{top:19%;left:9%}.intro-power-deal{top:21%;right:9%}.intro-power-flow{top:71%;left:6%}.intro-power-care{top:73%;right:6%}.intro-power-cash{bottom:8%;left:20%}.intro-motion{left:12px;top:12px;font-size:9px;padding:6px 8px}.intro-status{bottom:7px;font-size:9px}.game-world-fallback #business-markers{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.intro-help{padding:22px}.intro-help h2{font-size:28px}}
@media(max-height:650px) and (min-width:701px){.intro-hero{top:29%}.intro-hero h1{font-size:clamp(65px,8vw,100px)}.intro-subtitle{font-size:30px;margin:12px 0 15px}.intro-play{padding:13px 30px;font-size:29px;min-width:210px}.intro-stats{margin-top:20px}.intro-power-crowd,.intro-power-deal{top:18%}.intro-power-flow,.intro-power-care{top:57%}.intro-power-cash{bottom:8%}}
@media(max-height:460px){.intro-hero{top:23%}.intro-hero h1{font-size:clamp(42px,8vw,78px)}.intro-subtitle{font-size:23px;margin:10px 0 12px}.intro-play{padding:10px 23px;font-size:25px;min-width:170px}.intro-stats{margin:17px 0 3px;font-size:9px}.intro-stats strong{font-size:12px}.intro-how{padding:5px;font-size:10px}.intro-token{width:34px;height:35px}.intro-power-name{font-size:8px}.intro-power-flow,.intro-power-care{top:65%}.intro-power-cash{bottom:7%}.intro-help ol{font-size:12px}.intro-help li{margin:8px 0}}
@media(max-height:320px){#game-intro{overflow-y:auto}.intro-hero{position:relative;top:auto;margin:50px auto 25px;left:auto;transform:none}.intro-powers{display:none}.intro-status{display:none}}
@media(prefers-reduced-motion:reduce){.intro-power,.intro-token i{animation:none}.intro-play{transition:none}.intro-leaving .intro-hero,.intro-leaving .intro-power{animation:none;opacity:0}.intro-confetti{display:none}}

/* Game popups are cut-paper objects, with clear state and room for the powers. */
.mission-dialog{width:min(535px,calc(100vw - 28px));border:2px solid #494c37;border-top:7px solid #73885a;border-radius:13px;background:#fffbed;box-shadow:0 7px 0 #bdb095,0 12px 0 #494c3720,0 30px 65px #262e2a40;max-height:calc(100dvh - 130px)}
.mission-dialog::backdrop{background:#2434255c;backdrop-filter:blur(4px)}.dialog-inner{padding:24px 28px}.dialog-inner h1{font:800 37px/.99 var(--display);letter-spacing:-1.3px;color:#2d3528;margin:12px 0 14px}.dialog-inner>.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#4f6c3f;font-size:11px;letter-spacing:1.2px}.dialog-inner>.eyebrow::before{content:'✦';display:grid;place-items:center;border:1px solid #adbd85;border-radius:6px;width:25px;height:25px;background:#ebefda;font-size:17px}.dialog-inner>p{font-size:14px;line-height:1.55}.dialog-actions{margin-top:21px;gap:10px}.mission-dialog .primary-button,.intro-help .primary-button{border:1px solid #a57926;border-top-color:#ffeba1;border-radius:7px;background:linear-gradient(160deg,#ffe490,#efbd48);box-shadow:inset 0 2px 0 #fff0ae,0 4px 0 #a37723,0 6px 0 #745d292b;color:#42341b;font:800 16px var(--display);padding:12px 20px;min-height:44px}.mission-dialog .primary-button:hover,.intro-help .primary-button:hover{filter:brightness(1.045);translate:0 -1px}.mission-dialog .quiet-button{border:1px solid #c5bba2;background:#f5efdf;color:#6d664f;font-size:13px}.dialog-note{color:#79715d!important;line-height:1.5}.mission-dialog[data-state="won"]{border-top-color:#e7b840;background:radial-gradient(ellipse at top right,#fff0b4,transparent 65%),#fffbed}.mission-dialog[data-state="won"] .eyebrow{color:#92711e}.mission-dialog[data-state="won"] .eyebrow::before{content:'★';background:#f7e8a2;border-color:#d1ab3a;color:#986c13}.mission-dialog[data-state="lost"]{border-top-color:#d77e5c}.mission-dialog[data-state="lost"] .dialog-inner>.eyebrow{color:#a05837}.mission-dialog[data-state="lost"] .dialog-inner>.eyebrow::before{content:'↻';background:#f8e7d6;border-color:#dfa585;color:#a05837}.mission-dialog[data-state="paused"] .dialog-inner>.eyebrow::before{content:'Ⅱ';font-size:13px}.reward-line{justify-content:space-between;background:#fff5c9;border:2px dashed #d7b34d;border-radius:8px;padding:15px;margin:13px 0 10px}.reward-line code{font:800 clamp(22px,5vw,32px) var(--display);color:#86651c;letter-spacing:1px}.reward-line button{background:#fffbed;border:1px solid #ccae64;box-shadow:0 2px 0 #d3b76f;color:#685320;font-weight:600;padding:8px 11px}#reward>p{font-size:12px;color:#7a7053}#reward>a{width:100%;text-align:center;margin-bottom:5px}
.world-panel{width:425px;padding:17px 19px 19px;border:2px solid #595c43;border-top:6px solid #a8b474;border-radius:11px;background:#fffbed;box-shadow:0 5px 0 #b6ab8f,0 10px 0 #41442a17,0 18px 32px #2b302833;max-height:calc(100% - 138px);scrollbar-width:thin;scrollbar-color:#c7b98e #f8f1dd}.world-panel[data-kind="upgrades"]{border-top-color:#e3ba4a}.panel-heading{padding-right:25px}.panel-heading .eyebrow{font-size:10px;color:#657645;letter-spacing:1px}.panel-heading h2{font:800 26px/1.02 var(--display);letter-spacing:-.7px;margin:7px 0 3px}.panel-close{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#f0e9d5;border:1px solid #d4c8a5;font-size:21px;line-height:1;color:#71654a;z-index:3;float:none}.panel-close:hover{background:#e9dfc1}.owner-quote{font-size:13px;color:#5e604b;margin:9px 0;line-height:1.5}.owner-quote small{color:#8a8168}.business-health{font-size:11px;margin:9px 0}.health-track{height:5px;background:#e5dec8}.detail-status{font-size:12px;border-left:3px solid #b7bd88;border-radius:3px;background:#f0efdf;padding:7px 10px;margin:9px 0}.detail-status.working{border-color:#2243ee;background:#ebeffd}.detail-status.critical{border-color:#d86c45;background:#ffe6cf}.detail-status.success{border-color:#7f9956;background:#edf1dc}.section-label{font-size:10px;letter-spacing:.7px;margin-top:13px;margin-bottom:8px;color:#535b3d}.section-label span:last-child{font-size:9px;letter-spacing:0}.power-deck{gap:7px}.power-card{min-height:77px;padding:7px 4px 6px;gap:3px;border:1px solid #c7cfdd;border-bottom:3px solid #abb5ce;border-radius:7px;background:linear-gradient(145deg,#fffdf4,#edf1fa);box-shadow:0 2px 0 #354a8612;transition:translate .14s,box-shadow .14s}.power-card:hover:not(:disabled){translate:0 -2px;box-shadow:0 3px 0 var(--power-color);border-color:var(--power-color)}.power-card:disabled{opacity:.48;background:#f0eddf;border-color:#d9d3c1;box-shadow:none}.power-icon{display:grid;place-items:center;font-size:22px;width:29px;height:24px;color:var(--power-color);line-height:1}.power-copy strong{font:800 12px/1.1 var(--display)}.power-copy small{font-size:9px;line-height:1;margin-top:3px;color:#777a6a}.power-state{font-size:9px;margin-top:1px;color:#647086}.automation-list{gap:5px;margin-top:9px}.automation-list span{font-size:10px;background:#f4f1e4;border:1px solid #e0dac2;padding:3px 6px;border-radius:4px}.detail-actions .primary-button{font-size:12px;background:#2243ee;box-shadow:0 3px 0 #172eab;border-radius:6px}.detail-actions .quiet-button{font-size:12px}.upgrade-heading .eyebrow{color:#96751b}.upgrade-heading h2{font:800 28px/1 var(--display);letter-spacing:-.8px;padding-right:25px;margin:10px 0}.upgrade-heading p{font-size:13px;line-height:1.5;margin:10px 0}.feather-balance{background:#f8eab6;border:1px solid #d8bd65;border-radius:8px;padding:10px 14px;gap:14px;margin:12px 0}.feather-balance strong{font:800 35px/1 var(--display);color:#886713}.feather-balance span{font-size:11px;color:#75632f}.upgrade-card{border:1px solid #cfc5a5;border-bottom:3px solid #c0b38b;background:#fffdf2;border-radius:6px;padding:10px;margin:8px 0}.upgrade-card strong{font:800 14px var(--display)}.upgrade-card small{font-size:11px;color:#737158;margin-top:3px}.upgrade-card:hover:not(:disabled){background:#f8efca;border-color:#bc9631}.upgrade-card.owned{background:#e9efda;border-color:#a9ba88}.intro-help{border:2px solid #555c3e;border-top:7px solid #e8bd52;box-shadow:0 7px 0 #b6ab8f,0 12px 0 #4f533120,0 30px 65px #262e2a40}.intro-help .eyebrow{color:#947326;font-size:10px;letter-spacing:1.1px}.intro-help h2{margin-top:10px}.intro-help ol strong{color:#3f4930}.no-script-note{position:fixed;top:45%;left:20%;right:20%;padding:20px;background:#fffbed;text-align:center}
@media(max-width:700px){.world-panel{width:395px;padding:15px;max-height:calc(100% - 125px)}.panel-heading h2{font-size:23px}.power-card{min-height:77px}.power-copy strong{font-size:12px}.owner-quote{font-size:13px}.mission-dialog{max-height:calc(100dvh - 35px)}.dialog-inner{padding:21px}.dialog-inner h1{font-size:31px}.dialog-inner>p{font-size:13px}.dialog-actions{flex-wrap:wrap}.mission-dialog .primary-button{font-size:15px}.reward-line{padding:12px;gap:8px}.intro-help p,.intro-help ol{font-size:13px}.intro-help li{margin:10px 0}}
@media(max-height:640px) and (min-width:701px){.world-panel{max-height:calc(100% - 116px);padding:13px 16px}.panel-heading h2{font-size:23px}.owner-quote{font-size:12px;margin:7px 0}.detail-status{margin:7px 0;padding:6px 8px}.power-card{min-height:69px;padding:5px 3px}.power-copy small{display:none}.business-health{margin:6px 0}.section-label{margin-top:10px}.mission-dialog{max-height:calc(100dvh - 85px)}.dialog-inner{padding:18px 24px}.dialog-inner h1{font-size:32px}}

.intro-hero h1{position:relative}.intro-hero h1::after{content:'';position:absolute;inset:-8% -1%;pointer-events:none;background:linear-gradient(112deg,transparent 40%,#fff8df50 48%,transparent 57%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);opacity:0;animation:intro-title-sweep 11s ease-in-out infinite}
.intro-play{animation:intro-play-glow 4.8s ease-in-out infinite}.intro-play:hover,.intro-play:focus-visible{animation:none}.intro-still .intro-play,.intro-still .intro-hero h1::after{animation-play-state:paused}.intro-leaving .intro-play,.intro-leaving .intro-hero h1::after{animation:none}.intro-how{font-size:14px}.intro-stats{font-size:14px}.intro-motion{font-size:12px;padding:8px 11px}.intro-status{font-size:12px}.intro-power-name{font-size:13px;max-width:112px}
@keyframes intro-play-glow{0%,70%,100%{filter:brightness(1)}85%{filter:brightness(1.09)}}@keyframes intro-title-sweep{0%,68%,100%{opacity:0;translate:-40% 0}73%{opacity:1}83%{opacity:0;translate:40% 0}}
@media(max-width:1000px){.intro-power-name{font-size:12px;max-width:89px}.intro-stats{font-size:12px}}
@media(max-width:700px){.intro-motion{font-size:12px;padding:7px 8px;top:10px}.intro-stats{font-size:12px;gap:8px}.intro-stats span+span::before{margin-right:8px}.intro-status{font-size:11px;bottom:8px}.intro-how{font-size:14px}}
@media(max-height:460px){.intro-motion{font-size:11px}.intro-stats{font-size:11px}.intro-status{font-size:10px}.intro-how{font-size:12px}}
@media(prefers-reduced-motion:reduce){.intro-play,.intro-hero h1::after{animation:none}}

/* Keep Goose visible beside the stacked paper title. */
.intro-hero{top:26%;left:54%;width:360px;max-width:94%}.intro-hero h1{font-size:82px;line-height:.86;letter-spacing:-.06em}.intro-subtitle{font-size:32px;margin:17px 0 23px}.intro-play{min-width:300px;min-height:70px;font-size:36px;padding:16px 33px}.intro-stats{font-size:14px;margin-top:25px}.intro-how{font-size:14px}
@media(min-width:1500px) and (min-height:800px){.intro-hero{top:27%;width:430px}.intro-hero h1{font-size:104px}.intro-subtitle{font-size:37px}.intro-play{min-width:330px;min-height:80px;font-size:40px}}
@media(max-width:1000px){.intro-hero{left:54%;width:330px}.intro-hero h1{font-size:72px}.intro-subtitle{font-size:29px}.intro-play{min-width:260px;min-height:64px;font-size:32px}.intro-stats{font-size:12px}}
@media(max-width:700px){.intro-hero{top:30%;left:50%;width:300px;max-width:94%}.intro-hero h1{font-size:55px;line-height:.86}.intro-subtitle{font-size:26px;margin:13px 0 19px}.intro-play{min-width:225px;min-height:60px;font-size:31px;padding:14px 27px}.intro-stats{font-size:12px;margin-top:23px}.intro-how{font-size:14px}.intro-power-flow{top:72%}.intro-power-care{top:75%}}
@media(max-height:560px) and (min-width:701px){.intro-hero{top:19%;width:300px}.intro-hero h1{font-size:66px}.intro-subtitle{font-size:27px;margin:13px 0 18px}.intro-play{min-width:245px;min-height:59px;font-size:30px;padding:13px 27px}.intro-stats{margin-top:22px}.intro-how{font-size:13px}}
@media(max-height:440px){.intro-hero{top:14%;width:280px}.intro-hero h1{font-size:47px}.intro-subtitle{font-size:21px;margin:10px 0 12px}.intro-play{min-width:200px;min-height:48px;font-size:26px;padding:10px 23px}.intro-stats{font-size:11px;margin:18px 0 3px}.intro-how{font-size:12px}.intro-power-crowd,.intro-power-deal{top:22%}}
@media(max-height:320px){.intro-hero{position:relative;top:auto;left:auto;margin:50px auto 25px;transform:none}}
@media(max-width:700px){.intro-power-cash{left:auto;right:25%;bottom:8%}.intro-power-flow{left:4%;top:40%}}
.upgrade-card:disabled{opacity:1;cursor:default;background:#f3efdf;border-color:#d8ceb1;color:#68664f}.upgrade-card:disabled small{color:#79725b}.upgrade-card:disabled>span:last-child{color:#8a7440}.upgrade-card.owned:disabled{background:#e9efda;border-color:#a9ba88;color:#52613c}
@container (max-height:480px) and (max-width:700px){.intro-hero{top:19%}.intro-hero h1{font-size:47px}.intro-subtitle{font-size:23px;margin:10px 0 14px}.intro-play{min-height:52px;font-size:28px;padding:12px 25px}.intro-stats{margin-top:20px;margin-bottom:7px}.intro-how{padding:6px;font-size:13px}}
@container (max-height:300px){#game-intro{overflow-y:auto}.intro-hero{position:relative;top:auto;left:auto;margin:50px auto 25px;transform:none}.intro-powers,.intro-status{display:none}}

/* One translucent paper focus panel, using the homepage composer's border and offset shadow. */
.intro-hero{top:18%;left:54%;width:425px;max-width:calc(100% - 48px);padding:24px;background:rgba(255,251,238,.78);border:2px solid #36372e;border-radius:12px;box-shadow:4px 5px 0 var(--ink),0 13px 32px #25251f16;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.intro-hero h1{font-size:82px}.intro-hero .intro-status{position:static;display:block;bottom:auto;left:auto;width:auto;margin:8px 0 0;color:#686b53;font-size:11px;line-height:1.45;letter-spacing:.015em}
@media(min-width:1500px) and (min-height:800px){.intro-hero{top:19%;width:475px;padding:27px}.intro-hero h1{font-size:96px}}
@media(max-width:1000px){.intro-hero{top:18%;width:390px;padding:22px}.intro-hero h1{font-size:72px}}
@media(max-width:700px){.intro-hero{top:15%;left:50%;width:calc(100% - 48px);max-width:360px;padding:18px;border-radius:10px}.intro-hero h1{font-size:55px}.intro-hero .intro-status{font-size:11px;margin-top:6px}.intro-subtitle{font-size:26px;margin:13px 0 19px}.intro-play{min-width:225px;min-height:60px;font-size:31px;padding:14px 27px}.intro-stats{font-size:12px;margin:23px 0 11px}.intro-how{font-size:14px;padding:8px}}
@container (max-height:550px) and (min-width:701px){.intro-hero{top:10%;width:385px;padding:18px}.intro-hero h1{font-size:66px}.intro-subtitle{font-size:27px;margin:12px 0 18px}.intro-play{min-width:245px;min-height:59px;font-size:30px;padding:13px 27px}.intro-stats{margin-top:22px}.intro-how{font-size:13px}}
@container (max-height:640px) and (max-width:700px){.intro-hero{top:12%;padding:10px;width:calc(100% - 48px);border-radius:10px}.intro-hero h1{font-size:40px}.intro-subtitle{font-size:20px;margin:8px 0 10px}.intro-play{min-width:200px;min-height:48px;font-size:27px;padding:8px 23px}.intro-stats{font-size:11px;gap:7px;margin:8px 0 2px}.intro-stats strong{font-size:12px}.intro-stats span+span::before{margin-right:7px}.intro-how{font-size:12px;padding:3px}.intro-hero .intro-status{font-size:10px;line-height:1.4;margin:2px 0 0}}
@container (max-height:300px){#game-intro{overflow-y:auto}.intro-hero{position:relative;top:auto;left:auto;transform:none;width:min(350px,calc(100% - 48px));padding:12px;margin:50px auto 25px}.intro-hero h1{font-size:40px}.intro-subtitle{font-size:20px;margin:8px 0 14px}.intro-play{min-width:200px;min-height:48px;font-size:27px;padding:10px 23px}.intro-stats{font-size:11px;margin:14px 0 3px}.intro-how{font-size:12px;padding:4px}.intro-hero .intro-status{display:block;font-size:10px;margin:3px 0 0}.intro-powers{display:none}}