.content-section,.header-main,.hero-section{margin-left:auto;margin-right:auto}#category-buttons-container,.header-main,.header-top{background-color:var(--dark-secondary)}#message-box,#sticky-cta-button,.chart-label,.game-time,.game-title,.hero-section,.local-time-display{text-align:center}#back-to-top-button,#message-box button{background-color:#4299e1;cursor:pointer}:root{--primary-red:#9b0707;--dark-bg:#101010;--dark-secondary:#1a1e24;--text-light:#e2e8f0;--text-gray:#cbd5e0;--rtp-green:#48bb78;--rtp-yellow:#f59e0b;--rtp-red:#ef4444;--lime-button:#6ee7b7;--lime-button-hover:#4ade80}body{font-family:Inter,sans-serif;background-color:var(--dark-bg);color:var(--text-light);line-height:1.6;margin-bottom:70px}.header-top{padding:10px 0;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.1)}.header-top-text{font-size:.875rem;color:var(--text-gray);white-space:nowrap;animation:15s linear infinite marquee}@keyframes marquee{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}.local-time-display{font-size:.75rem;color:var(--text-gray);margin-top:4px}.header-main{padding:1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;box-shadow:0 4px 10px rgba(0,0,0,.3);position:sticky;top:0;z-index:100;max-width:1295px}.header-main .site-logo{height:40px;margin-right:1rem}.header-main .site-name{font-size:1.5rem;font-weight:700;color:#fff}.nav-buttons{display:flex;align-items:center;flex-wrap:wrap;margin-top:.5rem;gap:.5rem}.nav-buttons .btn{padding:.5rem 1rem;border-radius:.375rem;font-weight:700;cursor:pointer;flex-grow:1;transition:background-color .2s;border:none}.cta-button.secondary,.nav-buttons .btn-login{background-color:#4a5568;color:#fff}.cta-button.primary,.nav-buttons .btn-register{background-color:var(--primary-red);color:#fff}.category-button:hover:not(.active),.cta-button.secondary:hover,.nav-buttons .btn-login:hover{background-color:#5a647d}.cta-button.primary:hover,.hero-cta-button:hover,.nav-buttons .btn-register:hover{background-color:#c53030}.category-button.active,.hero-cta-button{background-color:var(--primary-red);color:#fff}.hero-section{padding:2rem 1rem;color:#fff;zoom:78%;max-width:1690px}.hero-title{font-size:3rem;font-weight:800;margin-bottom:1rem}.hero-subtitle{font-size:1.25rem;margin-bottom:2rem}.hero-cta-button{padding:1rem 2rem;border-radius:.5rem;font-size:1.125rem;font-weight:700;transition:background-color .2s}.content-section{padding:2rem 1rem;max-width:1280px}#category-buttons-container{padding:1.5rem;border-radius:.75rem;box-shadow:inset 0 2px 4px rgba(0,0,0,.2);display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,min-content);gap:.75rem;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:1rem;justify-content:start}.category-button{background-color:#4a5568;color:var(--text-gray);padding:.75rem 1.25rem;border-radius:.5rem;cursor:pointer;font-weight:600;flex-shrink:0;transition:background-color .2s,transform .2s;white-space:nowrap}.category-button.active{transform:translateY(-2px);box-shadow:0 2px 5px rgba(0,0,0,.3)}.filter-section{background-color:var(--dark-secondary);padding:1.5rem;border-radius:.75rem;box-shadow:inset 0 2px 4px rgba(0,0,0,.2);display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;justify-content:center;align-items:center}.filter-section label{color:var(--text-gray);font-size:.875rem}#simulation-results p,.modal-input-group label{font-size:.9rem;margin-bottom:.5rem}.filter-section input,.filter-section select{background-color:#4a5568;color:#fff;border-radius:.375rem;padding:.5rem .75rem;border:1px solid #4a5568;outline:0;transition:border-color .2s}.filter-section input:focus,.filter-section select:focus,.modal-input-group input:focus{border-color:#63b3ed;box-shadow:0 0 0 2px rgba(99,179,237,.5)}.filter-section .relative .search-button{background:0 0;border:none;padding:0;margin:0;color:var(--text-gray)}.game-card{background:radial-gradient(#ff0c0c,#2d0202e0);border-radius:.75rem;overflow:hidden;box-shadow:0 10px 15px -3px rgba(0,0,0,.2),0 4px 6px -2px rgba(0,0,0,.1);display:flex;flex-direction:column;border:1px solid #2d3748;transition:transform .2s ease-out,box-shadow .2s ease-out}.game-card:hover{transform:translateY(-5px);box-shadow:0 15px 20px -5px rgba(0,0,0,.3),0 6px 8px -3px rgba(0,0,0,.15)}.game-image{width:100%;height:178px;object-fit:cover;border-bottom:2px solid #2d3748}.game-title{background-color:#1f2937;font-size:1.125rem;font-weight:700;color:#fff;padding:.75rem .5rem}.rtp-bar-new{height:40px;display:flex;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;border-radius:20px;position:relative;overflow:hidden;margin:.75rem 1rem;background-color:#4a5568}.rtp-bar-inner{height:100%;position:absolute;top:0;left:0;border-radius:20px;transition:width .5s ease-in-out,background-color .3s ease-in-out;z-index:0;background-image:linear-gradient(-45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);background-size:40px 40px;animation:2s linear infinite move-stripes}.rtp-bar-new span{position:relative;z-index:1;text-shadow:1px 1px 2px rgba(0,0,0,.7)}@keyframes move-stripes{0%{background-position:0 0}100%{background-position:40px 0}}.chart-bar.green,.dot.green,.rtp-bar-new.rtp-green .rtp-bar-inner{background-color:var(--rtp-green)}.chart-bar.yellow,.rtp-bar-new.rtp-yellow .rtp-bar-inner{background-color:var(--rtp-yellow)}.chart-bar.red,.dot.red,.rtp-bar-new.rtp-red .rtp-bar-inner{background-color:var(--rtp-red)}.simulation-button{background-color:#ffeb3b;color:#1f2937;padding:0 .5rem;border-radius:9999px;font-weight:800;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);display:block;width:fit-content;margin:0 auto .75rem;transition:background-color .2s;border:none}#back-to-top-button,.modal{opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.simulation-button:hover{background-color:var(--lime-button-hover)}#simulate-button:disabled,.simulation-button:disabled{opacity:.6;cursor:not-allowed}.game-time{color:#fbbf24;font-weight:600;font-size:1rem;padding:.5rem 1rem}.pattern-container{padding:0 1rem 1rem}.pattern-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem;font-size:.95rem;font-weight:500;color:var(--text-gray)}#sticky-cta-button,.modal{left:0;justify-content:center;position:fixed}.dot{width:22px;height:22px;border-radius:50%;margin:0 6px;display:inline-block;border:1px solid rgba(255,255,255,.2)}.pattern-unavailable{color:var(--rtp-red);font-weight:700;text-align:center;padding:.5rem 1rem;font-size:.875rem}.modal{top:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);display:flex;align-items:center;z-index:1000}#back-to-top-button.visible,.modal.visible{opacity:1;visibility:visible}.modal-content{background-color:var(--dark-secondary);padding:2rem;border-radius:.75rem;max-width:500px;width:90%;box-shadow:0 5px 15px rgba(0,0,0,.3);position:relative;transform:translateY(-20px);transition:transform .3s ease-out,opacity .3s ease-out}.modal.visible .modal-content{transform:translateY(0);opacity:1}.modal-close-button{position:absolute;top:10px;right:10px;background:0 0;border:none;color:var(--text-gray);font-size:1.5rem;cursor:pointer;transition:color .2s}#sticky-cta-button,.chart-bar{background-color:var(--primary-red)}.modal-close-button:hover{color:#fff}.modal-input-group label{display:block;color:var(--text-gray)}.modal-input-group input{width:100%;padding:.75rem;border-radius:.375rem;border:1px solid #4a5568;background-color:#4a5568;color:#fff;outline:0;transition:border-color .2s}#simulate-button{width:100%;background-color:#b30000;color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:700;transition:background-color .2s;border:none;margin-bottom:1rem}#simulate-button:hover{background-color:#e9c837}.chart-container{display:flex;justify-content:space-around;align-items:flex-end;height:150px;border-bottom:1px solid #4a5568;margin-top:1rem;padding-bottom:5px;position:relative}.chart-bar-wrapper{display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;position:relative;flex-grow:1;margin:0 5px}.chart-bar{width:30px;border-radius:4px 4px 0 0;position:relative;transition:height .5s ease-in-out,background-color .5s ease-in-out;min-height:5px}#message-box button,#simulate-again-link,#sticky-cta-button button,.cta-button{transition:background-color .2s}.chart-value{position:absolute;top:-20px;color:#fff;font-size:.875rem;font-weight:700;white-space:nowrap}.chart-label{position:absolute;bottom:-20px;color:var(--text-gray);font-size:.75rem;width:100%}#simulation-results{margin-top:1rem;padding-top:1rem;border-top:1px solid #4a5568}.rtp-red-text{color:var(--rtp-red)}.rtp-yellow-text{color:var(--rtp-yellow)}.rtp-green-text{color:var(--rtp-green)}.modal-cta-section{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.cta-button{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:700;cursor:pointer;width:100%;border:none}#simulate-again-link{display:inline-flex;align-items:center;color:#63b3ed;font-weight:600;margin-top:1rem;padding:.5rem 1rem;border-radius:.375rem;text-decoration:none}#simulate-again-link:hover{background-color:rgba(99,179,237,.1);color:#4299e1}#simulate-again-link svg{margin-left:.5rem}#message-box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#333;color:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.2);z-index:1001;display:flex;flex-direction:column;align-items:center;gap:10px;max-width:80%;border:1px solid #4a5568}#message-box button{color:#fff;padding:8px 15px;border:none;border-radius:5px}#back-to-top-button:hover,#message-box button:hover{background-color:#3182ce}#sticky-cta-button{bottom:0;width:100%;color:#fff;padding:1rem;display:flex;align-items:center;z-index:999;box-shadow:0 -2px 10px rgba(0,0,0,.3);transform:translateY(100%);transition:transform .3s ease-out}#sticky-cta-button.visible{transform:translateY(0)}#sticky-cta-button button{background-color:#fff;color:var(--primary-red);padding:.6rem 1rem;border-radius:.5rem;font-weight:700;border:none;margin-left:1rem}#sticky-cta-button button:hover{background-color:#f0f0f0}#back-to-top-button{position:fixed;bottom:80px;right:20px;color:#fff;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;font-size:1.5rem;z-index:998}@media (max-width:767px){.header-main{padding:.75rem}.header-main .site-logo{height:32px}.header-main .site-name{font-size:1.25rem;display:none}.hero-section{padding:2.5rem 1rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-cta-button{padding:.8rem 1.5rem;font-size:1rem}.nav-buttons{width:100%;justify-content:space-between;margin-top:1rem}.filter-section{flex-direction:column;align-items:stretch;padding:1rem;gap:.75rem;margin-bottom:1.5rem}.filter-section input,.filter-section select,.filter-section>div{width:100%}#category-buttons-container{padding:1rem;margin-bottom:1rem}.game-list-container{grid-template-columns:repeat(2,minmax(0,1fr))}.simulation-button{padding:.8rem 1.25rem;font-size:.9rem}.modal-content{width:95%;padding:1.5rem;border-radius:.5rem;margin:.5rem}.modal-content h3{font-size:1.5rem}.modal-input-group input{padding:.6rem}.chart-container{height:120px}.chart-bar{width:25px}.chart-value{font-size:.75rem;top:-15px}.chart-label{font-size:.65rem;bottom:-15px}#message-box p,#sticky-cta-text,.cta-button{font-size:.9rem}#message-box{padding:15px}#message-box button{padding:8px 12px;font-size:.85rem}.cta-button{padding:.6rem 1rem}#sticky-cta-button{padding:.75rem;font-size:.9rem;flex-direction:column;gap:.5rem}#sticky-cta-button button{padding:.5rem .8rem;font-size:.8rem;margin-left:0;width:90%}#back-to-top-button{width:36px;height:36px;font-size:1.2rem;bottom:15px;right:15px}}@media (min-width:768px){.nav-buttons{margin-top:0}.nav-buttons .btn{flex-grow:0;margin:0 .25rem}.filter-section{justify-content:flex-start}.game-list-container{grid-template-columns:repeat(3,minmax(0,1fr))}#sticky-cta-button{justify-content:center;gap:20px}.filter-section .ml-auto{margin-left:0}.header-main .site-name{display:block}}@media (min-width:1024px){.game-list-container{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1280px){.game-list-container{grid-template-columns:repeat(5,minmax(0,1fr))}}