.paris{--cream:#fff7e9;--coral:#edca8c;--ink:#28443b;background:#b9d8e5}.paris .vignette{background:linear-gradient(0deg,#203e39ef,transparent 75%)}.paris.playing .vignette{opacity:.08}.paris .intro{max-width:580px}.paris .intro h1 em{color:#ffe0a6}.paris .intro .location{color:#fff0cc}.paris .primary{background:#f2d198;color:#2b443a}.paris .objective{background:#fcf6e9ef;color:#2c493f;border-color:#fff5df;max-width:350px}.paris .objective .eyebrow{color:#657b61}.paris .objective-icon{color:#9a7136}.paris .objective p{color:#2c493f}.paris .objective #guide{padding:3px 0 0;min-height:44px;color:#526947;text-align:left;font-size:13px}.paris .icon-button{background:#2c4c43dd;border-color:#fff4d959}.paris .dialogue,.paris .ending,.paris dialog{background:#fff8ecef;color:#29483d;border-color:#d8c298}.paris .dialogue .eyebrow,.paris .ending .eyebrow{color:#97713c}.paris .dialogue-next,.paris .text-button{color:#4e664a}.paris .ending p,.paris dialog p{color:#61705e}.paris .ending h2 em{color:#9b7139}.paris .ending{width:min(430px,calc(100% - 32px));padding:22px}.paris .ending h2{font-size:30px}.paris .ending-heart{font-size:32px;margin-bottom:6px}.paris .chapter-next{font-size:14px;line-height:1.4;text-decoration:none}.paris .ending p{margin:12px 0 16px}.paris .option-button{color:#314f40;border-color:#d1c9ae}.paris .world-label{color:#314b3b;background:#fff6dfeb;border-color:#d4bd88}.paris .interact{color:#294b3c;background:#ffe4ae}.paris .joystick{background:#eff1d540;border-color:#fff6dc99}.paris .move-hint{color:white;text-shadow:0 1px 5px #29473c}.paris .move-hint span{color:#fff5e5}.paris .error{background:#294a40}.paris .photo{position:absolute;inset:0;z-index:10;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:calc(24px + env(safe-area-inset-top)) 16px calc(20px + env(safe-area-inset-bottom))}.photo-heading{color:#244437;text-align:center;text-shadow:0 1px 8px #ffffff99}.photo-heading p{margin:6px 0;font-size:16px}.photo-heading .eyebrow{font-size:12px;letter-spacing:2.2px}.photo-actions{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;max-width:700px;padding:10px 16px;background:#fff8eced;border-radius:20px;pointer-events:auto}.photo-actions .primary{font-size:15px;text-decoration:none}.photo-actions button,.photo-actions a{min-height:44px}.photo-actions .dialogue-next{margin:0}.paris .hud.photo-mode{display:none}.paris .dialogue{max-width:500px}.paris #line{font-size:17px}.paris .toast{background:#294a40ee;color:#fff4d7}.paris .objective .eyebrow{font-size:11px;letter-spacing:1.3px}
@media(max-width:600px){.paris .hud{gap:8px}.paris .objective{max-width:calc(100vw - 128px);padding:10px 11px;gap:7px}.paris .objective-icon{display:none}.paris .objective p{font-size:14px}.paris .objective #guide{font-size:12px}.paris .intro h1{font-size:43px}.photo-actions{gap:3px;padding:8px 12px;max-width:330px}.photo-actions .primary{padding:12px 17px}.photo-actions #cancel-photo{font-size:13px}.paris .ending{bottom:calc(18px + env(safe-area-inset-bottom));top:auto;transform:translateX(-50%);padding:17px}.paris .ending h2{font-size:26px}.paris .ending-heart{display:none}.paris #line{font-size:16px}}
@media(max-height:550px) and (min-width:600px){.paris .intro{bottom:20px}.paris .intro h1{font-size:37px}.paris .intro-copy{margin:10px 0}.paris .intro .small-note{display:none}.paris .objective{padding:8px 11px}.paris .objective #guide{min-height:36px}.paris .dialogue{bottom:10px;padding:8px 14px 4px;width:460px}.paris #line{font-size:15px}.paris .ending{left:auto;right:20px;top:50%;bottom:auto;transform:translateY(-50%);width:320px;padding:15px}.paris .ending h2{font-size:24px}.paris .ending-heart{display:none}.paris .ending p{font-size:14px;margin:10px 0}.photo-heading{display:none}.photo-actions{padding:5px 12px}.paris dialog{padding:16px 22px}}

.paris #guide{position:static;width:auto;height:auto;pointer-events:auto;font-size:13px;padding:8px 12px;line-height:1.4}.paris #guide{padding:4px 0 0}.paris .ending #replay{color:#4e664a;border:0}.paris .intro-copy{color:#fff0db}.paris .ending{inset:50% 4% auto auto;transform:translateY(-50%)}
@media(max-width:600px){.paris .ending{inset:auto 16px calc(18px + env(safe-area-inset-bottom));width:auto;transform:none}}

.paris #cancel-photo{position:absolute;top:20px;right:16px;width:44px;height:44px;pointer-events:auto;font-size:26px;background:#fff8ecc9;border-radius:50%}.paris .photo-actions .dialogue-next{font-size:13px}.paris .photo-actions .primary{gap:10px}

@media(max-height:620px) and (max-width:600px){.photo-heading p:not(.eyebrow){display:none}.paris .ending{padding:12px 15px}.paris .ending h2{font-size:23px}.paris .ending>p:not(.eyebrow){font-size:13px;line-height:1.4;margin:8px 0}.paris .ending .chapter-next{padding:10px 14px;font-size:13px}}

.paris .shoe-game{position:absolute;inset:0;z-index:12;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:calc(18px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));color:#29483d}
.shoe-heading,.shoe-actions{background:#fff8ecf2;border:1px solid #fff7e3;border-radius:22px;padding:17px 22px;text-align:center;width:min(450px,100%)}
.shoe-heading .eyebrow{color:#8b7146;font-size:11px;letter-spacing:1.5px;margin:0 0 7px}.shoe-heading h2{font-family:Georgia,serif;font-size:29px;letter-spacing:-1px;margin:0 0 9px}.shoe-heading p{font-size:15px;line-height:1.45;margin:5px 0}.shoe-heading #shoe-context{color:#69715a;font-size:14px}.shoe-heading #shoe-instruction{margin-top:10px}
.shoe-actions{pointer-events:auto;width:min(420px,100%);padding:15px 18px}.shoe-actions #shoe-status{font-size:15px;margin:0 0 10px;min-height:20px}.shoe-actions progress{display:block;width:100%;height:9px;border:0;border-radius:8px;overflow:hidden;background:#dfdfce;accent-color:#6a8955}.shoe-actions progress::-webkit-progress-bar{background:#dfdfce;border-radius:8px}.shoe-actions progress::-webkit-progress-value{background:#6a8955;border-radius:8px}.shoe-pad{display:flex;justify-content:center;gap:10px;margin-top:12px}.shoe-pad button{width:49px;height:45px;border:1px solid #b9c5a7;border-radius:14px;color:#38533f;background:#eef0df;font-size:25px;touch-action:none}.shoe-pad button:active{background:#d7dfc2}.shoe-actions #shoe-note{font-size:12px;line-height:1.4;color:#67725b;margin:9px 0 0}.shoe-actions .primary{margin:auto;min-height:48px;font-size:15px}.paris.shoe-playing .vignette{display:none}.paris.shoe-playing #overview{display:none}.paris.shoe-playing .hud{z-index:15;pointer-events:none}.paris.shoe-playing #settings{pointer-events:auto}
@media(max-width:600px){.shoe-heading{width:calc(100% - 42px);align-self:flex-start;padding:13px 15px}.shoe-heading h2{font-size:25px}.shoe-heading p{font-size:14px}.shoe-heading #shoe-context{font-size:13px}.shoe-actions{padding:13px 16px}.shoe-actions #shoe-status{font-size:14px}.shoe-heading .eyebrow{font-size:10px;letter-spacing:1.1px}}
@media(max-height:550px) and (min-width:600px){.paris .shoe-game{flex-direction:row;align-items:flex-end;gap:16px;padding:14px}.shoe-heading{width:250px;align-self:flex-start}.shoe-heading h2{font-size:24px}.shoe-heading p{font-size:14px}.shoe-actions{width:240px;padding:12px}.shoe-pad{gap:5px}.shoe-pad button{width:42px}.shoe-heading #shoe-context{font-size:12px}}

/* Frame the supplied photograph inside its original screenshot without altering it. */
.paris .engagement-memory{position:absolute;inset:0;z-index:10;overflow:auto;overscroll-behavior:contain;display:grid;place-items:center;padding:calc(78px + env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom));background:#243d36ee;color:#fff7e9;backdrop-filter:blur(8px)}
.engagement-card{display:grid;justify-items:center;gap:16px;width:min(500px,100%);text-align:center}
.engagement-card header .eyebrow{margin:0 0 8px;color:#f2d198;font-size:12px;letter-spacing:.16em}
.engagement-card h2{margin:0;font-size:clamp(30px,5vw,42px);line-height:1.1}
.engagement-card h2:focus{outline:none}
.engagement-card figure{margin:0;width:100%}
.engagement-photo-frame{position:relative;overflow:hidden;aspect-ratio:1;width:min(100%,calc(100dvh - 310px));margin:auto;border-radius:12px;box-shadow:0 12px 40px #0004;background:#b2a171}
.engagement-photo-frame img{position:absolute;left:0;top:-42.346939%;width:100%;height:auto;max-width:none}
.engagement-card figcaption{font-size:15px;line-height:1.5;color:#e5e9dc;margin-top:10px}
.engagement-card .primary{width:min(100%,370px);min-height:48px;gap:24px}
.paris.engagement-photo-visible .hud{z-index:12}
.paris.engagement-photo-visible .sound-hint{z-index:13}
@media(max-height:550px) and (min-width:600px){.paris .engagement-memory{padding:70px 22px 18px}.engagement-card{width:min(720px,100%);grid-template-columns:minmax(0,1fr) minmax(220px,1fr);gap:14px 26px}.engagement-card figure{grid-column:1;grid-row:1/3}.engagement-card header{grid-column:2;align-self:end}.engagement-card .primary{grid-column:2;align-self:start}.engagement-photo-frame{width:min(100%,calc(100dvh - 136px))}.engagement-card h2{font-size:32px}.engagement-card figcaption{font-size:14px;margin-top:7px}}