@font-face{font-family:OQ Rubik;src:url(/fonts/oq-rubik.woff2)format("woff2");font-weight:300 900;font-style:normal;font-display:swap}@font-face{font-family:OQ Rubik;src:url(/fonts/oq-rubik-cyr.woff2)format("woff2");font-weight:300 900;font-style:normal;font-display:swap;unicode-range:U+400-45F,U+490-491,U+4D8-4D9,U+2116}:root{--oq-flow:#f1e9dc;--oq-paper:#fffaf1;--oq-ink:#2e3938;--oq-ink-soft:#5e6967;--oq-tomato:#c9472f;--oq-tomato-soft:#d65f48;--oq-mustard:#d19a2e;--oq-mustard-ink:#9c6b14;--oq-teal:#237c77;--oq-teal-deep:#1b5f5b;--oq-wood:#d9bf95}html,body{background:var(--oq-flow);margin:0}body{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}.oq{min-height:100svh;color:var(--oq-ink);background:var(--oq-flow);font-family:OQ Rubik,Rubik,system-ui,sans-serif;position:relative;overflow-x:clip}.oq *,.oq :before,.oq :after,.oq-modal,.oq-modal *,.oq-modal :before,.oq-modal :after{box-sizing:border-box}.oq-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.oq,.oq-modal{font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1, "tnum" 1}.oq-hero{text-align:center;background:#e9dcc8;height:100svh;min-height:560px;position:relative;overflow:hidden}.oq-bg{background:url(/demo/oyuncaq-qatar/bg.webp) 50% 40%/cover no-repeat;position:absolute;inset:0}.oq-bg:after{content:"";background:linear-gradient(180deg, #f1e9dc00, var(--oq-flow));height:14%;position:absolute;bottom:0;left:0;right:0}@media (min-aspect-ratio:4/5){.oq-bg{background-position:50% 44%}}.oq-lang{gap:4px;display:flex}.oq-lang a{min-width:44px;min-height:44px;color:var(--oq-ink-soft);letter-spacing:.14em;justify-content:center;align-items:center;padding:0 6px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.oq-lang a.on{color:var(--oq-teal-deep)}.oq-lang a.on:after{content:"";background:var(--oq-tomato);border-radius:2px;width:14px;height:2px;margin-left:-7px;position:absolute;bottom:10px;left:50%}.oq-h-lang{z-index:6;top:calc(env(safe-area-inset-top) + 6px);left:max(8px, env(safe-area-inset-left));opacity:0;position:absolute}.oq-h-top{z-index:5;width:min(520px,100% - 32px);padding-top:calc(env(safe-area-inset-top) + clamp(54px, 8.5svh, 84px));margin:0 auto;position:relative}.oq-h-top>*{opacity:0;margin:0}.oq-h-greet{color:var(--oq-ink-soft);font-size:16px;font-weight:500;margin-bottom:10px!important}.oq-h-kick{letter-spacing:.24em;color:var(--oq-teal-deep);font-size:12px;font-weight:600}.oq-h-name{color:var(--oq-teal-deep);overflow-wrap:anywhere;font-size:clamp(34px,10vw,46px);font-weight:800;line-height:1.05;margin-top:8px!important}.oq-h-title{letter-spacing:-.01em;color:var(--oq-tomato);font-size:clamp(30px,8.6vw,40px);font-weight:700;line-height:1.05;margin-top:8px!important}.oq-h-date{color:var(--oq-ink);font-size:19px;font-weight:600;margin-top:12px!important}.oq-h-when{color:var(--oq-ink-soft);font-size:14.5px;margin-top:4px!important}.oq-h-when i{color:var(--oq-mustard);padding:0 2px;font-style:normal}.oq-scene{z-index:3;pointer-events:none;opacity:0;transition:opacity .5s;position:absolute;inset:0}.oq-scene.is-ready{opacity:1}.oq-scene img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:none;display:block;position:absolute}.oq-track{left:0;right:0;top:calc(var(--track-y,60svh) - var(--ut,32px) * .2216);height:calc(var(--ut,32px) * .6558);background:url(/demo/oyuncaq-qatar/track.webp) 0 0 / calc(var(--ut,32px) * 3.6) 100% repeat-x;position:absolute}.oq-train{will-change:transform;position:absolute;top:0;left:0}.oq-wagon,.oq-loco{position:absolute;top:0;left:0}.oq-wheel{transform:rotate(calc(var(--du,0) / var(--r,.2) * 57.2958deg))}.oq-rod{will-change:transform}.oq-puffs img{opacity:0;z-index:2;will-change:transform, opacity}.oq-puffs{z-index:2;position:absolute;inset:0}.oq-fshadows{position:absolute;inset:0}.oq-fs{width:calc(var(--ub,50px) * 1.4);height:calc(var(--ub,50px) * .46);margin-left:calc(var(--ub,50px) * -.6);margin-top:calc(var(--ub,50px) * -.26);opacity:0;background:radial-gradient(closest-side,#42281075,#42281033 58%,#42281000);border-radius:50%;position:absolute;top:0;left:0}.oq-blocks{z-index:3;position:absolute;inset:0}.oq-block{width:calc(var(--ub,50px) * 1.06);height:calc(var(--ub,50px) * 1.3201);transform-origin:calc(var(--ub,50px) * .53) calc(var(--ub,50px) * 1.1356);will-change:transform;position:absolute;top:0;left:0}.oq-block img{width:100%;height:100%;inset:0}.oq-block canvas{width:94.34%;height:72.04%;position:absolute;top:25.69%;left:2.83%}.oq-cs{z-index:-1;left:calc(var(--ub,50px) * .53);top:calc(var(--ub,50px) * 1.12);width:calc(var(--ub,50px) * 1.14);height:calc(var(--ub,50px) * .34);margin-left:calc(var(--ub,50px) * -.57);margin-top:calc(var(--ub,50px) * -.17);background:radial-gradient(closest-side,#42281080,#42281000);border-radius:50%;position:absolute}.oq-block{isolation:isolate}.oq-scroll{z-index:5;left:50%;bottom:calc(env(safe-area-inset-bottom) + 14px);letter-spacing:.2em;color:var(--oq-ink-soft);opacity:0;flex-direction:column;align-items:center;gap:2px;margin:0;font-size:11px;font-weight:600;display:flex;position:absolute;transform:translate(-50%)}.oq-scroll svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}@keyframes oq-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes oq-fade{0%{opacity:0}to{opacity:1}}@keyframes oq-bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,5px)}}.oq.is-open .oq-h-top>*{animation:.95s cubic-bezier(.22,.7,.3,1) both oq-rise}.oq.is-open .oq-h-greet{animation-delay:3.75s}.oq.is-open .oq-h-kick{animation-delay:3.95s}.oq.is-open .oq-h-name,.oq.is-open .oq-h-title{animation-delay:4.2s}.oq.is-open .oq-h-date{animation-delay:4.5s}.oq.is-open .oq-h-when{animation-delay:4.7s}.oq.is-open .oq-h-lang{animation:.9s 5.4s both oq-fade}.oq.is-open .oq-scroll{animation:1s 6.2s both oq-fade,2.6s ease-in-out 7.2s infinite oq-bob}.oq.is-instant .oq-h-top>*,.oq.is-instant .oq-h-lang,.oq.is-instant .oq-scroll{opacity:1;animation:none!important}.oq-gate{z-index:50;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;position:fixed;inset:0}.oq-gate:focus-visible .oq-gate-tap{outline:2px solid var(--oq-teal);outline-offset:6px;border-radius:20px}.oq-gate-txt{text-align:center;transition:opacity .75s;position:absolute;inset:0}.oq-gate.is-opening .oq-gate-txt{opacity:0}.oq-gate .oq-lang{top:calc(env(safe-area-inset-top) + 6px);left:max(8px, env(safe-area-inset-left));position:absolute}.oq-gate-top{width:min(520px,100% - 32px);padding-top:calc(env(safe-area-inset-top) + clamp(54px, 8.5svh, 84px));margin:0 auto}.oq-gate-top p{margin:0}.oq-gate-greet{color:var(--oq-ink-soft);font-size:16px;font-weight:500;animation:1s .15s both oq-rise;margin-bottom:10px!important}.oq-gate-kicker{letter-spacing:.08em;color:var(--oq-teal-deep);font-size:13px;font-weight:600;animation:1s .3s both oq-rise}.oq-gate-title{color:var(--oq-tomato);font-size:clamp(32px,9.4vw,44px);font-weight:700;line-height:1.05;animation:1s .5s both oq-rise;margin-top:8px!important}.oq-gate-tap{left:0;right:0;top:var(--oq-hint-y,66svh);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.04em;width:max-content;max-width:calc(100% - 40px);color:var(--oq-ink);background:#fffaf1b8;border-radius:999px;align-items:center;gap:10px;margin:0 auto;padding:10px 18px;font-size:13px;font-weight:600;animation:1s .9s both oq-fade;display:flex;position:absolute;transform:translateY(-50%);box-shadow:0 6px 18px -10px #462e1473}.oq-tap-dot{background:var(--oq-tomato);border-radius:50%;flex:none;width:10px;height:10px;position:relative}.oq-tap-dot:after{content:"";border:2px solid var(--oq-tomato);opacity:0;border-radius:50%;animation:2.2s ease-out 1.4s infinite oq-ping;position:absolute;inset:-5px}@keyframes oq-ping{0%{opacity:.8;transform:scale(.5)}80%,to{opacity:0;transform:scale(1.5)}}.oq-flow{padding:26px 16px calc(env(safe-area-inset-bottom) + 70px);background:radial-gradient(120% 60% at 50% 0%, #fffcf58c, transparent 70%), var(--oq-flow);position:relative}.reveal{opacity:0;transition:opacity .8s,transform .9s cubic-bezier(.22,.7,.3,1);transform:translateY(18px)rotate(-.6deg)}.reveal.in{opacity:1;transform:none}.oq-card{--tone:var(--oq-teal);--tone-ink:#fdf6ea;filter:drop-shadow(0 12px 18px #50361829)drop-shadow(0 2px 3px #5036181a);max-width:520px;margin:0 auto 26px;position:relative}.oq-tone-tomato{--tone:var(--oq-tomato)}.oq-tone-mustard{--tone:var(--oq-mustard)}.oq-tone-teal{--tone:var(--oq-teal)}.oq-ticket{-webkit-mask:radial-gradient(circle 11px at 0 var(--stub,58px), #0000 98%, #000) left / 51% 100% no-repeat, radial-gradient(circle 11px at 100% var(--stub,58px), #0000 98%, #000) right / 51% 100% no-repeat;-webkit-mask:radial-gradient(circle 11px at 0 var(--stub,58px), #0000 98%, #000) left / 51% 100% no-repeat, radial-gradient(circle 11px at 100% var(--stub,58px), #0000 98%, #000) right / 51% 100% no-repeat;mask:radial-gradient(circle 11px at 0 var(--stub,58px), #0000 98%, #000) left / 51% 100% no-repeat, radial-gradient(circle 11px at 100% var(--stub,58px), #0000 98%, #000) right / 51% 100% no-repeat;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .35 0 0 0 0 .22 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(#fffbf3,#fdf6ea);border-radius:18px;position:relative}.oq-stub{height:var(--stub,58px);background:linear-gradient(180deg, #ffffff29, #0000000d), var(--tone);color:var(--tone-ink);letter-spacing:.2em;text-align:center;border-radius:18px 18px 0 0;justify-content:center;align-items:center;padding:0 44px;font-size:13px;font-weight:600;display:flex;position:relative}.oq-stub:after{content:"";background:radial-gradient(circle,#fffaf0f2 0 1.4px,#0000 1.6px) 0/9px 2px repeat-x;height:2px;position:absolute;bottom:-1px;left:16px;right:16px}.oq-punch{z-index:2;background:var(--oq-flow);border-radius:50%;width:12px;height:12px;position:absolute;top:16px;right:18px;box-shadow:inset 1px 2px 2px #3c260e66}.oq-body{text-align:center;padding:22px 22px 26px}.oq-title{color:var(--oq-ink);margin:0 0 12px;font-size:22px;font-weight:700}.oq-greet{color:var(--oq-teal-deep);margin:0 0 10px;font-size:19px;font-weight:600}.oq-text{white-space:pre-line;max-width:30em;margin:0 auto;font-size:16px;line-height:1.65}.oq-hook{max-width:26em;color:var(--oq-tomato);margin:14px auto 0;font-size:15px;font-weight:500;line-height:1.55}.oq-date{justify-content:center;align-items:center;gap:14px;margin:0;display:flex}.oq-date-day{color:var(--oq-tomato);font-size:66px;font-weight:700;line-height:.9}.oq-date-my{letter-spacing:.16em;text-align:left;flex-direction:column;align-items:flex-start;gap:2px;max-width:7.5em;font-size:15px;font-weight:600;display:flex}.oq-when{color:var(--oq-ink-soft);margin:12px 0 0;font-size:15.5px}.oq-when i{color:var(--oq-mustard);padding:0 3px;font-style:normal}.oq-today{color:var(--oq-tomato);margin:18px 0 0;font-size:22px;font-weight:700}.oq-count{border-top:1px dashed #5e69674d;margin-top:22px;padding-top:18px}.oq-count-label{letter-spacing:.14em;color:var(--oq-ink-soft);margin:0 0 12px;font-size:12.5px;font-weight:600}.oq-digits{justify-content:center;gap:10px;display:flex}.oq-unit{flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.oq-tile{aspect-ratio:191/238;filter:drop-shadow(0 6px 6px #50361838);background:50%/100% 100% no-repeat;width:clamp(54px,16vw,66px);display:block;position:relative}.oq-num{color:#2a5f5b;text-shadow:0 -1px #3c240c59,0 1px #fffaf0b3;justify-content:center;align-items:center;font-size:clamp(20px,6vw,25px);font-weight:800;display:flex;position:absolute;inset:25.7% 2.8% 2.3%}.oq-unit:nth-child(2) .oq-num{color:#b5422c}.oq-unit:nth-child(3) .oq-num{color:#a27014}.oq-lab{color:var(--oq-ink-soft);font-size:12px}.oq-prog-sub{color:var(--oq-ink-soft);margin:0 0 14px;font-size:13.5px}.oq-route{max-width:420px;margin:0 auto;padding:4px 0;list-style:none;position:relative}.oq-route:before{content:"";background:linear-gradient(90deg,#0000 2px,#78522838 2px 3.5px,#0000 3.5px 10.5px,#78522838 10.5px 12px,#0000 12px),repeating-linear-gradient(#0000 0 7px,#ffffff59 7px 8px),linear-gradient(90deg,#e2c9a0,#d6b98a);border-radius:7px;width:14px;margin-left:-7px;position:absolute;top:18px;bottom:18px;left:calc(5.2em + 22px);box-shadow:inset 0 0 0 1px #7852281f}.oq-route li{position:relative}.oq-stop{width:100%;min-height:60px;font:inherit;color:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:12px;grid-template-columns:5.2em 44px 1fr;align-items:center;padding:8px 0;display:grid}.oq-stop:focus-visible{outline:2px solid var(--oq-teal);outline-offset:2px}@media (hover:hover){.oq-stop:hover .oq-stop-name{color:var(--oq-tomato)}}.oq-stop-time{color:var(--oq-teal-deep);justify-self:end;padding-right:4px;font-size:16px;font-weight:600}.oq-stop-bead{z-index:1;filter:drop-shadow(0 3px 3px #5036184d);justify-self:center;width:30px;height:30px;position:relative}.oq-stop-txt{flex-direction:column;gap:2px;padding-left:6px;display:flex}.oq-stop-name{font-size:16.5px;font-weight:600;line-height:1.25;transition:color .25s}.oq-stop-note{color:var(--oq-ink-soft);font-size:13.5px}.oq-modal{z-index:2147483100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--oq-ink);background:#2e22146b;justify-content:center;align-items:center;padding:24px 18px;font-family:OQ Rubik,Rubik,system-ui,sans-serif;animation:.35s both oq-fade;display:flex;position:fixed;inset:0}.oq-slip{--tone:var(--oq-teal);border-top:10px solid var(--tone);text-align:center;background:linear-gradient(#fffbf3,#fdf5e8);border-radius:18px;width:min(380px,100%);max-height:calc(100svh - 48px);padding:28px 24px 26px;animation:.5s cubic-bezier(.22,.8,.3,1) both oq-slip;position:relative;overflow:auto;box-shadow:0 24px 60px -20px #281a0a8c}.oq-slip.oq-tone-tomato{--tone:var(--oq-tomato)}.oq-slip.oq-tone-mustard{--tone:var(--oq-mustard)}@keyframes oq-slip{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:none}}.oq-x{width:44px;height:44px;color:var(--oq-ink-soft);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;transition:background .2s,border-color .2s;display:flex;position:absolute;top:8px;right:8px}.oq-x svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round}.oq-x:hover,.oq-x:focus-visible{background:#237c7714;border-color:#237c7740;outline:none}.oq-slip-bead{filter:drop-shadow(0 4px 4px #5036184d);width:40px;height:40px}.oq-slip-time{letter-spacing:.12em;color:var(--oq-teal-deep);margin:8px 0 0;font-size:15px;font-weight:600}.oq-slip-title{color:var(--oq-tomato);margin:4px 0 0;font-size:24px;font-weight:700}.oq-slip-note{color:var(--oq-ink-soft);margin:4px 0 0;font-size:14px}.oq-slip-text{margin:14px 0 0;font-size:16px;line-height:1.6}.oq-venue-name{letter-spacing:.04em;color:var(--oq-tomato);overflow-wrap:anywhere;margin:0;font-size:26px;font-weight:700;line-height:1.15}.oq-venue-sub{color:var(--oq-ink-soft);margin:6px 0 0;font-size:15px}.oq-venue-when{margin:10px 0 0;font-size:15px;font-weight:600}.oq-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.oq-btn{background:var(--oq-teal);color:#fdf6ea;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 20px;font-size:14.5px;font-weight:600;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex;box-shadow:0 6px 14px -8px #1b5f5bb3}.oq-btn:hover{background:var(--oq-teal-deep)}.oq-btn:active{transform:translateY(1px)}.oq-btn svg,.oq-cal svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linejoin:round;stroke-linecap:round}.oq-cal{min-height:44px;color:var(--oq-teal-deep);border-bottom:1px solid #237c774d;align-items:center;gap:8px;margin-top:10px;padding:0 10px;font-size:14.5px;font-weight:600;text-decoration:none;display:inline-flex}.oq-extras-body{--ix-accent:var(--oq-teal);--ix-on-accent:#fdf6ea;--ix-ink:var(--oq-ink);--ix-muted:#2e3938a8;--ix-line:#237c7747;--ix-field:#fffc;--ix-radius:14px;font-size:15.5px}.oq-close .oq-body{padding-top:26px}.oq-close-loco{width:150px;height:auto;margin:0 auto 6px;display:block}.oq-close-note{color:var(--oq-ink-soft);margin:0 0 16px;font-size:15px}.oq-respect{color:var(--oq-ink-soft);margin:0;font-size:15px}.oq-family{color:var(--oq-tomato);margin:4px 0 0;font-size:22px;font-weight:700}.oq-meta{letter-spacing:.04em;margin:16px 0 0;font-size:14px;font-weight:600}.oq-fine{color:var(--oq-ink-soft);margin:6px 0 0;font-size:13.5px}@media (min-width:760px){.oq-flow{padding-top:40px}.oq-h-title{font-size:44px}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}.oq-tap-dot:after,.oq-scroll{animation:none!important}}.oq-stub-t{font:inherit;letter-spacing:inherit;color:inherit;margin:0}.oq-stub.is-plain{--stub:14px;height:14px}.oq-close .oq-ticket{--stub:14px}@keyframes oq-wisp{0%{opacity:0;transform:translate(0)scale(.3)}10%{opacity:.75}38%,to{opacity:0;transform:translate(-14px,-46px)scale(1.5)}}.oq.is-open .oq-idle{animation:7s ease-out 7.4s infinite oq-wisp}.oq.is-instant .oq-idle{animation:none}@media (prefers-reduced-motion:reduce){.oq .oq-idle{animation:none!important}}