.game-screen{min-height:100vh;padding-bottom:305px;background:radial-gradient(circle at 50% 22%,#263649 0,#101924 38%,#070b11 82%);overflow-x:hidden}
.game-screen:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,#0008,transparent 16% 84%,#0008),radial-gradient(circle at 50% 18%,#e4b45715,transparent 36%)}
.topbar{position:relative;z-index:20;background:#080d13d9;backdrop-filter:blur(14px);border-bottom-color:#b98a4055}
.opponents{position:relative;z-index:6;max-width:940px;margin:12px auto -62px;justify-content:center;gap:12px}
.opponent{min-width:210px;background:linear-gradient(145deg,#121c27ee,#080e15ee);border:1px solid #bd914d66;box-shadow:0 10px 30px #0009}
.opponent img{border-color:#d6a75577}
.mini-card-art,.hero-art{position:relative;align-self:start}
.mini-card-art>img{display:block;width:74px;height:111px;object-fit:cover;border-radius:7px}
.hero-art>img{display:block;width:118px;height:177px;object-fit:cover;border-radius:10px;border:1px solid #d7ad5b77}
.table-zone{position:relative;z-index:2;display:grid;grid-template-columns:130px minmax(0,1fr) 130px;align-items:center;gap:24px;width:min(1180px,calc(100% - 34px));min-height:540px;margin:20px auto 0;padding:100px 66px 82px;border:13px solid #3b2716;border-radius:50%;background:radial-gradient(ellipse at 50% 42%,#237558 0,#155640 45%,#0b3528 76%,#08271f 100%);box-shadow:inset 0 0 0 4px #bd8c42,inset 0 0 45px #03120e,0 30px 75px #000c;isolation:isolate}
.table-zone:before{content:"";position:absolute;inset:8px;border:1px solid #f1c66a3b;border-radius:50%;pointer-events:none}
.table-zone:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:50%;opacity:.12;background-image:repeating-linear-gradient(37deg,#fff 0 1px,transparent 1px 5px);mix-blend-mode:soft-light}
.deck-stack,.discard-stack,.market-wrap{position:relative;z-index:2}
.deck-stack p,.discard-stack p{color:#e2d0a8;text-shadow:0 2px 4px #000;text-transform:uppercase;letter-spacing:.1em}
.card-back,.discard-card{width:102px;border:3px solid #e0b15c;border-radius:14px;box-shadow:7px 8px 0 #09110e,10px 15px 28px #0009}
.card-back{position:relative;background:linear-gradient(135deg,#182b40,#080e17);overflow:hidden}
.card-back:before{content:"";position:absolute;inset:7px;border:2px solid #d9aa54;border-radius:9px;background:repeating-linear-gradient(45deg,#19314a 0 7px,#0d1827 7px 14px)}
.card-back span,.card-back small{position:relative;z-index:1}
.card-back span{display:grid;place-items:center;width:54px;height:54px;margin:auto;border:2px solid #d9aa54;border-radius:50%;background:#07111c;font:900 23px Georgia;color:#f2c76d;transform:rotate(-8deg)}
.card-back:hover{transform:translateY(-7px) rotate(-2deg);filter:brightness(1.15)}
.discard-card{position:relative;overflow:hidden;background:#101820;transform:rotate(5deg);border-color:#88939d}
.discard-card img{display:block;width:100%;height:100%;object-fit:cover}
.discard-card small{position:absolute;right:5px;bottom:5px;min-width:23px;padding:4px;border-radius:99px;background:#05090de8;color:#fff}
.section-label{justify-content:center;gap:18px;margin-bottom:15px;color:#f3d28c;text-shadow:0 2px 3px #000}
.market{grid-template-columns:repeat(4,minmax(105px,145px));justify-content:center;gap:12px}
.market .support-card{box-shadow:0 12px 22px #001a}
.market .support-card:nth-child(1){transform:rotate(-3deg)}
.market .support-card:nth-child(2){transform:rotate(-1deg) translateY(-5px)}
.market .support-card:nth-child(3){transform:rotate(1deg) translateY(-5px)}
.market .support-card:nth-child(4){transform:rotate(3deg)}
.market .support-card:hover{transform:translateY(-14px) scale(1.04);z-index:8}
.active-player{position:relative;z-index:7;max-width:930px;margin:-52px auto 13px}
.hero-card{grid-template-columns:118px 1fr;gap:14px;padding:11px;background:linear-gradient(135deg,#241c11f2,#0d1721f2 58%);box-shadow:0 16px 45px #000c;border-width:2px}
.preview-eye{position:absolute;z-index:12;top:6px;right:6px;display:grid;place-items:center;width:29px;height:29px;padding:0;border:1px solid #f4d68a;border-radius:50%;background:#071018dc;color:#ffe7a8;font-size:17px;line-height:1;box-shadow:0 4px 12px #000b;opacity:.78;transition:.18s}
.preview-eye:hover{opacity:1;transform:scale(1.12);background:#2d2415}
.support-card>.preview-eye{top:7px;left:7px;right:auto}
.support-card.playable:after{right:7px}
.card-preview{position:relative;display:grid;grid-template-columns:minmax(240px,430px) minmax(220px,320px);gap:24px;align-items:center;max-height:90vh;padding:6px}
.card-preview>img{display:block;width:100%;max-height:82vh;object-fit:contain;border:2px solid #d6a956;border-radius:15px;box-shadow:0 22px 55px #000c}
.card-preview h2{font-size:34px;margin:8px 0 12px}.card-preview p{color:#bac7d2;line-height:1.55}
.preview-close{position:absolute;z-index:5;top:-18px;right:-18px;width:40px;height:40px;border:1px solid #67788a;border-radius:50%;background:#111c28;color:#fff;font-size:25px}
.hero-top h2{font-size:25px}
.abilities{margin-top:7px}
.hand-zone{position:fixed;z-index:17;left:50%;bottom:66px;translate:-50% 0;width:min(1050px,calc(100% - 28px));height:220px;margin:0;padding:10px 18px 0;border:1px solid #c89d555c;border-bottom:0;border-radius:24px 24px 0 0;background:linear-gradient(180deg,#111c27f2,#080d14fa);box-shadow:0 -18px 45px #000b,inset 0 1px #fff1;backdrop-filter:blur(16px)}
.hand-zone:before{content:"OYUNCU ELİ";position:absolute;top:-12px;left:50%;translate:-50% 0;padding:5px 15px;border:1px solid #c89d5570;border-radius:99px;background:#101923;color:#f0cb7f;font-size:9px;font-weight:900;letter-spacing:.16em}
.hand-header{justify-content:center;gap:12px;margin:1px 0 -25px;color:#f0cb7f;opacity:.82}
.hand{justify-content:center;align-items:flex-start;min-height:205px;padding:38px 68px 8px;overflow:visible}
.hand .support-card{flex:0 0 140px;margin-left:-48px;transform:rotate(var(--fan-angle,0deg)) translateY(var(--fan-lift,0));transform-origin:50% 135%;box-shadow:0 12px 25px #000b}
.hand .support-card:first-child{margin-left:0}
.hand .support-card:hover{transform:translateY(-30px) rotate(0) scale(1.08);z-index:20}
.actionbar{z-index:19;background:linear-gradient(180deg,#101923f5,#070b10fa);border-top:1px solid #c89d555c;box-shadow:0 -14px 35px #0008}
.actionbar button:not(:disabled){box-shadow:inset 0 1px #ffffff25,0 5px 14px #0008}
@media(max-width:900px){.game-screen{padding-bottom:275px}.opponents{justify-content:flex-start;margin-bottom:-25px;padding-inline:12px}.table-zone{grid-template-columns:82px minmax(0,1fr) 82px;min-height:430px;padding:72px 28px 58px;border-width:9px}.card-back,.discard-card{width:74px}.market{grid-template-columns:repeat(4,minmax(82px,110px));gap:7px}.active-player{margin-top:-35px}.hand-zone{height:195px}.hand .support-card{flex-basis:120px;margin-left:-46px}}
@media(max-width:650px){.game-screen{padding-bottom:245px}.table-zone{width:calc(100% - 12px);grid-template-columns:58px 1fr;min-height:390px;padding:60px 12px 46px;border-width:6px;border-radius:44%}.discard-stack{display:none}.card-back{width:54px}.market{grid-template-columns:repeat(2,minmax(86px,112px))}.market .support-card{transform:none!important}.hero-card{grid-template-columns:92px 1fr}.hero-art>img{width:92px;height:138px}.hero-top h2{font-size:18px}.stat-pills{display:none}.active-player{padding-inline:7px}.hand-zone{bottom:61px;width:100%;height:170px;padding-inline:5px;border-radius:16px 16px 0 0}.hand-header{margin-bottom:-29px}.hand{justify-content:flex-start;min-height:155px;overflow-x:auto;padding:38px 44px 5px}.hand .support-card{flex-basis:100px;margin-left:-30px}.abilities{grid-template-columns:1fr}.actionbar{gap:5px}.actionbar button{padding:10px 9px}.card-preview{grid-template-columns:1fr;max-height:85vh;overflow:auto}.card-preview>img{max-height:62vh}.card-preview>div{display:none}}

@media(min-width:1120px){
  .opponents{max-width:940px;margin-left:auto;margin-right:auto}
  .table-zone{width:min(1000px,calc(100% - 390px));max-width:1000px;margin-left:auto;margin-right:auto;grid-template-columns:105px minmax(0,1fr) 105px;padding-left:36px;padding-right:36px}
  .market{grid-template-columns:repeat(4,minmax(92px,132px));gap:8px}
  .card-back,.discard-card{width:88px}
  .active-player{position:fixed;z-index:10;top:88px;right:12px;bottom:auto;width:188px;margin:0;padding:0;overflow:visible}
  .hero-card{display:block;min-height:0;padding:9px;border-radius:17px;background:linear-gradient(155deg,#241c11f5,#0d1721f5);box-shadow:0 18px 48px #000c}
  .hero-art{float:none;margin:0}
  .hero-art>img{width:168px;height:252px}
  .hero-details{display:none}
  .compact-hero-status{display:flex;justify-content:space-between;gap:5px;margin-top:7px;color:#fff;font-size:11px;font-weight:900}.compact-hero-status span{padding:5px 7px;border:1px solid #5a6875;border-radius:7px;background:#071019}.compact-hero-status span:first-child{color:#ff7b89}
  .character-info-btn{display:block;width:100%;margin-top:8px;padding:9px 6px;border:1px solid #d6a956;border-radius:9px;background:#352817;color:#ffe2a1;font-size:11px;font-weight:900}
  .character-info-btn:hover{background:#59401d}
  .hand-zone{width:min(1000px,calc(100% - 390px));left:50%}
}
.character-info-btn{display:none}
.compact-hero-status{display:none}
.character-info-modal{position:relative;display:grid;grid-template-columns:minmax(210px,330px) minmax(320px,520px);gap:22px;align-items:start;max-height:86vh;overflow:auto}
.character-info-modal>img{width:100%;max-height:78vh;object-fit:contain;border:2px solid #d6a956;border-radius:13px}
.character-info-modal .abilities{grid-template-columns:1fr;gap:8px}.character-info-modal .ability{font-size:12px;padding:10px}
@media(max-width:650px){.character-info-modal{grid-template-columns:1fr}.character-info-modal>img{max-height:52vh}}
@media(min-width:1120px){.character-info-btn,.compact-hero-status{display:flex}.character-info-btn{display:block}}