body,html{font-size:10px}#PageSpinner.Hide{visibility:visible;opacity:1}#PageSpinner.Hide .LoadingScreen{visibility:hidden;opacity:0}.BrowserUpgrade{display:block;padding:1rem;background:#fff;color:#000;border:1px solid #f33}.LoadingScreen{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100vh;position:fixed;top:0;right:0;bottom:0;left:0;color:#fff;font-family:Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5em;z-index:999}#PageSpinner.Hide .LoadingScreen{transition:visibility .3s linear,opacity .3s linear}.LoadingScreen>*{position:relative}.LoadingScreen::before{content:'';position:fixed;width:100vw;height:100vh;}@media (min-width:1100px){.LoadingScreen::before{background: #1c1c1c;}}.LoadingScreen svg{width:40rem;height:100%;max-width:100%}.LoadingScreen .em-loader-container,.LoadingScreen .em-loader-fill,.LoadingScreen .left.em-loader-clipper .em-loader-circle,.LoadingScreen .right.em-loader-clipper .em-loader-circle{animation-play-state:running}#PageSpinner.Hide .LoadingScreen .em-loader-container,#PageSpinner.Hide .LoadingScreen .em-loader-fill,#PageSpinner.Hide .LoadingScreen .left.em-loader-clipper .em-loader-circle,#PageSpinner.Hide .LoadingScreen .right.em-loader-clipper .em-loader-circle{animation-play-state:paused}.LoadingScreen .SvgIcon{display:block;width:75%;max-width:30rem;margin:0 auto;text-align:center}.em-loader{position:relative;display:inline-block;width:2.4rem;height:2.4rem;-webkit-box-sizing:border-box;box-sizing:border-box;color:#f8f8f8}.em-loader-splash{display:block;margin:2.5rem auto 0;width:4.8rem;height:4.8rem}.em-loader *{-webkit-box-sizing:inherit;box-sizing:inherit}.em-loader-spinner{position:absolute;top:0;left:0;width:100%;height:100%}.em-loader-container{-webkit-animation:container-rotate 1568ms linear infinite;animation:container-rotate 1568ms linear infinite}.em-loader-fill{-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both}.em-loader-circle{border-radius:50%}.em-loader-gap-patch{position:absolute;top:0;left:45%;width:10%;height:100%;overflow:hidden}.em-loader-gap-patch .em-loader-circle{width:1000%}.em-loader-clipper{position:relative;width:50%;height:100%;overflow:hidden}.em-loader-clipper.left{float:left}.em-loader-clipper.right{float:right}.em-loader-clipper .em-loader-circle{position:absolute;top:0;bottom:0;width:200%;border-width:.2rem;border-style:solid;border-color:currentColor currentColor transparent}.left.em-loader-clipper .em-loader-circle{left:0;border-right-color:transparent;-webkit-transform:rotate(129deg);transform:rotate(129deg);-webkit-animation:left-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both;animation:left-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both}.right.em-loader-clipper .em-loader-circle{left:-100%;border-left-color:transparent;-webkit-transform:rotate(-129deg);transform:rotate(-129deg);-webkit-animation:right-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both;animation:right-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both}@-webkit-keyframes container-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes container-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes fill-unfill-rotate{12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}to{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@keyframes fill-unfill-rotate{12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}to{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@-webkit-keyframes left-spin{from{-webkit-transform:rotate(130deg);transform:rotate(130deg)}50%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(130deg);transform:rotate(130deg)}}@keyframes left-spin{from{-webkit-transform:rotate(130deg);transform:rotate(130deg)}50%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(130deg);transform:rotate(130deg)}}@-webkit-keyframes right-spin{from{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}to{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}}@keyframes right-spin{from{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}to{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}}.MRIExpand{width:100%;max-height:calc(100vh - env(safe-area-inset-top) - 3rem);overflow:auto;position:fixed;top:0;padding-top:calc(env(safe-area-inset-top) + 3rem);background-color:#fff;z-index:9999}.MRIExpand.Hidden{display:none}.MRIExpand table{width:100%}.MRIExpand table tr:nth-child(odd){background-color:#dedede}.MRIExpand table tr:nth-child(even){background-color:#ccc}.MRIExpand table td,.MRIExpand table th{padding:.1rem .5rem;border-collapse:collapse;border:1px solid #b3b3b3}.MRIExpand .MRIClose{position:absolute;right:0;background:0 0;font-size:18px;border-radius:5rem;width:3rem;height:3rem;line-height:14px;top:calc(env(safe-area-inset-top) + 0px);padding:0}
  .RootContent{position:relative;min-height:100vh}.AppVersion{position:absolute;bottom:.5rem;left:50%;transform:translateX(-50%);font-size:10px;color:#fff;text-shadow:1px 1px 1px #000;z-index:5}.LoadingScreen .AppVersion{position:fixed}
.StickyCarousel a {
  position: relative;
  display: block;
  height: 330px;
}
.StickyCarousel img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.RecentWinnersWidget {
  z-index: 2;
}
.hidden {
  display: none!important;
}

/* Yeni Hamburger Menu */
.leftMenu { display: none !important; }
.new-left-menu-backdrop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 9998;
}
.new-left-menu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 9999;
    font-family: "Titillium Web", Arial, sans-serif;
    pointer-events: none;
}
.new-left-menu.active { display: block; }

.hm-inner {
    width: 100%;
    height: 100vh !important;
    max-width: 480px;
    background: #181818;
    display: flex !important;
    flex-direction: column;
    position: relative;
    pointer-events: auto;
}

.hm-topbar {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    background: #2d4a0f;
    padding: 12px 16px;
    border-bottom: 2px solid #f5c518;
    flex-shrink: 0;
}
.hm-logo {
    font-size: 22px;
    font-weight: 900;
    color: #fff;
    font-style: italic;
    letter-spacing: -1px;
}
.hm-logo .hm-b { color: #f5c518; }
.hm-close {
    background: none;
    border: none;
    color: #f5c518;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
    line-height: 1;
    padding: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hm-main {
    display: flex !important;
    flex: 1;
    overflow: hidden;
    min-height: 0;
    height: calc(100vh - 60px) !important;
    background: #1e1e1e !important;
}

.hm-sidebar {
    width: 100px;
    min-width: 100px;
    height: 100% !important;
    background: #1e1e1e !important;
    overflow-y: auto;
    display: flex !important;
    flex-direction: column;
    gap: 6px;
    padding: 8px 6px;
    border-right: 1px solid #2a2a2a;
}
.hm-sidebar::-webkit-scrollbar { width: 0; }
.hm-cat {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px 4px;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.2s;
    color: #aaa;
    font-size: 10px;
    text-align: center;
    gap: 4px;
    flex-shrink: 0;
    min-height: 60px;
}
.hm-cat:hover { background: #2a2a2a; }
.hm-cat.active {
    background: rgba(41, 76, 11, .5);
    border: none;
    color: #f9c408;
}
.hm-cat .hm-icon { font-size: 22px; line-height: 1; }
.hm-cat .hm-label { line-height: 1.2; }

.hm-content {
    flex: 1;
    height: 100% !important;
    overflow-y: auto;
    padding: 12px;
    background: #181818 !important;
    min-height: 0;
    display: block !important;
}
.hm-content::-webkit-scrollbar { width: 4px; }
.hm-content::-webkit-scrollbar-thumb { background: #444; border-radius: 2px; }

.hm-search {
    display: flex;
    align-items: center;
    background: #2a2a2a;
    border-radius: 8px;
    padding: 10px 12px;
    margin-bottom: 12px;
    gap: 8px;
}
.hm-search-icon { color: #888; font-size: 14px; }
.hm-search input {
    flex: 1;
    background: transparent;
    border: none;
    color: #ccc;
    font-size: 14px;
    outline: none;
}
.hm-search input::placeholder { color: #888; }
.hm-search-clear {
    background: none;
    border: none;
    color: #888;
    font-size: 14px;
    cursor: pointer;
    padding: 0;
    line-height: 1;
}

.hm-panel { display: none !important; }
.hm-panel.active { display: block !important; }

.hm-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 8px;
    border-radius: 6px;
    color: #ccc;
    text-decoration: none;
    font-size: 13px;
    transition: background 0.15s;
    margin-bottom: 2px;
}
.hm-item:hover { background: #252525; color: #fff; }
.hm-item-icon { font-size: 16px; width: 20px; text-align: center; flex-shrink: 0; }
.hm-item-label { flex: 1; }
.hm-dropdown {
    background: #222;
    border-radius: 8px;
    margin-bottom: 6px;
}
.hm-arrow {
    color: #aaa;
    font-size: 10px;
}

body.scroll-lock { overflow: hidden; }