:root{--bg:#151015;--blood:#b01020;--crimson:#c02030;--burgundy:#901828;--gold:#d4b458;--gold-dim:#8a7040;--parchment:#d4c5a9;--parchment-dark:#c4b494;--ink:#2a1a0a;--ember-glow:#b0102073}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:#f0e8dc;-webkit-user-select:none;user-select:none;width:100vw;height:100vh;font-family:Cormorant Garamond,Georgia,serif;overflow:hidden}#particles{z-index:0;pointer-events:none;position:fixed;inset:0}#vignette{pointer-events:none;z-index:1;background:radial-gradient(#0000 50%,#0a060a80 100%);position:fixed;inset:0}#fog{pointer-events:none;z-index:1;background:linear-gradient(#0000,#0f0a0f66);height:120px;animation:8s ease-in-out infinite alternate fog-drift;position:fixed;bottom:0;left:0;right:0}@keyframes fog-drift{0%{opacity:.5}to{opacity:.8}}#app{z-index:2;flex-direction:column;align-items:center;height:100vh;padding:20px 40px 30px;display:flex;position:relative}#hero{flex-shrink:0;justify-content:center;align-items:center;gap:50px;padding:30px 0 20px;display:flex}#hero-center{text-align:center}#countdown-number{color:var(--blood);text-shadow:0 0 40px var(--ember-glow), 0 0 80px #8b000033;font-family:Cinzel Decorative,Georgia,serif;font-size:8rem;font-weight:700;line-height:1;animation:1.5s ease-out both fade-in-scale,4s ease-in-out 1.5s infinite pulse-number}#countdown-label{letter-spacing:.25em;text-transform:uppercase;color:#9a8a82;margin-top:8px;font-family:Cinzel,Georgia,serif;font-size:1rem;animation:2s ease-out .5s both fade-in}.candle{flex-direction:column;align-items:center;animation:2s ease-out .3s both fade-in;display:flex}.candle-body{background:linear-gradient(#d4c0a0,#b8a080);border-radius:1px 1px 2px 2px;width:8px;height:50px;position:relative}.candle-body:after{content:"";background:#333;border-radius:1px;width:2px;height:6px;position:absolute;top:-2px;left:50%;transform:translate(-50%)}.flame-wrap{width:20px;height:35px;margin-bottom:-4px;position:relative}.flame{filter:blur(.5px);background:radial-gradient(at 50% 80%,#ffc832e6,#ff780099 40%,#ff3c0033 70%,#0000 100%);border-radius:50% 50% 30% 30%;width:14px;height:28px;animation:.4s ease-in-out infinite alternate flame-dance;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.flame-core{background:radial-gradient(at 50% 80%,#ffffdcf2,#ffc85080 60%,#0000 100%);border-radius:50% 50% 30% 30%;width:6px;height:14px;animation:.3s ease-in-out infinite alternate-reverse flame-dance;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}@keyframes flame-dance{0%{transform:translate(-50%)scaleX(1)scaleY(1)rotate(-1.5deg)}33%{transform:translate(-50%)scaleX(.92)scaleY(1.06)rotate(1deg)}66%{transform:translate(-50%)scaleX(1.06)scaleY(.94)rotate(-.5deg)}to{transform:translate(-50%)scaleX(.96)scaleY(1.03)rotate(1.5deg)}}#seal-grid{grid-template-columns:repeat(6,76px);gap:14px;margin-top:20px;display:grid}.seal{cursor:default;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;transition:transform .3s,box-shadow .3s;display:flex;position:relative}.seal-number{z-index:1;font-family:Cinzel Decorative,Georgia,serif;font-size:1.15rem;font-weight:700;position:relative}.seal.locked{background:radial-gradient(circle at 40% 35%,#2a2228,#1e1a1e 70%,#141014);box-shadow:0 2px 6px #0006,inset 0 1px 3px #ffffff0f}.seal.locked .seal-number{color:#453a40;text-shadow:none}.seal.locked:hover{animation:.3s ease-in-out shake}.seal.new{box-shadow:0 3px 10px #00000080, 0 0 20px var(--ember-glow), inset 0 2px 4px #ffc8c81a, inset 0 -2px 6px #0000004d;cursor:pointer;background:radial-gradient(circle at 38% 32%,#9a1218,#701010 55%,#4a0808 85%);animation:2.5s ease-in-out infinite seal-glow}.seal.new .seal-number{color:#2a0808;text-shadow:0 1px 2px #ffb4b440}.seal.new:hover{transform:scale(1.12);box-shadow:0 4px 16px #0009,0 0 30px #8b000099,inset 0 2px 4px #ffc8c826,inset 0 -2px 6px #0000004d}.seal.seen{cursor:pointer;background:radial-gradient(circle at 38% 32%,#4a3618,#352410 55%,#241808 85%);box-shadow:0 2px 8px #0006,0 0 10px #c9a84c1a,inset 0 1px 3px #ffffff0d,inset 0 -1px 4px #0003}.seal.seen .seal-number{color:var(--gold);text-shadow:0 0 6px #c9a84c4d}.seal.seen:hover{transform:scale(1.08);box-shadow:0 3px 12px #00000080,0 0 16px #c9a84c33,inset 0 1px 3px #ffffff0d,inset 0 -1px 4px #0003}.seal.cracking{animation:.5s ease-out forwards crack-burst}@keyframes crack-burst{0%{transform:scale(1)}30%{transform:scale(1.2);box-shadow:0 0 40px #c9a84ccc}to{transform:scale(1)}}#content-overlay{z-index:50;pointer-events:none;background:#05030300;justify-content:center;align-items:center;transition:background .5s;display:flex;position:fixed;inset:0}#content-overlay.active{pointer-events:all;background:#050303e0}#content-card{background:linear-gradient(155deg, var(--parchment), var(--parchment-dark), #cbb89a);text-align:center;opacity:0;border-radius:3px;width:480px;padding:50px 45px 40px;transition:transform .5s ease-out,opacity .5s ease-out;position:relative;transform:scale(.92);box-shadow:0 10px 60px #000000e6,0 0 1px #00000080}#content-card:before{content:"";pointer-events:none;border:1px solid #8b451326;border-radius:2px;position:absolute;inset:6px}#content-overlay.active #content-card{opacity:1;transform:scale(1)}#content-day-label{letter-spacing:.3em;text-transform:uppercase;color:var(--blood);font-family:Cinzel,Georgia,serif;font-size:.85rem;font-weight:600}#content-divider{background:linear-gradient(to right, transparent, var(--blood), transparent);width:80px;height:2px;margin:18px auto}#content-text{color:var(--ink);font-family:Cormorant Garamond,Georgia,serif;font-size:1.25rem;font-style:italic;font-weight:500;line-height:1.9}#content-close{color:#8a7a6a;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-family:inherit;font-size:1.2rem;transition:color .3s;position:absolute;top:12px;right:14px}#content-close:hover{color:var(--blood)}#celebration{background:var(--bg);z-index:80;opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity 1s;display:flex;position:fixed;inset:0}#celebration.active{opacity:1;pointer-events:all}#celebration-inner{text-align:center;max-width:600px;padding:40px}#celeb-title{color:var(--gold);text-shadow:0 0 40px #c9a84c66,0 0 80px #c9a84c26;font-family:Cinzel Decorative,Georgia,serif;font-size:3.5rem;font-weight:700;animation:1.5s ease-out both fade-in-scale}#celeb-divider{background:linear-gradient(to right, transparent, var(--gold), transparent);width:120px;height:2px;margin:24px auto;animation:2s ease-out .5s both fade-in}#celeb-subtitle{letter-spacing:.2em;text-transform:uppercase;color:#b8a888;font-family:Cinzel,Georgia,serif;font-size:1.1rem;animation:2s ease-out .8s both fade-in}#celeb-text{color:#c8b8a0;margin-top:30px;font-family:Cormorant Garamond,Georgia,serif;font-size:1.2rem;font-style:italic;line-height:1.9;animation:2s ease-out 1.2s both fade-in}#celeb-enter{border:1px solid var(--gold-dim);color:var(--gold);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;background:0 0;margin-top:40px;padding:10px 40px;font-family:Cinzel,Georgia,serif;font-size:.85rem;transition:all .3s;animation:2s ease-out 1.8s both fade-in}#celeb-enter:hover{border-color:var(--gold);box-shadow:0 0 16px #c9a84c33}#dev-bar{color:#888;z-index:200;background:#000000d9;padding:6px 16px;font-family:monospace;font-size:.75rem;display:none;position:fixed;bottom:0;left:0;right:0}#dev-bar.active{display:block}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes pulse-number{0%,to{text-shadow:0 0 40px var(--ember-glow), 0 0 80px #8b000033}50%{text-shadow:0 0 50px #8b000080,0 0 100px #8b000040}}@keyframes seal-glow{0%,to{box-shadow:0 3px 10px #00000080, 0 0 20px var(--ember-glow), inset 0 2px 4px #ffc8c81a, inset 0 -2px 6px #0000004d}50%{box-shadow:0 3px 14px #00000080,0 0 30px #8b00008c,inset 0 2px 4px #ffc8c81f,inset 0 -2px 6px #0000004d}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.seal.new,.seal.seen{animation:.4s ease-out both seal-enter}.seal.locked{animation:.4s ease-out both seal-enter-dim}@keyframes seal-enter{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes seal-enter-dim{0%{opacity:0;transform:scale(.7)}to{opacity:.55;transform:scale(1)}}@media (width<=600px){#app{padding:16px 16px 20px}#hero{gap:24px;padding:16px 0 12px}#countdown-number{font-size:4.5rem}#countdown-label{font-size:.8rem}.candle-body{height:35px}.flame-wrap{height:25px}.flame{width:10px;height:20px}.flame-core{width:4px;height:10px}#seal-grid{grid-template-columns:repeat(5,56px);gap:10px;margin-top:14px}.seal{width:56px;height:56px}.seal-number{font-size:.9rem}#content-card{width:calc(100vw - 32px);padding:36px 28px 28px}#content-text{font-size:1.1rem}#celeb-title{font-size:2.2rem}#celebration-inner{padding:24px}}