/* Compact passport: eight characters, the action and navigation share one screen. */
body.carnet-view{height:100dvh;display:flex;flex-direction:column;padding-bottom:0;background:var(--cream)}.carnet-view .demo-banner{flex:0 0 24px}.carnet-view .header{flex:0 0 auto;width:100%;padding-top:13px;padding-bottom:13px}.carnet-view main{flex:1;min-height:0;width:100%;padding-bottom:18px}.carnet-view .footer{display:none}#view-carnet{height:100%;max-width:980px;margin:auto;display:flex;flex-direction:column;gap:12px}.carnet-heading{display:flex;align-items:center;justify-content:space-between;flex:0 0 42px}.carnet-heading h1{font:600 28px var(--serif);letter-spacing:-.8px}.carnet-options{width:44px;min-height:42px;border:1px solid #dbcbbf;background:var(--paper);border-radius:11px;font-size:17px;letter-spacing:3px;color:var(--pink)}
.passport{position:relative;border:1px solid #dfcbbb;border-radius:21px;background:var(--paper);box-shadow:0 4px 0 #f0dfc9;overflow:hidden}.passport::before{content:'';position:absolute;inset:0;background-image:url('assets/dia/fleurs.svg'),url('assets/dia/fleurs.svg');background-repeat:no-repeat;background-position:left -85px top -65px,right -90px bottom -110px;background-size:220px,260px;opacity:.16;pointer-events:none}.passport::after{content:'';position:absolute;inset:9px;border:1px solid #eedbcc;border-radius:14px;pointer-events:none}#view-carnet .passport{flex:1;min-height:0;max-height:560px;padding:18px 24px 10px;display:flex;flex-direction:column}.passport-top{position:relative;display:flex;align-items:center;justify-content:space-between;z-index:1;gap:12px;border-bottom:1px solid #ecd9ca;flex:0 0 45px;padding-bottom:12px}.passport-name{background:none;font:600 20px var(--serif);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:32px;max-width:80%;padding:0;color:var(--ink)}.passport-top strong{font:700 28px var(--serif);color:var(--teal)}.passport-top strong small{font:12px var(--sans);color:var(--muted)}.stamps-grid{position:relative;z-index:1;display:grid;flex:1;min-height:0;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:8px 20px;padding:18px 0 8px;align-items:center}.stamp-item{display:flex;align-items:center;justify-content:center;flex-direction:column;align-self:stretch;background:none;position:relative;min-width:0;min-height:44px;gap:10px;padding:0 2px;text-align:center}.stamp-item b{font-size:12px;font-weight:600;line-height:1.3;max-width:155px;color:#6b5d68}.stamp-item.collected b{color:var(--ink)}.stamp-art{position:relative;display:block;border:2px dashed #d7b8b8;border-radius:50%;background:#f6eee5;width:clamp(55px,calc((100dvh - 320px)/2.7),125px);height:clamp(55px,calc((100dvh - 320px)/2.7),125px);flex-shrink:0;transform:rotate(var(--rotation));transition:transform .2s}.stamp-art::after{content:'';position:absolute;inset:5px;border:1px solid #ead6ca;border-radius:50%;pointer-events:none}.stamp-art .portrait-sprite{position:absolute;inset:5px;width:calc(100% - 10px);height:calc(100% - 10px);border-radius:50%}.stamp-item:not(.collected) .portrait-sprite{filter:grayscale(.6);opacity:.26}.stamp-item.collected .stamp-art{border:2px solid var(--shop);background:var(--shop-paper);box-shadow:0 3px 0 #291e3510}.stamp-item.collected .stamp-art::after{border:0}.stamp-item:hover .stamp-art{transform:rotate(0) scale(1.04)}.stamp-item.collected .stamp-art::before{content:'✓';position:absolute;right:-3px;bottom:2px;width:21px;height:21px;border-radius:50%;background:var(--teal);color:white;border:2px solid var(--paper);z-index:3;font:700 12px/18px var(--sans)}.stamp-status{display:none}.carnet-feedback{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex:0 0 25px;font-size:11px;line-height:1.3;text-align:center;color:var(--teal)}.carnet-action{display:flex;justify-content:center;flex:0 0 48px}.carnet-action .primary{width:min(100%,380px);min-height:46px;font-size:13px;background:var(--pink);border-color:var(--pink);box-shadow:0 3px 0 #93244c}
.stamp-item.just-stamped .stamp-art{animation:ink-stamp 1.15s cubic-bezier(.17,.8,.26,1) both}.stamp-item.just-stamped::after{content:'';position:absolute;inset:12%;border:3px dotted var(--shop);border-radius:50%;pointer-events:none;animation:ink-ripple 1.15s ease-out both}@keyframes ink-stamp{0%{transform:translateY(-34px) rotate(-18deg) scale(1.6);opacity:0}40%{transform:translateY(0) rotate(-8deg) scale(.89);opacity:1}56%{transform:rotate(-5deg) scale(1.06)}78%,100%{transform:rotate(var(--rotation)) scale(1)}}@keyframes ink-ripple{0%,35%{transform:scale(.55);opacity:0}45%{opacity:.75}100%{transform:scale(1.7);opacity:0}}
@media(max-width:650px){.carnet-view .header{padding:9px 16px;min-height:62px}.carnet-view .brand{font-size:21px}.carnet-view .brand-mark{width:31px;height:37px}.carnet-view .brand>span:last-child>span{font-size:10px;margin-top:3px}.carnet-view .edition{display:none}.carnet-view .demo-banner{flex-basis:22px}.carnet-view main{padding:0 15px 12px}.carnet-view .mobile-nav{position:relative;flex:0 0 auto;padding-top:6px;padding-bottom:max(7px,env(safe-area-inset-bottom))}.carnet-view .mobile-nav button{min-height:45px}#view-carnet{gap:9px}.carnet-heading{flex-basis:36px}.carnet-heading h1{font-size:25px;letter-spacing:-.7px}.carnet-options{min-height:36px;height:36px;width:40px;font-size:15px}#view-carnet .passport{padding:13px 15px 6px;border-radius:16px;max-height:none}.passport::after{inset:7px;border-radius:10px}.passport-top{flex-basis:35px;padding-bottom:8px}.passport-name{font-size:17px;min-height:26px}.passport-top strong{font-size:23px}.passport-top strong small{font-size:11px}.stamps-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:3px 12px;padding:8px 0 5px}.stamp-item{gap:6px}.stamp-item b{font-size:10px;line-height:1.2;max-width:145px}.stamp-art{width:clamp(32px,calc((100dvh - 455px)/4),78px);height:clamp(32px,calc((100dvh - 455px)/4),78px)}.stamp-art .portrait-sprite{inset:3px;width:calc(100% - 6px);height:calc(100% - 6px)}.stamp-item.collected .stamp-art::before{width:16px;height:16px;font-size:9px;line-height:12px;right:-4px;bottom:-1px}.carnet-feedback{flex-basis:24px;font-size:9px}.carnet-action{flex-basis:44px}.carnet-action .primary{font-size:12px;min-height:44px}}
@media(max-width:360px){.carnet-view main{padding-left:11px;padding-right:11px}#view-carnet .passport{padding:9px 12px 4px}.stamp-item b{font-size:9px}.stamps-grid{gap:3px 8px}.carnet-feedback{font-size:8px}.carnet-heading h1{font-size:23px}}
@media(max-height:500px) and (orientation:landscape){.carnet-view .header{display:none}.carnet-view main{padding:5px 15px}.carnet-view .mobile-nav{display:flex;position:relative;flex:0 0 auto;padding:3px 12px;gap:8px;background:var(--cream);border-top:1px solid var(--line)}.carnet-view .mobile-nav button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;min-height:34px;flex-direction:row;background:none;color:var(--muted);border-radius:7px;font-size:10px}.carnet-view .mobile-nav button.active{color:var(--pink);background:#f1dae2}.carnet-view .mobile-nav button.mobile-scan{background:var(--ink);color:var(--cream)}.carnet-view .mobile-nav button .icon{width:18px;height:18px}.carnet-heading{flex-basis:30px}.carnet-heading h1{font-size:22px}#view-carnet{gap:5px}#view-carnet .passport{padding:7px 14px 3px}.passport-top{flex-basis:24px;padding-bottom:2px}.stamps-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));padding:5px 0;gap:3px}.stamp-art{width:42px;height:42px}.stamp-item{gap:3px}.stamp-item b{font-size:9px}.carnet-action{flex-basis:36px}.carnet-action .primary{min-height:36px}.carnet-feedback{flex-basis:17px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.stamp-item.just-stamped .stamp-art,.stamp-item.just-stamped::after{animation:none}.stamp-item.just-stamped .stamp-art{outline:2px solid var(--pink);outline-offset:3px}}