/* V7: Metin2Docs oyun salonu — görsel kapak, gezinme ve başlık çerçeveleri. */
.m2games .mg-path{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 23px;padding:10px 15px;border:1px solid #b17d4430;border-left:3px solid #a64b2d;border-radius:5px;background:linear-gradient(100deg,#2b170fbb,#130d09aa);box-shadow:inset 0 1px #efc68a08}.mg-path ol{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;list-style:none;margin:0;padding:0;min-width:0}.mg-path li{display:flex;align-items:center;gap:12px;min-width:0;font-size:10px}.mg-path a{display:inline-flex;align-items:center;gap:8px;color:#bda380!important;transition:color .2s}.mg-path a:hover{color:#f2d3a0!important}.mg-path-home>svg{width:15px;height:15px;stroke:#d1a469;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.mg-path .mg-path-chevron{width:10px;height:12px;fill:none;stroke:#86643e;stroke-width:1.4;flex-shrink:0}.mg-path .mg-path-current{display:inline-flex;align-items:center;min-height:27px;padding:5px 11px;border:1px solid #c3915040;border-radius:3px;background:#a2632420;color:#e7c38c;font-weight:600;line-height:1.4}.mg-path-end{font-size:7px;letter-spacing:2px;color:#8f7049;white-space:nowrap}.mg-path-end i{font-size:7px;color:#c69a55;margin-left:10px;font-style:normal}.mg-path a:focus-visible,.mg-featured:focus-visible,.mg-cover-real:focus-visible{outline:2px solid #eac187;outline-offset:4px}
.m2games .mg-lobby-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:46px;padding:43px;border:1px solid #b780444c;border-top:2px solid #a34b2a;border-radius:9px;background:radial-gradient(ellipse at 90% 50%,#a5622724,transparent 60%),radial-gradient(ellipse at 0 0,#8c27202c,transparent 65%),linear-gradient(125deg,#24120d,#100c09 75%);box-shadow:0 24px 65px #0005;overflow:hidden}.mg-lobby-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 25%,#e8b36108 45%,transparent 65%);transform:translateX(-100%);animation:mgLobbyLight 11s ease-in-out infinite;pointer-events:none}.mg-hero-grid{position:absolute;inset:0;z-index:-2;opacity:.18;pointer-events:none;background-image:linear-gradient(#d3ac6914 1px,transparent 1px),linear-gradient(90deg,#d3ac6914 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,transparent,#000)}.mg-hero-corner{position:absolute;width:35px;height:35px;pointer-events:none}.mg-hero-corner-tl{top:7px;left:7px;border-top:1px solid #d3a15c;border-left:1px solid #d3a15c}.mg-hero-corner-br{bottom:7px;right:7px;border-bottom:1px solid #d3a15c;border-right:1px solid #d3a15c}.mg-eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 10px;border:1px solid #bd834737;border-radius:3px;background:#a34e2420;color:#d7a56b;font-size:8px;font-weight:700;letter-spacing:1.6px}.mg-eyebrow i,.mg-featured-top i{display:inline-block;width:5px;height:5px;background:#ddb46e;box-shadow:0 0 9px #deac55;border-radius:50%;animation:mgLobbyDot 3s infinite}.m2games .mg-hero-copy h1{font-size:clamp(34px,3.5vw,53px);line-height:1.08;letter-spacing:-.8px;margin:23px 0 20px}.mg-hero-copy h1 em{color:#e2b575;text-shadow:0 3px 25px #c27a2420}.m2games .mg-hero-copy>p{font-size:12px;line-height:1.9;color:#b39d80;max-width:440px;margin:0}.mg-hero-features{display:flex;flex-wrap:wrap;gap:16px 22px;margin-top:28px}.mg-hero-features>span{display:flex;align-items:center;gap:9px;color:#d0b792;font-size:10px}.mg-hero-features b{width:30px;height:32px;display:grid;place-items:center;border:1px solid #ad7c423b;background:#8d50201c;color:#dfb373;font-size:20px;font-weight:400}.mg-hero-features small{display:block;margin-top:4px;color:#876f52;font-size:8px}.mg-featured{position:relative;display:block;min-width:0;border:1px solid #c391566b;border-radius:7px;background:#100b08;box-shadow:0 18px 45px #0008,0 0 0 6px #c28d3e08;transform:perspective(1200px) rotateY(-4deg) rotateZ(-1deg);transition:transform .4s ease,border-color .4s;overflow:hidden}.mg-featured:hover{transform:perspective(1200px) rotateY(0) rotateZ(0) translateY(-3px);border-color:#edbb74}.mg-featured-top{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:33px;padding:8px 13px;background:linear-gradient(90deg,#362115,#19100a);border-bottom:1px solid #bc8c4440}.mg-featured-top>span{display:flex;align-items:center;gap:7px;font-size:7px;letter-spacing:1.3px;color:#d6b77d}.mg-featured-top>b{font-size:7px;letter-spacing:1px;font-weight:500;color:#90734a}.mg-featured-screen{position:relative;aspect-ratio:1301/687;background:#090807;overflow:hidden}.mg-featured-screen>img{display:block;width:100%;height:100%;object-fit:contain;transition:filter .35s}.mg-featured:hover .mg-featured-screen>img{filter:brightness(1.1)}.mg-featured-play{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:47px;height:47px;transform:translate(-50%,-50%);border:1px solid #eac17caa;border-radius:50%;background:#25170dd9;color:#f1c784;font-size:18px;box-shadow:0 0 0 7px #dfb87915,0 10px 25px #0008;opacity:0;transition:opacity .25s}.mg-featured:hover .mg-featured-play,.mg-featured:focus-visible .mg-featured-play{opacity:1}.mg-featured-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:69px;padding:14px 17px;background:linear-gradient(90deg,#2c1b12,#17100b);border-top:1px solid #b2854933}.mg-featured-bottom small{display:block;font-size:7px;letter-spacing:1.6px;color:#b68b54}.mg-featured-bottom strong{display:block;margin-top:6px;font:700 22px Georgia,serif;color:#efdbba}.mg-featured-arrow{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border:1px solid #ac763f77;background:#a65a2729;color:#e6b973;font-size:21px}
.mg-lobby .mg-toolbar{padding-bottom:18px;border-bottom:1px solid #bd8c3f25}.mg-lobby .mg-toolbar h2{font-size:27px}.mg-lobby .mg-search{font-size:9px}.mg-lobby .mg-search input{border-radius:5px;background:#19110c;border-color:#bc884b3d;transition:border-color .2s,box-shadow .2s}.mg-lobby .mg-search input:focus{border-color:#c89453;box-shadow:0 0 0 3px #b47e2d15;outline:none}.mg-lobby .mg-filters{gap:9px}.mg-lobby .mg-filters button{border-radius:4px;padding:10px 18px;font-size:10px;transition:background .2s,border-color .2s}.mg-lobby .mg-filters button.is-active{background:linear-gradient(110deg,#843721,#4d2117);border-color:#b96c3c;box-shadow:inset 0 1px #e5ae6430}.mg-lobby .mg-row{position:relative;isolation:isolate;grid-template-columns:320px minmax(0,1fr) 155px;gap:26px;padding:18px;border-radius:7px;border-color:#a9793f3d;background:radial-gradient(ellipse at 0 0,#9b54201a,transparent 65%),linear-gradient(110deg,#20150e,#100c09);transition:border-color .25s,transform .25s,box-shadow .25s}.mg-lobby .mg-row:hover{transform:translateY(-3px);border-color:#bc874f;box-shadow:0 15px 35px #0005}.mg-lobby .mg-row:before{content:'';position:absolute;left:0;top:16px;bottom:16px;width:2px;background:linear-gradient(transparent,#cc9451,transparent);opacity:.6;pointer-events:none}.mg-lobby .mg-cover-real{display:block;position:relative;align-self:center;grid-row:auto;min-height:0;padding:0;aspect-ratio:1301/687;border:1px solid #ae7a4655;border-radius:4px;background:#090807;overflow:hidden}.mg-cover-real>img{display:block;width:100%;height:100%;object-fit:contain;transition:filter .3s}.mg-cover-real:hover>img{filter:brightness(1.12)}.mg-cover-badge{position:absolute;top:8px;left:8px;padding:4px 6px;border:1px solid #ddb27455;background:#130f0be6;color:#f0d19d;font-size:7px;font-weight:700;letter-spacing:.6px;pointer-events:none}.mg-cover-action{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:29px;height:29px;border:1px solid #e9ba72a0;border-radius:50%;background:#34200de8;color:#f0c683;font-size:10px;box-shadow:0 0 0 4px #f0c58110;pointer-events:none}.mg-lobby .mg-details h3{font-size:27px;margin:14px 0 10px}.mg-lobby .mg-details p{font-size:12px;line-height:1.85;margin-bottom:15px}.mg-lobby .mg-details .mg-tags{gap:7px}.mg-lobby .mg-tags>span{border-radius:3px;font-size:8px;padding:5px 8px}.mg-lobby .mg-facts{font-size:9px;gap:12px}.mg-lobby .mg-row>.mg-button{border-radius:4px;min-height:47px;padding:13px 15px;font-size:11px;background:linear-gradient(115deg,#a7472a,#6a2b1c);box-shadow:inset 0 1px #f2b76c30,0 7px 18px #0003}.mg-lobby .mg-footer{padding:17px;border:1px solid #a47c3d26;background:#17100b;border-radius:4px}
.m2games .mg-title-frame{position:relative;isolation:isolate;display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:25px;min-height:175px;padding:29px 33px;margin-bottom:24px;border:1px solid #ba88484d;border-radius:6px;background:radial-gradient(ellipse at 0 0,#9b3c2426,transparent 65%),linear-gradient(120deg,#25150f,#120d09);box-shadow:inset 0 0 0 5px #c69a5505,0 12px 36px #0004}.mg-title-frame:before,.mg-title-frame:after{content:'';position:absolute;width:35px;height:35px;pointer-events:none}.mg-title-frame:before{left:-1px;top:-1px;border-left:2px solid #d3a05d;border-top:2px solid #d3a05d;border-radius:6px 0 0}.mg-title-frame:after{right:-1px;bottom:-1px;border-right:2px solid #a85c35;border-bottom:2px solid #a85c35;border-radius:0 0 6px}.mg-title-seal{display:grid;place-items:center;width:56px;height:56px;margin-left:6px;border:1px solid #b97d46;outline:1px solid #c3954b25;outline-offset:6px;border-radius:5px;background:linear-gradient(135deg,#702b1d,#26150c);box-shadow:0 0 27px #bb6d2420;transform:rotate(45deg);animation:mgTitleGlow 5s ease-in-out infinite}.mg-title-seal>span{display:block;transform:rotate(-45deg);font:34px Georgia;color:#e8ba78}.mg-title-copy .mg-kicker{font-size:8px;letter-spacing:1.7px;color:#c69b65}.m2games .mg-title-frame h1{font-size:clamp(29px,3vw,44px);margin:12px 0 8px;line-height:1.1}.m2games .mg-title-frame p{margin:0;font-size:11px;color:#a78d6c}.mg-title-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.mg-title-tags>span{display:inline-flex;align-items:center;gap:6px;padding:5px 7px;border:1px solid #c08e4933;border-radius:3px;background:#08060455;color:#bba078;font-size:7px;letter-spacing:.7px}.mg-title-tags i{display:block;width:4px;height:4px;background:#bdab71;border-radius:50%}.mg-title-frame>.mg-button{border-radius:4px;padding:12px 16px;font-size:10px;border-color:#b98a4844;background:#1c130d}.mg-title-line{position:absolute;left:38px;right:38px;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#cd9b55,transparent);background-size:230% 100%;animation:mgTitleLine 8s linear infinite;pointer-events:none}.mg-game-page .mg-tabs{gap:10px}.mg-game-page .mg-tabs button{border-radius:4px;transition:background .2s,border-color .2s}.mg-game-page .mg-tabs [aria-selected=true]{box-shadow:inset 0 -2px #d7a45b,0 5px 22px #b67e2312}
/* Aynı çerçeve dili oyun içindeki iki başlıkta da sürer. */
.app .topbar .brand{position:relative;min-width:0;height:42px;padding:4px 11px!important;border:1px solid #c29b5a6b!important;border-left:2px solid #ddba79!important;border-radius:4px;background:linear-gradient(110deg,#28233abb,#100f1cbb);box-shadow:inset 0 0 0 3px #c69a5507,0 3px 18px #0003}.app .topbar .brand:after{content:'';position:absolute;left:8px;right:8px;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#f1d593,transparent);background-size:230% 100%;animation:mgTitleLine 8s linear infinite;pointer-events:none}.app .topbar .brand-copy b{font-size:clamp(11px,1.5vw,18px)!important;letter-spacing:1.2px!important;white-space:nowrap}.app .topbar .brand-copy small{letter-spacing:1.9px!important;font-size:6px!important}.app .topbar .brand-mark{width:25px!important;height:25px!important;margin:0 5px 0 1px}.app .topbar .brand-mark img{width:25px!important}.app .stage-heading{position:relative;isolation:isolate;height:70px!important;margin-bottom:9px;padding:8px 14px!important;border:1px solid #c5a05e73;border-radius:3px;background:linear-gradient(90deg,#19162cdd,#382c3bbd,#19162cdd);box-shadow:inset 0 0 0 4px #d2b1710b,0 5px 20px #0004;display:flex;flex-direction:column;justify-content:center;align-items:center!important;text-align:center!important;overflow:hidden}.app .stage-heading:before{content:'';position:absolute;inset:4px;border:1px solid #d9b76d26;pointer-events:none}.app .stage-heading:after{content:'';position:absolute;left:-30%;top:0;bottom:0;width:30%;background:linear-gradient(100deg,transparent,#efd69a10,transparent);transform:translateX(-100%);animation:mgStageLight 9s ease-in-out infinite;pointer-events:none}.app .stage-heading .heading-ornament{display:none!important}.app .stage-heading h1{position:relative;z-index:1;margin:1px 0 5px!important;line-height:1.1!important;letter-spacing:1px!important}.app .stage-heading p{position:relative;z-index:1;margin:0!important;color:#c3ad7a!important;line-height:1.4!important}
@keyframes mgLobbyLight{0%,55%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@keyframes mgLobbyDot{50%{opacity:.4}}@keyframes mgTitleGlow{50%{box-shadow:0 0 30px #d8942d30}}@keyframes mgTitleLine{from{background-position:100% 0}to{background-position:-100% 0}}@keyframes mgStageLight{0%,60%{transform:translateX(-100%)}100%{transform:translateX(550%)}}
@media(max-width:1200px){.m2games .mg-lobby-hero{gap:28px;padding:32px}.m2games .mg-hero-copy h1{font-size:40px}.mg-hero-features{gap:14px}.mg-hero-features>span{font-size:9px}.mg-lobby .mg-row{grid-template-columns:270px minmax(0,1fr);gap:18px 23px}.mg-lobby .mg-row>.mg-button{grid-column:2;justify-self:start}.mg-lobby .mg-cover-real{grid-row:1/3;align-self:center}.mg-lobby .mg-details h3{font-size:25px}}
@media(max-width:900px){.m2games .mg-lobby-hero{grid-template-columns:minmax(0,1fr);gap:30px;padding:30px}.mg-featured{width:100%;max-width:550px;justify-self:center;transform:none}.mg-hero-copy{max-width:650px}.m2games .mg-hero-copy h1{font-size:44px}.mg-hero-copy>p{max-width:550px!important}.mg-path-end{display:none}.m2games .mg-title-frame{grid-template-columns:60px minmax(0,1fr);gap:21px;padding:25px}.mg-title-frame>.mg-button{grid-column:2;justify-self:start}.mg-title-seal{grid-row:1/3}.mg-title-copy .mg-kicker{font-size:7px}.mg-title-tags>span{font-size:6px}}
@media(max-width:700px){.m2games .mg-path{padding:9px 11px;margin-bottom:17px}.mg-path ol{gap:6px 9px}.mg-path li{font-size:9px;gap:8px}.mg-path .mg-path-current{min-height:25px;padding:4px 8px}.mg-path-home>svg{width:13px;height:13px}.m2games .mg-lobby-hero{padding:27px 19px;gap:26px;border-radius:6px}.m2games .mg-hero-copy h1{font-size:34px;letter-spacing:-.6px;margin-top:19px}.mg-eyebrow{font-size:7px;letter-spacing:1px}.m2games .mg-hero-copy>p{font-size:11px}.mg-hero-features{gap:13px 16px;margin-top:22px}.mg-hero-features>span{font-size:8px}.mg-hero-features b{width:27px;height:29px;font-size:18px}.mg-hero-features small{font-size:7px}.mg-featured-top{padding:8px 10px}.mg-featured-top>span{font-size:6px;letter-spacing:.8px}.mg-featured-bottom{padding:12px;min-height:60px}.mg-featured-bottom strong{font-size:21px}.mg-featured-bottom small{font-size:6px}.mg-lobby .mg-toolbar{gap:17px;margin-top:27px}.mg-lobby .mg-toolbar h2{font-size:25px}.mg-lobby .mg-row{grid-template-columns:minmax(0,1fr);padding:13px;gap:18px}.mg-lobby .mg-cover-real{grid-row:auto;width:100%;aspect-ratio:1301/687}.mg-lobby .mg-row>.mg-button{grid-column:auto;justify-self:stretch;min-height:45px}.mg-lobby .mg-details h3{font-size:26px}.mg-lobby .mg-details p{font-size:11px}.mg-lobby .mg-facts{font-size:8px}.m2games .mg-title-frame{grid-template-columns:45px minmax(0,1fr);gap:18px;padding:23px 18px;min-height:0}.mg-title-seal{width:35px;height:35px;margin-left:4px;outline-offset:4px}.mg-title-seal>span{font-size:24px}.m2games .mg-title-frame h1{font-size:29px;line-height:1.1}.mg-title-copy .mg-kicker{font-size:6px;letter-spacing:1px}.m2games .mg-title-frame p{font-size:10px;line-height:1.6}.mg-title-tags{gap:5px;margin-top:11px}.mg-title-tags>span{padding:4px 6px;font-size:6px;letter-spacing:.3px}.mg-title-frame>.mg-button{font-size:9px;padding:9px 12px;min-height:38px}.mg-title-line{left:25px;right:25px}.app .topbar .brand{height:38px;padding:4px 7px!important;gap:7px!important}.app .topbar .brand-copy small{font-size:5px!important;letter-spacing:1px!important}.app .topbar .brand-mark{width:21px!important;height:21px!important;margin:0 3px}.app .topbar .brand-mark img{width:23px!important}.app .stage-heading{height:70px!important;padding:8px!important}.app .stage-heading h1{font-size:21px!important}.app .stage-heading p{font-size:6px!important;letter-spacing:.8px!important}}
@media(prefers-reduced-motion:reduce){.mg-lobby-hero:before,.mg-eyebrow i,.mg-featured-top i,.mg-title-seal,.mg-title-line,.app .topbar .brand:after,.app .stage-heading:after{animation:none!important}.mg-featured,.mg-lobby .mg-row,.mg-path a,.mg-cover-real>img{transition:none!important}.mg-featured,.mg-featured:hover,.mg-lobby .mg-row:hover{transform:none!important}}
@media(min-width:751px){.app .game-frame{width:min(100%,max(250px,calc((100svh - 374px)*1.304)))!important}}