/* Lucas2MOBILE · mobil ve masaüstü ortak oynanış bölümü */
.mobile-gameplay{
  position:relative;
  overflow:hidden;
  padding-top:86px;
  padding-bottom:104px;
  background:
    radial-gradient(circle at 24% 53%,#6c351a26 0,transparent 34%),
    radial-gradient(circle at 88% 34%,#b6813e12 0,transparent 30%),
    linear-gradient(180deg,#0a0908 0%,#100c09 48%,#090807 100%);
  border-top:1px solid #c3904c24;
  border-bottom:1px solid #c3904c24;
}
.mobile-gameplay:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.25;
  background-image:
    linear-gradient(#c99a5820 1px,transparent 1px),
    linear-gradient(90deg,#c99a5814 1px,transparent 1px);
  background-size:76px 76px;
  -webkit-mask-image:linear-gradient(90deg,#000,transparent 42%,transparent 74%,#000);
  mask-image:linear-gradient(90deg,#000,transparent 42%,transparent 74%,#000);
}
.mobile-gameplay>.section-number,
.mobile-gameplay-heading,
.mobile-gameplay-layout{position:relative;z-index:2}
.mobile-gameplay>.section-number{margin-bottom:40px}
.mobile-gameplay-divider{
  position:relative;
  z-index:2;
  height:34px;
  margin:-66px 0 46px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.mobile-gameplay-divider:before,.mobile-gameplay-divider:after{
  content:"";
  height:1px;
  flex:1;
  background:linear-gradient(90deg,transparent,#b98745 75%,#e2bc76);
}
.mobile-gameplay-divider:after{background:linear-gradient(90deg,#e2bc76,#b98745 25%,transparent)}
.mobile-gameplay-divider span{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  margin:0 16px;
  border:1px solid #d3a558;
  background:#15100b;
  color:#e9c17b;
  font:800 8px var(--display);
  letter-spacing:.02em;
  box-shadow:0 0 24px #c8883533;
}
.mobile-gameplay-divider--bottom{margin:76px 0 -83px}
.mobile-gameplay-heading{text-align:center;max-width:940px;margin:0 auto 52px}
.mobile-gameplay-icon{
  width:45px;
  height:45px;
  margin:0 auto 22px;
  border:1px solid #b98543;
  display:grid;
  place-items:center;
  background:#15100b;
  box-shadow:0 12px 30px #0008;
}
.mobile-gameplay-icon i{
  width:13px;
  height:23px;
  border:1px solid #edcb8e;
  border-radius:3px;
  position:relative;
}
.mobile-gameplay-icon i:after{content:"";position:absolute;bottom:2px;left:50%;width:2px;height:2px;border-radius:50%;background:#edcb8e;transform:translateX(-50%)}
.mobile-gameplay-heading h2{
  margin:15px 0 19px;
  color:#f3eee5;
  font-size:clamp(40px,4.5vw,72px);
  line-height:.98;
  letter-spacing:-.055em;
  text-transform:uppercase;
}
.mobile-gameplay-heading h2 em{font-style:normal;color:#e5b66f}
.mobile-gameplay-slogan{
  margin:0;
  color:#a99783;
  font-size:10px;
  font-weight:800;
  letter-spacing:.17em;
}
.mobile-gameplay-layout{
  display:grid;
  grid-template-columns:minmax(430px,1.06fr) minmax(390px,.94fr);
  gap:clamp(42px,6vw,92px);
  align-items:center;
  max-width:1320px;
  margin:0 auto;
}
.mobile-device-scene{
  position:relative;
  min-height:678px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.mobile-device{
  position:relative;
  z-index:2;
  flex-shrink:0;
  width:330px;
  height:678px;
  overflow:hidden;
  background:transparent;
  border:0;
  box-shadow:none;
  transform:none;
  transition:none;
}
.mobile-device-screen{
  position:absolute;
  z-index:1;
  top:5px;
  left:0;
  width:100%;
  height:98%;
  overflow:hidden;
  border-radius:48px;
  background:#000;
}
.mobile-device-screen video{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
  transform:none;
  transition:none;
}
.mobile-device-frame{
  position:absolute;
  z-index:4;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:fill;
  pointer-events:none;
}
.mobile-gameplay-copy{
  position:relative;
  padding:42px 42px 36px;
  border:1px solid #b9884c65;
  background:linear-gradient(145deg,#0b0a09e8,#15100cdd);
  box-shadow:inset 0 0 0 1px #f1c9810a,0 24px 50px #0007;
}
.mobile-gameplay-copy:before,.mobile-gameplay-copy:after{content:"";position:absolute;width:28px;height:28px;border-color:#e1b66c;border-style:solid;pointer-events:none}
.mobile-gameplay-copy:before{top:-1px;left:-1px;border-width:2px 0 0 2px}
.mobile-gameplay-copy:after{right:-1px;bottom:-1px;border-width:0 2px 2px 0}
.mobile-gameplay-copy p{margin:0 0 20px;color:#bcae9d;font-size:13px;line-height:1.92}
.mobile-gameplay-copy p:last-of-type{margin-bottom:28px}
.mobile-gameplay-copy strong{color:#eee2d0;font-weight:700}
.mobile-store-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:29px 0 14px}
.mobile-store-button{min-height:64px;padding:10px 15px;border:1px solid #d3aa6852;background:linear-gradient(145deg,#18130f,#090807);display:flex;align-items:center;gap:12px;color:#f3eadf;box-shadow:inset 0 0 0 1px #fff0;transition:border-color .25s,background .25s}
.mobile-store-button:hover{border-color:#d9b16f9c;background:linear-gradient(145deg,#211810,#0b0907)}
.mobile-store-button>i{width:29px;color:#efc982;font-size:27px;text-align:center}
.mobile-store-button>span{display:flex;flex-direction:column;gap:1px;min-width:0}
.mobile-store-button small{font-size:7px;font-weight:700;letter-spacing:.11em;color:#9e907f}
.mobile-store-button strong{font-size:16px;line-height:1.05;white-space:nowrap}
.mobile-platforms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding-top:23px;border-top:1px solid #b8894a2e}
.mobile-platforms span{min-height:46px;padding:9px 11px;border:1px solid #a77d4836;background:#0b0907;display:flex;align-items:center;gap:9px;color:#a99b89;font-size:9px;font-weight:700;letter-spacing:.04em}
.mobile-platforms i{display:grid;place-items:center;width:30px;height:25px;border-right:1px solid #a77d484a;color:#e2bd7d;font-size:15px}

@media(max-width:1350px){
  .mobile-gameplay-layout{grid-template-columns:minmax(360px,1fr) minmax(370px,.9fr);gap:38px}
  .mobile-device-scene{min-height:637px}
  .mobile-device{width:310px;height:637px}
  .mobile-device-screen{border-radius:45px}
  .mobile-gameplay-copy{padding:34px 32px 30px}
  .mobile-gameplay-copy p{font-size:12px;line-height:1.78}
}
@media(max-width:1050px){
  .mobile-gameplay-layout{grid-template-columns:1fr;max-width:760px}
  .mobile-device-scene{min-height:657px}
  .mobile-device{width:320px;height:657px}
  .mobile-device-screen{border-radius:47px}
  .mobile-gameplay-copy{margin-top:-8px}
}
@media(max-width:700px){
  .mobile-gameplay{padding-top:72px;padding-bottom:78px}
  .mobile-gameplay-divider{margin:-54px 0 42px}
  .mobile-gameplay-divider--bottom{margin:60px 0 -59px}
  .mobile-gameplay>.section-number{margin-bottom:34px}
  .mobile-gameplay-heading{margin-bottom:33px}
  .mobile-gameplay-heading h2{font-size:clamp(38px,11vw,54px)}
  .mobile-gameplay-slogan{font-size:8px;line-height:1.6}
  .mobile-gameplay-layout{gap:25px}
  .mobile-device-scene{min-height:565px;margin:0 -13px}
  .mobile-device{width:275px;height:565px}
  .mobile-device-screen{top:4px;border-radius:40px}
  .mobile-gameplay-copy{padding:28px 22px 22px}
  .mobile-gameplay-copy p{font-size:12px;line-height:1.75;margin-bottom:18px}
  .mobile-store-button{min-height:58px;padding:9px 11px;gap:9px}
  .mobile-store-button>i{width:24px;font-size:23px}
  .mobile-store-button strong{font-size:14px}
  .mobile-platforms{grid-template-columns:1fr 1fr}
}
@media(max-width:420px){
  .mobile-device-scene{min-height:514px}
  .mobile-device{width:250px;height:514px}
  .mobile-device-screen{border-radius:36px}
  .mobile-store-buttons{grid-template-columns:1fr}
  .mobile-platforms{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .mobile-device,.mobile-device-screen video{transition:none}
}