*{margin:0;padding:0;box-sizing:border-box}body{background-color:#000000;color:#fcecc1;font-family:system-ui,-apple-system,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:IM Fell English,serif!important;letter-spacing:.02em;text-shadow:0 0 10px rgba(220,38,38,.5);font-weight:400;margin-bottom:1rem}h1{font-size:4rem;line-height:1.1}h2{font-size:2.5rem;line-height:1.2}h3{font-size:2rem;line-height:1.3}h4{font-size:1.5rem;line-height:1.4}h5{font-size:1.25rem;line-height:1.5}h6{font-size:1rem;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{top:0;right:0;bottom:0;left:0}.z-10{z-index:10}.z-50{z-index:50}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease;font-size:1rem}.btn-primary{background-color:#dc2626;color:#fcecc1;border:1px solid #dc2626}.btn-primary:hover{background-color:#b91c1c}.btn-outline{background-color:transparent;color:#dc2626;border:1px solid #dc2626}.btn-outline:hover{background-color:rgba(220,38,38,.1)}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.btn-icon{width:3rem;height:3rem;border-radius:50%;padding:0}.card{border:1px solid rgba(220,38,38,.3);border-radius:.5rem;overflow:hidden}.card-header{border-bottom:1px solid rgba(220,38,38,.3)}.card-content,.card-header{padding:1.5rem}.card-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.tabs{width:100%}.tabs-list{display:flex;background-color:rgba(127,29,29,.3);border-radius:.5rem;padding:.25rem}.tabs-trigger{flex:1;padding:.75rem 1rem;background:transparent;border:none;color:#fcecc1;cursor:pointer;border-radius:.25rem;transition:background-color .2s}.tabs-trigger.active{background-color:#dc2626}.tabs-content{margin-top:1rem;padding:1.5rem;background-color:rgba(0,0,0,.6);border:1px solid rgba(220,38,38,.3);border-radius:.5rem}.hero-section{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-bg{width:100%;height:100%;z-index:0}.hero-bg,.hero-bg:before{position:absolute;top:0;left:0}.hero-bg:before{content:"";right:0;bottom:0;background:linear-gradient(90deg,rgba(0,0,0,.8) 0,transparent 15%,transparent 85%,rgba(0,0,0,.8));z-index:1;pointer-events:none}.hero-content{position:relative;z-index:10;text-align:center;max-width:800px;padding:0 1rem}.hero-title{display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.hero-title h1{font-size:clamp(3rem,8vw,8rem);color:#dc2626;margin:0 1rem;font-family:IM Fell English,serif!important;text-shadow:2px 2px 8px rgba(0,0,0,.8),0 0 20px rgba(0,0,0,.6)}.hero-subtitle{font-size:clamp(1.25rem,3vw,2rem);color:#fcecc1;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto;text-shadow:1px 1px 4px rgba(0,0,0,.8),0 0 10px rgba(0,0,0,.6)}.hero-buttons{display:flex;flex-direction:column;gap:1rem;align-items:center}.section{padding:0 0 40px}.section-title{text-align:center;margin-bottom:.5rem;color:#fcecc1;font-family:IM Fell English,serif!important}.section-title span{color:#dc2626}.showcase-container{width:85%;margin:0 auto;position:relative}.showcase-card{position:relative;border-radius:.5rem;overflow:hidden;border:2px solid rgba(220,38,38,.3);box-shadow:0 0 15px rgba(220,38,38,.5);width:100%}.showcase-image{width:100%;aspect-ratio:1024/500;object-fit:cover}.showcase-overlay{position:absolute;bottom:0;left:0;right:0;padding:2rem;background:linear-gradient(0deg,rgba(0,0,0,1),rgba(0,0,0,0));text-align:center}.showcase-title{font-size:clamp(1.5rem,4vw,3rem);color:#fcecc1;margin-bottom:1rem;font-family:IM Fell English,serif!important}.showcase-description{color:#fcecc1;max-width:600px;margin:0 auto}.showcase-nav{position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(127,29,29,.8);border:1px solid #dc2626;border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.showcase-nav:hover{background-color:#dc2626}.showcase-nav.prev{left:1rem}.showcase-nav.next{right:1rem}.showcase-dots{display:flex;justify-content:center;gap:.5rem;margin-top:1rem}.showcase-dot{width:2rem;height:.5rem;border-radius:.25rem;background-color:rgba(127,29,29,.5);cursor:pointer;transition:background-color .2s}.showcase-dot.active{background-color:#dc2626}.leaderboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.leaderboard-title{display:flex;align-items:center;color:#fcecc1;font-family:IM Fell English,serif!important}.leaderboard-title svg{margin-right:.5rem;color:#dc2626}.leaderboard-scroll-container{max-height:320px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#7f1d1d #0f0f0f}.leaderboard-scroll-container::-webkit-scrollbar{width:8px}.leaderboard-scroll-container::-webkit-scrollbar-track{background:rgba(15,15,15,.5);border-radius:4px}.leaderboard-scroll-container::-webkit-scrollbar-thumb{background:#7f1d1d;border-radius:4px}.leaderboard-scroll-container::-webkit-scrollbar-thumb:hover{background:#b91c1c}.leaderboard-table{width:100%;border-collapse:collapse}.leaderboard-table th{padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:500;color:#fcecc1;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(127,29,29,.3);position:sticky;top:0;background-color:rgba(0,0,0,.9);z-index:1}.leaderboard-table td:last-child,.leaderboard-table th:last-child{text-align:right}.leaderboard-table td{padding:1rem;border-bottom:1px solid rgba(127,29,29,.2)}.leaderboard-table tr:hover{background-color:rgba(127,29,29,.3)}.rank-cell{display:flex;align-items:center}.rank-number{font-weight:700;font-size:1.125rem;margin-right:.5rem}.rank-1{color:#fbbf24}.rank-2{color:#d1d5db}.rank-3{color:#d97706}.player-name,.rank-other{color:#fcecc1}.player-name{font-weight:500}.player-level{color:#fcecc1}.player-score{color:#fcecc1;font-weight:700}.music-player{position:fixed;bottom:1.5rem;right:1.5rem;z-index:50}.music-button{background-color:rgba(127,29,29,.8);border:1px solid #dc2626;border-radius:50%;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s;box-shadow:0 0 10px rgba(220,38,38,.5)}.music-button:hover{background-color:#dc2626}.footer{padding:3rem 0;background-color:rgba(127,29,29,.3)}.footer-content{flex-direction:column;gap:1.5rem}.footer-brand,.footer-content{display:flex;align-items:center}.footer-brand svg{margin-right:.5rem;color:#dc2626}.footer-brand span{font-size:2rem;font-weight:700;color:#fcecc1;font-family:IM Fell English,serif!important}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:#fcecc1;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#fcecc1}.footer-copyright{text-align:center;color:rgba(220,38,38,.6);font-size:.875rem;margin-top:2rem}@media (min-width:640px){.hero-buttons{flex-direction:row;justify-content:center}.footer-content{flex-direction:row;justify-content:space-between}}@media (min-width:768px){.container{padding:0 2rem}h1{font-size:5rem}h2{font-size:3rem}}@media (min-width:1024px){.container{padding:0 3rem}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0f0f0f}::-webkit-scrollbar-thumb{background:#7f1d1d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#b91c1c}:root{--color-primary:#dc2626;--color-primary-dark:#b91c1c;--color-bg-primary:#000000;--color-bg-secondary:#450a0a;--color-text-primary:#fcecc1;--color-text-accent:#dc2626;--spacing-section:40px;--container-width:85%;--font-primary:"IM Fell English",serif;--gradient-fade-up:linear-gradient(0deg,rgba(0,0,0,1),transparent);--gradient-fade-down:linear-gradient(180deg,rgba(0,0,0,1),transparent)}.hero-section-layout{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-bg-layout{background-image:url(/hero-tavern-background.png);background-size:75%;background-position:50%;background-repeat:no-repeat}.hero-content-layout{position:relative;z-index:10}.hero-logo{height:clamp(8rem,15vw,12rem);display:block;margin:1rem auto 0}.hero-logo,.hero-title-image{width:auto;filter:drop-shadow(2px 2px 8px rgba(0,0,0,.8))}.hero-title-image{height:clamp(12rem,22.5vw,18rem)}.hero-title-container{margin-bottom:.5rem;margin-left:20px}.gradient-overlay-bottom{position:absolute;bottom:0;left:0;right:0;height:200px;background:var(--gradient-fade-up);z-index:1;pointer-events:none}.section-layout{background:linear-gradient(to bottom,var(--color-bg-primary),var(--color-bg-secondary));padding-top:0;padding-bottom:var(--spacing-section)}.section-container{position:relative}.showcase-wrapper{margin-bottom:var(--spacing-section)}.download-section{color:var(--color-text-primary);margin-bottom:1rem;text-align:center;font-family:var(--font-primary);font-variant:small-caps}.download-buttons-container{margin-bottom:0}.download-buttons-flex{display:flex;flex-direction:row;gap:1rem;align-items:center;justify-content:center;flex-wrap:wrap}.download-btn{background-size:100% 100%;background-position:50%;background-repeat:no-repeat;border:none;color:var(--color-text-primary);font-family:var(--font-primary);cursor:pointer;transition:background-image .2s ease}.download-btn-apple{background-image:url(https://hebbkx1anhila5yf.public.blob.vercel-storage.com/ButtonBG-tUhQOboYw2kJ3sS9vXcql74yrO31pX.png)}.download-btn-apple:hover{background-image:url(https://hebbkx1anhila5yf.public.blob.vercel-storage.com/ButtonBGHover-s5mmysPh8VYhxMZdKMnSZ2vYHX2MA5.png)}.download-btn-google{background-image:url(https://hebbkx1anhila5yf.public.blob.vercel-storage.com/ButtonBG-tUhQOboYw2kJ3sS9vXcql74yrO31pX.png)}.download-btn-google:hover{background-image:url(https://hebbkx1anhila5yf.public.blob.vercel-storage.com/ButtonBGHover-s5mmysPh8VYhxMZdKMnSZ2vYHX2MA5.png)}.download-btn-steam{width:200px;background-image:url(https://hebbkx1anhila5yf.public.blob.vercel-storage.com/ButtonBG-tUhQOboYw2kJ3sS9vXcql74yrO31pX.png)}.download-btn-steam:hover{background-image:url(https://hebbkx1anhila5yf.public.blob.vercel-storage.com/ButtonBGHover-s5mmysPh8VYhxMZdKMnSZ2vYHX2MA5.png)}.btn-icon{width:20px;height:20px;margin-right:8px}.rules-section{background-color:var(--color-bg-primary);padding-bottom:20px}.rules-section-bg{padding-top:var(--spacing-section);background:linear-gradient(to bottom,var(--color-bg-secondary) 0,var(--color-bg-primary) 80px,var(--color-bg-primary) 100%);width:100%;padding-left:1rem;padding-right:1rem}.rules-content{max-width:768px;margin:0 auto}.rules-list{list-style:none;padding:0;font-family:var(--font-primary)}.rules-item{display:flex;align-items:flex-start;margin-bottom:1rem}.rules-bullet{color:var(--color-text-accent);margin-right:.5rem}.rules-subbullet{color:#fca5a5;margin-right:.5rem}.rules-text{color:var(--color-text-primary);margin:0}.rules-subitem{margin-left:1rem}.video-section-layout{position:absolute;left:0;right:0;z-index:3}.video-gradient-top{top:0;height:50px;background:var(--gradient-fade-down)}.video-gradient-bottom{bottom:0;height:100px;background:var(--gradient-fade-up)}.video-container-width{width:var(--container-width);margin:0 auto}.learn-section{padding-top:100px}.learn-icon-container{display:flex;justify-content:center;margin-bottom:1rem}.learn-icon{width:68px;height:51px;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.5))}.leaderboard-section{background-color:var(--color-bg-primary);border-bottom:none}.leaderboard-container{font-family:var(--font-primary)}.footer-layout{position:relative}.footer-content-layout{flex-direction:column;align-items:center;gap:1.5rem;margin:0}.footer-brand-layout{margin-top:-20px;margin-bottom:-30px}.footer-logo{height:192px;width:128px;filter:drop-shadow(2px 2px 8px rgba(0,0,0,.8))}.footer-gradient-top{top:0;background:var(--gradient-fade-down)}.footer-gradient-bottom,.footer-gradient-top{position:absolute;left:0;right:0;height:100px;z-index:3}.footer-gradient-bottom{opacity:0;bottom:0;background:var(--gradient-fade-up)}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.animate-bounce{animation:bounce 1s infinite}.video-section{padding:5rem 0;position:relative;background-image:url(/video-background.png);background-size:cover;background-position:50%;background-attachment:fixed}.video-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);z-index:1}.video-section .container{position:relative;z-index:2}.video-container{max-width:1000px;margin:0 auto;border-radius:.5rem;overflow:hidden;border:2px solid #dc2626;box-shadow:0 0 15px rgba(220,38,38,.5)}.video-placeholder{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.8);flex-direction:column;gap:1rem}.video-placeholder p{color:#fcecc1;font-size:.875rem}