@import"https://fonts.googleapis.com/css2?family=Creepster&family=Nosifer&family=Butcherman&family=Eater&family=Chiller&family=Griffy&display=swap";@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.bottom-1\/4{bottom:25%}.z-50{z-index:50}.container{width:100%}.mx-auto{margin-inline:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.min-h-screen{min-height:100vh}.w-full{width:100%}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.-rotate-90{rotate:-90deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-3{border-style:var(--tw-border-style);border-width:3px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-r-2{border-right-style:var(--tw-border-style);border-right-width:2px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.text-center{text-align:center}.text-right{text-align:right}.text-\[20rem\]{font-size:20rem}.break-words{overflow-wrap:break-word}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:no-underline:hover{text-decoration-line:none}.hover\:opacity-100:hover{opacity:1}}.focus\:not-sr-only:focus{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:absolute:focus{position:absolute}.focus\:z-50:focus{z-index:50}.focus\:ring:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-4:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}:root{--color-primary:#ff8c42;--color-secondary:gold;--color-accent:#ff6b35;--color-background:#fff8e7;--color-text:#2c1810;--vintage-blood-red:#8b0000;--vintage-gold:gold;--vintage-bone:beige;--vintage-shadow:#1a0b0b;--vintage-crimson:#dc143c}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background);color:var(--color-text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.focus\:not-sr-only:focus{width:auto;height:auto;padding:inherit;margin:inherit;clip:auto;white-space:normal;position:static;overflow:visible}:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.retro-halloween-theme{color:#e2e8f0!important;background:linear-gradient(135deg,#0f172a,#1e1b4b,#0f172a)!important}.retro-halloween-theme .container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172acc}.retro-halloween-theme h1{-webkit-text-fill-color:transparent;background:linear-gradient(45deg,#f97316,#dc2626,#7c3aed);-webkit-background-clip:text;background-clip:text}.retro-halloween-theme button{background:linear-gradient(45deg,#f97316,#dc2626)!important;border:none!important;transition:all .3s!important;box-shadow:0 4px 15px #f973164d!important}.retro-halloween-theme button:hover{transform:scale(1.05);box-shadow:0 6px 20px #f9731666!important}.retro-app{color:#e8d5b7;min-height:100vh;position:relative;overflow:hidden}.retro-app[data-theme=vampireCrimson]{background:radial-gradient(at top,#2d0a0a,#8b0000 40%,#4a0000),linear-gradient(#1a0000,#8b0000,#2d0a0a)}.retro-app[data-theme=vampireCrimson]:before{content:"🩸 🩸 🩸 🩸 🩸 🩸 🩸 🩸 🩸 🩸";color:#8b0000;z-index:1;opacity:.9;filter:drop-shadow(0 0 10px red);flex-wrap:wrap;justify-content:space-around;width:100%;height:120%;font-size:4rem;animation:6s linear infinite large-blood-fall;display:flex;position:absolute;top:-100px;left:0}.retro-app[data-theme=vampireCrimson]:after{content:"🦇";color:#000;z-index:2;text-shadow:0 0 10px #000c;font-size:2rem;animation:12s ease-in-out infinite bat-swoop;position:absolute;top:20%;left:-100px}.retro-app[data-theme=witchForest]{background:linear-gradient(#0a0e0a,#1b2f0b,#2d5016 60%,#0a0e0a),radial-gradient(at bottom,#1b2f0b,#0000 70%)}.retro-app[data-theme=witchForest]:before{content:"";clip-path:polygon(0% 100%,3% 60%,8% 70%,12% 45%,18% 65%,22% 40%,28% 55%,32% 35%,38% 50%,42% 30%,48% 45%,52% 25%,58% 40%,62% 20%,68% 35%,72% 15%,78% 30%,82% 10%,88% 25%,92% 5%,98% 20%,100% 0%,100% 100%);z-index:1;opacity:.9;background-image:linear-gradient(90deg,#0a0e0a,#0000,#1b2f0b,#0000,#0a0e0a,#0000,#2d5016,#0000,#0a0e0a,#0000,#1b2f0b,#0000,#0a0e0a,#0000,#2d5016,#0000,#1b2f0b,#0000,#0a0e0a,#0000,#1b2f0b);width:100%;height:80%;animation:20s ease-in-out infinite haunting-sway;position:absolute;bottom:0;left:0}.retro-app[data-theme=witchForest]:after{content:"🦉 🕷️ 🕸️";letter-spacing:8rem;z-index:2;opacity:.7;filter:drop-shadow(0 0 8px #6d4c9a99);font-size:2rem;animation:12s ease-in-out infinite forest-creatures;position:absolute;top:15%;left:10%;right:10%}.retro-app[data-theme=hauntedMidnight]{background:radial-gradient(circle at 85% 15%,#dcdcdc1a,#0000 30%),linear-gradient(#000,#1a1a1a 40%,#2c2c2c,#000)}.retro-app[data-theme=hauntedMidnight]:before{content:"🌕";opacity:.6;color:#e8e8e8;z-index:1;filter:drop-shadow(0 0 40px #e8e8e8cc);font-size:6rem;animation:3s ease-in-out infinite flickering-moonlight;position:absolute;top:8%;right:12%}.retro-app[data-theme=hauntedMidnight]:after{content:"🦇 🦇 🦇";letter-spacing:3rem;z-index:2;opacity:.7;font-size:1.8rem;animation:18s linear infinite bat-formation;position:absolute;top:30%;left:-200px}.retro-app[data-theme=graveyard]{background:radial-gradient(at bottom,#00e6761a,#0000 60%),linear-gradient(#121212,#2c2c2c 40%,#424242,#1a1a1a)}.retro-app[data-theme=graveyard]:before{content:"";z-index:1;background:linear-gradient(90deg,#0000,#00e6761a,#0000),repeating-linear-gradient(90deg,#4242424d 0,#0000 20px,#2c2c2c33 40px);width:100%;height:40%;animation:12s ease-in-out infinite graveyard-fog;position:absolute;bottom:0;left:0}.retro-app[data-theme=graveyard]:after{content:"🪦 ⚰️ 🪦";letter-spacing:4rem;opacity:.3;z-index:2;text-align:center;font-size:3rem;animation:10s ease-in-out infinite grave-mist;position:absolute;bottom:15%;left:20%;right:20%}.retro-app[data-theme=graveyard] .retro-container:before{content:"👻 😇 👻 😇 👻 😇 👻 😇 👻 😇";opacity:.15;z-index:3;pointer-events:none;filter:blur(.5px)drop-shadow(0 0 15px #00e67666);flex-wrap:wrap;justify-content:space-around;align-items:flex-start;width:100vw;height:100vh;padding:5% 3%;font-size:2.5rem;animation:25s linear infinite spirits-float;display:flex;position:fixed;top:0;left:0}.retro-app[data-theme=graveyard] .retro-container:after{content:"👤 💀 👤 💀 👤 💀";opacity:.08;z-index:2;pointer-events:none;filter:blur(1px);justify-content:space-between;align-items:center;width:120vw;height:60vh;font-size:1.8rem;animation:30s ease-in-out infinite shadow-drift;display:flex;position:fixed;top:20%;left:-10%}@keyframes large-blood-fall{0%{opacity:0;transform:translateY(-120px)}10%{opacity:1}90%{opacity:.8}to{opacity:0;transform:translateY(100vh)}}@keyframes haunting-sway{0%,to{transform:translate(0)scaleY(1)}25%{transform:translate(-15px)scaleY(1.03)}50%{transform:translate(10px)scaleY(.98)}75%{transform:translate(-8px)scaleY(1.02)}}@keyframes forest-creatures{0%,to{opacity:.7;transform:translateY(0)}25%{opacity:.9;transform:translateY(-10px)}50%{opacity:.6;transform:translateY(5px)}75%{opacity:.8;transform:translateY(-5px)}}@keyframes flickering-moonlight{0%,to{opacity:.6;filter:drop-shadow(0 0 40px #e8e8e8cc)brightness()}20%{opacity:.3;filter:drop-shadow(0 0 20px #e8e8e866)brightness(.7)}40%{opacity:.8;filter:drop-shadow(0 0 60px #e8e8e8)brightness(1.2)}60%{opacity:.4;filter:drop-shadow(0 0 30px #e8e8e899)brightness(.8)}80%{opacity:.7;filter:drop-shadow(0 0 50px #e8e8e8e6)brightness(1.1)}}@keyframes bat-swoop{0%{transform:translate(-100px)translateY(0)rotate(0)}25%{transform:translate(25vw)translateY(-50px)rotate(-15deg)}50%{transform:translate(50vw)translateY(20px)rotate(10deg)}75%{transform:translate(75vw)translateY(-30px)rotate(-5deg)}to{transform:translate(calc(100vw + 100px))translateY(0)rotate(0)}}@keyframes forest-sway{0%,to{transform:translate(0)scaleY(1)}50%{transform:translate(-10px)scaleY(1.02)}}@keyframes owl-watch{0%,70%,to{transform:rotate(0)scale(1)}10%,30%{transform:rotate(-15deg)scale(1.1)}50%{transform:rotate(15deg)scale(.9)}}@keyframes moon-phases{0%,to{opacity:.4;filter:drop-shadow(0 0 30px #ba68c8cc)brightness()}25%{opacity:.6;filter:drop-shadow(0 0 50px #ba68c8)brightness(1.3)}50%{opacity:.3;filter:drop-shadow(0 0 20px #ba68c899)brightness(.8)}75%{opacity:.5;filter:drop-shadow(0 0 40px #ba68c8e6)brightness(1.1)}}@keyframes bat-formation{0%{transform:translate(-200px)translateY(0)}30%{transform:translate(30vw)translateY(-40px)}60%{transform:translate(60vw)translateY(20px)}to{transform:translate(calc(100vw + 200px))translateY(-20px)}}@keyframes graveyard-fog{0%,to{opacity:.1;transform:translateY(0)}50%{opacity:.3;transform:translateY(-20px)}}@keyframes grave-mist{0%,to{opacity:.3;transform:translateY(0)scale(1)}50%{opacity:.5;transform:translateY(-10px)scale(1.05)}}@keyframes spirits-float{0%{opacity:0;transform:translateY(100vh)translate(0)rotate(0)}10%{opacity:.15}20%{transform:translateY(80vh)translate(-30px)rotate(5deg)}40%{transform:translateY(60vh)translate(20px)rotate(-3deg)}60%{transform:translateY(40vh)translate(-15px)rotate(8deg)}80%{transform:translateY(20vh)translate(25px)rotate(-5deg)}90%{opacity:.15}to{opacity:0;transform:translateY(-20vh)translate(0)rotate(0)}}@keyframes shadow-drift{0%,to{opacity:.08;transform:translate(-10%)translateY(0)scale(1)}25%{opacity:.12;transform:translate(-5%)translateY(-20px)scale(1.1)}50%{opacity:.06;transform:translate(5%)translateY(10px)scale(.9)}75%{opacity:.1;transform:translate(0)translateY(-15px)scale(1.05)}}.crt-overlay{pointer-events:none;z-index:1000;background:radial-gradient(#0000 40%,#0000004d);width:100%;height:100%;position:fixed;top:0;left:0}.scanlines{pointer-events:none;z-index:999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ff0008 2px 4px);width:100%;height:100%;animation:.15s linear infinite scanline-flicker;position:fixed;top:0;left:0}.skip-link{z-index:1001;color:#d4af37;background:#8b0000;border:2px solid #d4af37;padding:.5rem 1rem;font-family:Creepster,cursive;text-decoration:none;transition:transform .3s;position:absolute;top:1rem;left:1rem;transform:translateY(-100px)}.skip-link:focus{transform:translateY(0)}.retro-container{z-index:10;max-width:1400px;margin:0 auto;padding:2rem;position:relative}.retro-header{text-align:center;margin-bottom:3rem}.app-title{color:var(--color-secondary);text-shadow:0 0 20px var(--color-secondary),0 3px 0 var(--color-primary),0 6px 0 var(--color-accent),0 9px 15px #000c;margin-bottom:1rem;font-family:Nosifer,cursive;font-size:clamp(2.5rem,6vw,4rem);animation:3s ease-in-out infinite title-glow}.app-subtitle{color:#d4af37;text-shadow:2px 2px 4px #000c;margin-bottom:2rem;font-family:Butcherman,serif;font-size:clamp(1rem,2.5vw,1.3rem)}.theme-selector{justify-content:center;display:flex}.retro-nav{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:3rem;display:flex}.nav-tab{color:#d4af37;cursor:pointer;text-shadow:1px 1px 2px #000c;background:linear-gradient(45deg,#8b0000cc,#1e293bcc);border:2px solid #8b0000;padding:1rem 2rem;font-family:Creepster,cursive;font-size:clamp(.9rem,2vw,1.1rem);transition:all .3s;box-shadow:inset 0 1px #ffffff1a,0 4px 8px #0009}.nav-tab:hover{border-color:#d4af37;transform:translateY(-2px);box-shadow:inset 0 1px #fff3,0 6px 12px #000c}.nav-tab.active{background:linear-gradient(45deg,var(--color-secondary),var(--color-accent));color:#fff;border-color:#d4af37;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff4d,0 0 20px #dc143c99,0 6px 12px #000c}.retro-content{grid-template-columns:1fr 2fr;align-items:start;gap:3rem;display:grid}.retro-sidebar{background:linear-gradient(135deg,#141414e6,#281414e6);border:3px solid #8b0000;padding:2rem;position:sticky;top:2rem;box-shadow:inset 0 2px #8b00004d,0 8px 20px #000c}.retro-main{background:linear-gradient(135deg,#141414e6,#281414e6);border:3px solid #8b0000;padding:2rem;box-shadow:inset 0 2px #8b00004d,0 8px 20px #000c}.retro-footer{text-align:center;border-top:2px solid #8b0000;margin-top:4rem;padding:2rem}.footer-text{color:#d4af37;text-shadow:1px 1px 2px #000c;margin-bottom:1rem;font-family:Butcherman,serif}.back-to-landing{color:#8b0000;cursor:pointer;font-family:Creepster,cursive;text-decoration:underline;transition:color .3s}.back-to-landing:hover{color:var(--color-secondary);text-decoration:none}@keyframes scanline-flicker{0%,to{opacity:1}50%{opacity:.8}}@keyframes title-glow{0%,to{text-shadow:0 0 20px var(--color-secondary),0 3px 0 var(--color-primary),0 6px 0 var(--color-accent),0 9px 15px #000c}50%{text-shadow:0 0 40px var(--color-secondary),0 3px 0 var(--color-primary),0 6px 0 var(--color-accent),0 9px 20px #000000e6}}@media(max-width:768px){.retro-content{grid-template-columns:1fr;gap:2rem}.retro-nav{flex-direction:column;align-items:center}.nav-tab{width:100%;max-width:300px}}*{font-family:Butcherman,Griffy,serif!important}h1,h2,h3,h4,h5,h6{text-shadow:2px 2px 4px #000c;color:var(--color-secondary)!important;font-family:Creepster,cursive!important}body{font-family:Butcherman,Griffy,serif!important}p,span,div,label,button{font-family:Griffy,serif!important}.timer-text{color:var(--color-secondary);text-shadow:0 0 10px var(--color-secondary),0 0 20px var(--color-secondary),2px 2px 4px #000c;font-size:3rem;font-family:Eater,cursive!important}.stats-text{color:#d4af37;text-shadow:1px 1px 2px #0009;font-family:Griffy,serif!important}.spooky-number{color:#ff4500;text-shadow:0 0 5px #ff4500,1px 1px 2px #000c;font-size:2rem;font-family:Chiller,cursive!important}.retro-card{background:linear-gradient(135deg,#141414e6,#281414e6);border:3px solid #8b0000;margin:1.5rem 0;padding:2rem;box-shadow:inset 0 2px #8b00004d,0 8px 20px #000c}.retro-card h3{color:#ff4500;margin-bottom:1.5rem;font-size:1.5rem;font-family:Creepster,cursive!important}.retro-card p,.retro-card div{color:#d4af37;margin-bottom:1rem;line-height:1.6;font-family:Griffy,serif!important}.stats-display{font-family:Griffy,serif!important}.stats-display h2{text-shadow:0 0 20px var(--color-secondary),2px 2px 4px #000c;text-align:center;color:var(--color-secondary)!important;margin-bottom:2rem!important;font-family:Nosifer,cursive!important}.stats-display h3{text-shadow:0 0 10px #ff4500,1px 1px 2px #000c;color:#ff4500!important;margin-bottom:1.5rem!important;font-family:Creepster,cursive!important}.stats-summary{background:linear-gradient(135deg,#141414f2,#281414f2)!important;border:3px solid #8b0000!important;border-radius:0!important;margin-bottom:3rem!important;padding:2.5rem!important;box-shadow:inset 0 2px #8b00004d,0 12px 25px #000c!important}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem;display:grid}.stat-item{text-align:center;background:linear-gradient(45deg,#8b000033,#dc143c1a);border:2px solid #8b0000;padding:1.5rem;transition:all .3s;box-shadow:inset 0 1px #ffffff1a,0 4px 8px #0009}.stat-item:hover{border-color:#d4af37;transform:translateY(-2px);box-shadow:inset 0 1px #fff3,0 8px 16px #000c}.stat-label{text-shadow:1px 1px 2px #000c;text-transform:uppercase;letter-spacing:1px;color:#d4af37!important;margin-bottom:.5rem!important;font-family:Butcherman,serif!important;font-size:.9rem!important}.stat-value{text-shadow:0 0 10px #ff4500,2px 2px 4px #000c;font-weight:700;color:#ff4500!important;font-family:Chiller,cursive!important;font-size:2.5rem!important}.session-history{background:linear-gradient(135deg,#141414f2,#281414f2)!important;border:3px solid #8b0000!important;border-radius:0!important;padding:2.5rem!important;box-shadow:inset 0 2px #8b00004d,0 12px 25px #000c!important}.session-item{transition:all .3s;background:linear-gradient(45deg,#8b000026,#dc143c14)!important;border:2px solid #8b0000!important;border-radius:0!important;margin-bottom:1rem!important;padding:1.5rem!important;box-shadow:inset 0 1px #ffffff0d,0 4px 8px #0009!important}.session-item:hover{transform:translate(5px);border-color:#d4af37!important;box-shadow:inset 0 1px #ffffff1a,0 6px 12px #000c!important}.session-duration{text-shadow:0 0 5px var(--color-secondary),1px 1px 2px #000c;color:var(--color-secondary)!important;font-family:Eater,cursive!important;font-size:1.2rem!important}.session-date{text-shadow:1px 1px 2px #0009;color:#d4af37!important;font-family:Griffy,serif!important;font-size:.85rem!important}.session-badge{text-shadow:1px 1px 2px #000c;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(45deg,var(--color-primary),var(--color-secondary))!important;color:#d4af37!important;border:1px solid #d4af37!important;border-radius:0!important;padding:.3rem .8rem!important;font-family:Butcherman,serif!important;font-size:.75rem!important}.no-sessions{text-align:center;text-shadow:1px 1px 2px #000c;font-style:italic;color:#d4af37!important;padding:3rem!important;font-family:Butcherman,serif!important;font-size:1.1rem!important}.spooky-timer-container{flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex;font-family:Griffy,serif!important}.session-indicator{margin-bottom:2rem}.session-label{color:var(--color-secondary);text-shadow:0 0 10px var(--color-secondary),2px 2px 4px #000c;text-transform:uppercase;letter-spacing:2px;font-size:1.5rem;font-family:Creepster,cursive!important}.coffin-timer{margin:2rem 0;position:relative}.coffin-shape{clip-path:polygon(20% 0%,80% 0%,100% 30%,100% 70%,80% 100%,20% 100%,0% 70%,0% 30%);background:linear-gradient(135deg,#141414f2,#281414f2,#141414f2);border:4px solid #8b0000;flex-direction:column;justify-content:center;align-items:center;width:300px;height:400px;animation:3s ease-in-out infinite coffin-glow;display:flex;position:relative;box-shadow:inset 0 4px #8b00004d,0 15px 30px #000c,0 0 50px #dc143c33}.coffin-progress-container{background:#8b00004d;border:1px solid #8b0000;height:8px;position:absolute;bottom:20px;left:20px;right:20px;overflow:hidden}.coffin-progress-bar{background:linear-gradient(90deg,var(--color-secondary),var(--color-accent));height:100%;box-shadow:0 0 10px var(--color-secondary);transition:width .3s;animation:2s ease-in-out infinite progress-pulse}.coffin-timer-display{text-align:center;z-index:10;flex-direction:column;justify-content:center;align-items:center;display:flex}.timer-skull{margin-bottom:1rem;font-size:3rem;animation:2s ease-in-out infinite skull-bob}.timer-text{margin:1rem 0;animation:1.5s ease-in-out infinite timer-flicker;color:var(--color-secondary)!important;text-shadow:0 0 20px var(--color-secondary),0 0 40px var(--color-secondary),3px 3px 6px #000c!important;font-family:Eater,cursive!important;font-size:4rem!important}.timer-bones{gap:1rem;margin-top:1rem;font-size:1.5rem;animation:3s ease-in-out infinite bones-rattle;display:flex}.coffin-decorations{flex-direction:column;align-items:center;gap:1rem;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%)}.coffin-cross{color:#d4af37;text-shadow:0 0 10px #d4af37,1px 1px 2px #000c;font-size:2rem;animation:4s ease-in-out infinite cross-glow}.coffin-handles{color:#8b0000;gap:2rem;font-size:1.5rem;display:flex}.timer-status{justify-content:center;align-items:center;gap:1rem;margin-top:2rem;display:flex}.status-active,.status-paused{background:linear-gradient(45deg,#8b00004d,#dc143c33);border:2px solid #8b0000;align-items:center;gap:.5rem;padding:.8rem 1.5rem;display:flex;box-shadow:inset 0 1px #ffffff1a,0 4px 8px #0009}.status-text{text-shadow:1px 1px 2px #000c;text-transform:uppercase;letter-spacing:1px;font-size:1rem;color:#d4af37!important;font-family:Butcherman,serif!important}.pulse-dot{animation:1s ease-in-out infinite fire-pulse}.pause-icon{opacity:.7}@keyframes coffin-glow{0%,to{box-shadow:inset 0 4px #8b00004d,0 15px 30px #000c,0 0 50px #dc143c33}50%{box-shadow:inset 0 4px #8b000066,0 15px 30px #000000e6,0 0 80px #dc143c66}}@keyframes skull-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes timer-flicker{0%,to{text-shadow:0 0 20px var(--color-secondary),0 0 40px var(--color-secondary),3px 3px 6px #000c}50%{text-shadow:0 0 30px var(--color-secondary),0 0 60px var(--color-secondary),3px 3px 6px #000c}}@keyframes bones-rattle{0%,to{transform:rotate(0)}25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}@keyframes cross-glow{0%,to{text-shadow:0 0 10px #d4af37,1px 1px 2px #000c}50%{text-shadow:0 0 20px #d4af37,0 0 30px #d4af37,1px 1px 2px #000c}}@keyframes progress-pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes fire-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@media(max-width:768px){.coffin-shape{width:250px;height:320px}.timer-text{font-size:3rem!important}.session-label{font-size:1.2rem}}.audio-controls{z-index:1002;background:linear-gradient(45deg,#8b0000f2,#dc143ce6);border:3px solid #8b0000;align-items:center;gap:1rem;padding:1rem 1.5rem;animation:3s ease-in-out infinite audio-glow;display:flex;position:fixed;top:1rem;right:1rem;box-shadow:inset 0 2px #ffffff1a,0 8px 16px #000c,0 0 20px #dc143c4d}.audio-toggle{cursor:pointer;filter:drop-shadow(0 0 5px #ffffff4d);padding:.3rem;font-size:1.8rem;transition:all .3s;background:0 0!important;border:none!important}.audio-toggle:hover{filter:drop-shadow(0 0 10px #d4af37cc);transform:scale(1.2)rotate(5deg)}.volume-control{align-items:center;gap:.8rem;display:flex}.volume-icon{font-size:1.2rem;animation:2s ease-in-out infinite ghost-float}.volume-slider{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,#8b000080,#dc143c4d);border:2px solid #8b0000;outline:none;width:100px;height:6px;box-shadow:inset 0 1px #ffffff1a,0 2px 4px #0009}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;cursor:pointer;background:linear-gradient(45deg,#d4af37,gold);border:2px solid #8b0000;width:16px;height:16px;-webkit-transition:all .2s;transition:all .2s;box-shadow:0 0 8px #d4af37cc,inset 0 1px #ffffff4d}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 12px #d4af37,inset 0 1px #ffffff80}.volume-slider::-moz-range-thumb{cursor:pointer;background:linear-gradient(45deg,#d4af37,gold);border:2px solid #8b0000;border-radius:0;width:16px;height:16px;box-shadow:0 0 8px #d4af37cc,inset 0 1px #ffffff4d}.volume-label{text-shadow:1px 1px 2px #000c;text-align:center;min-width:35px;font-size:.9rem;color:#d4af37!important;font-family:Butcherman,serif!important}@keyframes audio-glow{0%,to{box-shadow:inset 0 2px #ffffff1a,0 8px 16px #000c,0 0 20px #dc143c4d}50%{box-shadow:inset 0 2px #fff3,0 8px 16px #000000e6,0 0 30px #dc143c80}}@keyframes ghost-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media(max-width:768px){.audio-controls{gap:.8rem;padding:.8rem 1rem;top:.5rem;right:.5rem}.volume-slider{width:80px}.audio-toggle{font-size:1.5rem}.volume-label{min-width:30px;font-size:.8rem}}.timer-overlay{z-index:9999;background:#000000e6;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s ease-out overlay-fade-in;display:flex;position:fixed;top:0;left:0}.scary-floating-emojis{pointer-events:none;z-index:10000;width:100%;height:100%;position:absolute;top:0;left:0}.scary-emoji{color:red;text-shadow:0 0 30px red,0 0 60px red;z-index:10001;font-size:6rem;position:absolute}.scary-emoji:first-child{animation:3s linear infinite fall-1;top:10%;left:10%}.scary-emoji:nth-child(2){animation:2s linear infinite fall-2;top:20%;left:30%}.scary-emoji:nth-child(3){animation:4s linear infinite crawl-1;top:30%;left:50%}.scary-emoji:nth-child(4){animation:2.5s linear infinite fall-1;top:40%;left:70%}.scary-emoji:nth-child(5){animation:3s linear infinite crawl-2;top:50%;left:90%}.scary-animation{text-shadow:0 0 30px red;z-index:10;font-size:8rem;animation:.5s ease-in-out infinite scary-shake;position:relative}@keyframes fall-1{0%{transform:translateY(-50px)}to{transform:translateY(100vh)}}@keyframes fall-2{0%{transform:translateY(-100px)rotate(0)}to{transform:translateY(100vh)rotate(360deg)}}@keyframes crawl-1{0%{transform:translate(-50px)}to{transform:translate(100vw)}}@keyframes crawl-2{0%{transform:translate(100vw)}to{transform:translate(-50px)}}@keyframes scary-shake{0%,to{transform:scale(1)rotate(0)}25%{transform:scale(1.1)rotate(-5deg)}75%{transform:scale(.9)rotate(5deg)}}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes scary-scroll{0%{transform:translate(0)}to{transform:translate(50%)}}@keyframes scary-scroll-reverse{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scary-intense{0%,to{filter:hue-rotate();transform:translate(0)rotate(0)scale(1)}25%{filter:hue-rotate(90deg);transform:translate(-20px)rotate(-10deg)scale(1.2)}50%{filter:hue-rotate(180deg);transform:translate(20px)rotate(10deg)scale(.8)}75%{filter:hue-rotate(270deg);transform:translate(-15px)rotate(-8deg)scale(1.1)}}.cute-animation{font-size:6rem;animation:.8s ease-in-out infinite cute-bounce}.scary-animation{text-shadow:0 0 50px red,0 0 100px red;font-size:10rem;animation:.3s ease-in-out infinite scary-intense}@keyframes cute-bounce{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-20px)scale(1.1)}}.success-mode{animation:.5s ease-in-out infinite alternate success-pulse;background:linear-gradient(45deg,#ffd700e6,#ff8c00e6)!important}.success-floating-emojis{pointer-events:none;z-index:1002;width:100%;height:100%;position:absolute;top:0;left:0}.success-emoji{opacity:.9;font-size:3rem;animation:3s ease-in-out infinite success-float;position:absolute}.success-emoji:first-child{animation-delay:0s;top:10%;left:20%}.success-emoji:nth-child(2){animation-delay:.5s;top:20%;right:15%}.success-emoji:nth-child(3){animation-delay:1s;bottom:30%;left:10%}.success-emoji:nth-child(4){animation-delay:1.5s;bottom:20%;right:25%}.success-emoji:nth-child(5){animation-delay:2s;top:50%;left:50%}.success-animation{text-shadow:0 0 30px #ffd700cc;font-size:6rem;animation:1s ease-in-out infinite success-bounce}@keyframes success-pulse{0%{opacity:.8}to{opacity:1}}@keyframes success-float{0%,to{transform:translateY(0)rotate(0)scale(1)}25%{transform:translateY(-20px)rotate(5deg)scale(1.1)}50%{transform:translateY(-10px)rotate(-3deg)scale(1.05)}75%{transform:translateY(-15px)rotate(2deg)scale(1.08)}}@keyframes success-bounce{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.2)rotate(5deg)}}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
