:root{color:#2c2426;background:#171311;font-family:"Noto Serif SC",Songti SC,serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100dvh;background-color:#171311}body:before{position:fixed;z-index:0;inset:-36px;content:"";pointer-events:none;background:var(--site-background-image, none) center / cover no-repeat;filter:blur(32px) brightness(.55);transform:scale(1.06)}#root{position:relative;z-index:1;min-height:100dvh}button,input{font:inherit}button{min-width:44px;min-height:44px;border:1px solid #342d2e;border-radius:2px;color:#30282a;background:linear-gradient(#f5f0e8ee,#c9c1b7ee);box-shadow:inset 0 0 0 2px #fff9,0 4px 12px #0005;cursor:pointer}button:hover,button:focus-visible{color:#783b49;background:#fffdf8f2;outline:2px solid #f0c9ac;outline-offset:2px}button[aria-pressed=true]{color:#fff8f2;background:#6d3544}button:disabled{cursor:wait;opacity:.55}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.title-screen,.panel{width:min(100vw,133.333dvh);height:min(100dvh,75vw);min-height:320px;margin:auto;background-color:#160f14;background-position:center;background-repeat:no-repeat;background-size:100% 100%}@media(orientation:portrait){.title-screen,.panel{width:100vw;height:100dvh;background-size:cover}}.title-screen{position:relative;overflow:hidden}.home-screen{background-position:right top;background-size:cover}.title-card{position:absolute;inset:0}.title-menu{position:absolute;left:max(2vw,calc(50% - 390px));bottom:max(2vh,env(safe-area-inset-bottom));width:min(65vw,520px);aspect-ratio:520 / 432;background:center / 100% 100% no-repeat}.title-menu button{position:absolute;min-width:0;min-height:0;border:0;color:transparent;background:transparent;box-shadow:none}.title-menu button:hover,.title-menu button:focus-visible{border-radius:8px;background:#fff3;outline:3px solid #fff}.title-menu .extra{left:21.9%;top:0;width:12.3%;height:50%}.title-menu .setting{left:43.8%;top:17%;width:12.3%;height:50%}.title-menu .continue{left:65.8%;top:27.8%;width:12.3%;height:50.5%}.title-menu .start{left:87.7%;top:0;width:12.3%;height:61.6%}.autosave-time{position:absolute;right:3%;bottom:3%;margin:0;padding:7px 11px;color:#39272e;background:#fff8edb8;font-size:12px;line-height:1.5;text-align:right}.title-card .notice{position:absolute;left:50%;bottom:3%;width:min(90%,520px);margin:0;padding:10px 16px;border-radius:3px;color:#fff7f2;background:#2c1520dd;transform:translate(-50%);text-align:center}.loading-overlay{position:absolute;z-index:30;inset:0;display:grid;place-content:center;justify-items:center;gap:14px;color:#fff8f2;background:#160f14b8;font-size:15px;letter-spacing:.12em;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loading-overlay span{width:38px;height:38px;border:3px solid #fff4;border-top-color:#fff8f2;border-radius:50%;animation:loading-spin .8s linear infinite}@keyframes loading-spin{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.loading-overlay span{animation-duration:1.8s}}.name-entry{position:relative;overflow:hidden}.name-entry form{position:absolute;inset:0}.name-entry input{position:absolute;top:71.33%;width:13.38%;height:5.34%;padding:0 4px;border:0;color:#1b1517;background:transparent;font-size:clamp(14px,2.75vh,22px);text-align:center;outline:none}.name-entry input:focus{background:#fff3;box-shadow:inset 0 -1px #7d5962}.name-family{left:46.75%}.name-given{left:63%}.name-buttons{position:absolute;left:49.25%;top:78%;width:27.25%;height:3.67%}.name-entry button{position:absolute;top:78%;height:3.67%;min-width:0;min-height:0;padding:0;border:0;color:transparent;background:transparent;box-shadow:none}.name-entry button:hover,.name-entry button:focus-visible{background:#fff4;outline:2px solid #fff8}.name-default{left:49.25%;width:18.75%}.name-confirm{left:69.5%;width:7%}@media(max-width:700px){.home-screen{min-height:0}.title-menu{left:max(2vw,env(safe-area-inset-left));bottom:max(2vh,env(safe-area-inset-bottom));width:min(86vw,69.8dvh,520px)}}.panel{display:grid;padding:max(28px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));place-items:center;color:#29211d;background:transparent}.panel>section{width:min(100%,620px);max-height:min(88dvh,680px);padding:clamp(24px,4vw,42px);overflow:auto;border:1px solid #9b8875;outline:1px solid #3e332c;outline-offset:5px;background:#eee6d6f2;box-shadow:12px 14px #09070699}.panel header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:3px double #8f7b68}.panel h1{margin:0;font-size:clamp(22px,3vw,30px);font-weight:500;letter-spacing:.2em}.panel header button,.history button{min-height:40px;padding:7px 16px;border:1px solid #7d6b5c;border-radius:0;color:#392d27;background:transparent;box-shadow:none}.panel header button:hover,.panel header button:focus-visible,.history button:hover,.history button:focus-visible{color:#fff8eb;background:#762f36;outline-color:#762f36}.notice{color:#7b2d35;line-height:1.6}.volume{display:grid;grid-template-columns:5em 1fr 3em;gap:12px;align-items:center;margin:28px 0}.volume output{text-align:right}.history{max-height:62dvh;margin:18px 0 0;padding-left:2.2em;overflow:auto}.history li{padding:18px 12px 18px 4px;border-bottom:1px solid #b5a693}.history li::marker{color:#9b7f67;font-size:12px;font-variant-numeric:tabular-nums}.history strong{color:#762f36;font-weight:600;letter-spacing:.08em}.history p{margin:7px 0 0;line-height:1.8}.history li button{margin-top:10px}.save-manager{color:#29211d;background:transparent}.save-manager>section{width:min(94vw,880px);max-height:min(92dvh,760px);border-color:#9b8875;background:#eee6d6f2}.save-manager header{border-color:#8f7b68}.save-manager h1{color:#29211d}.save-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0;color:#6c5e53}.save-summary p{margin:0}.save-summary span,.slot-action{padding:5px 10px;border:1px solid #9b8875;border-radius:0;color:#762f36;font-size:12px;white-space:nowrap}.save-tabs{display:flex;gap:0;margin:20px 0 0;border-bottom:1px solid #8f7b68}.save-tabs button{min-width:0;min-height:42px;padding:7px 22px;border:0;border-bottom:3px solid transparent;border-radius:0;color:#73655b;background:transparent;box-shadow:none;font-size:14px;letter-spacing:.08em}.save-tabs button:hover,.save-tabs button:focus-visible{color:#762f36;background:#e1d5c2;outline:none}.save-tabs button[aria-selected=true]{color:#762f36;border-bottom-color:#762f36;background:transparent;font-weight:600}.save-slots{display:grid;gap:0;border-top:1px solid #ad9d8b}.save-slots button{display:grid;grid-template-columns:48px 96px 1fr auto;gap:16px;align-items:center;width:100%;min-height:82px;padding:10px 14px;border:0;border-bottom:1px solid #ad9d8b;border-radius:0;color:#29211d;background:transparent;box-shadow:none;text-align:left}.save-slots button:hover,.save-slots button:focus-visible{color:#29211d;background:#dfd2bd;outline:1px solid #762f36;outline-offset:-1px}.save-slots button:disabled{color:#8f8378;background:transparent}.slot-thumb{display:grid;width:96px;height:62px;overflow:hidden;place-items:center;border:1px solid #8f7b68;color:#8f8378;background:#211b18;font-size:11px}.slot-thumb img{width:100%;height:100%;object-fit:cover}.slot-number{color:#762f36;font-size:22px;font-variant-numeric:tabular-nums;text-align:center}.slot-copy{display:grid;gap:5px;min-width:0}.slot-copy strong{font-weight:600;letter-spacing:.06em}.slot-copy small{color:#75685e}.save-manager .notice{margin:14px 0 0;color:#762f36;text-align:center}.auto-group-title{margin:22px 0 9px;color:#762f36;font-size:13px;font-weight:600;letter-spacing:.1em}.save-hint{margin:14px 0;color:#6c5e53;font-size:13px;line-height:1.7}@media(max-width:700px){.panel{width:100vw;height:100dvh;min-height:0;padding:0;place-items:stretch;background:#eee6d6}.panel>section,.save-manager>section{width:100%;max-height:none;height:100dvh;padding:0 max(16px,env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));border:0;outline:0;background:#eee6d6;box-shadow:none}.panel header{position:sticky;z-index:2;top:0;min-height:calc(62px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);border-bottom:3px double #8f7b68;background:#eee6d6}.panel h1{font-size:21px}.panel header button{min-height:42px;margin-left:auto;padding:6px 14px}.history{max-height:none;margin-top:4px;overflow:visible}.history li{padding-block:16px}.history li button{width:100%;min-height:44px}.save-tabs{position:sticky;z-index:1;top:calc(62px + env(safe-area-inset-top));margin:0 -16px;padding:0 16px;background:#eee6d6}.save-tabs button{flex:1;min-height:46px;padding-inline:4px}.save-summary{align-items:flex-start;flex-direction:column}.save-slots button{grid-template-columns:32px 72px minmax(0,1fr);gap:10px;min-height:76px;padding:9px 4px}.slot-thumb{width:72px;height:52px}.slot-number{font-size:18px}.slot-copy strong,.slot-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-action{display:none}}.player{position:relative;width:min(100vw,133.333dvh);height:min(100dvh,75vw);min-height:320px;margin:auto;overflow:hidden;color:#2b2225;background:#09080a;box-shadow:0 0 70px #000;cursor:pointer}.player:after{position:absolute;z-index:1;inset:0;content:"";pointer-events:none;background:linear-gradient(180deg,transparent 55%,#10081030 74%,#080408a8)}.stage-slot{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;color:#8e7c84;background:#100d10}.stage-slot>div{display:grid;width:100%;height:100%;place-items:center}.stage-canvas,.stage-slot video{width:100%;height:100%;object-fit:contain}.stage-slot video{position:absolute;inset:0}.dialogue{position:absolute;z-index:2;right:0;bottom:0;left:0;height:32.5%;padding:clamp(48px,8.5vh,70px) clamp(42px,8vw,72px) 52px;background-position:center bottom;background-repeat:no-repeat;background-size:100% 100%;filter:drop-shadow(0 14px 22px #0008);cursor:pointer}.dialogue-speaker{position:absolute;top:29px;left:clamp(42px,8vw,72px);min-width:7em;margin:0;color:#fff;font-family:var(--game-font, inherit);font-size:clamp(16px,2.5vh,21px);font-style:italic;font-weight:700;letter-spacing:.14em;text-shadow:0 1px 3px #000;transform:skew(-10deg);transform-origin:left center}.dialogue p{max-width:46em;margin:1em 0 0;color:#fff;font-family:var(--game-font, inherit);font-size:clamp(18px,2.9vh,23px);font-weight:600;font-synthesis:weight;line-height:1.75;letter-spacing:.035em;text-shadow:0 1px 3px #000,0 0 6px #0008}.choices{position:absolute;z-index:5;inset:0;display:grid;place-content:center;gap:12px;padding:8%;background:#0b070a80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.choices button{width:min(415px,82vw);min-height:65px;padding:9px 34px 15px;border:0;border-radius:0;background:var(--choice-normal) center / 100% 100% no-repeat;box-shadow:none;filter:drop-shadow(0 9px 14px #0009);font-size:clamp(16px,2.5vh,20px);text-shadow:0 1px #fff}.choices button:hover,.choices button:focus-visible{background-image:var(--choice-over);transform:translateY(-1px)}.story-progress{position:absolute;z-index:4;top:max(14px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));display:grid;gap:4px;width:min(180px,42vw);color:#fff;font-size:12px;letter-spacing:.08em;text-shadow:0 1px 3px #000}.story-progress progress{width:100%;height:5px;overflow:hidden;border:0;border-radius:99px;accent-color:#b15b72;background:#fff4}.story-progress progress::-webkit-progress-bar{background:#fff4}.story-progress progress::-webkit-progress-value{background:#b15b72}.music-toggle{position:absolute;z-index:4;top:max(14px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));width:44px;padding:9px;border-radius:50%;opacity:.72}.music-toggle:hover,.music-toggle:focus-visible{opacity:1}.music-toggle svg{display:block;width:24px;height:24px;fill:currentColor;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.toolbar-shell{position:absolute;z-index:3;right:3%;bottom:10px}.toolbar{display:flex;gap:4px}.toolbar button{min-width:0;min-height:32px;padding:4px 10px;font-size:12px;letter-spacing:.05em;opacity:.72}.toolbar button:hover,.toolbar button:focus-visible,.toolbar button[aria-pressed=true]{opacity:1;transform:translateY(-1px)}@media(max-width:700px){.dialogue{bottom:calc(106px + env(safe-area-inset-bottom));height:30%;padding:44px 22px 18px}.dialogue-speaker{left:26px}.toolbar-shell{right:0;bottom:0;left:0}.toolbar{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:6px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));border-top:1px solid #765363;background:#160f15f2;box-shadow:0 -10px 30px #0008;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.toolbar button{min-height:44px;padding:6px 4px;color:#f7ece7;border-color:#6f5260;background:#30202a;font-size:13px;opacity:1}}@media(min-width:701px)and (max-width:1100px),(min-width:1101px)and (max-width:1366px)and (pointer:coarse){.toolbar-shell{right:max(10px,env(safe-area-inset-right));left:max(10px,env(safe-area-inset-left));bottom:max(8px,env(safe-area-inset-bottom))}.toolbar{display:grid;grid-template-columns:repeat(8,1fr)}.toolbar button{min-height:44px;padding-inline:6px;font-size:13px;opacity:.9}.dialogue{padding-bottom:calc(64px + env(safe-area-inset-bottom))}}@media(orientation:portrait){.player{width:100vw;height:100dvh}.stage-slot{bottom:28%}.stage-canvas,.stage-slot video{object-fit:cover;object-position:center top}.player:after{background:linear-gradient(180deg,transparent 32%,#0b070b88 55%,#080508 80%)}.dialogue{bottom:0;padding-bottom:calc(18px + env(safe-area-inset-bottom))}}@media(orientation:portrait)and (max-width:700px){.dialogue{bottom:calc(106px + env(safe-area-inset-bottom));padding-bottom:18px}}.option-screen{position:relative;width:min(100vw,133.333dvh);height:min(100dvh,75vw);min-height:320px;margin:auto;overflow:hidden;background:#0c090b}.option-root{position:absolute;left:50%;top:50%;width:800px;height:600px;background-repeat:no-repeat;background-size:800px 600px;user-select:none;-webkit-user-select:none}.opt-static{position:absolute;pointer-events:none}.opt-btn,.opt-btn:hover,.opt-btn:focus-visible,.opt-btn[aria-pressed]{min-width:0;min-height:0;padding:0;border:0;border-radius:0;color:transparent;background:transparent;box-shadow:none}.opt-btn{position:absolute;cursor:pointer}.opt-btn:focus-visible{outline:1px solid #fff9;outline-offset:-1px}.opt-btn:hover{outline:none}.opt-btn>span{position:absolute;inset:0;background-repeat:no-repeat;opacity:0;pointer-events:none}.opt-btn:hover>.over,.opt-btn:focus-visible>.over{opacity:1}.opt-btn:active>.press{opacity:1}.opt-btn.selected>.sel{opacity:1}.opt-btn:disabled{cursor:default}.opt-btn:disabled>.over,.opt-btn:disabled>.press{opacity:0}.opt-btn:disabled>.dis{opacity:1}.extra-overlay{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none}.extra-overlay .opt-btn{pointer-events:auto}.gal-topic{position:absolute;display:grid;overflow:hidden;place-items:center;color:#fff;font-size:22px;line-height:1;white-space:nowrap;text-shadow:0 0 3px #000,0 0 5px #000;pointer-events:none}.gal-thumb{position:absolute;left:3px;top:3px;width:164px;height:122px;object-fit:cover}.gal-caption{position:absolute;inset:3px;display:grid;place-items:center;overflow:hidden;padding:0 6px;color:#fff;font-size:20px;line-height:1.2;text-align:center;text-shadow:0 0 3px #000,0 0 5px #000,1px 1px 2px #000;pointer-events:none}.gal-locked{position:absolute;width:164px;height:122px;background:#000000b3;border:1px solid #00000040}.gal-viewer,.gal-viewer:hover,.gal-viewer:focus-visible{position:absolute;inset:0;z-index:20;display:grid;min-width:0;min-height:0;padding:0;border:0;border-radius:0;place-items:center;background:#000;box-shadow:none;outline:none;cursor:pointer}.gal-viewer img{max-width:100%;max-height:100%}.mobile-gallery,.mobile-sound{display:none}.option-screen.settings-screen{width:100vw;height:100dvh;min-height:0;overflow:hidden;background:transparent}.mobile-settings{display:flex;flex-direction:column;width:100%;height:100%;color:#29211d;background:transparent}.mobile-settings>header,.mobile-gallery>header,.mobile-sound>header{position:sticky;z-index:3;top:0;display:grid;grid-template-columns:88px 1fr 88px;gap:8px;align-items:center;min-height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(14px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left));color:#f2e9d9;border-bottom:3px double #8f7b68;background:#1c1714}.mobile-settings h1,.mobile-gallery h1,.mobile-sound h1{margin:0;color:#f2e9d9;font-size:21px;font-weight:500;letter-spacing:.2em;text-align:center}.mobile-settings header button,.mobile-gallery header button,.mobile-sound header button{min-width:0;min-height:40px;padding:6px 10px;color:#e5d9c7;border:1px solid #887564;border-radius:0;background:transparent;box-shadow:none}.mobile-settings header button:hover,.mobile-settings header button:focus-visible,.mobile-gallery header button:hover,.mobile-gallery header button:focus-visible,.mobile-sound header button:hover,.mobile-sound header button:focus-visible{color:#fff;background:#762f36;outline-color:#b77c75}.mobile-option-list{width:min(100%,760px);flex:1;margin:auto;padding:24px 18px calc(30px + env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain}.settings-column{padding:12px 28px 28px;border:1px solid #9b8875;outline:1px solid #3e332c;outline-offset:4px;background:#eee6d6f2}.mobile-option-list h2{margin:8px 0 12px;padding-bottom:9px;color:#762f36;border-bottom:3px double #9b8875;font-size:14px;font-weight:600;letter-spacing:.18em}.overall-progress{display:grid;gap:9px;padding:15px 0;border-bottom:1px solid #b7a895}.overall-progress span{display:flex;justify-content:space-between;gap:12px}.overall-progress output{color:#762f36;font-variant-numeric:tabular-nums}.overall-progress progress{width:100%;height:8px;accent-color:#762f36}.mobile-range{display:grid;gap:8px;padding:15px 0;border-bottom:1px solid #b7a895}.mobile-range span{display:flex;justify-content:space-between;gap:12px}.mobile-range output{color:#762f36;font-variant-numeric:tabular-nums}.mobile-range input{width:100%;height:28px;accent-color:#762f36;touch-action:pan-y}.mobile-setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;border-bottom:1px solid #b7a895}.mobile-setting-row select,.mobile-setting-row>button,.mobile-segments button,.mobile-reset{min-height:40px;padding:6px 14px;color:#392d27;border:1px solid #8f7b68;border-radius:0;background:transparent;box-shadow:none}.mobile-segments{display:grid;grid-auto-flow:column;border:1px solid #8f7b68;background:#e4dac8}.mobile-segments button{min-width:70px;border:0;border-left:1px solid #8f7b68}.mobile-segments button:first-child{border-left:0}.mobile-segments button[aria-pressed=true]{color:#fff8eb;background:#762f36}.mobile-reset{width:100%;min-height:46px;margin-top:22px;color:#762f36;border-color:#762f36}.mobile-reset:hover,.mobile-reset:focus-visible{color:#fff8eb;background:#762f36;outline-color:#762f36}.mobile-dialog{position:fixed;z-index:20;inset:0;display:grid;padding:24px;place-items:center;background:#0e0b09d9}.mobile-dialog>div{display:grid;grid-template-columns:1fr 1fr;gap:0;width:min(100%,360px);padding:26px;border:1px solid #9b8875;outline:1px solid #eee6d6;outline-offset:4px;background:#eee6d6}.mobile-dialog p{grid-column:1 / -1;margin:0 0 22px;font-size:18px;text-align:center}.mobile-dialog button{border-radius:0;box-shadow:none}@media(min-width:1101px){.mobile-option-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;width:min(100%,1220px);align-items:start}}@media(orientation:portrait),(max-width:700px){.option-screen{width:100vw;height:100dvh;min-height:0;overflow:hidden}.option-screen>.option-root{display:none}.mobile-gallery,.mobile-sound{display:flex;flex-direction:column;width:100%;height:100%;color:#29211d;background:#eee6d6f2}.mobile-settings>header,.mobile-gallery>header,.mobile-sound>header{grid-template-columns:72px 1fr 72px}.mobile-settings h1,.mobile-gallery h1,.mobile-sound h1{font-size:19px}.mobile-option-list{width:100%;padding:0 0 calc(24px + env(safe-area-inset-bottom));background:#eee6d6f2}.settings-column{padding:22px max(18px,env(safe-area-inset-right)) 26px max(18px,env(safe-area-inset-left));border:0;border-bottom:3px double #8f7b68;outline:0}.mobile-gallery-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:8px 16px;color:#74675d;border-bottom:1px solid #b7a895;font-size:13px}.mobile-gallery-summary strong{overflow:hidden;color:#762f36;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.mobile-gallery-grid{display:grid;flex:1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:14px 10px;padding:14px 12px 92px;overflow:auto;overscroll-behavior:contain}.mobile-gallery-grid button{display:flex;min-width:0;min-height:0;padding:5px 5px 0;overflow:hidden;flex-direction:column;color:#29211d;border:1px solid #8f7b68;border-radius:0;background:#f7f0e3;box-shadow:3px 4px #a99b89}.mobile-gallery-grid button:hover,.mobile-gallery-grid button:focus-visible{color:#762f36;background:#fffaf0;outline:1px solid #762f36;outline-offset:1px}.mobile-gallery-grid img{width:100%;aspect-ratio:4 / 3;object-fit:cover}.mobile-gallery-grid button>span:last-child{display:grid;min-height:40px;padding:7px 3px;place-items:center;font-size:13px;text-align:center}.mobile-gallery-lock{display:grid;width:100%;aspect-ratio:4 / 3;place-items:center;color:#8b7d71;background:#d9cfbe}.mobile-gallery footer,.mobile-sound footer{position:absolute;z-index:4;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:10px max(14px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));border-top:3px double #8f7b68;background:#1c1714}.mobile-gallery footer button,.mobile-gallery footer select,.mobile-sound footer button{min-width:0;min-height:44px;color:#eadfce;border:1px solid #887564;border-left:0;border-radius:0;background:transparent;box-shadow:none;text-align:center}.mobile-gallery footer>:first-child,.mobile-sound footer>:first-child{border-left:1px solid #887564}.mobile-gallery footer button:hover,.mobile-gallery footer button:focus-visible,.mobile-sound footer button:hover,.mobile-sound footer button:focus-visible{color:#fff;background:#762f36;outline:0}.mobile-viewer{position:fixed;z-index:30;inset:0;display:grid;width:100%;height:100%;min-width:0;min-height:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);place-items:center;border:0;border-radius:0;background:#000}.mobile-viewer img{max-width:100%;max-height:100%;object-fit:contain}.mobile-track-list{display:grid;flex:1;align-content:start;padding:8px 16px 92px;overflow:auto;overscroll-behavior:contain}.mobile-track-list button{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;min-height:58px;padding:8px 6px;color:#3a302a;border:0;border-bottom:1px solid #b7a895;border-radius:0;background:transparent;box-shadow:none;text-align:left}.mobile-track-list button:hover,.mobile-track-list button:focus-visible{color:#762f36;background:#e1d6c4;outline:0}.mobile-track-list button[aria-pressed=true]{color:#fff8eb;background:#762f36}.mobile-track-list button>span{color:#8b7868;font-size:17px;font-variant-numeric:tabular-nums}.mobile-track-list button[aria-pressed=true]>span{color:#e9d5c3}.mobile-track-list strong{overflow:hidden;font-size:14px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.mobile-track-list small{color:inherit}}