/* The birthday production. Puzzle styles deliberately remain in styles.css. */
.stage-production{background:#120e10;color:#f6e6c8;padding-bottom:120px;isolation:isolate}
.show-masthead{height:43px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 34px;color:#c8ab73;font-size:9px;letter-spacing:3px;background:#120e10;border-bottom:1px solid #8e69312e;position:relative;z-index:4}
.show-masthead>span:first-child{font-size:16px}.show-masthead>span:last-child{font:11px Georgia,serif;letter-spacing:2px}
.production-stage{position:relative;height:clamp(720px,calc(100svh - 43px),1050px);max-width:1800px;margin:0 auto;isolation:isolate;overflow:hidden;text-align:center}
.set-image{position:absolute;inset:0;display:block;pointer-events:none;z-index:-4;transition:opacity 2s ease,filter 1.5s ease}
.set-image img{width:100%;height:100%;object-fit:fill;display:block}.set-ruin{opacity:0;z-index:-3}
.set-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 8%,#06091012 25%,transparent 65%,#0c0b0b20);z-index:-2}
.show-title{position:absolute;top:18%;left:18%;right:18%;text-shadow:0 3px 18px #0008;transition:transform 1.6s,opacity 1.6s;z-index:1}
.show-edition{font-size:8px;letter-spacing:4px;color:#c1a77a;display:block;margin-bottom:16px}
#birthday-intro{font:italic 24px 'DM Serif Display',Georgia,serif;margin:0;color:#ecd8b4}
.stage-production #birthday-title{font:clamp(110px,11vw,165px)/.98 'Italiana',Georgia,serif;color:#f8e8c6;margin:2px 0 3px;letter-spacing:-5px;display:block;text-shadow:0 0 35px #e5be7140}
#title-suffix{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:#d6c39f;margin:17px 0 0}
.seal-character{position:absolute;left:50%;bottom:13%;width:clamp(280px,30vw,450px);transform:translateX(-50%);z-index:3;transition:transform 1.6s ease,filter 1.6s ease}
.stage-production .seal-host{position:relative;inset:auto;left:auto;bottom:auto;transform:none;width:100%;padding:0;border:0;background:none;display:block;filter:drop-shadow(0 12px 10px #0006);transition:filter .4s;z-index:1}
.seal-portrait{width:100%;height:auto;display:block;transform-origin:center 88%}
.stage-production .seal-host:hover{filter:drop-shadow(0 14px 16px #dfb67235)}
.stage-production .seal-speech{position:absolute;left:78%;top:12%;width:182px;max-width:none;transform:rotate(4deg);background:#f7edd5;color:#4b3d32;padding:15px 17px;border:1px solid #d5bc8a;box-shadow:0 10px 30px #0005;font:italic 16px/1.45 Georgia,serif;border-radius:3px;z-index:3;text-align:left}
.stage-production .seal-speech:after{content:'';position:absolute;bottom:-11px;left:14px;border-top:11px solid #f7edd5;border-right:12px solid transparent}
.host-credit{font-size:7px;letter-spacing:2px;display:block;color:#f0d39c;margin:7px 0 0;text-shadow:0 1px 4px #000}
.royal-sparkles{display:none;position:absolute;top:-14px;left:25%;right:5%;font-size:31px;letter-spacing:15px;color:#edcb73;text-shadow:0 0 15px #eebb51;pointer-events:none}.crowned .royal-sparkles{display:block}
.seal-pool{position:absolute;left:50%;bottom:13%;transform:translateX(-50%);width:48%;height:11%;background:radial-gradient(ellipse,#d4b47a35,transparent 65%);z-index:-1}
.encore-rope{position:absolute;top:12%;right:14%;height:38%;width:88px;padding:0;border:0;background:transparent;color:#f0cf8b;z-index:4;display:flex;flex-direction:column;align-items:center;transition:transform .3s}
.rope-cord{display:block;width:7px;flex:1;background:repeating-linear-gradient(25deg,#a9823f 0 3px,#e2b770 3px 6px,#70502e 6px 7px);box-shadow:1px 0 3px #0008}
.rope-tassel{display:block;width:25px;height:44px;background:repeating-linear-gradient(90deg,#b8843b 0 2px,#f0cf8b 2px 4px);border-radius:10px 10px 4px 4px;border-top:8px solid #d6a54e;position:relative;box-shadow:1px 3px 8px #0009}
.rope-tassel:before{content:'';position:absolute;top:-17px;left:4px;width:17px;height:13px;border-radius:50%;background:#c29149;border:2px solid #e8bf73}
.rope-label{display:block;font:11px Georgia,serif;letter-spacing:2px;background:#1c1212;border:1px solid #b98b46;padding:9px 9px 7px;margin-top:11px;box-shadow:0 3px 12px #0006;white-space:nowrap}
.rope-label>span{display:block;font:italic 11px Georgia,serif;letter-spacing:0;color:#cbb286;margin-top:5px}
.encore-rope:hover{transform:translateY(7px)}.encore-rope:disabled{opacity:1}.encore-started .encore-rope{transform:translateY(24px)}
.show-prop{position:absolute;bottom:17%;background:none;border:0;color:#e7cc99;padding:10px;z-index:4;transition:transform .3s,filter 1.8s}
.programme-prop{left:17%;transform:rotate(-12deg)}.keepsake-prop{right:19%;bottom:14%;transform:rotate(9deg)}.show-prop:hover{transform:translateY(-8px) rotate(0)}
.programme-cover{display:flex;flex-direction:column;align-items:center;width:98px;height:137px;background:#dbc18a;color:#201c1a;border:1px solid #f0dca6;box-shadow:4px 9px 11px #0008}
.programme-cover>span{background:#e5bd52;font:bold 15px Georgia,serif;letter-spacing:1px;padding:4px 0;width:100%;border-bottom:2px solid #201c1a}
.programme-cover>b{font:38px Georgia,serif;margin-top:8px}.programme-cover>strong{font:24px Georgia,serif}.programme-cover>i{font:8px Georgia,serif;letter-spacing:3px;margin-top:6px}
.prop-caption{display:block;font-size:7px;letter-spacing:1.4px;margin-top:13px;text-shadow:0 2px 4px #000}
.keepsake-stack{width:88px;height:99px;position:relative;display:block;margin:auto}.keepsake-stack>span{position:absolute;left:0;top:0;width:68px;height:88px;background:#96846f;border:7px solid #ede1c8;border-bottom:19px solid #ede1c8;transform:rotate(-10deg);box-shadow:0 5px 9px #0008}
.keepsake-stack>span+span{left:17px;top:5px;transform:rotate(7deg);background:#7f6465;color:#cdb6a9;display:grid;place-items:center;font:35px Georgia,serif}
.show-invitation{position:absolute;bottom:3.3%;left:20%;right:20%;color:#dac49d;text-shadow:0 2px 5px #000}
#normal-caption{font:italic 15px Georgia,serif;margin:0 0 8px}#show-cue{font-size:8px;letter-spacing:2px;text-transform:uppercase;margin:0;color:#bfac8d}
.after-show{display:flex;align-items:center;justify-content:center;gap:28px;padding:35px 25px 10px;position:relative;z-index:3}.show-rule{height:1px;max-width:130px;width:20%;background:#c2a16144}.after-show .note-link{font-size:20px;border:0;padding-bottom:0;white-space:nowrap}
.stage-production .letter-section{padding-top:18px;padding-bottom:40px}.stage-production .letter-paper{transition:background 1.4s,transform 1.4s,color 1.4s;isolation:isolate}
.opening-curtain{position:absolute;top:0;bottom:0;width:51%;background:repeating-linear-gradient(90deg,#27090f,#7b1c2b 8%,#4b121f 16%,#17090e 25%);z-index:10;pointer-events:none;transform:translateX(-102%);border-bottom:10px solid #9e773b;box-shadow:8px 0 24px #0006}.opening-left{left:0}.opening-right{right:0;transform:translateX(102%)}
.revealing .opening-left{animation:reveal-stage-left 1.8s cubic-bezier(.2,.65,.3,1) both}.revealing .opening-right{animation:reveal-stage-right 1.8s cubic-bezier(.2,.65,.3,1) both}
.floor-fog{position:absolute;left:-25%;right:-25%;height:25%;bottom:8%;background:radial-gradient(ellipse,#aebdcb2b,transparent 65%);filter:blur(22px);opacity:0;pointer-events:none;z-index:1}.fog-two{bottom:22%;height:18%;left:-70%;right:10%}
.atmosphere{position:fixed;inset:0;width:100%;height:100%;z-index:15;pointer-events:none}
.production-stage:after{content:'';position:absolute;inset:0;background:#030507;opacity:0;pointer-events:none;z-index:12;transition:opacity .65s}
.stage-blackout .production-stage:after{opacity:1}.stage-blackout .show-title{opacity:.12;transform:rotate(-2deg)}
.is-upside{background:#080e15}.is-upside .show-masthead{background:#0b1017;color:#9da7ae;border-color:#48607130}.is-upside .set-ruin{opacity:1}.is-upside .set-warm{opacity:0}
.is-upside .show-title{top:16%;transform:rotate(-2deg);text-shadow:0 0 20px #db2039}.is-upside .show-edition{color:#b38984;text-decoration:line-through;opacity:.65}.is-upside #birthday-intro{font:italic 17px Georgia,serif;color:#b9bac1}
.is-upside #birthday-title{font:700 clamp(42px,5.5vw,83px)/.9 Georgia,serif;letter-spacing:-3px;color:#171721;-webkit-text-stroke:1px #dd5963;text-shadow:0 0 20px #a22a3b;margin:12px 0}.is-upside #title-suffix{font:12px Georgia,serif;letter-spacing:4px;color:#e5a2a3;text-transform:uppercase;margin-top:18px}
.is-upside .seal-character{transform:translateX(-50%) translateY(8%) scale(.78);filter:brightness(.65) saturate(.45);bottom:11%}.is-upside .seal-host:hover{filter:drop-shadow(0 0 25px #accdeb60)}
.is-upside .seal-speech{background:#bcc7ca;color:#1d2933;border-color:#4d6c7f;box-shadow:0 8px 25px #0009}.is-upside .seal-speech:after{border-top-color:#bcc7ca}.is-upside .host-credit{color:#a8c0cb}
.is-upside .show-prop{filter:grayscale(.85) brightness(.55)}.is-upside .programme-prop{transform:translateY(32px) rotate(-36deg)}.is-upside .programme-cover{clip-path:polygon(0 0,100% 2%,93% 15%,100% 27%,95% 60%,100% 100%,0 98%,5% 80%,0 69%)}
.is-upside .keepsake-prop{transform:translateY(18px) rotate(24deg)}.is-upside .floor-fog{opacity:1;animation:ground-fog 15s ease-in-out infinite alternate}.is-upside .fog-two{animation-direction:alternate-reverse;animation-duration:20s}.is-upside .seal-pool{background:radial-gradient(ellipse,#80b4d32b,transparent 65%)}
#upside-caption{font-size:8px;letter-spacing:2px;color:#bb8f91;margin:0 0 8px}.is-upside .show-invitation{bottom:2%}.is-upside #show-cue{color:#859dab;letter-spacing:1px;font-size:9px}
.return-show{position:absolute;bottom:9%;left:50%;transform:translateX(-50%);z-index:16;border:1px solid #95aab5;background:#101e2ee6;color:#dce8e9;padding:12px 18px;font:italic 15px Georgia,serif;white-space:nowrap;box-shadow:0 0 30px #a6cbdd25;min-height:45px}.return-show>span{margin-left:14px}
.is-upside .after-show{background:linear-gradient(#0b101600, #080e15)}.is-upside .note-link{color:#b1c2ca}.is-upside .letter-paper{background:#9fa5a1;color:#20282d;transform:rotate(2deg);clip-path:polygon(1% 0,38% 1%,39% 4%,41% 0,100% 1%,98% 25%,100% 27%,99% 68%,96% 70%,100% 73%,98% 100%,61% 98%,59% 94%,58% 100%,0 99%,2% 76%,0 60%);box-shadow:none}
.is-upside .letter-paper:after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 0 0,#10202cf0,transparent 50%),radial-gradient(ellipse at 100% 100%,#142837d0,transparent 55%);mix-blend-mode:multiply;pointer-events:none}.is-upside .letter-end,.is-upside .letter-kicker{color:#384d56}.is-upside .end-credit{color:#7f939d}
body:has(.stage-production.is-upside) #detail-dialog{background:#a8b1b2;color:#18252b;border-color:#47606b;box-shadow:0 15px 80px #000b}body:has(.stage-production.is-upside) #detail-dialog::backdrop{background:#030a12dc}body:has(.stage-production.is-upside) .broadway-posters{filter:grayscale(.7) brightness(.7)}
.seal-wiggle .seal-portrait{animation:seal-hello .8s ease}.taking-a-bow .seal-portrait{animation:seal-bow 1.5s ease-in-out both}

/* A single persistent player; only the optional track list changes. */
.music-player{position:fixed;bottom:0;left:0;right:0;z-index:25;background:#161318f2;color:#eee2ca;border-top:1px solid #bb976851;backdrop-filter:blur(18px);padding:12px 26px max(12px,env(safe-area-inset-bottom));box-shadow:0 -10px 35px #0002}
.player-inner{max-width:1090px;margin:auto;display:flex;align-items:center;gap:17px;min-height:45px}.player-record{width:44px;height:44px;flex:none;border:1px solid #817259;border-radius:50%;background:repeating-radial-gradient(circle,#141216 0 3px,#353033 4px,#141216 5px);display:grid;place-items:center}.player-record>span{width:20px;height:20px;border-radius:50%;background:#a47a50;color:#f2dfb6;display:grid;place-items:center;font:10px Georgia,serif}.is-playing .player-record{animation:vinyl-spin 7s linear infinite}
.track-info{display:flex;flex-direction:column;gap:3px;min-width:0;max-width:350px;flex:1}.player-caption{font-size:7px;letter-spacing:1.3px;color:#c5a875;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#track-select{font:15px 'DM Sans',sans-serif;border:0;color:#f0e3c9;background:transparent;padding:0;max-width:100%;min-width:0;text-overflow:ellipsis;cursor:pointer}#track-select:disabled{opacity:1;appearance:none;cursor:default}#track-select option{background:#211d23;color:#f3e8d4}#track-artist{font-size:10px;color:#aa9f94;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.transport{display:flex;align-items:center;gap:5px}.transport button{width:34px;height:40px;border:0;background:transparent;color:#e8d4ae;font-size:27px}.transport #audio-play{width:42px;height:42px;background:#ead8b4;color:#201b1b;border-radius:50%;font-size:15px;margin:0 2px}.transport button:disabled{opacity:.3}.seek-control{width:150px;display:flex;flex-direction:column;align-items:center;gap:3px}#audio-seek{width:100%;height:15px;accent-color:#ccb480;cursor:pointer;margin:0}#audio-time{font-size:8px;font-variant-numeric:tabular-nums;color:#b7a994}.mute-button{border:0;background:transparent;color:#d0bd9b;min-width:40px;height:44px;padding:10px}.muted-cross{display:none}.mute-button[aria-pressed=true] .sound-waves{display:none}.mute-button[aria-pressed=true] .muted-cross{display:block}.add-tracks{border:1px solid #a0855a;background:transparent;color:#dac29b;border-radius:4px;padding:10px;font-size:11px;white-space:nowrap;min-height:40px}.audio-message{font-size:11px;color:#d0b99a;text-align:center;line-height:1.5;margin:7px 0 0}.audio-message:empty{display:none}

@keyframes reveal-stage-left{from{transform:translateX(0)}to{transform:translateX(-102%)}}@keyframes reveal-stage-right{from{transform:translateX(0)}to{transform:translateX(102%)}}@keyframes ground-fog{from{transform:translateX(-4%) scale(1)}to{transform:translateX(14%) scale(1.12)}}@keyframes seal-hello{0%,100%{transform:rotate(0)}35%{transform:rotate(-5deg)}70%{transform:rotate(3deg)}}@keyframes seal-bow{0%,100%{transform:rotate(0) scaleY(1)}50%{transform:rotate(7deg) scaleY(.88)}}@keyframes vinyl-spin{to{transform:rotate(360deg)}}
@media(min-width:901px){.show-title{top:15%}.seal-character{bottom:11.5%}}
@media(min-width:1600px){.production-stage{height:1000px}.seal-character{width:460px}.show-title{top:17%}}
@media(max-width:900px) and (min-width:601px){.stage-production .seal-speech{left:75%;width:145px;font-size:13px}.encore-rope{right:12%;height:35%}.programme-prop{left:10%}.keepsake-prop{right:10%}.seek-control{width:100px}}
@media(max-width:600px){
  .show-masthead{height:36px;padding:0 17px;font-size:7px;letter-spacing:2px}.show-masthead>span:last-child{font-size:9px}.production-stage{height:calc(100svh - 36px);min-height:740px;max-height:980px}.set-image img{object-fit:fill}.show-title{top:15.5%;left:15%;right:15%}.show-edition{font-size:6px;letter-spacing:2px;margin-bottom:16px}#birthday-intro{font-size:20px}.stage-production #birthday-title{font-size:98px;letter-spacing:-4px;margin:8px 0 0}#title-suffix{font-size:7px;letter-spacing:1.6px;line-height:1.6;margin-top:10px}
  .seal-character{width:70%;max-width:335px;bottom:17%}.stage-production .seal-speech{top:-22%;left:8%;width:76%;padding:10px 12px;font-size:14px;transform:rotate(-3deg);text-align:center}.stage-production .seal-speech:after{left:65%;bottom:-9px;border-top-width:9px}.host-credit{font-size:5.5px;letter-spacing:1.5px;margin-top:7px}.seal-pool{width:75%;bottom:15%;height:9%}
  .encore-rope{right:8%;top:12%;height:30%;width:40px}.rope-cord{width:4px}.rope-tassel{width:18px;height:31px;border-top-width:5px}.rope-tassel:before{width:12px;height:10px;top:-13px;left:3px}.rope-label{font-size:7px;letter-spacing:1px;padding:6px 4px;margin-top:10px}.rope-label>span{font-size:8px;max-width:45px;white-space:normal;line-height:1.2}
  .show-prop{bottom:14%;padding:7px}.programme-prop{left:9%;transform:rotate(-11deg)}.keepsake-prop{right:8%;bottom:14%;transform:rotate(10deg)}.programme-cover{width:52px;height:75px}.programme-cover>span{font-size:8px;letter-spacing:.3px;padding:3px 0;border-width:1px}.programme-cover>b{font-size:20px;margin-top:3px}.programme-cover>strong{font-size:13px}.programme-cover>i{font-size:5px;letter-spacing:1px;margin-top:3px}.prop-caption{font-size:5px;letter-spacing:.6px;margin-top:8px}.keepsake-stack{width:52px;height:57px}.keepsake-stack>span{width:40px;height:52px;border:4px solid #ede1c8;border-bottom-width:11px}.keepsake-stack>span+span{left:10px;top:3px;font-size:21px}.show-invitation{bottom:4%;left:12%;right:12%}#normal-caption{font-size:12px;line-height:1.4;margin-bottom:7px}#show-cue{font-size:6px;letter-spacing:1.3px}.after-show{padding:29px 24px 10px;gap:17px}.after-show .note-link{font-size:18px}.stage-production .letter-section{padding-top:14px}.stage-production{padding-bottom:145px}
  .is-upside .show-title{top:16%}.is-upside .show-edition{font-size:5px;margin-bottom:14px}.is-upside #birthday-intro{font-size:13px}.is-upside #birthday-title{font-size:54px;letter-spacing:-2px;margin:13px 0}.is-upside #title-suffix{font-size:9px;letter-spacing:2px;margin-top:11px}.is-upside .seal-character{bottom:17%;transform:translateX(-50%) translateY(6%) scale(.75)}.is-upside .seal-speech{font-size:15px;top:-24%}.is-upside .show-invitation{bottom:3.2%;left:8%;right:8%}.is-upside #show-cue{font-size:7px}#upside-caption{font-size:6px;letter-spacing:1px;line-height:1.7}.return-show{bottom:9.5%;font-size:12px;padding:11px 12px;max-width:90%}.return-show>span{margin-left:5px}.is-upside .programme-prop{transform:translateY(10px) rotate(-35deg)}.is-upside .keepsake-prop{transform:translateY(13px) rotate(27deg)}.royal-sparkles{font-size:23px;letter-spacing:9px}
  .music-player{padding:9px 13px max(9px,env(safe-area-inset-bottom))}.player-inner{gap:8px;flex-wrap:wrap}.player-record{width:33px;height:33px}.player-record>span{width:16px;height:16px;font-size:8px}.track-info{flex:1;max-width:calc(100% - 166px)}.player-caption{font-size:5.5px;letter-spacing:.65px}#track-select{font-size:12px}#track-artist{font-size:8px}.transport{gap:0}.transport button{width:25px;height:38px;font-size:23px}.transport #audio-play{width:35px;height:35px;font-size:12px}.seek-control{width:auto;flex:1;flex-direction:row;gap:8px;order:6;margin-left:41px;min-width:95px}#audio-time{font-size:7px;white-space:nowrap}#audio-seek{min-width:0;flex:1}.mute-button{width:32px;min-width:32px;height:35px;padding:7px;order:4}.add-tracks{order:7;min-height:29px;font-size:9px;padding:5px 8px}.audio-message{font-size:10px;margin-top:6px}
}
@media(max-width:360px){.stage-production #birthday-title{font-size:85px}.show-edition{font-size:5.5px}.seal-character{width:75%;bottom:18%}.stage-production .seal-speech{font-size:12px}.track-info{max-width:calc(100% - 160px)}#track-select{font-size:11px}.player-inner{gap:6px}.is-upside #birthday-title{font-size:47px}.return-show{font-size:11px}.programme-prop{left:7%}.keepsake-prop{right:6%}}
@media(max-width:600px){
  .player-inner{display:grid;grid-template-columns:33px minmax(0,1fr) 89px 28px;gap:6px 8px}.player-record{grid-column:1;grid-row:1}.track-info{grid-column:2;grid-row:1;max-width:none}.transport{grid-column:3;grid-row:1}.mute-button{grid-column:4;grid-row:1;min-width:28px;width:28px;padding:5px}.seek-control{grid-column:1/3;grid-row:2;width:auto;min-width:0;margin:0}.add-tracks{grid-column:3/5;grid-row:2;justify-self:end}.player-inner:has(.add-tracks[hidden]) .seek-control{grid-column:1/-1}.return-show{bottom:max(14%,calc(100% - 100svh + 150px))}
}
@media(prefers-reduced-motion:reduce){.floor-fog{animation:none!important}.opening-curtain{display:none}.is-playing .player-record{animation:none}.set-image,.show-title,.seal-character,.production-stage:after{transition:none}}

/* Three consistent character poses, with small scoots and a nose-boop response. */
.seal-character{translate:var(--seal-offset,0px) 0;transition:translate 1.2s ease-in-out,transform 1.6s ease,filter 1.6s ease}
.seal-is-active .seal-portrait{animation:seal-breathe 4s ease-in-out infinite}
.seal-scooting .seal-portrait{animation:seal-scoot 1.2s ease-in-out}
.seal-booped .seal-portrait{animation:seal-boop .8s ease-in-out}
.taking-a-bow .seal-portrait{animation:seal-bow 1.5s ease-in-out both}
@keyframes seal-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.014,1.025) rotate(.6deg)}}
@keyframes seal-scoot{0%,100%{transform:rotate(0)}25%{transform:translateY(-6px) rotate(-4deg)}50%{transform:translateY(0) rotate(3deg)}75%{transform:translateY(-3px) rotate(-2deg)}}
@keyframes seal-boop{0%,100%{transform:scale(1)}35%{transform:translateY(-11px) scale(1.04,.97)}65%{transform:scale(.98,1.02)}}
.photo-dialog{width:min(760px,calc(100% - 30px));max-height:calc(100svh - 30px);padding:30px 28px 20px;background:#f4ead8}
.photo-dialog h2{margin:10px 0 20px}.album-frame{margin:0;padding:9px 9px 0;background:#fffaf0;box-shadow:0 5px 20px #34201624}
#album-photo{display:block;width:100%;height:min(48svh,490px);object-fit:contain;background:#e4dac9;touch-action:pan-y;user-select:none}
#album-position{padding:11px 0;font:12px Georgia;letter-spacing:3px;color:#77654e}.album-navigation{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:17px}.album-navigation>button{flex:0 0 44px;min-height:44px;border:1px solid #b4a182;background:#fbf4e6;color:#584735;font-size:22px}.album-navigation>button:disabled{opacity:.3}.album-thumbnails{display:flex;gap:7px}.album-thumbnails button{width:52px;height:52px;border:2px solid transparent;padding:2px;background:#fff9ea;opacity:.55}.album-thumbnails button[aria-current=true]{border-color:#80603c;opacity:1}.album-thumbnails img{width:100%;height:100%;object-fit:cover}.album-tip{font:italic 11px Georgia!important;color:#84745d;margin:12px 0 0!important}
@media(max-width:600px){.photo-dialog{padding:35px 13px 18px}.photo-dialog h2{font-size:25px;margin-bottom:15px}.album-navigation{gap:7px}.album-thumbnails{gap:4px}.album-thumbnails button{width:43px;height:46px}.album-navigation>button{flex-basis:38px}.player-inner .seek-control{grid-column:1/-1}.host-credit{letter-spacing:1px;font-size:5px}}
@media(prefers-reduced-motion:reduce){.seal-character{translate:0 0!important;transition:none}.seal-is-active .seal-portrait,.seal-scooting .seal-portrait,.seal-booped .seal-portrait,.taking-a-bow .seal-portrait{animation:none}}