#gallery.gallery{padding:18px 14px 30px;background:linear-gradient(#ffeafaee,#e5f3ffed),url('assets/welcome-v11/valley.webp') center top/cover fixed;min-height:100dvh}
#gallery .gallery-brand{width:min(66vw,285px);height:150px;margin:0 auto;background:url('assets/welcome-v11/valley.webp') center 8%/cover;border-radius:50%;mask-image:radial-gradient(ellipse,#000 58%,transparent 75%)}
#gallery .gallery-brand img{display:block;width:100%;height:100%;object-fit:contain}
#gallery .adventure-title{margin:8px auto 22px;padding:12px 18px;max-width:390px;border:2px solid #ffde90;border-radius:28px;background:linear-gradient(#fffbd2,#ffe8a8);color:#652380;font-size:23px;letter-spacing:0;box-shadow:0 3px 8px #96598b20}
#gallery .adventure-list{max-width:650px;margin:auto;display:grid;gap:17px}
#gallery .gamecard{display:block;width:100%;margin:0;border:3px solid white;border-radius:27px;background:#fff8ff;overflow:hidden;box-shadow:0 6px 18px #8c56a427;color:#641875;text-align:left}
#gallery .gamecard>img{display:block;width:100%;height:auto;aspect-ratio:2.6;object-fit:cover;object-position:center 35%}
#gallery .gamecard.princess>img{object-position:center 30%}#gallery .gamecard.unicorn>img{object-position:center 38%}
#gallery .cardbody{display:flex;align-items:center;gap:8px;padding:12px 10px;min-height:78px}
#gallery .card-icon{flex:0 0 30px;font-size:28px}#gallery .cardcopy{flex:1;min-width:0}
#gallery .cardbody small{display:block;color:#8d879f;letter-spacing:1.5px;font-size:8px;line-height:1.3}
#gallery .cardbody strong,#gallery .unicorn .cardbody strong{display:block;margin:5px 0 0;font-size:clamp(16px,4.3vw,27px);line-height:1.1;letter-spacing:-.4px}
#gallery .play{flex:0 0 auto;display:flex;gap:9px;justify-content:center;align-items:center;min-width:92px;min-height:46px;padding:8px 11px;border:2px solid #ffa5d4;border-radius:19px;background:linear-gradient(#ff91cf,#ed3f9f);color:white;font-size:17px;box-shadow:inset 0 2px 3px #fff8,0 3px 3px #ba438730}
#gallery .princess .play{background:linear-gradient(#d8a1f1,#a248cb);border-color:#d9a0f2}#gallery .unicorn .play{background:linear-gradient(#67e3e9,#1aabc1);border-color:#8ee8e7}#gallery .bill .play{background:linear-gradient(#ff9dd7,#ec489e)}
#gallery .voiceCredit{font-size:10px;margin-top:24px;color:#90749b}
#bill.bill-game.active{position:fixed;inset:0;padding:0;height:100dvh;min-height:0;z-index:20;background:#ffe6f7}#bill-frame{display:block;width:100%;height:100%;border:0}
body.bill-mode{overflow:hidden}body.bill-mode header{z-index:45}body.bill-mode #sound{display:none}body.bill-mode #back{background:linear-gradient(#ffb4dd,#eb56a8)!important;color:white!important;border:2px solid white;box-shadow:0 3px 9px #75226955}
/* Environmental layers stay behind the running girl. */
#welcome .runstage{z-index:4;pointer-events:none}#welcome .runner,#welcome .follower{pointer-events:auto}#welcome .runner{z-index:4}#welcome .welcome-unicorn{z-index:3}#welcome .welcome-mermaid{z-index:1}#welcome .critters{z-index:2}#welcome .magic-butterfly{z-index:2}
@media(max-width:350px){#gallery.gallery{padding-inline:10px}#gallery .gallery-brand{height:135px}#gallery .adventure-title{font-size:20px}#gallery .cardbody{gap:5px;padding:10px 6px}#gallery .card-icon{font-size:23px;flex-basis:25px}#gallery .cardbody strong,#gallery .unicorn .cardbody strong{font-size:15px}#gallery .play{min-width:80px;font-size:15px;padding:7px}#gallery .cardbody small{font-size:7px;letter-spacing:.8px}}
@media(min-width:650px){#gallery .gallery-brand{height:170px}#gallery .adventure-title{font-size:26px}#gallery .cardbody{padding:16px;gap:13px}#gallery .card-icon{flex-basis:43px;font-size:36px}#gallery .play{min-width:150px;font-size:23px;min-height:56px}}
body.gallery-mode header button{background:linear-gradient(#ff9dd4,#ec3899)!important;color:white!important;border:2px solid #fff;box-shadow:0 2px 6px #a53e8840}
#gallery .card-art{display:block;width:100%;aspect-ratio:2.56;background-image:url(assets/gallery-v12/reference.jpg);background-size:108.875% auto;background-repeat:no-repeat}#gallery .mermaid-art{background-position:center 23.9%}#gallery .princess-art{background-position:center 54.1%}#gallery .unicorn-art{background-position:center 87.1%}