/* Alesta için oyun içi arayüz tanıtımı; oyun varlığı veya fiyat göstermez. */
.game-showcase{
  grid-template-columns:minmax(210px,.28fr) minmax(0,1fr);
  align-items:stretch;
  margin-top:42px;
  border:1px solid #5b4228;
  background:#100d0b;
  box-shadow:0 26px 70px #0006;
}
.game-showcase .feature-list{
  border-right:1px solid #60472a;
  background:linear-gradient(155deg,#23180f,#110d0a 70%);
}
.game-showcase .feature-tab{
  position:relative;
  min-height:101px;
  padding:23px 25px;
  border-bottom:1px solid #48341f;
  transition:background .2s,color .2s;
}
.game-showcase .feature-tab:last-child{border-bottom:0}
.game-showcase .feature-tab.is-active{
  background:linear-gradient(90deg,#54331b,#2c1b10 75%,transparent);
  color:#f6e0b4;
}
.game-showcase .feature-tab.is-active:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  background:#e6b66f;
  box-shadow:0 0 16px #d89b4b;
}
.game-showcase .feature-tab span{color:#b6925f}
.game-showcase .feature-tab strong{font-size:16px;line-height:1.3}
.game-showcase .feature-tab b{font-size:16px}
.game-preview-deck{min-width:0;padding:20px 22px 18px;background:radial-gradient(circle at 50% 15%,#392718,#17100c 55%,#0d0b09)}
.game-preview-top{
  display:flex;
  justify-content:space-between;
  gap:15px;
  padding:0 3px 14px;
  color:#b89d78;
  font-size:9px;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.game-preview-top i{display:inline-block;width:3px;height:3px;margin:0 8px 3px;border-radius:50%;background:#b18a53}
.game-preview-panel[hidden]{display:none}
.game-preview-panel{animation:game-panel-in .35s ease-out}
.game-window{
  min-height:470px;
  overflow:hidden;
  border:1px solid #8c6a43;
  background:
    linear-gradient(125deg,#68462b16 1px,transparent 1px) 0 0/26px 26px,
    radial-gradient(circle at 50% -20%,#48301c,#1b1510 48%,#110e0c);
  box-shadow:inset 0 0 0 3px #130e0a,inset 0 0 0 4px #5c422b,0 16px 40px #0008;
}
.game-window-header{
  display:flex;
  align-items:center;
  gap:14px;
  min-height:62px;
  padding:10px 18px;
  border-bottom:1px solid #956f43;
  background:linear-gradient(#49311e,#21160f);
  box-shadow:inset 0 1px #bc8b5180,0 8px 20px #0004;
}
.window-logo{flex:none;width:76px;height:34px;object-fit:contain;filter:drop-shadow(0 2px 7px #0009)}
.game-window-header>div{display:flex;flex-direction:column;gap:3px}
.game-window-header small,.game-window-header strong{display:block}
.game-window-header small{color:#ad865c;font-size:8px;font-weight:800;letter-spacing:.15em}
.game-window-header strong{color:#f4d9a9;font-family:var(--display);font-size:16px;font-weight:800}
.window-state{margin-left:auto;color:#bb9c73;font-size:8px;font-weight:800;letter-spacing:.17em;white-space:nowrap}
.game-preview-caption{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:25px;
  padding:18px 3px 2px;
}
.game-preview-caption h3{margin:0 0 6px;color:#f0d4aa;font-size:20px;font-weight:800}
.game-preview-caption p{max-width:560px;margin:0;color:#ae9a82;font-size:11px;line-height:1.65}
.game-preview-caption .text-link{flex:none;margin:0;font-size:10px}
.market-layout{display:grid;grid-template-columns:132px minmax(0,1fr);min-height:298px}
.market-categories{display:flex;flex-direction:column;gap:7px;padding:16px 12px;border-right:1px solid #5b4028;background:#18110d}
.market-category,.bonus-tab{
  min-height:36px;
  padding:8px 11px;
  border:1px solid #765633;
  background:linear-gradient(#3c2919,#24170f);
  color:#bca17a;
  font-size:10px;
  font-weight:800;
  text-align:left;
  letter-spacing:.04em;
}
.market-category:hover,.market-category.is-active,.bonus-tab:hover,.bonus-tab.is-active{
  border-color:#d5a66b;
  background:linear-gradient(#76512a,#4d3018);
  color:#fff0cf;
  box-shadow:inset 0 1px #f2c58755;
}
.market-main{min-width:0;padding:14px 17px 16px}
.market-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:0 0 12px;border-bottom:1px solid #7454356b}
.market-toolbar strong{color:#f2d3a5;font-size:13px}
.market-toolbar span{color:#9e815c;font-size:8px;font-weight:800;letter-spacing:.13em}
.market-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding-top:15px}
.market-item{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  min-width:0;
  min-height:184px;
  padding:11px 7px;
  border:1px solid #5a4129;
  background:linear-gradient(#2b2017,#17110d);
  color:#c9ab83;
  text-align:center;
}
.market-item:hover,.market-item.is-active{border-color:#d4a261;background:linear-gradient(#49331e,#21170f)}
.market-item-art{
  display:block;
  position:relative;
  width:min(100%,94px);
  aspect-ratio:1;
  border:1px solid #795d3e;
  background:radial-gradient(circle at 50% 40%,#5b40277e,#21170f 64%,#120e0b);
  box-shadow:inset 0 0 0 4px #17110d,inset 0 0 0 5px #7b5b3955;
}
.market-item-art:before,.market-item-art:after{
  content:"";
  position:absolute;
  inset:20%;
  border:1px solid #d7ac6a45;
  transform:none;
}
.market-item-art:after{inset:31%;transform:rotate(0);border-color:#d7ac6a30}
.market-item strong{font-size:10px;line-height:1.25;max-width:100%}
.market-item small{font-size:7px;letter-spacing:.08em;color:#8e7558}
.market-detail{
  display:flex;
  align-items:center;
  gap:13px;
  min-height:85px;
  padding:12px 18px;
  border-top:1px solid #725434;
  background:#17110d;
}
.market-detail-art{
  flex:none;
  width:52px;
  height:52px;
  border:1px solid #815f3b;
  background:radial-gradient(circle,#664424,#24170e 66%);
}
.market-detail>div{display:flex;flex-direction:column;gap:3px}
.market-detail small,.pass-detail small,.bonus-panel small{color:#a98960;font-size:8px;font-weight:800;letter-spacing:.14em}
.market-detail strong{color:#f0d5ad;font-size:12px}
.market-detail p{margin:0;color:#a99478;font-size:9px}
.market-free{margin-left:auto;padding:8px 10px;border:1px solid #906b43;color:#dfba84;font-size:8px;font-weight:800;letter-spacing:.08em;white-space:nowrap}
.pass-body{padding:21px 24px 24px}
.pass-hero{
  min-height:118px;
  padding:18px 22px;
  border:1px solid #65472c;
  background:radial-gradient(circle at 80% 30%,#955b2b55,transparent 38%),linear-gradient(115deg,#3c2415,#21150e);
}
.pass-hero span{color:#d1a46c;font-size:8px;font-weight:800;letter-spacing:.16em}
.pass-hero strong{display:block;margin-top:9px;color:#f3d6a8;font-family:var(--display);font-size:20px}
.pass-hero p{margin:7px 0 0;color:#ae987b;font-size:10px}
.pass-progress{height:4px;margin:31px 8% -2px;background:#5d4027;overflow:hidden}
.pass-progress span{display:block;width:34%;height:100%;background:#d4a061;box-shadow:0 0 10px #e5aa6c}
.pass-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}
.pass-stage{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  min-height:153px;
  padding:16px 10px 12px;
  border:1px solid #6b4c2e;
  background:linear-gradient(#322316,#1b130e);
  color:#bfa17a;
  text-align:center;
}
.pass-stage:hover,.pass-stage.is-active{border-color:#d5a569;color:#f3d7ab;background:linear-gradient(#624024,#28190f)}
.pass-stage-art{
  display:block;
  width:65px;
  height:65px;
  margin-bottom:10px;
  border:1px solid #9e7447;
  background:linear-gradient(135deg,#80543044,#20160f 60%);
  box-shadow:inset 0 0 0 5px #21160f,inset 0 0 0 6px #a37b4b66;
  transform:none;
}
.pass-stage strong{font-size:11px}
.pass-stage small{margin-top:4px;color:#9c805e;font-size:8px}
.pass-detail{
  display:flex;
  align-items:baseline;
  gap:12px;
  padding:17px 0 0;
  color:#bba283;
}
.pass-detail strong{color:#f2d3a6;font-size:12px}
.pass-detail p{margin:0 0 0 auto;font-size:9px}
.quick-body{padding:20px 23px 25px}
.quick-body>p{margin:0 0 17px;color:#bba98e;font-size:10px;line-height:1.65}
.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.quick-grid a{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:122px;
  padding:15px;
  border:1px solid #6d4f31;
  background:linear-gradient(140deg,#332318,#1a130e 74%);
  box-shadow:inset 0 0 0 3px #1a120d;
  transition:transform .2s,border-color .2s,background .2s;
}
.quick-grid a:hover{transform:translateY(-3px);border-color:#d4a467;background:#48311d}
.quick-grid span{color:#aa8456;font-size:8px;font-weight:800;letter-spacing:.13em}
.quick-grid strong{max-width:140px;margin-top:8px;color:#e2c49a;font-size:11px;line-height:1.28}
.quick-grid b{position:absolute;top:12px;right:14px;color:#bf9662;font-size:13px}
.bonus-body{padding:20px 23px}
.bonus-tabs{display:flex;gap:7px;flex-wrap:wrap}
.bonus-tab{text-align:center}
.bonus-panel{
  display:grid;
  grid-template-columns:170px minmax(0,1fr);
  align-items:center;
  gap:24px;
  min-height:296px;
  margin-top:15px;
  padding:20px 26px;
  border:1px solid #674b30;
  background:radial-gradient(circle at 15% 50%,#6743214a,transparent 37%),#1b140f;
}
.bonus-panel-art{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:13px;
  height:178px;
  padding:23px;
  border:1px solid #8c663e;
  background:linear-gradient(#332316,#16100d);
  box-shadow:inset 0 0 0 5px #1b130e,inset 0 0 0 6px #6e4d2e;
}
.bonus-panel-art span{height:12px;border:1px solid #9c7547;background:linear-gradient(90deg,#b9854b 0 48%,#34251a 48%)}
.bonus-panel-art span:nth-child(2){background:linear-gradient(90deg,#b9854b 0 67%,#34251a 67%)}
.bonus-panel-art span:nth-child(3){background:linear-gradient(90deg,#b9854b 0 37%,#34251a 37%)}
.bonus-panel h4{margin:13px 0 7px;color:#f0d4a9;font-family:var(--display);font-size:23px}
.bonus-panel p{max-width:350px;margin:0;color:#b5a086;font-size:11px;line-height:1.7}
.bonus-panel a{display:inline-block;margin-top:21px;padding-bottom:7px;border-bottom:1px solid #ba8c53;color:#dfb675;font-size:10px;font-weight:800}
.game-showcase button:focus-visible,.game-showcase a:focus-visible{outline:2px solid #efc585;outline-offset:2px}
.story-media.has-preview{background:radial-gradient(circle at 50% 48%,#59341e,#1a120d 64%,#0d0a08)}
.story-media.has-preview .media-frame-lines{width:60%;height:60%;transform:rotate(0);border-color:#c4935a4d}
.story-preview-link{
  position:relative;
  z-index:2;
  padding:15px 21px;
  border:1px solid #d0a062;
  background:linear-gradient(#644024,#2a190f);
  box-shadow:inset 0 1px #efc38577,0 12px 32px #0007;
  color:#f4d9ac;
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  transition:transform .2s,box-shadow .2s;
}
.story-preview-link:hover{transform:translateY(-3px);box-shadow:inset 0 1px #efc38577,0 17px 36px #0009}
@keyframes game-panel-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@media(max-width:1200px){
  .game-showcase{grid-template-columns:220px minmax(0,1fr)}
  .game-showcase .feature-tab{padding:20px 15px}
  .game-preview-deck{padding:16px}
  .market-items{gap:7px}
  .market-item{min-height:157px}
  .market-item-art{width:min(100%,70px)}
}
@media(max-width:800px){
  .game-showcase{grid-template-columns:1fr}
  .game-showcase .feature-list{display:grid;grid-template-columns:repeat(4,1fr);border-right:0;border-bottom:1px solid #60472a}
  .game-showcase .feature-tab{min-height:84px;padding:15px 12px;border-right:1px solid #48341f;border-bottom:0}
  .game-showcase .feature-tab:last-child{border-right:0}
  .game-showcase .feature-tab strong{font-size:11px}
  .game-showcase .feature-tab span{font-size:8px}
  .game-showcase .feature-tab b{display:none}
}
@media(max-width:650px){
  .game-showcase .feature-list{grid-template-columns:repeat(2,1fr)}
  .game-showcase .feature-tab{min-height:77px;border-bottom:1px solid #48341f}
  .game-preview-top{font-size:7px}
  .game-preview-caption{display:block}
  .game-preview-caption .text-link{display:inline-block;margin-top:14px}
  .market-layout{grid-template-columns:1fr}
  .market-categories{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid #5b4028;padding:10px}
  .market-category{flex:1;min-width:86px;text-align:center}
  .market-main{padding:11px}
  .market-items{grid-template-columns:repeat(2,minmax(0,1fr))}
  .market-item{min-height:147px}
  .market-item-art{width:65px}
  .market-item strong{font-size:11px}
  .market-item small{font-size:8px}
  .market-detail{flex-wrap:wrap;padding:12px}
  .market-free{margin-left:0}
  .pass-body,.quick-body,.bonus-body{padding:13px}
  .pass-hero{padding:13px}
  .pass-hero strong{font-size:16px}
  .pass-stages{gap:5px}
  .pass-stage{min-height:132px;padding:10px 4px}
  .pass-stage-art{width:48px;height:48px}
  .pass-stage strong{font-size:10px}
  .pass-detail{display:block}
  .pass-detail strong{margin-left:8px}
  .pass-detail p{margin-top:7px}
  .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .quick-grid a{min-height:102px}
  .bonus-panel{grid-template-columns:1fr;gap:14px;padding:15px}
  .bonus-panel-art{height:88px;flex-direction:row;align-items:center}
  .bonus-panel-art span{width:28%;height:11px}
}
@media(max-width:420px){
  .game-preview-deck{padding:11px}
  .game-preview-top span:last-child{display:none}
  .game-window-header{gap:8px;padding:9px 11px}
  .game-window-header strong{font-size:13px}
  .window-state{font-size:7px}
  .market-toolbar span{font-size:7px}
  .market-item strong{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  .game-preview-panel{animation:none}
  .quick-grid a,.game-showcase .feature-tab{transition:none}
}