:root{--ink:#19374f;--muted:#85909a;--gold:#c09c53;--bg:#eff1f3;--ease:cubic-bezier(.22,1,.36,1);font-family:"PingFang SC","Microsoft Yahei",Arial,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:300px;background:radial-gradient(ellipse at 48% 22%,#fff 0,transparent 65%);min-height:100dvh}button,textarea{font:inherit}button{cursor:pointer;border:0;color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button:active{transform:scale(.95)}button:disabled{cursor:default}img{display:block;max-width:100%}[hidden]{display:none!important}.defs{position:absolute;width:0;height:0}.sr-only{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.navigation{position:absolute;right:max(40px,calc((100vw - 1320px)/2));top:35px;z-index:10}.navigation nav{display:flex;position:relative;background:#e3e8ec85;border:1px solid #fff;border-radius:50px;padding:5px;box-shadow:0 3px 12px #18374e05}.navigation button{position:relative;z-index:1;background:transparent;width:90px;height:39px;border-radius:50px;font-size:12px;color:#81909d}.navigation button[aria-current]{color:var(--ink)}.navigation button span{font:10px Arial;margin-left:5px;color:#9a8457}.nav-slider{position:absolute;width:90px;height:39px;background:#fff;border-radius:30px;box-shadow:0 3px 8px #19374f0b;transition:transform 300ms var(--ease)}body[data-page=statistics] .nav-slider{transform:translateX(90px)}#showroom{max-width:1520px;margin:auto;position:relative;padding:40px 40px 25px}.heading{margin:8px 0 0 3%;pointer-events:none;position:relative;z-index:2}.heading h1{font-family:"Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif;font-weight:900;font-size:clamp(48px,5.8vw,85px);letter-spacing:-4px;line-height:1.05;margin:0}.heading h1 span{color:var(--gold)}.heading h2{font-size:19px;font-weight:500;letter-spacing:3px;margin:14px 0 0}.showroom{height:clamp(410px,49vh,570px);position:relative;perspective:1100px;isolation:isolate;margin-top:10px;touch-action:pan-y}.ambient{position:absolute;inset:0;background:radial-gradient(ellipse at center,#ffffffa6,transparent 66%);z-index:-4}.back-wall{position:absolute;left:3%;right:3%;top:34%;height:1px;background:linear-gradient(90deg,transparent,#b8c4cc44,transparent);z-index:-3}.table{position:absolute;width:86%;height:84%;left:7%;top:36%;border-radius:50%;background:linear-gradient(135deg,#fbfcfd,#e2e8ec 80%);transform:rotateX(64deg);transform-origin:50% 25%;box-shadow:0 5px 0 #dce3e8,0 12px 0 #d3dce3,0 22px 0 -7px #c4cfd8,0 80px 60px -54px #1d354638;z-index:-2}.table:before{content:"";position:absolute;inset:1px;border:1px solid #ffffffba;border-radius:50%}.table-edge{position:absolute;inset:15px;border-radius:50%;border:1px solid #cbd6de66}.surroundings{position:absolute;inset:0;z-index:1;pointer-events:none}.scene-product{position:absolute;left:var(--x);top:var(--y);width:var(--w,110px);height:140px;background:none;padding:0;transform:translate(-50%,-50%) rotate(var(--r));pointer-events:auto;transition:transform 420ms var(--ease),opacity 300ms ease;opacity:.75;filter:saturate(.7)}.scene-product img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(4px 14px 8px #2540522e);mix-blend-mode:multiply}.scene-product:after{content:"";position:absolute;width:90%;height:12px;left:5%;bottom:5px;background:#45617926;filter:blur(8px);border-radius:50%;z-index:-1}.scene-product .mini-cup{display:block;width:36px;height:57px;background:linear-gradient(90deg,#a4afb6,#f8fafb,#a4b0b9);border-radius:5px 5px 14px 14px;margin:40px auto;border-top:5px solid #344b59}.focus-shadow{position:absolute;left:50%;bottom:14%;width:330px;height:47px;border-radius:50%;background:#3c556f22;filter:blur(15px);transform:translateX(-50%);z-index:2;transition:width 350ms var(--ease)}.focus-object{position:absolute;left:50%;top:45%;width:420px;height:310px;transform:translate(-50%,-50%);z-index:3;perspective:900px;outline:none;touch-action:pan-y}.object-model{height:100%;width:100%;transform-style:preserve-3d;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,-9deg));transition:transform 380ms var(--ease);position:relative;display:grid;place-items:center}.object-face{position:relative;width:86%;height:90%;display:flex;justify-content:center;align-items:center;transform:translateZ(14px);filter:drop-shadow(0 22px 18px #23465b24)}.object-face img{max-width:100%;max-height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;box-shadow:4px 4px 0 #c8cfd4,7px 7px 0 #b7c3cc}.object-back{position:absolute;display:none}.focus-object[data-type=mat] .object-model{transform:rotateX(calc(34deg + var(--tilt-x,0deg))) rotateY(var(--tilt-y,-7deg)) rotateZ(-5deg)}.focus-object[data-type=mat] .object-face{width:100%;height:auto}.focus-object[data-type=mat] img{width:100%;border-radius:12px;box-shadow:0 5px 0 #5e6872,0 8px 0 #263d4b,0 30px 35px #23465b20}.focus-object[data-type=calendar] .object-face{width:210px;height:290px;align-items:flex-start}.focus-object[data-type=calendar] img{width:100%;height:100%;object-fit:contain;box-shadow:3px 2px 0 #d4d9dc,6px 4px 0 #c4cbd1;border-radius:2px}.focus-object[data-type=calendar] .object-back{display:block;width:210px;height:280px;background:linear-gradient(90deg,#c5cfd7,#eff3f6);transform:translateY(38px) translateZ(-38px) rotateX(-24deg);box-shadow:1px 2px 0 #bbc6ce}.focus-object[data-type=stickers] .object-face{width:245px;height:245px;transform:translateZ(15px) rotateZ(-9deg)}.focus-object[data-type=stickers] img{box-shadow:5px 5px 0 #fff,8px 9px 0 #c9d1d8,12px 13px 0 #fff; border-radius:3px}.focus-object[data-type=bag] .object-face{width:235px;height:290px}.focus-object[data-type=bag] img{box-shadow:3px 3px 0 #d1d5d3;border-radius:3px}.focus-object[data-type=blanket] .object-face{width:320px;height:240px;transform:rotateZ(-7deg) translateZ(12px)}.focus-object[data-type=blanket] img{border-radius:18px;box-shadow:2px 5px 0 #ccc8bc,3px 9px 0 #eeeae2}.focus-object[data-type=card] .object-face{width:270px;height:240px;transform:rotateZ(7deg) translateZ(15px)}.focus-object[data-type=design] .object-face{width:230px;height:300px}.focus-object[data-type=design] img{box-shadow:3px 3px 0 #d0d6db}.object-heart{position:absolute;right:25px;top:12px;width:37px;height:37px;background:#c09c53;color:white;display:grid;place-items:center;border-radius:50%;font-size:21px;opacity:0;transform:translateY(8px);transition:transform 300ms var(--ease),opacity 200ms ease;box-shadow:0 6px 12px #93732c30}.object-heart.visible{opacity:1;transform:translateY(0)}.scene-arrow{position:absolute;top:48%;z-index:5;background:#ffffff9c;border:1px solid #fff;box-shadow:0 6px 15px #24455c09;width:43px;height:43px;border-radius:50%;font-size:22px;transition:background 180ms ease,transform 180ms var(--ease)}.previous{left:calc(50% - 275px)}.next{right:calc(50% - 275px)}.photo-controls{position:absolute;left:50%;bottom:4%;transform:translateX(-50%);display:flex;align-items:center;gap:13px;z-index:5}.photo-controls span{font:10px Arial;color:#84939f;letter-spacing:1px;font-variant-numeric:tabular-nums}.photo-controls button{width:30px;height:30px;border-radius:50%;background:transparent;font-size:23px;color:#6e8392}.photo-controls button:disabled{opacity:.25}.product-focus{display:flex;justify-content:center;align-items:center;gap:50px;position:relative;z-index:5;margin:7px auto 19px;min-height:65px}.product-label{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:13px}.product-label>span:first-child{font:10px Arial;letter-spacing:1px;grid-row:1/3;color:#8c9aa4;border-right:1px solid #d0d9df;padding-right:13px;height:36px;display:flex;align-items:center}.product-label h3{font-size:21px;font-weight:500;margin:0}.product-label>span:last-child{font-size:10px;margin-top:6px;color:#8c9aa4}.want{display:flex;align-items:center;gap:10px;padding:14px 18px;background:var(--ink);color:#fff;border-radius:50px;box-shadow:0 6px 15px #19374f16;min-height:48px;font-size:13px;transition:background 200ms ease,transform 140ms var(--ease)}.want svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.want-count{border-left:1px solid #ffffff42;padding-left:12px;font:11px Arial}.want.selected{background:#e6ddca;color:#806733;box-shadow:none}.want.selected svg{fill:currentColor}.want.selected .want-count{border-color:#b7a48355}.want.pending{opacity:.6}.product-rail{display:flex;justify-content:center;gap:10px;max-width:680px;margin:0 auto;overflow-x:auto;scrollbar-width:none;padding:6px 8px}.rail-item{width:49px;height:47px;flex:none;padding:5px;background:none;border-radius:8px;border:1px solid transparent;opacity:.6;transition:opacity 180ms ease,background 180ms ease}.rail-item img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.rail-item.active{opacity:1;border-color:#c0cbd3;background:#ffffff9c}.rail-item .rail-placeholder{font-size:20px;color:#8193a0}.feedback{display:flex;align-items:center;gap:10px;max-width:470px;margin:21px auto 0;padding:7px 8px 7px 16px;border:1px solid #d8dfe4;border-radius:15px;background:#ffffff50;transition:background 180ms ease}.feedback:focus-within{background:#fff}.feedback textarea{resize:none;background:none;outline:none;border:0;color:var(--ink);font-size:11px;line-height:1.7;min-height:22px;max-height:100px;flex:1;min-width:0;padding:2px 0}.feedback textarea::placeholder{color:#8d99a4}.feedback textarea:focus-visible{outline:none}.feedback-note{font-size:9px;color:#a3acb3;white-space:nowrap}.feedback button{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#e3e9ed;flex:none}.feedback button svg{width:17px;height:17px;stroke:var(--ink);fill:none;stroke-width:1.5}.missing-image{display:flex;flex-direction:column;align-items:center;gap:20px;font-size:11px;color:#85929d}.cup-shape{height:170px;width:100px;background:linear-gradient(90deg,#a4b0b9,#f8fafb 48%,#bdc8cf 85%,#8b9ba7);border-top:12px solid #274151;border-bottom:6px solid #b1bcc4;border-radius:12px 12px 28px 28px;box-shadow:12px 22px 18px #19374f1a}.status{position:fixed;left:50%;bottom:30px;transform:translate(-50%,12px);padding:12px 20px;border-radius:30px;background:#19374ff2;color:white;font-size:12px;opacity:0;pointer-events:none;transition:opacity 180ms ease,transform 220ms var(--ease);z-index:30;max-width:90vw;width:max-content}.status.visible{opacity:1;transform:translate(-50%,0)}#effects{position:fixed;inset:0;pointer-events:none;z-index:20;overflow:hidden}.flying-heart{position:absolute;color:var(--gold);font-size:38px;line-height:1;filter:drop-shadow(2px 3px 0 #8b6d31);will-change:transform,opacity}.stats-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:36px}.stats-heading h1{font-size:53px;font-weight:600;letter-spacing:-2px;margin:0}.stats-heading h1 span{color:var(--gold)}.local-label{font-size:10px;color:#8d99a4}#statistics{max-width:880px;margin:0 auto;padding:130px 35px 50px}.stats-list{display:flex;flex-direction:column}.stat-row{display:grid;grid-template-columns:54px 145px 1fr 65px;align-items:center;gap:25px;min-height:73px;border-bottom:1px solid #dbe1e5;background:transparent;text-align:left;padding:12px 3px}.stat-row img{width:46px;height:49px;object-fit:contain;mix-blend-mode:multiply}.stat-name{font-size:13px}.stat-bar{height:5px;border-radius:10px;background:#e0e6ea;overflow:hidden}.stat-bar span{display:block;height:100%;min-width:0;background:#b79a60;border-radius:10px;transition:width 450ms var(--ease)}.stat-value{text-align:right;font:23px Arial;font-variant-numeric:tabular-nums}.stat-value small{font:9px "PingFang SC",sans-serif;color:#8998a3;margin-left:6px}.stat-placeholder{font-size:23px;text-align:center;color:#8699a7}.screen-enter{animation:appear 330ms var(--ease) both}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(hover:hover) and (pointer:fine){.scene-product:hover{transform:translate(-50%,-58%) rotate(0deg) scale(1.1);opacity:1;filter:saturate(1)}.rail-item:hover{opacity:1;background:#fff8}.scene-arrow:hover{background:white;transform:translateY(-2px)}.want:not(.selected):hover{background:#2a506c}.stat-row:hover{background:#ffffff55}}
@media(min-width:1600px){#showroom{padding-top:60px}.showroom{height:560px}.heading h1{font-size:90px}.heading h2{font-size:22px}.focus-object{width:470px;height:350px}.focus-object[data-type=calendar] .object-face{width:230px;height:325px}.focus-object[data-type=calendar] .object-back{width:230px;height:310px}}
@media(max-width:1000px){#showroom{padding:35px 22px 25px}.navigation{right:25px;top:27px}.heading{margin-left:10px;margin-top:68px}.heading h1{font-size:68px}.showroom{height:450px}.scene-product{width:calc(var(--w) * .75);height:110px}.focus-object{width:340px;height:290px}.previous{left:calc(50% - 220px)}.next{right:calc(50% - 220px)}}
@media(max-width:650px){body{background:radial-gradient(ellipse at 50% 30%,#fff,transparent 75%);min-height:100dvh}.navigation{top:18px;right:18px}.navigation nav{padding:4px}.navigation button{width:71px;height:33px;font-size:11px}.nav-slider{width:71px;height:33px}body[data-page=statistics] .nav-slider{transform:translateX(71px)}#showroom{padding:80px 0 24px;overflow:hidden}.heading{margin:0 25px}.heading h1{font-size:clamp(39px,9.6vw,62px);letter-spacing:-2px;white-space:nowrap}.heading h2{font-size:16px;letter-spacing:1.5px;margin-top:12px}.showroom{height:clamp(320px,43dvh,410px);margin-top:5px;perspective:800px}.back-wall{left:-20%;right:-20%;top:40%}.table{width:150%;left:-25%;height:88%;top:42%;transform:rotateX(67deg)}.surroundings{opacity:.5}.scene-product{height:90px;width:75px!important;top:48%!important}.scene-product:not(.mobile-prev):not(.mobile-next){display:none}.scene-product.mobile-prev{left:-2%!important;transform:translate(-50%,-50%) rotate(-12deg)}.scene-product.mobile-next{left:102%!important;transform:translate(-50%,-50%) rotate(12deg)}.focus-object{top:45%;width:74%;height:260px}.focus-object[data-type=calendar] .object-face{width:160px;height:225px}.focus-object[data-type=calendar] .object-back{width:160px;height:215px;transform:translateY(30px) translateZ(-30px) rotateX(-24deg)}.focus-object[data-type=bag] .object-face{width:175px;height:230px}.focus-object[data-type=stickers] .object-face{width:200px;height:200px}.focus-object[data-type=blanket] .object-face{width:230px;height:200px}.focus-object[data-type=card] .object-face{width:210px;height:200px}.focus-object[data-type=design] .object-face{width:175px;height:235px}.focus-shadow{width:220px;height:30px;bottom:13%}.scene-arrow{width:33px;height:33px;font-size:17px;top:48%;background:#ffffffbb}.previous{left:14px}.next{right:14px}.photo-controls{bottom:1%;gap:10px}.object-heart{right:0;top:5px;width:29px;height:29px;font-size:16px}.product-focus{gap:20px;margin:17px 24px 17px;justify-content:space-between;min-height:60px}.product-label{column-gap:9px}.product-label h3{font-size:18px;max-width:165px}.product-label>span:first-child{font-size:8px;padding-right:9px;letter-spacing:0}.product-label>span:last-child{font-size:9px}.want{font-size:12px;gap:7px;padding:12px 13px;min-height:45px;flex:none}.want svg{width:16px;height:16px}.want-count{font-size:10px;padding-left:8px}.product-rail{justify-content:flex-start;margin:0 15px;padding:5px 8px;gap:8px}.rail-item{width:43px;height:43px}.feedback{margin:23px 24px 0;max-width:none}.feedback textarea{font-size:12px}.feedback-note{font-size:8px}.status{bottom:18px;font-size:11px}#statistics{padding:104px 24px 30px}.stats-heading{display:block;margin-bottom:22px}.stats-heading h1{font-size:39px;letter-spacing:-1.5px}.local-label{display:block;font-size:9px;margin-top:13px}.stat-row{grid-template-columns:43px minmax(90px,1fr) 65px 42px;gap:11px;min-height:75px}.stat-name{font-size:12px}.stat-row img{width:38px;height:45px}.stat-value{font-size:20px}.stat-value small{font-size:8px;margin-left:3px}.stat-bar{height:4px}.cup-shape{width:80px;height:140px}}
@media(max-width:360px){.heading{margin-left:20px;margin-right:20px}.heading h1{font-size:36px;letter-spacing:-2px}.product-focus{gap:9px;margin-left:17px;margin-right:17px}.product-label h3{font-size:16px;max-width:135px}.product-label>span:first-child{display:none}.product-label{display:block}.product-label>span:last-child{display:block}.want{padding:11px}.stat-row{grid-template-columns:35px 1fr 40px 35px;gap:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.object-model{transform:none!important}.flying-heart{display:none}}

/* Keep the support behind the printed calendar at every viewing angle. */
.focus-object[data-type=calendar] .object-back{transform:translateY(25px) translateZ(-100px) rotateX(-12deg)}
/* Product materials and restrained, local feedback. */
.want{transition:background 220ms ease,color 220ms ease,transform 160ms ease;position:relative}.want:active{transform:scale(.96)}
.confetti{position:absolute;width:5px;height:10px;border-radius:2px;pointer-events:none;will-change:transform,opacity}
.sticker-stack{position:absolute;inset:0;display:none;place-items:center;pointer-events:none;transform:translateZ(-4px)}
.focus-object[data-type=stickers] .sticker-stack{display:grid}.sticker-stack img{position:absolute;width:245px;height:245px;object-fit:contain;background:white;border:5px solid white;box-shadow:0 6px 12px #19374f20;transform:translate(calc(var(--sheet)*12px),calc(var(--sheet)*-9px)) rotate(calc(var(--sheet)*9deg));}
.focus-object[data-type=stickers] .object-face{transform:translateZ(18px) rotateZ(-6deg)}
.focus-object[data-type=shirt] .object-face{width:310px;height:300px;background:linear-gradient(100deg,#d8dfe3,#fff 40%,#e3e8eb);clip-path:polygon(27% 0,39% 0,43% 5%,57% 5%,61% 0,73% 0,100% 21%,85% 42%,76% 34%,76% 100%,24% 100%,24% 34%,15% 42%,0 21%);filter:none;padding:50px 85px 60px;align-items:center}
.focus-object[data-type=shirt] .object-face img{box-shadow:none;width:100%;height:auto;max-height:100%;mix-blend-mode:multiply}
.focus-object[data-type=calendar] .object-face{perspective:1000px;isolation:isolate}.calendar-under{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:-1;background:#f5f1e8}.focus-object[data-type=calendar] #main-image{transform-origin:left center;backface-visibility:hidden}
.volunteer-note{font-size:14px;line-height:1.9;color:#657783;margin:0 0 35px;max-width:690px}.stats-heading{margin-bottom:24px}
.gallery{margin:100px auto 15px;max-width:1320px;border-top:1px solid #d8e0e6;padding-top:50px}.gallery>h2{font-size:32px;font-weight:600;letter-spacing:-1px;margin:0 0 36px}.gallery-group{margin-bottom:40px}.gallery-group-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.gallery-group h3{font-size:14px;font-weight:500;margin:0}.gallery-group-heading button{width:36px;height:36px;border-radius:50%;background:#ffffffa0;margin-left:8px}.gallery-track{display:flex;overflow-x:auto;gap:22px;padding:5px 3px 20px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#b8c4cd transparent;overscroll-behavior-x:contain}.gallery-card{flex:0 0 250px;background:none;padding:0;text-align:left;scroll-snap-align:start}.gallery-card img{width:100%;height:310px;object-fit:contain;background:#fff9;border-radius:12px;box-shadow:0 4px 15px #19374f09;transition:transform 300ms var(--ease)}.gallery-card span{display:block;margin-top:13px;font-size:12px;color:#657783}.gallery-card:active{transform:scale(.985)}
#gallery-dialog{border:1px solid #ffffff99;border-radius:22px;background:#f0f3f5;box-shadow:0 25px 100px #102e4a44;padding:44px 25px 18px;max-width:min(900px,94vw);max-height:94dvh;color:var(--ink)}#gallery-dialog::backdrop{background:#19374f88;backdrop-filter:blur(12px)}#gallery-dialog>img{max-height:75dvh;max-width:100%;margin:auto;object-fit:contain;border-radius:8px}#close-gallery{position:absolute;right:10px;top:8px;border-radius:50%;background:#dfe6eb;width:30px;height:30px;font-size:23px}.gallery-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;font-size:12px;text-align:center}.gallery-caption button{width:38px;height:36px;border-radius:50%;background:white;flex:none}
@media(hover:hover){.gallery-card:hover img{transform:translateY(-3px)}}
@media(max-width:650px){.gallery{margin:65px 24px 0;padding-top:30px}.gallery>h2{font-size:27px;margin-bottom:28px}.gallery-track{gap:15px;margin-right:-24px;padding-right:24px}.gallery-card{flex-basis:76vw;max-width:310px}.gallery-card img{height:350px}.gallery-group{margin-bottom:30px}.sticker-stack img{width:200px;height:200px}.focus-object[data-type=shirt] .object-face{width:255px;height:250px;padding:42px 70px 48px}.volunteer-note{font-size:12px;line-height:1.9;margin-bottom:28px}#gallery-dialog{padding:42px 12px 14px}.gallery-caption{font-size:11px;gap:8px}}
@media(prefers-reduced-motion:reduce){.gallery-card img,.want{transition:none}}

body:has(#gallery-dialog[open]){overflow:hidden}
/* Keep interaction feedback local: no size changes or scene re-entry. */
.want{width:136px;justify-content:center;flex:none;transform:none!important}.want #want-label{display:inline-block;width:3em;text-align:center;white-space:nowrap}.want-count{min-width:19px;font-variant-numeric:tabular-nums}.want.pending{opacity:1}.want:after{content:"";position:absolute;inset:-5px;border:1px solid #c09c5350;border-radius:inherit;opacity:0;transition:opacity 220ms ease;pointer-events:none}.want.selected:after{opacity:1}.want.selected{background:#e6ddca;box-shadow:0 3px 16px #c09c531a}.focus-object.is-wanted .object-face{filter:drop-shadow(0 22px 18px #b99b4e2c)}.object-face{transition:filter 300ms ease}#main-image{cursor:pointer}
.gallery{max-width:none;margin-top:85px;border:0;padding-top:0}.gallery-group.film{position:relative;margin:0 -40px}.film .gallery-track{gap:12px;padding:25px 24px;background:#e0e5e9;border-top:1px solid #ccd6de;border-bottom:1px solid #ccd6de;position:relative;background-image:repeating-linear-gradient(90deg,transparent 0 12px,#f6f8fa 12px 22px,transparent 22px 32px),repeating-linear-gradient(90deg,transparent 0 12px,#f6f8fa 12px 22px,transparent 22px 32px);background-size:100% 7px;background-repeat:no-repeat;background-position:left 7px,left bottom 7px}.film .gallery-card{flex:0 0 245px}.film .gallery-card img{height:300px;border-radius:2px;background:#f9fafb;box-shadow:none}.film-controls{display:flex;justify-content:flex-end;gap:9px;margin:16px 30px 0}.film-controls button{width:35px;height:35px;border-radius:50%;background:#e0e5e9}.film .gallery-card:hover img{transform:none}
@media(max-width:650px){.want{width:124px}.gallery-group.film{margin:0 -24px}.film .gallery-track{margin:0;padding:23px 18px;gap:10px}.film .gallery-card{flex-basis:72vw}.film .gallery-card img{height:330px}.film-controls{margin-right:24px}}

/* Persistent selection belongs to the object, without taking layout space. */
.wanted-marker{position:absolute;left:50%;bottom:16%;width:290px;height:48px;transform:translateX(-50%);z-index:4;pointer-events:none;opacity:0;transition:opacity 240ms ease}
.wanted-marker.visible{opacity:1}.wanted-halo{position:absolute;inset:0;border:1px solid #b69a586b;border-radius:50%;background:radial-gradient(ellipse,#d7bf7826,transparent 70%);box-shadow:0 0 22px #c8ab5c15,inset 0 0 15px #c8ab5c12}
.wanted-tag{position:absolute;left:50%;top:26px;transform:translateX(-50%);display:flex;align-items:center;gap:6px;white-space:nowrap;padding:6px 12px;border-radius:20px;border:1px solid #c8ae724d;background:#f5f0e3ee;box-shadow:0 3px 10px #8a744e0c;color:#89703c;font-size:11px;font-weight:500;letter-spacing:.5px}.wanted-tag>span{font-size:12px}
@media(max-width:650px){.wanted-marker{bottom:16%;width:210px;height:32px}.wanted-tag{top:20px;font-size:10px;padding:5px 10px}}
@media(prefers-reduced-motion:reduce){.wanted-marker{transition:none}}

.flip-hint{position:absolute;left:50%;bottom:8%;transform:translateX(-50%);font-size:10px;letter-spacing:.5px;color:#7d8b96;pointer-events:none;white-space:nowrap;z-index:4}
@media(max-width:650px){.flip-hint{bottom:8%;font-size:10px}}

.focus-object[data-type=sticker-layout] .object-face{width:100%;height:auto}.focus-object[data-type=sticker-layout] img{width:100%;border-radius:4px;box-shadow:3px 4px 0 #c4ccd2}