.ng-art-asyk{background:url('assets/games/asyk/backgrounds/asyk-village-intro.png') center/cover!important}.ng-art-asyk>*{display:none!important}
body.asyk-playing .topbar{transform:translateY(-100%);position:fixed}body.asyk-playing .bottom-nav,body.asyk-playing #shyrakAssistantRoot{display:none!important}body.asyk-playing #app{padding:0!important;max-width:none!important}
.ax{min-height:calc(100vh - 72px);font-family:Onest,Manrope,sans-serif;color:#fff;background:#18201b}.ax *{box-sizing:border-box}.ax button{font:inherit}.ax-cover{position:relative;min-height:calc(100vh - 72px);display:grid;place-items:center;padding:32px;background:linear-gradient(90deg,rgba(16,23,19,.76),rgba(16,23,19,.12) 64%),url('assets/games/asyk/backgrounds/asyk-village-intro.png') center/cover}.ax-panel{width:min(620px,100%);justify-self:start;margin-left:clamp(0px,5vw,80px);padding:clamp(26px,5vw,52px);border:1px solid rgba(255,255,255,.28);border-radius:30px;background:rgba(18,25,21,.7);box-shadow:0 26px 80px rgba(0,0,0,.3);backdrop-filter:blur(16px)}.ax-kicker{display:inline-flex;padding:7px 12px;border-radius:99px;background:#ead184;color:#41321d;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.ax h1{font-size:clamp(48px,8vw,88px);line-height:.92;margin:20px 0 14px}.ax-panel p{font-size:16px;line-height:1.65;color:#eef1e9}.ax-modes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.ax-mode,.ax-primary,.ax-secondary{border:0;border-radius:18px;cursor:pointer}.ax-mode{padding:18px;text-align:left;color:#fff;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2)}.ax-mode:hover,.ax-mode:focus-visible{transform:translateY(-2px);background:rgba(255,255,255,.2)}.ax-mode b,.ax-mode span{display:block}.ax-mode b{font-size:17px}.ax-mode span{margin-top:5px;color:#d9ded7;font-size:12px;line-height:1.4}.ax-primary{padding:14px 24px;background:#d9b24c;color:#2e2617;font-weight:800}.ax-primary:disabled{opacity:.45}.ax-secondary{padding:12px 18px;background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.2)}.ax-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.ax-ready-face{width:92px;height:92px;object-fit:contain;float:right}.ax-loading{display:flex;align-items:center;gap:10px;color:#ead184;font-weight:700}.ax-loading:before{content:'';width:18px;height:18px;border:2px solid #ead184;border-top-color:transparent;border-radius:50%;animation:axspin .8s linear infinite}@keyframes axspin{to{transform:rotate(360deg)}}
.ax-stage{position:fixed;inset:0;z-index:80;background:#161b18;overflow:hidden}.ax-cinematic,.ax-field{position:absolute;inset:0;background-position:center;background-size:cover}.ax-cinematic{background-image:url('assets/games/asyk/backgrounds/asyk-field-start.png');animation:axCine 1.15s ease both}.ax-cinematic:after{content:'Асық';position:absolute;inset:auto 0 10%;text-align:center;font-size:clamp(42px,8vw,90px);font-weight:800;text-shadow:0 4px 30px #000;color:#fff}@keyframes axCine{0%{opacity:0;transform:scale(1.025)}20%,75%{opacity:1}100%{opacity:0;transform:scale(1)}}
.ax-field{background-image:url('assets/games/asyk/backgrounds/asyk-field-empty.png');touch-action:none;user-select:none;opacity:0;transition:opacity .32s}.ax-field.live{opacity:1}.ax-piece{position:absolute;width:clamp(54px,7vw,102px);aspect-ratio:1.45;object-fit:contain;transform:translate(-50%,-50%) rotate(var(--r));filter:drop-shadow(0 8px 5px rgba(49,28,10,.34));will-change:left,top,transform,opacity;pointer-events:none}.ax-piece.gold{width:clamp(58px,7.5vw,108px)}.ax-piece.saka{width:clamp(68px,8.5vw,125px);cursor:grab;pointer-events:auto;z-index:8}.ax-piece.saka.dragging{cursor:grabbing;filter:drop-shadow(0 10px 8px rgba(49,28,10,.45)) brightness(1.06)}.ax-piece.out{opacity:0;transform:translate(-50%,-50%) rotate(var(--r)) scale(.72);transition:opacity .5s,transform .5s}.ax-aim{position:absolute;height:4px;border-radius:8px;background:repeating-linear-gradient(90deg,#fff 0 12px,transparent 12px 19px);transform-origin:0 50%;filter:drop-shadow(0 1px 2px #5e351b);pointer-events:none;z-index:7}.ax-aim:after{content:'';position:absolute;right:-6px;top:-5px;width:13px;height:13px;border-top:3px solid #fff;border-right:3px solid #fff;transform:rotate(45deg)}
.ax-hud{position:absolute;z-index:12;inset:16px 16px auto;display:flex;justify-content:space-between;gap:12px;pointer-events:none}.ax-hud-group{display:flex;gap:8px}.ax-chip,.ax-icon{border:1px solid rgba(255,255,255,.28);background:rgba(24,29,24,.65);backdrop-filter:blur(10px);box-shadow:0 8px 24px rgba(0,0,0,.16);color:#fff;border-radius:14px}.ax-chip{padding:9px 13px;font-size:12px}.ax-chip b{display:block;font-size:18px}.ax-icon{width:43px;height:43px;display:grid;place-items:center;pointer-events:auto;cursor:pointer}.ax-hint{position:absolute;z-index:10;left:50%;bottom:22px;transform:translateX(-50%);padding:9px 14px;border-radius:99px;background:rgba(35,29,20,.68);font-size:12px;white-space:nowrap;transition:opacity .25s}.ax-face{position:absolute;z-index:10;right:18px;bottom:15px;width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.3));pointer-events:none}.ax-question{position:absolute;z-index:20;inset:0;display:grid;place-items:center;padding:20px;background:rgba(13,17,14,.38);backdrop-filter:blur(4px)}.ax-qcard{width:min(520px,100%);padding:24px;border-radius:24px;background:rgba(255,252,242,.96);color:#293128;box-shadow:0 28px 80px rgba(0,0,0,.38)}.ax-qcard small{color:#8b6328;font-weight:800}.ax-qcard h2{font-size:clamp(20px,4vw,29px);line-height:1.2;margin:9px 0 18px}.ax-options{display:grid;gap:9px}.ax-options button{padding:12px 14px;border:1px solid #ddd4c4;border-radius:13px;text-align:left;background:#fff;color:#293128;cursor:pointer}.ax-options button:hover{border-color:#bd8431;background:#fff8e9}.ax-result{text-align:center}.ax-result dl{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.ax-result dd{margin:4px 0 0;font-size:25px;font-weight:800}.ax-result dt{font-size:11px;color:#677066}.ax-toast{position:absolute;z-index:25;left:50%;top:18%;transform:translate(-50%,-10px);padding:10px 18px;border-radius:99px;background:#fff5d6;color:#493416;font-weight:800;opacity:0;transition:.22s}.ax-toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:700px){.ax{min-height:100vh}.ax-cover{min-height:100vh;padding:16px;align-items:end}.ax-panel{margin:0;padding:23px;border-radius:24px}.ax h1{font-size:54px}.ax-modes{grid-template-columns:1fr}.ax-stage{bottom:0}.ax-hud{inset:10px 10px auto}.ax-chip{padding:7px 10px}.ax-chip b{font-size:15px}.ax-face{width:58px;height:58px}.ax-hint{bottom:12px;max-width:75vw;overflow:hidden;text-overflow:ellipsis}.ax-piece{width:clamp(46px,13vw,72px)}.ax-piece.saka{width:clamp(58px,16vw,88px)}}
@media(prefers-reduced-motion:reduce){.ax-cinematic{animation-duration:.3s}.ax-piece,.ax-field{transition:none!important}}
.ax h1{color:#fff!important;background:none!important;-webkit-text-fill-color:#fff!important}
.ax-loading.ready:before{display:none}.ax-hud .ax-secondary{pointer-events:auto;background:rgba(24,29,24,.72)!important;color:#fff!important;border-color:rgba(255,255,255,.3)!important}
body.asyk-playing .topbar{display:flex!important;transform:none!important;position:fixed!important;z-index:120!important;background:rgba(249,247,239,.96)!important}body.asyk-playing .bottom-nav{display:flex!important;z-index:120!important}body.asyk-playing #shyrakAssistantRoot{display:none!important}.ax-stage{top:82px;z-index:70}.ax-hint{color:#fff!important;background:rgba(24,29,24,.88)!important;border:1px solid rgba(255,255,255,.34);box-shadow:0 8px 22px rgba(0,0,0,.24);font-weight:750}.ax-chip{color:#fff!important;background:rgba(19,28,23,.88)!important}.ax-chip b{color:#fff!important}.ax-icon:focus-visible,.ax-secondary:focus-visible,.ax-primary:focus-visible,.ax-mode:focus-visible{outline:3px solid rgba(244,210,116,.72);outline-offset:3px}
.ax-result dt{color:#e8eee8!important}.ax-result dd{color:#fff!important}.ax-result .ax-secondary{background:rgba(255,255,255,.15)!important;color:#fff!important}
@media(max-width:700px){.ax-stage{top:70px;bottom:64px}.ax-hint{bottom:9px}.ax-hud{flex-wrap:wrap}.ax-hud-group:first-child{max-width:calc(100vw - 112px)}}
