.jul{--night:#5a0f1c;--night-2:#9e1b2c;--mint:#ffd9a0;--candle:#f2c46d;--accent:#b3202f;--door:#fffaf6;--door-fg:#9e1b2c;--door-done:#f1e1e1;--jmuted:#6b5b5d;overflow-x:clip}.jul :focus-visible{outline:3px solid var(--candle);outline-offset:2px}.jul-wrap{max-width:1120px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));margin:0 auto}.jul-stripe{background:var(--night-2);color:#fff3ef;text-align:center;padding:8px 12px;font-size:13px}.jul-hero{color:#fff;background:radial-gradient(1000px 360px at 75% -80px,#ffc4784d,#ffc47800 70%),linear-gradient(180deg,#3d0811 0%,var(--night) 50%,#7a1424 100%);position:relative;overflow:hidden}.jul-snow{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.jul-hero .jul-wrap{padding-top:max(40px,env(safe-area-inset-top,0px));gap:22px;padding-bottom:40px;display:grid;position:relative}.jul-hero h1{letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:clamp(30px,5vw,52px);font-weight:700;line-height:1.05}.jul-hero h1 i{color:var(--mint);font-family:Lora,Georgia,serif;font-weight:500}.jul-hero p{color:#ffe6df;max-width:60ch;margin:0}.jul-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.jul-loyal{background:#ffffff14;border:1px solid #ffffff29;border-radius:14px;min-width:min(260px,100%);max-width:360px;padding:12px 14px}.jul-loyal b{color:var(--candle)}.jul-bar{background:#ffffff26;border-radius:99px;height:8px;margin-top:8px;overflow:hidden}.jul-bar i{background:linear-gradient(90deg,#fff,var(--candle));border-radius:99px;height:100%;transition:width .6s;display:block}.jul-loyal small{color:#ffd6cc;margin-top:6px;font-size:12px;display:block}.jul-grid{perspective:900px;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;width:100%;max-width:880px;margin-inline:auto;display:grid}@media (width<=760px){.jul-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=340px){.jul-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.jul-grid{gap:8px}}.jul-door{aspect-ratio:1/1.08;color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;padding:0;position:relative}.jul-door .back{color:#ffe3d6;text-align:center;background:radial-gradient(circle at 50% 40%,#7c1b29,#3d0a13);border-radius:12px;place-items:center;padding:6px;font-size:12px;display:grid;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff14}.jul-door .back b{font-weight:600;line-height:1.2}.jul-door .back em{opacity:.8;font-size:11px;font-style:normal;display:block}.jul-door .front{background:var(--door);color:var(--door-fg);transform-origin:0;will-change:transform;backface-visibility:hidden;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:transform .5s cubic-bezier(.33,.9,.36,1),box-shadow .2s;display:flex;position:absolute;inset:0;box-shadow:0 6px 14px #00000047,inset 0 0 0 1px #9e1b2c1f}.jul-door .num{font-variant-numeric:tabular-nums;font-size:clamp(22px,3.4vw,34px);font-weight:700;line-height:1}.jul-door .lbl{color:var(--jmuted);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.jul-door.today .front{color:#5a3c00;box-shadow:0 0 0 3px var(--candle),0 10px 28px #f2c46d73;background:linear-gradient(160deg,#fffdf4,#fff3cf)}.jul-door.today .lbl{color:#7a5a12}.jul-door.today .front:after{content:"";border-radius:14px;animation:2.2s ease-in-out infinite jul-pulse;position:absolute;inset:-3px;box-shadow:0 0 22px 4px #f2c46d8c}@keyframes jul-pulse{50%{opacity:.25}}.jul-door.open .front{transform:rotateY(-104deg)}.jul-door{transform-style:preserve-3d;-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (hover:hover){.jul-door:not(.open):hover .front{transform:rotateY(-12deg);box-shadow:0 10px 20px #00000052,inset 0 0 0 1px #9e1b2c1f}.jul-door.today:not(.open):hover .front{box-shadow:0 0 0 3px var(--candle),0 12px 30px #f2c46d8c}}.jul-door:focus-visible{outline:none}.jul-door:focus-visible .front{outline-offset:3px;outline:3px solid #fff}.jul-door .num{font-size:clamp(20px,6vw,34px)}.jul-door.past .front{background:var(--door-done);color:var(--jmuted)}.jul-door .valg{letter-spacing:.04em;text-transform:uppercase;color:var(--candle);font-size:9px;font-weight:600;position:absolute;top:6px;right:6px}.jul-door .valg:before{content:"★ "}.jul-pick{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}.jul-pick select{color:#222;background:#fff;border-radius:8px;max-width:100%;height:38px;padding:0 8px}.jul-door.special .lbl:before{content:"★ ";color:var(--candle)}@media (prefers-reduced-motion:reduce){.jul-door .front,.jul-bar i{transition:none!important}.jul-door.today .front:after,.jul-ov,.jul-modal{animation:none!important}}.jul-main{gap:26px;padding-block:26px 48px;display:grid}.jul-main h2{margin:0 0 10px;font-size:20px;font-weight:700}.jul-cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}@media (width<=760px){.jul-cols{grid-template-columns:1fr}}.jul-card{border:1px solid hsl(var(--border,0 0% 88%));border:1px solid color-mix(in srgb,currentColor 14%,transparent);border-radius:14px;padding:14px 16px}.jul-card h3{margin:0 0 6px;font-size:15px;font-weight:600}.jul-card p,.jul-terms li{opacity:.8;margin:0;font-size:14px}.jul-terms ul{gap:6px;margin:0;padding-left:18px;display:grid}.jul-btn{background:var(--accent);color:#fff;cursor:pointer;font-weight:600;font:inherit;border:0;border-radius:99px;padding:11px 18px;font-weight:600}.jul-btn:disabled{opacity:.5;cursor:not-allowed}.jul-ghost{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff6;border-radius:99px;padding:6px 14px;font-size:13px}.jul-ov{padding:16px;padding-top:max(16px,env(safe-area-inset-top,0px));z-index:60;overscroll-behavior:contain;background:#1404089e;place-items:center;animation:.25s ease-out both jul-fade;display:grid;position:fixed;inset:0;overflow-y:auto}@media (width<=760px){.jul-ov{padding-top:max(56px,env(safe-area-inset-top,0px));place-items:start center}}@media (width<=760px) and (height<=640px){.jul-ov{padding-top:max(10px,env(safe-area-inset-top,0px))}}@keyframes jul-fade{0%{opacity:0}}@keyframes jul-pop{0%{opacity:0;transform:translateY(12px)scale(.96)}}.jul-modal{color:#2a1013;text-align:center;background:#fff;border-radius:18px;gap:12px;width:100%;max-width:440px;padding:22px;animation:.32s cubic-bezier(.2,.8,.3,1) both jul-pop;display:grid;position:relative;box-shadow:0 20px 60px #0006}.jul-modal h3{text-wrap:balance;margin:0;font-size:22px;font-weight:700}.jul-modal p{color:var(--jmuted);margin:0}.jul-modal input[type=email]{font:inherit;border:1px solid #e3d3d4;border-radius:10px;width:100%;padding:10px 12px}.jul-modal .x{cursor:pointer;color:var(--jmuted);background:0 0;border:0;padding:6px;font-size:24px;line-height:1;position:absolute;top:8px;right:10px}.jul-check{text-align:left;cursor:pointer;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:10px;font-size:14px;line-height:1.45;display:grid}.jul-check input{width:18px;height:18px;accent-color:var(--accent);margin:1px 0 0}.jul-fine{color:var(--jmuted);text-align:left;margin:0;font-size:12px;line-height:1.45}.jul-fine a{color:inherit;text-decoration:underline}.jul-code{letter-spacing:.08em;color:var(--accent);font-variant-numeric:tabular-nums;font-size:24px;font-weight:700}.jul-closed{text-align:center;place-items:center;min-height:60vh;display:grid}.jul-closed h1{font-size:clamp(28px,5vw,46px)}.jul-testbar{background:#00000040;border:1px dashed #fff6;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:8px 12px;font-size:13px;display:flex}.jul-admin{gap:24px;padding-block:32px;display:grid}.jul-admin table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}.jul-admin th,.jul-admin td{text-align:left;border-bottom:1px solid color-mix(in srgb,currentColor 14%,transparent);vertical-align:top;padding:6px 8px}.jul-tablebox{overflow-x:auto}.jul-door.opening .front{animation:.9s ease-in-out infinite alternate jul-lift}@keyframes jul-lift{0%{transform:rotateY(-6deg)}to{transform:rotateY(-22deg)}}@media (prefers-reduced-motion:reduce){.jul-door.opening .front{opacity:.85;animation:none}}.jul-modal .jul-ghost{color:inherit;opacity:.85;border-color:currentColor;padding:10px 18px;font-size:14px}.jul-prize{overscroll-behavior:contain;max-height:calc(100dvh - 24px);overflow-y:auto}.jul-prize-img{aspect-ratio:1;object-fit:cover;background:#f7efef;border-radius:16px;width:100%;max-width:280px;height:auto;margin:4px auto 0;display:block;box-shadow:0 6px 20px #2a10131f}@media (width>=700px){.jul-prize-img{max-width:240px}}.jul-modal .jul-prize-foot{color:var(--jmuted);opacity:.85;font-size:12px}.jul-wrap,.jul-row>*{min-width:0}.jul-modal{overflow-wrap:anywhere;grid-template-columns:minmax(0,1fr);min-width:0}.jul-modal>*{min-width:0;max-width:100%}.jul-pick select{min-width:0}
