/* Adapted from the user's selected Uiverse buttons. MIT notices: /credits/uiverse-ui.txt */
:root{--nav-outline:#1d2e45;--nav-reveal:#294969;--apply-circle:#1d2e45;--apply-rest:#1d2e45;--apply-on:#fff}
:root[data-theme=dark]{--nav-outline:#c7d9ed;--nav-reveal:#edf4fc;--apply-circle:#294765;--apply-rest:#edf4fc;--apply-on:#fff}
.site-header .nav-link,.site-header .nav-link:is(:hover,:focus-visible),.site-header .nav-link[aria-current=page]{background:transparent;color:var(--nav-outline);border-radius:8px;overflow:visible;transition:none}
.site-header .nav-link{padding:10px 13px;min-height:46px;font-size:18px;font-weight:600;letter-spacing:.025em}
.nav-word{position:relative;display:block;white-space:nowrap;line-height:1.3}
.site-header .nav-word>.nav-label{display:block;color:transparent;-webkit-text-stroke:.8px var(--nav-outline);z-index:0}
.nav-hover-text{position:absolute;inset:0 auto 0 0;width:0;box-sizing:content-box;overflow:hidden;white-space:nowrap;color:var(--nav-reveal);-webkit-text-stroke:.8px var(--nav-reveal);border-right:3px solid transparent;transition:width .4s cubic-bezier(.16,1,.3,1),border-color .12s ease;pointer-events:none}
.nav-link:is(:hover,:focus-visible,:active) .nav-hover-text{width:100%;border-right-color:var(--nav-reveal)}
.nav-link[aria-current=page] .nav-hover-text{width:100%;border-right-color:transparent}
.nav-link[aria-current=page]:is(:hover,:focus-visible) .nav-hover-text{border-right-color:var(--nav-reveal)}
.site-header .nav-apply{position:relative;display:inline-flex;align-items:center;width:194px;min-height:46px;height:46px;padding:0;background:transparent;color:var(--apply-rest);border-radius:25px;text-decoration:none;font-size:15px;font-weight:600;line-height:1.3;flex:none;isolation:isolate;transition:none}
.site-header .nav-apply:is(:hover,:focus-visible,:active){background:transparent;color:var(--apply-on)}
.apply-circle{position:absolute;inset:0 auto 0 0;width:46px;height:46px;border-radius:25px;background:var(--apply-circle);transition:width .42s cubic-bezier(.16,1,.3,1);pointer-events:none}
.apply-arrow{position:absolute;left:13px;top:22px;width:18px;height:2px;background:transparent;transition:transform .42s cubic-bezier(.16,1,.3,1),background-color .24s ease}
.apply-arrow:before{content:"";position:absolute;right:1px;top:-4px;width:8px;height:8px;border-top:2px solid var(--apply-on);border-right:2px solid var(--apply-on);transform:rotate(45deg)}
.apply-text{position:relative;z-index:1;width:100%;margin-left:40px;padding:12px 10px;text-align:center;white-space:nowrap;transition:color .3s ease}
.nav-apply:is(:hover,:focus-visible,:active) .apply-circle{width:100%}
.nav-apply:is(:hover,:focus-visible,:active) .apply-arrow{background:var(--apply-on);transform:translateX(9px)}
@supports not (-webkit-text-stroke:1px #000){.site-header .nav-word>.nav-label{color:var(--nav-outline)}}
@media(min-width:801px) and (max-width:1100px){.site-header nav{gap:4px}.site-header .nav-link{font-size:17px;padding-inline:10px}.site-header .nav-apply{width:184px}}
@media(min-width:801px) and (max-width:900px){.site-header .nav-apply{display:none}}
@media(max-width:800px){.site-header .nav-link{align-self:flex-start;padding-inline:16px}.site-header nav .nav-apply{display:inline-flex;width:194px;margin-top:10px}.site-header .nav-link[aria-current=page]{background:transparent}.nav-hover-text{transition-duration:.25s}}
@media(prefers-reduced-motion:reduce){.nav-hover-text,.apply-circle,.apply-arrow,.apply-text{transition:none}}

/* User-selected big-moose-69 adaptation: real Chak icon, navy, Oyunlar → Chak. */
.site-header .nav-link[data-game-link],.site-header .nav-link[data-game-link][aria-current=page]{position:relative;isolation:isolate;display:inline-flex;flex:none;width:136px;height:46px;min-height:46px;padding:0;overflow:hidden;border-radius:25px;background:#1d2e45;color:#fff;letter-spacing:.015em;text-decoration:none;-webkit-text-stroke:0;transition:background-color .2s ease}
.site-header .nav-link[data-game-link]:is(:hover,:focus-visible,:active){background:#294969;color:#fff}
.site-header .nav-link[data-game-link][aria-current=page]{box-shadow:inset 0 0 0 2px #9dbbd7}
.nav-chak-head{position:absolute;left:12px;top:50%;width:32px;height:32px;object-fit:cover;border-radius:9px;z-index:1;transform:translate(0,-50%);transform-origin:center;pointer-events:none;transition:transform .45s cubic-bezier(.16,1,.3,1)}
.nav-game-rest,.nav-game-next{position:absolute;z-index:2;white-space:nowrap;font-size:17px;font-weight:600;line-height:1.3;pointer-events:none;transition:transform .4s cubic-bezier(.16,1,.3,1) .1s,opacity .22s ease .1s}
.nav-game-rest{left:53px;transform:translateX(0);opacity:1}.nav-game-next{left:15px;transform:translateX(calc(-100% - 20px));opacity:0}
[data-game-link]:is(:hover,:focus-visible,:active) .nav-chak-head{transform:translate(67px,-50%) scale(1.7)}
[data-game-link]:is(:hover,:focus-visible,:active) .nav-game-rest{transform:translateX(150%);opacity:0}
[data-game-link]:is(:hover,:focus-visible,:active) .nav-game-next{transform:translateX(0);opacity:1}
@media(min-width:801px) and (max-width:1100px){.site-header .nav-link[data-game-link]{width:128px}}
@media(max-width:800px){.site-header .nav-link[data-game-link]{width:136px;margin-block:2px}}
@media(prefers-reduced-motion:reduce){.site-header .nav-link[data-game-link],.nav-chak-head,.nav-game-rest,.nav-game-next{transition:none}}