/* Approved pink stationery treatment. Artwork and gesture layers remain original. */
@font-face{font-family:BirthdayHand;src:url('assets/fonts/PatrickHand-Regular.ttf') format('truetype');font-display:swap;unicode-range:U+0000-024F}
@font-face{font-family:BirthdayHand;src:url('assets/fonts/ZCOOLKuaiLe-Regular.ttf') format('truetype');font-display:swap;unicode-range:U+2E80-9FFF,U+FF00-FFEF,U+3000-303F}
:root{--ink:#79533f;--muted:#a48c7e;--cream:#fffbf5;--pink:#f8dfe5;--line:#d8bfae;--shadow:none;--title-font:BirthdayHand,'Chalkboard SE','Kaiti SC',ui-rounded,sans-serif;--gingham:conic-gradient(#f7d6df 25%,#fff5f6 0 50%,#f7d6df 0 75%,#fff5f6 0)}
body{background:#f6ede7;background-image:none;color:var(--ink)}
.shell{position:relative;padding:calc(env(safe-area-inset-top,0px) + 22px) 18px calc(env(safe-area-inset-bottom,0px) + 18px);grid-template-rows:0 minmax(0,1fr) 82px;background-color:#fffdf8;background-image:linear-gradient(#efd5db38 1px,transparent 1px),linear-gradient(90deg,#efd5db38 1px,transparent 1px);background-size:24px 24px}
.shell:before,.shell:after{content:'';position:absolute;left:0;right:0;height:18px;pointer-events:none;background-image:var(--gingham);background-size:24px 24px;opacity:.7;z-index:3}
.shell:before{top:env(safe-area-inset-top,0px)}.shell:after{bottom:env(safe-area-inset-bottom,0px)}
header{display:none}#app{padding:0;overflow-y:auto}
h1,h2,.selection-panel h2{font-family:var(--title-font);font-weight:400;letter-spacing:.5px;color:var(--ink)}
.hero{padding:12px 0 10px}.hero h1{font-size:clamp(27px,8.2vw,38px);line-height:1.25;margin:8px 0}
.hero p,.subtle,.drag-hint,.mystery-hint,.npc,.placeholder,.letter-status,.birthday-video .video-status{color:var(--muted);font-size:11px;line-height:1.6;opacity:1}
p{color:var(--muted)}
#app>.panel{border:0;box-shadow:none;background:transparent;border-radius:0;padding:8px 0;margin:0;overflow-x:clip}
body[data-screen="opening"] .hero h1{font-size:clamp(33px,9.5vw,46px)}
body[data-screen="opening"] .hero h1:after{content:'';display:inline-block;width:27px;height:27px;margin-left:9px;background:url('assets/ui/decorations/general/decor-heart-08.webp') center/contain no-repeat;vertical-align:middle;transform:rotate(8deg)}
.opening-panel .mystery-stage{flex:1;min-height:210px}.opening-panel .mystery-hint{margin:14px 0 30px;text-align:center}
/* A 30% smaller visible face retains a minimum 44px touch target. */
button.paper-button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:76px;min-height:44px;width:auto;padding:6px 4px;border:0;background:transparent;box-shadow:none;line-height:1.2;text-decoration:none;font-family:var(--title-font);font-size:16px;flex:none;isolation:isolate;border-radius:24px;cursor:pointer}
.paper-button .paper-face{position:relative;display:block;min-width:68px;max-width:100%;padding:5px 13px;border:1px solid #ba9782;border-radius:24px;background:var(--cream);z-index:0;white-space:nowrap}
.paper-button:not(.plain) .paper-face{border:0;min-width:65px;margin:3px 4px;padding:4px 12px}
.paper-button:not(.plain) .paper-face:before{content:'';position:absolute;inset:-4px -5px;border:1px solid #ba9782;border-radius:26px;background-image:var(--gingham);background-size:12px 12px;z-index:-1}
.paper-button:not(.plain) .paper-face:after{content:'';position:absolute;inset:0;border-radius:22px;background:var(--cream);z-index:-1}
button.paper-button:hover{background:transparent;transform:none}.paper-button:hover .paper-face{color:#9e624d}.paper-button:active .paper-face{transform:translateY(1px)}
.paper-button:focus-visible{outline:2px solid #b07965;outline-offset:2px}.paper-button[hidden],.paper-button:disabled{opacity:.5}
.paper-button.primary{min-width:76px;background:transparent;border:0}
button.mix-button{font-size:23px;min-width:142px;min-height:54px}.mix-button .paper-face{min-width:126px!important;padding:7px 20px!important}
footer{position:relative;display:grid;grid-template-rows:48px 24px;gap:0;align-content:end;flex:none;margin:0;padding:0;text-align:center}
.footer-controls{position:relative;display:flex;justify-content:flex-start;align-items:center;gap:8px;min-height:48px;padding:0}
footer #page-back{margin:0}footer #collection{margin:0 auto 0 0;font-size:14px}footer #reset{margin:0 0 0 auto;min-height:44px;font-size:9px;color:var(--muted);text-decoration:none;padding:6px 4px}
#footer-copy{align-self:center;justify-self:center;width:100%;font-family:var(--title-font);font-size:12px;letter-spacing:.6px;color:#8c7160;line-height:24px}
body[data-screen="opening"] #page-back,body[data-screen="selection"] #page-back{visibility:hidden;pointer-events:none}
body:not([data-screen="selection"]) footer #collection{display:none!important}
body[data-screen="opening"] #reset{visibility:hidden;pointer-events:none}
/* Same footer return position on every page, including nested exchange. */
.panel-controls{display:flex;flex:none;justify-content:flex-end;min-height:90px;margin-top:12px;gap:10px;align-items:end}
.panel-controls .actions:empty{display:none}.panel-controls .npc{max-width:120px;text-align:right;font-size:10px}
.panel-controls .seal-sprite{width:90px;margin-left:auto}.npc>div:empty{display:none}
.selection-panel h2{font-size:clamp(16px,4.6vw,23px);margin:5px 0 10px;line-height:1.4}
.selection-panel .boxes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;align-content:center;justify-items:center;gap:10px 4px;overflow:visible;min-height:220px;flex:1;margin:0;padding:8px 0}
.selection-panel .boxes .pack-choice{position:relative;left:auto;top:auto;width:min(100%,134px,20dvh);aspect-ratio:4/5;min-height:0;transform:rotate(var(--angle));z-index:auto;align-self:center}
.selection-panel .boxes .pack-choice img{height:100%;width:100%;margin:0;max-height:none}
.selection-panel .boxes[data-count="1"]{grid-template-columns:1fr}.selection-panel .boxes[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.selection-panel .boxes[data-count="0"]{display:flex;justify-content:center;align-items:center}.all-packs-complete{position:static}
.selection-panel .panel-controls{margin:4px 0 0;min-height:84px}.selection-panel .seal-sprite{width:112px}
.selection-panel .boxes .pack-choice:focus-visible{transform:translateY(-5px)}
.progress{margin:8px 0 0;gap:4px}.progress span{background:transparent;border:0;border-radius:0;font-size:9px;padding:3px 5px;color:var(--muted)}.progress .ui-icon{width:17px;height:17px}
.pack-panel .drag-hint{margin:8px 0 12px;text-align:center}.pack-panel .pack-stage{flex:1;min-height:200px;padding:0}
.pack-panel .pack{width:min(224px,62vw,33dvh)}
.pack-panel .pack-open-button{align-self:center;margin:12px 0 0}.pack-panel .panel-controls{margin-top:20px;min-height:80px}
/* Four cards in 2+2; five cards in 3+2, centered using six grid tracks. */
.cards-panel .card-fan{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-content:center;align-items:center;justify-items:center;gap:14px 9px;flex:1;min-height:240px;padding:12px 0}
.cards-panel .memory-card{grid-column:span 2;width:100%;max-width:116px;flex:none;transform:none;aspect-ratio:2/3}
.cards-panel .card-fan[data-count="5"] .memory-card:nth-child(4){grid-column:2/span 2}.cards-panel .card-fan[data-count="5"] .memory-card:nth-child(5){grid-column:4/span 2}
.cards-panel .card-fan[data-count="4"] .memory-card{grid-column:span 3;max-width:125px}
.cards-panel .card-fan .memory-card:hover{transform:translateY(-3px)}.cards-panel .panel-controls{min-height:76px;margin-top:8px}
.memory-card .card-inner{box-shadow:none}.image-face{border:0;background:transparent}.card-art{background:transparent}
.cards-panel .card-back{border:0;background:transparent}.cards-panel .back-label{display:none}
/* Art owns its border. Food stays 2:3 at all sizes and has no extra captions. */
.food-art .card-front{background:transparent;border:0;border-radius:0;overflow:visible}.food-art .card-front .card-art{object-fit:contain;background:transparent}
.food-art .card-inner{box-shadow:none}.collection-grid .food-art{aspect-ratio:2/3;min-height:0}
dialog.food-dialog{background:transparent;border:0;padding:0;width:min(86vw,54dvh);max-width:none;max-height:none;overflow:visible;box-shadow:none;border-radius:0}
.food-dialog .full-card{display:block;width:100%;height:auto;max-height:none;background:transparent;border-radius:0;box-shadow:none;object-fit:contain}
.food-dialog>.close{top:-12px;right:-12px;background:#fffbf5;border-radius:50%;width:36px;height:36px;min-height:36px;padding:0;font-size:23px;line-height:36px;z-index:3}
#app>.baking-panel{position:relative;justify-content:flex-start;overflow:visible}.baking-workspace{flex:1;min-height:240px;margin:0 auto}
.floating-ingredient{width:24%;height:28%}.ingredient-art{height:100%;max-height:100px}.ingredient-art svg{width:52.5%;height:52.5%}
.baking-actions{flex:none;justify-content:center;margin:10px 0 24px;min-height:54px}.baking-actions .mix-button{min-width:142px}
body[data-screen="bake"] .hero h1:after{content:'';display:inline-block;width:25px;height:28px;margin-left:8px;background:url('assets/ui/decorations/general/decor-sparkle-03.webp') center/contain no-repeat;vertical-align:middle}
.birthday-cake-panel .cake-art{width:min(100%,340px,44dvh);margin:auto auto 14px}.birthday-cake-panel .cake-art img{max-height:36dvh;mix-blend-mode:normal;border-radius:0}
body[data-screen="secrets"] .hero h1{font-size:clamp(27px,7.5vw,36px)}
.secret-guide{display:grid;grid-template-columns:minmax(0,1fr) 100px;align-items:end;gap:12px;width:100%;margin:14px 0 12px}
.secret-guide-note{padding:12px 10px;border:1px solid #e8c9c8;border-radius:20px 20px 5px 20px;background:#fff2f2}
.secret-guide-note p{font-family:var(--title-font);font-size:18px;color:var(--ink);line-height:1.4;margin:0 0 8px}
.secret-guide-note .actions{gap:8px;justify-content:flex-start;flex-wrap:wrap}.secret-guide .npc{margin:0;max-width:100px}.secret-guide .seal-sprite{width:100px}
.ending-action{margin:0 0 8px;justify-content:flex-start}
#app>.exchange-panel{justify-content:center;align-items:center;gap:20px}.exchange-card{display:block;width:min(68vw,245px,42dvh);height:auto;max-height:none;object-fit:contain}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
dialog{background:#fffbf5;border:1px solid #d6b9a3;box-shadow:none}dialog::backdrop{background:#74513d40;backdrop-filter:none}
dialog.video-dialog{background:transparent;border:0}.close{background:none}
.birthday-letter>.paper-button{margin:12px auto 0}.birthday-letter .letter-stage{margin-top:10px}
.letter-copy{tab-size:2}
#app[data-page="collection"]>.panel{border:0;background:transparent;box-shadow:none}.tabs button{padding:4px 10px;min-height:44px;font-size:10px;border-color:#e3cfc0;background:#fffbf5}.tabs button.active{background:#f9e0e5;border-color:#e1b7bd}
.card.locked{background:#fffbf5;border:1px dashed #dcc4b3;box-shadow:none}
@media(max-height:680px){.shell{grid-template-rows:0 minmax(0,1fr) 72px}.hero{padding:4px 0}.hero h1{font-size:26px}.hero p{font-size:10px}.selection-panel .boxes{min-height:190px;gap:4px}.selection-panel .boxes .pack-choice{width:min(100%,18dvh)}.selection-panel .panel-controls{min-height:62px}.selection-panel .seal-sprite{width:88px}.panel-controls{min-height:65px}.pack-panel .pack-stage{min-height:145px}.pack-panel .panel-controls{margin-top:10px;min-height:60px}.cards-panel .card-fan{min-height:190px;gap:10px 8px}.cards-panel .memory-card{max-width:15dvh}.cards-panel .card-fan[data-count="4"] .memory-card{max-width:17dvh}.baking-workspace{min-height:210px}.baking-actions{margin:4px 0 10px}.secret-guide{margin:5px 0}.birthday-cake-panel .cake-art{margin:6px auto}}
@media(max-width:350px){.shell{padding-left:14px;padding-right:14px}.hero h1{font-size:27px}.secret-guide{grid-template-columns:minmax(0,1fr) 85px;gap:6px}.secret-guide .seal-sprite{width:85px}.secret-guide-note{padding:8px}.secret-guide-note p{font-size:16px}.secret-guide-note .actions{gap:3px}.paper-button{font-size:14px!important}.mix-button{font-size:23px!important}.cards-panel .card-fan{gap:13px 7px}}
@media(prefers-reduced-motion:reduce){.paper-button:active .paper-face{transform:none}}
/* Hidden header must not consume the main content's grid row. */
#app{grid-row:2}footer{grid-row:3}
#app>.pack-panel{justify-content:flex-start}.pack-panel .pack-stage{flex:none;height:auto;min-height:0;margin:0 auto;display:flex;align-items:center;justify-content:center;width:100%}
.pack-panel .drag-hint{margin:8px 0 0}.pack-panel .pack-open-button{margin:0;min-height:44px}.pack-panel .panel-controls{margin-top:auto;padding-top:16px}
.paper-button[hidden]{display:none!important}
/* Album remains available from the existing ending action; no utility buttons on 01/02. */
footer #collection{display:none!important}
/* 01–11 screenshot polish. Shared landmarks stay in normal layout flow. */
body{font-family:var(--title-font)}
.shell{--page-gutter:18px;--npc-dock:112px;padding:calc(env(safe-area-inset-top,0px) + 22px) var(--page-gutter) 0;grid-template-rows:0 minmax(0,1fr) calc(116px + env(safe-area-inset-bottom,0px))}
.shell:after{display:none}
footer{display:grid;grid-template-rows:48px 24px auto;gap:0;margin:0 calc(-1 * var(--page-gutter));padding:0;align-content:end;justify-content:stretch}
.footer-controls{justify-content:center;min-height:48px}
footer #page-back{margin:0}#footer-copy{font-size:13px;line-height:24px}
.footer-reset{display:flex;align-items:flex-start;justify-content:center;width:100%;min-height:calc(44px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background-image:var(--gingham);background-size:24px 24px}
footer #reset{margin:0;min-width:64px;min-height:44px;padding:0 10px;font:12px var(--title-font);letter-spacing:1px;color:var(--ink);text-decoration:none}
body[data-screen="opening"] #reset{visibility:visible;pointer-events:auto}
.hero{min-height:96px;padding:12px 0 10px}
.hero h1{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;font-size:clamp(23px,6.8vw,32px);line-height:1.35;letter-spacing:0;margin:6px 0 8px}
.hero h1>span{min-width:0;overflow-wrap:anywhere}
.hero .title-ornament{width:22px;height:25px;max-height:none;flex:none;object-fit:contain}
body[data-screen="opening"] .hero h1:after,body[data-screen="bake"] .hero h1:after{display:none}
body[data-screen="opening"] .hero{min-height:0;padding-top:60px;padding-bottom:12px}
body[data-screen="opening"] .hero h1{font-size:clamp(28px,8.2vw,40px)}
.opening-panel .mystery-stage{flex:none;min-height:0;container-type:normal;overflow:visible}
#app>.opening-panel{justify-content:flex-start;padding-top:0}
.opening-panel .mystery-pack{width:min(100%,480px,62dvh)}
.opening-panel .mystery-hint{margin:36px 0 0}
.selection-panel h2{color:#d97f99;font-size:clamp(15px,4.5vw,22px);letter-spacing:0}
/* Same seal/bubble center and reserved dock in 02–06, including collection. */
.panel-controls,.selection-panel .panel-controls,.pack-panel .panel-controls,.cards-panel .panel-controls{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:0;min-height:var(--npc-dock);height:var(--npc-dock);margin:0;padding:0;flex:none}
.panel-controls>.actions:has(.pack-actions:empty),.panel-controls>.actions:empty{display:none}
.panel-controls .actions,.panel-controls .pack-actions{justify-content:center;align-items:center}
.npc,.panel-controls .npc,.collection-scene .npc,.secret-guide .npc{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:none;min-width:0;margin:0;text-align:center;font-size:12px}
.npc .seal-sprite,.panel-controls .seal-sprite,.selection-panel .seal-sprite,.collection-scene .seal-sprite,.secret-guide .seal-sprite{width:120px;min-width:0;margin:0;flex:none}
.speech-bubble{position:relative;flex:none;max-width:calc(100% - 128px);padding:11px 17px;color:var(--ink);background:#fff4f4;border:1.5px solid #c99789;border-radius:48% 52% 46% 54% / 52% 46% 54% 48%;font-size:13px;line-height:1.5;white-space:nowrap}
.speech-bubble:after{content:'';position:absolute;right:-5px;bottom:20%;width:9px;height:9px;border-right:1.5px solid #c99789;border-top:1.5px solid #c99789;background:#fff4f4;transform:rotate(30deg) skew(15deg)}
.pack-panel .panel-controls{margin-top:auto}
.pack-panel .pack-open-button{margin:8px 0 0}
.cards-panel .card-fan{flex:1 1 0;min-height:0;grid-template-rows:repeat(2,minmax(0,1fr));padding:20px 4px;gap:18px 9px;container-type:size}
.cards-panel .memory-card{max-width:min(116px,14dvh);min-height:0}
.cards-panel .card-fan[data-count="4"] .memory-card{max-width:min(125px,15dvh)}
@supports(width:1cqh){.cards-panel .memory-card{max-width:min(116px,calc((100cqh - 58px)/3))}.cards-panel .card-fan[data-count="4"] .memory-card{max-width:min(125px,calc((100cqh - 58px)/3))}}
.collection-scene{left:0;right:0;bottom:8px;height:var(--npc-dock);justify-content:flex-end;align-items:center;gap:0}
.collection-scene .collection-status{position:absolute;bottom:0;left:0;right:0;margin:0;font-size:11px;text-align:center}
.selection-panel.all-collected .boxes{display:none}
.selection-panel.all-collected .panel-controls{flex:1;height:auto;justify-content:center;gap:12px}
.all-collected .panel-controls>.actions{order:2}
.all-collected .npc .seal-sprite{width:min(170px,42vw)}
.all-collected .speech-bubble{font-size:17px;padding:15px 18px;max-width:none}
/* Original independent transparent illustrations on one circular coordinate frame. */
.baking-workspace{min-height:240px;display:grid;place-items:center;container-type:size}
.baking-orbit{position:relative;width:min(100%,400px);aspect-ratio:1}
@supports(width:1cqh){.baking-orbit{width:min(100%,400px,96cqh)}}
.baking-host{left:50%;top:50%;width:58%;max-width:none}
.floating-ingredient{left:var(--x);top:var(--y);width:23%;height:auto;aspect-ratio:1;max-width:none;transform:translate(-50%,-50%)}
.ingredient-art{width:100%;height:100%;max-height:none;mask-image:none;-webkit-mask-image:none}
.ingredient-art img{display:block;width:100%;height:100%;max-height:none;object-fit:contain}
.baking-actions{margin:8px 0 14px}
/* Do not multiply the opaque cake against the notebook's grid. */
.cake-art,.birthday-cake-panel .cake-art{width:min(100%,350px,46dvh);margin:auto auto 12px;opacity:1}
.cake-art img,.birthday-cake-panel .cake-art img{display:block;width:100%;height:auto;max-height:none;mix-blend-mode:normal;opacity:1;filter:none;mask-image:none;-webkit-mask-image:none;border-radius:0}
body[data-screen="secrets"] .hero h1{font-size:clamp(23px,6.8vw,32px)}
body[data-screen="secrets"] .hero p{font-size:17px;color:var(--ink);margin:0}
.secret-guide{display:flex;flex-direction:column;align-items:center;gap:0;margin:0 0 8px}
.secret-guide .npc{gap:4px}
.secret-guide .seal-sprite{width:100px}
.secret-guide .speech-bubble{font-size:clamp(10px,3vw,12px);padding:10px 12px;max-width:none}
.secret-card-actions{justify-content:center;gap:12px;margin-top:-10px}
.ending-action{justify-content:center;margin:0;min-height:44px}
.handoff-stage{justify-content:center;align-items:center}
.handoff-stage .seal-sprite{position:relative;left:-8px}
#app>.ending-panel{justify-content:flex-start}
.ending-panel .cake-art{width:min(100%,350px,46dvh);margin:6px auto 8px}
#app[data-page="ending"] .ending-greeting{display:flex;align-items:center;justify-content:center;gap:10px;flex:none;margin:8px 0;font-size:clamp(20px,5.8vw,28px);letter-spacing:0}
.ending-copy{font-size:16px;color:var(--ink)}
.ending-links{margin-top:48px;gap:8px;flex-wrap:nowrap}
.ending-links .paper-button{min-width:0}
.ending-links .paper-face{min-width:60px!important}
.ending-panel .ending-seal{margin-top:24px}
.ending-seal .seal-sprite{width:112px}
/* Trim only the shared idle canvas's empty vertical display space; each PNG
   keeps identical scale/offset. The visible head, fins and tail remain whole. */
.ending-panel .ending-seal .seal-sprite{width:112px;height:64px;aspect-ratio:auto;overflow:hidden}
.ending-panel .ending-seal .seal-frame{height:112px;top:-26px;bottom:auto}
/* Small CSS hand-drawn candle ornaments; no new raster artwork. */
.candle-doodle{display:inline-block;position:relative;width:12px;height:22px;border:1.5px solid #ae7966;border-radius:3px 4px 2px 3px;background:repeating-linear-gradient(35deg,#f8ced9 0 4px,#fff2ee 4px 8px);transform:rotate(-4deg);flex:none}
.candle-doodle:last-child{transform:rotate(4deg)}
.candle-doodle:before{content:'';position:absolute;left:4px;top:-5px;width:1px;height:4px;background:#ae7966}
.candle-doodle i{position:absolute;left:1px;top:-16px;width:8px;height:12px;border:1px solid #c79364;border-radius:70% 30% 65% 35%;background:#ffda91;transform:rotate(18deg)}
/* User-replaced game art is now 1024x1536 (2:3); never force the old 3:4. */
.game-art .card-front .card-art,.collection-grid .game-art,.game-dialog .full-card{aspect-ratio:2/3}
dialog.game-dialog{width:min(600px,94vw,calc(72dvh * 2 / 3 + 36px))}
@media(max-width:350px){.shell{--page-gutter:14px;--npc-dock:104px}.hero h1{font-size:23px}.hero .title-ornament{width:18px}.npc .seal-sprite,.panel-controls .seal-sprite,.collection-scene .seal-sprite{width:108px}.speech-bubble{max-width:calc(100% - 116px);padding:9px 13px;font-size:12px}.secret-guide .seal-sprite{width:88px}.secret-guide .speech-bubble{font-size:10px;padding:9px}.ending-links{gap:4px}.ending-links .paper-face{padding:4px 9px!important}.ending-copy{font-size:14px}.all-collected .speech-bubble{font-size:15px}}
@media(max-height:680px){.hero{min-height:86px;padding-top:6px}.hero h1{font-size:24px}.shell{--npc-dock:96px}.npc .seal-sprite,.panel-controls .seal-sprite,.collection-scene .seal-sprite{width:100px}.pack-panel .pack{width:min(200px,56vw,30dvh)}.baking-workspace{min-height:190px}.ending-panel .cake-art{width:min(100%,300px,39dvh)}.ending-links{margin-top:24px}.ending-panel .ending-seal{margin-top:12px}body[data-screen="opening"] .hero{padding-top:40px}}
@media(max-height:480px){#app>.panel{flex:none;min-height:280px}.cards-panel .card-fan{flex:none;min-height:310px}.baking-workspace{height:280px}.selection-panel .boxes{flex:none;min-height:260px}}
@media(min-width:700px) and (min-height:481px) and (max-height:800px){.ending-panel .cake-art{width:min(100%,350px,37dvh)}}