*{box-sizing:border-box}body{margin:0;background:#f7f7f8;color:#17181d;font-family:Tahoma,Arial,sans-serif}button,input{font:inherit}button,a{cursor:pointer}button{border:0;border-radius:10px;background:#f2f3f5;padding:12px 17px;color:inherit}header{height:124px;background:#090a0d;background-image:repeating-radial-gradient(ellipse at 20% -70%,transparent 0 25px,#ffffff08 26px 27px);color:white;display:flex;align-items:flex-start;padding:30px max(4vw,24px);gap:50px}a{text-decoration:none;color:inherit}.brand{font-size:23px;white-space:nowrap}.brand>strong{font-size:17px;letter-spacing:2px}.brand span{color:#ff4048}nav{display:flex;gap:30px;align-items:center;flex:1;padding-top:5px;font-size:13px}nav a:first-child{color:#ff4d54}.tools{display:flex;gap:8px}.tools button{background:#ffffff10;color:white;padding:9px 12px}main{max-width:1280px;margin:-29px auto 0;padding:0 24px}.toolbar{position:relative;display:flex;background:white;border:1px solid #eee;border-radius:19px;padding:14px;gap:20px;align-items:center;box-shadow:0 8px 30px #00000004}.toolbar input{border:0;border-inline-end:1px solid #eee;padding:12px;width:230px;outline:0}#categories{display:flex;gap:9px;flex:1;overflow:auto}#categories button{white-space:nowrap;font-size:12px;flex:1}.active,.red{background:#f33742!important;color:white!important;box-shadow:0 7px 16px #f3374220}.services{display:flex;align-items:center;gap:8px;margin:24px 0}.services span{margin-inline-start:auto;color:#898a91;font-size:12px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:30px}aside{border-inline-start:1px solid #e5e5e8;padding-inline-start:26px}.hero{position:relative;min-height:350px;overflow:hidden;border-radius:20px;background:#14212c;color:white}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b1116eb 0%,#0b111650 80%)}[dir=rtl] .hero:after{background:linear-gradient(270deg,#0b1116eb 0%,#0b111650 80%)}.heroContent{position:relative;z-index:1;max-width:470px;padding:42px 34px 50px}.eyebrow{letter-spacing:3px;font-size:10px;color:#d6dee5}h1{font-size:38px;line-height:1.1;margin:20px 0}p{font-size:13px;line-height:1.9;color:#d8d9df}.purchase{display:flex;align-items:center;gap:24px;margin:25px 0 12px}.purchase strong{font-size:24px}small{font-size:10px;color:#b0b1bb;display:block}.slides{position:absolute;z-index:2;bottom:16px;inset-inline-end:25px;display:flex;gap:6px}.slides button{padding:4px 12px;font-size:11px;background:#ffffff30;color:white}.sectionTitle{display:flex;justify-content:space-between;align-items:center;margin:22px 0 18px}h2{font-size:17px;margin:0}.sectionTitle span{font-size:11px;color:#92939b}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card{background:white;border:1px solid #ededf0;border-radius:16px;padding:10px}.card img{width:100%;height:180px;object-fit:cover;border-radius:11px}.card h3{font-size:13px;margin:14px 0 9px;direction:ltr}.card p{color:#747681;font-size:11px;margin:8px 0}.card .bottom{display:flex;align-items:center;justify-content:space-between;font-size:13px;gap:5px}.card button{font-size:11px;padding:9px}.status{color:#198459!important}.status.wait{color:#a86d18!important}.offer{margin-bottom:17px}.offer img{height:140px}.help{margin-top:24px;background:#eeeef1;padding:20px;border-radius:15px}.help>span{font-size:24px;color:#f33742}.help h3{font-size:14px}.help p{color:#7b7d87;font-size:12px}footer{padding:28px 0;color:#92939b;font-size:11px}dialog{border:0;border-radius:20px;padding:30px;width:min(580px,92vw);max-height:85vh;box-shadow:0 25px 90px #0004}dialog::backdrop{background:#090a0d99;backdrop-filter:blur(5px)}dialog p{color:#727580}.close{float:inline-end;padding:5px 10px;font-size:23px}.provider{display:block;background:#f4f4f6;width:100%;margin:12px 0}dialog input{width:100%;border:1px solid #ddd;border-radius:8px;padding:10px;margin:6px 0 12px}dialog small{margin-top:16px;color:#777}.field{border-top:1px solid #eee;padding:14px 0}.field label{font-size:12px;display:block}.field input[type=checkbox]{width:auto}#adminFields h3{font-size:15px}@media(min-width:1400px){main{margin-top:-29px}}@media(max-width:850px){header{gap:15px;height:140px;flex-wrap:wrap;padding:22px}nav{order:3;flex-basis:100%;gap:22px}.tools{margin-inline-start:auto}.layout{grid-template-columns:1fr}aside{border:0;padding:0}.toolbar{flex-wrap:wrap}.toolbar input{width:100%}.cards{grid-template-columns:repeat(2,1fr)}#offers{display:grid;grid-template-columns:1fr 1fr;gap:16px}.heroContent{padding:30px 24px;max-width:90%}h1{font-size:30px}.services span{display:none}}@media(max-width:450px){main{padding:0 14px}.brand>strong{font-size:12px}.tools button{font-size:11px}.cards{gap:9px}.card img{height:150px}.bottom{flex-wrap:wrap}}
/* Interaction and seasonal presentation */
.layout{grid-template-areas:'side content';grid-template-columns:270px minmax(0,1fr)}.layout>section{grid-area:content}.layout>aside{grid-area:side;border-inline-start:0;border-inline-end:1px solid #e5e5e8;padding-inline-start:0;padding-inline-end:26px}[dir=ltr] .layout{direction:rtl}[dir=ltr] .layout>section,[dir=ltr] .layout>aside{direction:ltr}.services{min-height:18px}.services span{margin:0;color:#757782}.catalogNote{font-size:11px;color:#858792;margin-top:-9px}.sectionTitle a{font-size:11px;color:#898b95}.emptyState{grid-column:1/-1;color:#747681;background:#fff;border-radius:14px;padding:24px}.catalogSection{margin-bottom:28px}#tastePanel{margin-top:0;margin-bottom:30px;background:#fff;border:1px solid #e8e8ed;border-radius:16px;padding:18px}#tastePanel summary{font-size:15px;font-weight:bold;cursor:pointer;color:#f33742}#tasteText{color:#7d7f88;font-size:12px}#tasteChoices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}#tasteChoices input{position:absolute;opacity:0;width:1px;height:1px}#tasteChoices span{display:block;padding:13px 8px;border:1px solid #ececf0;border-radius:10px;text-align:center;font-size:12px;cursor:pointer}#tasteChoices input:checked+span{background:#fff0f1;border-color:#f33742;color:#dc2530}#tasteChoices input:focus-visible+span{outline:2px solid #f33742}#tasteSave{width:100%;font-size:12px}#account h3{font-size:14px;margin-top:28px}#orderHistory,#library{font-size:12px;background:#f5f5f7;padding:18px;border-radius:12px;color:#767985}#account>.red{margin-top:22px}select{width:100%;padding:12px;margin:12px 0;border-radius:10px;border:1px solid #ddd}#pauseBanner{position:absolute;bottom:16px;inset-inline-start:24px;z-index:3;background:#ffffff25;color:white;padding:5px 12px}.hero>img{animation:appear .45s ease}button,a,.card{transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}button:hover{transform:translateY(-2px)}button:active{transform:scale(.95)}.card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #15152512;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,50%),#fff0f1,#fff 65%)}a:hover{color:#f33742}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #ee3541;outline-offset:4px}.card:active{transform:scale(.99)}[data-season=christmas] header{background-color:#10352d}[data-season=christmas] .brand span{color:#ffdbb4}[data-season=christmas] .hero{outline:3px solid #bbad6b}[data-season=newyear] header{background-color:#201836}[data-season=newyear] .brand span{color:#f4d386}[data-season=newyear] .hero{outline:3px solid #d4b36a}[data-season=halloween] header{background-color:#241032}[data-season=halloween] .brand span,[data-season=halloween] #tastePanel summary{color:#e98c2c}[data-season=halloween] .red{background:#cf651f!important}[data-season=national] header{background-color:#073d2a}[data-season=national] .red{background:#168351!important}[data-season=national] .brand span{color:#8cddad}body[data-season]:not([data-season=none]) main:before{display:block;position:relative;text-align:center;background:#fff;border-radius:12px;margin:42px 0 12px;padding:10px;font-size:13px;color:#67646d}[data-season=christmas] main:before{content:'✦ Christmas · الكرسمس ✦'}[data-season=newyear] main:before{content:'✧ Happy New Year · عام جديد ومغامرات جديدة ✧'}[data-season=halloween] main:before{content:'☾ Halloween · ليلة مليئة بالمغامرات ☾'}[data-season=national] main:before{content:'✦ اليوم الوطني السعودي · Saudi National Day ✦'}@keyframes appear{from{opacity:.7}to{opacity:1}}@media(max-width:850px){.layout{grid-template-columns:1fr;grid-template-areas:'side' 'content'}.layout>aside{border:0;padding:0}.layout>aside>.sectionTitle,.layout>aside>#offers,.layout>aside>.help{display:none}#tastePanel{margin-bottom:0}#tasteChoices{grid-template-columns:repeat(3,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.card:hover,button:hover,button:active{transform:none}}
/* Game and account journey */
.detailImage{width:100%;height:210px;object-fit:cover;border-radius:14px;margin-bottom:20px}.detailDescription{color:#747680}.orderModes{display:flex;gap:8px;margin:20px 0}.orderModes button{flex:1;font-size:12px}.availabilityNote{background:#f5f5f7;color:#646773;padding:16px;border-radius:12px}.priceSummary{display:grid;gap:12px;background:#f7f7f9;padding:18px;border-radius:12px;margin-bottom:12px;font-size:14px}.consent{display:flex;gap:9px;align-items:flex-start;margin:20px 0;font-size:12px;line-height:1.8}.consent input{width:auto;margin-top:5px}#detailBody form>.red,#auth form>.red{width:100%;margin-top:16px}#auth label,#detailBody form>label{font-size:12px}.accountOrder{padding:18px;border:1px solid #ededf0;border-radius:14px;margin:14px 0}.accountOrder h3{margin:0!important}.accountOrder p{color:#686b78}.accountOrder div{font-size:12px;margin:10px 0}.accountOrder button{margin:12px 0}.emptyState{color:#6f7380!important}