.opening{--opening-bg:var(--opening-ivory-bg);--opening-metal:var(--opening-ivory-metal);--opening-glow:var(--opening-ivory-glow);--opening-text:var(--opening-ivory-text)}.opening[data-model=lettre]{--opening-bg:var(--opening-night-bg);--opening-metal:var(--opening-night-metal);--opening-glow:var(--opening-night-glow);--opening-text:var(--opening-night-text)}.opening[data-model=ciel]{--opening-bg:var(--opening-rose-bg);--opening-metal:var(--opening-rose-metal);--opening-glow:var(--opening-rose-glow);--opening-text:var(--opening-rose-text)}.opening[data-model=feu]{--opening-bg:var(--opening-pearl-bg);--opening-metal:var(--opening-pearl-metal);--opening-glow:var(--opening-pearl-glow);--opening-text:var(--opening-pearl-text)}.opening{z-index:100;background:var(--opening-bg);color:var(--opening-text);position:fixed;inset:0;overflow:hidden}.opening-canvas{position:absolute;inset:0}.opening-tools{top:max(16px, env(safe-area-inset-top));z-index:2;gap:8px;display:flex;position:absolute;right:16px}.opening-tools button{background:color-mix(in srgb, var(--opening-bg) 92%, transparent);color:var(--opening-text);border-color:color-mix(in srgb, var(--opening-metal) 50%, transparent)}.opening-gate,.opening-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.opening-gate{background:radial-gradient(circle at 50% 45%, transparent, color-mix(in srgb, var(--opening-bg) 70%, transparent) 70%);animation:1.2s both opening-in}.opening h1{font-family:"Cormorant Garamond", var(--font-serif);color:var(--opening-text);text-shadow:0 0 30px color-mix(in srgb, var(--opening-glow) 60%, transparent);margin:12px 0 0;font-size:76px;font-weight:400;line-height:1.05}.opening-kicker{letter-spacing:0;text-transform:uppercase;color:var(--opening-text);opacity:.85;font-size:11px}.opening-cta{height:50px;margin-top:28px;padding-inline:28px}.opening-hint{opacity:.7;margin-top:14px;font-size:12px}.opening-card>*{animation:1.1s cubic-bezier(.2,.7,.2,1) both opening-rise}.opening-card>:nth-child(2){animation-delay:.15s}.opening-card>:nth-child(3){animation-delay:.35s}.opening-card>:nth-child(4){animation-delay:.5s}.opening-card>:nth-child(5){animation-delay:.6s}.opening-card>:nth-child(6){animation-delay:.8s}.opening-card>:nth-child(7){animation-delay:1s}.opening-rule{background:linear-gradient(90deg, transparent, var(--opening-metal), transparent);width:120px;height:1px;margin:22px auto}.opening-meta{font-family:"Cormorant Garamond", var(--font-serif);align-items:center;gap:8px;margin:4px 0;font-size:20px;display:flex}.opening-meta svg{width:16px;height:16px;color:var(--opening-metal)}.opening-actions{flex-direction:column;align-items:stretch;width:100%;max-width:380px;display:flex}.opening-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.opening-grid button{background:color-mix(in srgb, var(--opening-bg) 92%, transparent);color:var(--opening-text);border-color:color-mix(in srgb, var(--opening-metal) 45%, transparent);white-space:normal;height:44px;font-size:12px}.opening-proto{opacity:.55;margin-top:18px;font-size:10px}@keyframes opening-in{0%{opacity:0}to{opacity:1}}@keyframes opening-rise{0%{opacity:0;filter:blur(6px);transform:translateY(18px)}to{opacity:1;filter:none;transform:none}}@media (prefers-reduced-motion:reduce){.opening-card>*,.opening-gate{animation:none}}.opening-models{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;max-width:420px;margin-top:26px;display:grid}.opening-model{white-space:normal;text-align:left;border:1px solid color-mix(in srgb, var(--opening-metal) 35%, transparent);background:color-mix(in srgb, var(--opening-bg) 92%, transparent);height:72px;color:var(--opening-text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:8px;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;padding:10px 12px 10px 38px;transition:border-color .2s,background .2s;display:flex;position:relative}.opening-model strong{font-size:13px;font-weight:600}.opening-model small{opacity:.7;font-size:10px;line-height:1.3}.opening-model[data-active=true]{border-color:var(--opening-metal);background:color-mix(in srgb, var(--opening-metal) 22%, var(--opening-bg))}.opening-model-n{font-family:"Cormorant Garamond", var(--font-serif);color:var(--opening-metal);font-size:18px;position:absolute;top:11px;left:12px}.opening-events{gap:6px;margin-top:12px;display:flex}.opening-events button{border:1px solid color-mix(in srgb, var(--opening-metal) 35%, transparent);color:var(--opening-text);background:0 0;border-radius:999px;padding:6px 12px;font-size:11px}.opening-events button[data-active=true]{background:var(--opening-metal);color:var(--opening-text)}.opening-cta{background:color-mix(in srgb, var(--opening-metal) 35%, var(--opening-bg));color:var(--opening-text);border-color:var(--opening-metal)}.opening-cta:hover{background:color-mix(in srgb, var(--opening-metal) 85%, var(--opening-text))}.opening[data-model=lettre] .opening-cta{background:color-mix(in srgb, var(--opening-metal) 35%, var(--opening-bg));color:var(--opening-text)}@media (width<=600px){.opening h1{font-size:48px}.opening-gate,.opening-card{padding:20px}}@media (height<=650px){.opening h1{font-size:40px}.opening-models{margin-top:12px}.opening-cta{margin-top:16px}.opening-gate,.opening-card{justify-content:flex-start;padding-top:60px;overflow-y:auto}}