.custom-breadcrumb{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.custom-breadcrumb-item{font-weight:500;margin-right:.5rem}.custom-breadcrumb-item:after{content:"/";margin-left:.5rem}.custom-breadcrumb-item:last-child:after{content:""}
.btn-download{align-items:center;border:none;border-radius:6px;display:inline-flex;font-size:1.1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}html:not(.dark-mode) .btn-download{background-color:#212529;color:#fff}html:not(.dark-mode) .btn-download:hover{background-color:#343a40;transform:scale(1.05)}html.dark-mode .btn-download{background-color:#f0f0f0;color:#1e1e1e}html.dark-mode .btn-download:hover{background-color:#e0e0e0;transform:scale(1.05)}
.card{background-color:#fff;border-color:#ccc;color:#212529}.dark-mode .card{background-color:#2a2a2a;border-color:#444;color:#f0f0f0}.badge-subtle{background-color:#f8f9fa;border:1px solid #ced4da;color:#212529;font-size:.85rem;padding:.35em .6em}
.hero-section{align-items:center;background-image:url(/images/background3.png);background-position:50%;background-size:cover;display:flex;justify-content:center;min-height:500px;overflow:hidden;position:relative}.hero-section:before{background:rgba(0,0,0,.45);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.dark-mode .hero-section:before{background:rgba(0,0,0,.2)}.hero-content{padding:2rem;position:relative;text-align:center;z-index:3}.hero-content h1,.hero-content p{color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.7)}.fog-layer{animation:driftFog 60s linear infinite;background:url(/images/fog.png) repeat;filter:blur(2px);height:100%;left:0;opacity:.2;position:absolute;top:0;width:100%;z-index:1}@keyframes driftFog{0%{transform:translateX(0)}to{transform:translateX(100px)}}
.custom-modal{background-color:#fff;border-radius:8px;color:#212529}html.dark-mode .custom-modal{background-color:#1e1e1e;color:#f0f0f0}
.theme-light{--nav-link:#212529;--nav-hover:#0a58ca;--dropdown-bg:#fff;--dropdown-hover:#e0e0e0}.theme-dark{--nav-link:#f0f0f0;--nav-hover:#ffc107;--dropdown-bg:#2c2c2c;--dropdown-hover:#444}.custom-nav{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;padding:.5rem 0;width:inherit}html:not(.dark-mode) .custom-nav{background-color:#f8f8f8}html.dark-mode .custom-nav{background-color:#2f2d2d}.custom-nav .nav-link{color:var(--nav-link);padding:.5rem .75rem;transition:color .3s ease}.custom-nav .nav-link:hover{color:var(--nav-hover)}html:not(.dark-mode) .custom-nav .nav-link:hover{background-color:#e0e0e0;border-radius:4px;color:#0a58ca}html.dark-mode .custom-nav .nav-link:hover{background-color:#444;border-radius:4px;color:#ffc107}.custom-nav .nav-link{transition:background-color .3s ease,color .3s ease}.custom-nav .dropdown-menu{border-radius:4px;display:none;left:0;margin-top:.25rem;min-width:10rem;position:absolute;top:100%;z-index:1000}.custom-nav .dropdown-menu.show,.custom-nav .nav-item:hover>.dropdown-menu{display:block}html:not(.dark-mode) .custom-nav .dropdown-menu{background-color:#fff;border:1px solid #ccc;color:#212529}html:not(.dark-mode) .custom-nav .dropdown-item{color:#212529}html:not(.dark-mode) .custom-nav .dropdown-item:hover{background-color:#e0e0e0;color:#212529}html.dark-mode .custom-nav .dropdown-menu{background-color:#2c2c2c;border:1px solid #444;color:#f0f0f0}html.dark-mode .custom-nav .dropdown-item{color:#f0f0f0}html.dark-mode .custom-nav .dropdown-item:hover{background-color:#444;color:#ffc107}.theme-toggle-btn{border:1px solid transparent;transition:all .3s ease}html:not(.dark-mode) .theme-toggle-btn{background-color:#f8f9fa;border-color:#212529;color:#212529}html:not(.dark-mode) .theme-toggle-btn:hover{background-color:#212529;color:#fff}html.dark-mode .theme-toggle-btn{background-color:#2c2c2c;border-color:#f0f0f0;color:#f0f0f0}html.dark-mode .theme-toggle-btn:hover{background-color:#f0f0f0;box-shadow:0 0 8px hsla(0,0%,100%,.3);color:#1e1e1e}html:not(.dark-mode) .dropdown-menu{background-color:#fff;border:1px solid #ccc;color:#212529}html:not(.dark-mode) .dropdown-item{color:#212529}html:not(.dark-mode) .dropdown-item:hover{background-color:#e0e0e0;color:#212529}html.dark-mode .dropdown-menu{background-color:#2c2c2c;border:1px solid #444;color:#f0f0f0}html.dark-mode .dropdown-item{color:#f0f0f0}html.dark-mode .dropdown-item:hover{background-color:#444;color:#ffc107}.nav-bg{box-shadow:0 2px 8px rgba(0,0,0,.3);width:100%}html:not(.dark-mode) .nav-bg{background-color:#f8f8f8}html.dark-mode .nav-bg{background-color:#2f2d2d}
.pagination{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;padding:1rem 0}.pagination .page-link{background-color:#fff;color:#212529}html.dark-mode .pagination .page-link{background-color:#2a2a2a;color:#f0f0f0}
:root{--rules-accent:#0d6efd;--rules-muted:#6c757d;--rules-border:rgba(0,0,0,.1);--rules-text:#212529;--rules-card-bg:#f8f9fa;--rules-card-text:#212529}[data-bs-theme=dark]{--rules-border:hsla(0,0%,100%,.1);--rules-text:#f8f9fa;--rules-card-bg:#121417;--rules-card-text:#f8f9fa}.rules-card{background-color:var(--rules-card-bg);border:1px solid var(--rules-border);border-radius:.75rem;box-shadow:0 .25rem .5rem rgba(0,0,0,.05);color:var(--rules-card-text);padding:1.5rem;transition:background-color .3s ease,color .3s ease}.rules-container{color:var(--rules-text);padding:3rem 1rem}.rules-title{color:var(--rules-accent);font-size:2rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.rules-subtitle{color:var(--rules-muted);font-size:1.2rem;margin-bottom:2rem;text-align:center}.rules-section-title{color:var(--rules-card-text);font-size:1.25rem;font-weight:600;margin-bottom:1rem}.rules-list{list-style:disc;margin-bottom:0;padding-left:1.5rem}.rules-list li{color:var(--rules-card-text);margin-bottom:.5rem}.rules-note{color:var(--rules-muted);font-size:.9rem;margin-top:2rem;text-align:center}
.wheel{background:conic-gradient(#28a745 0deg 45deg,#ffc107 45deg 90deg,#17a2b8 90deg 135deg,#6c757d 135deg 180deg,#dc3545 180deg 225deg,#007bff 225deg 270deg,#6610f2 270deg 315deg,#adb5bd 315deg 1turn);border:8px solid #444;border-radius:50%;height:100%;transition:transform 4s cubic-bezier(.33,1,.68,1);width:100%}.wheel-wrapper{height:300px;width:300px}#spinCountdown{color:#dc3545;font-weight:700;margin-top:10px}#spinCountdown.ready{color:#28a745}#spinResult{display:none}#rewardImage{display:none;max-width:100px}#confetti{font-size:2rem}
.custom-table-wrapper{border-radius:8px;overflow-x:auto}.custom-table{border-collapse:collapse;font-size:.95rem;width:100%}.custom-table td,.custom-table th{padding:.75rem 1rem;text-align:left}.custom-table tbody tr:hover{background-color:#eef2f6}html.dark-mode .custom-table tbody tr:hover{background-color:#2a2a2a}
body{font-family:Segoe UI,sans-serif;transition:background-color .3s ease,color .3s ease}html:not(.dark-mode) body{background-color:#f0f0f0;color:#212529}html.dark-mode body{background-color:#1e1e1e;color:#f0f0f0}a{font-weight:500;text-decoration:none;transition:color .2s ease,-webkit-text-decoration .2s ease;transition:color .2s ease,text-decoration .2s ease;transition:color .2s ease,text-decoration .2s ease,-webkit-text-decoration .2s ease}footer{background-color:#2c2c2c;color:#f0f0f0;padding:1.5rem 0}footer a{color:#ffc107;text-decoration:none}footer a:hover{text-decoration:underline}html:not(.dark-mode) footer{background-color:#f8f8f8;color:#212529}html.dark-mode footer{background-color:#2c2c2c;color:#f0f0f0}