/* Safari gate — fleet standard layout (specs/safari-gate.md), Option A theme. Forced: no close button. */
:root{--gh:#141414;--ga:#FF5A36;--gb:#F7F6F3}
.gate{position:fixed;inset:0;z-index:400;background:rgba(20,16,8,.34);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:14px;animation:gIn .4s ease}
.gate[hidden]{display:none}@keyframes gIn{from{opacity:0}}
.gate-card{position:relative;width:min(440px,94vw);border-radius:22px;overflow:hidden;background:var(--gb);box-shadow:0 24px 60px rgba(0,0,0,.35);color:#141414;text-align:center;animation:gUp .5s cubic-bezier(.22,1,.36,1)}@keyframes gUp{from{transform:translateY(24px) scale(.97);opacity:0}}
.gate-head{background:var(--gh);color:#fff;padding:20px 18px 16px;position:relative}
.gate-brand{display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;letter-spacing:.22em;opacity:.95}
.gate-brand svg{width:26px;height:26px}
.gate-head h3{font-size:27px;margin:8px 0 2px;line-height:1.25;font-weight:750;letter-spacing:-.01em}
.gate-body{padding:18px 18px 16px}
.gate-perks{display:flex;gap:8px;justify-content:space-between;margin-bottom:14px}
.gate-perk{flex:1;font-size:12.5px;line-height:1.45;color:#3d3d40}
.gate-perk .ic{width:52px;height:52px;margin:0 auto 6px;border:2px solid var(--ga);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--ga)}
.gate-linkrow{display:flex;gap:8px;margin-bottom:10px}
.gate-link{flex:1;border:1.6px dashed rgba(20,20,20,.3);border-radius:12px;padding:11px 12px;font-size:12.5px;color:#6E6E73;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:start;background:#fff}
.gate-copybtn{flex:0 0 auto;background:#141414;color:#fff;border:0;border-radius:12px;padding:0 18px;font-weight:700;font-size:14.5px;cursor:pointer;font-family:inherit}
.gate-open{display:block;width:100%;background:var(--ga);color:#fff;border:0;border-radius:14px;padding:16px;font-weight:750;font-size:18px;cursor:pointer;font-family:inherit;box-shadow:0 12px 26px -12px var(--ga)}
.gate-sep{border-top:1.6px dashed rgba(20,20,20,.2);margin:16px 0 10px}
.gate-tag{font-weight:750;font-size:16.5px}
.gate-foot{font-size:12px;color:#8E8E93;margin-top:5px}
/* v2 additions: shows immediately, blurs the whole page, no close button, "how to" line */
.gate{background:rgba(20,16,8,.46);backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);z-index:9999;padding:14px;overflow-y:auto}
.gate-on,.gate-on body{overflow:hidden!important;height:100%}
.gate-card{margin:auto;max-height:calc(100dvh - 28px);overflow-y:auto}
.gate-open{margin:0 0 10px}
.gate-head h3{font-size:25px}
.gate-how{display:flex;align-items:flex-start;gap:10px;margin-top:12px;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid rgba(20,20,20,.08);text-align:start}
.gate-how p{margin:0;font-size:12.5px;line-height:1.5;color:#3d3d40;flex:1}
.gate-dots{flex:0 0 auto;min-width:34px;height:22px;border-radius:99px;background:#141414;color:#fff;font-size:12px;line-height:22px;text-align:center;letter-spacing:1px;font-weight:700}
.gate-perk{min-width:0;overflow-wrap:anywhere}
@media (max-height:640px){.gate-perks{display:none}.gate-head{padding:14px 16px 12px}.gate-body{padding:14px 16px 12px}.gate-open{padding:13px;font-size:16.5px}}
@media (min-width:560px){.gate{inset:0}}