:root { --red:#760b06; --red2:#a51a0d; --gold:#e5b74d; --gold-dark:#795016; --paper:#d8bd80; --ink:#351507; --site-background-image:url('../img/71059e50d564b806341296a114ea68.jpg'); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:#ead39c; background:#050505; font-family:Arial, Helvetica, sans-serif; }
a { color:inherit; text-decoration:none; }
button,input { font:inherit; }
main { min-height:100vh; background-color:#050505; background-image:radial-gradient(circle at 50% 0,rgba(106,25,10,.3),transparent 480px), repeating-linear-gradient(135deg,rgba(255,255,255,.013) 0 2px,transparent 2px 8px); }
.classic-site { width:1180px; max-width:100%; margin:auto; min-height:100vh; background:rgba(5,5,5,.93); border-inline:1px solid #21170c; box-shadow:0 0 80px #000; }

.classic-header { position:relative; height:220px; overflow:hidden; text-align:center; border-top:2px solid #7d5a1b; border-bottom:8px solid #27170a; background-image:linear-gradient(to bottom,rgba(0,0,0,.12),rgba(0,0,0,.2) 68%,#110b06),var(--site-background-image); background-size:1280px 600px; background-position:center top; }
.classic-header::before { content:""; position:absolute; z-index:1; left:50%; top:8px; width:520px; height:145px; transform:translateX(-50%); background:radial-gradient(ellipse,rgba(16,7,3,.72),rgba(16,7,3,.22) 58%,transparent 73%); pointer-events:none; }
.classic-header::after { content:""; position:absolute; inset:auto 0 0; height:54px; background:linear-gradient(#3a210d,#160d07 50%,#070504); border-top:2px solid #76521d; opacity:.92; }
.classic-logo { position:relative; z-index:2; display:block; width:430px; max-width:82%; height:150px; margin:3px auto 0; object-fit:contain; opacity:1; filter:brightness(1.12) contrast(1.08) drop-shadow(0 5px 5px #000) drop-shadow(0 0 15px rgba(198,80,36,.72)); }
.classic-header p { position:relative; z-index:2; margin:5px 0; color:#f4cf74; font:700 11px Georgia,serif; letter-spacing:.24em; text-shadow:0 2px 2px #000; }

.download-ribbon { position:relative; z-index:4; width:560px; height:92px; margin:-18px auto 20px; display:grid; grid-template-columns:70px 1fr 88px; align-items:center; color:#ffe18d; border:3px solid #9c7028; outline:1px solid #250b05; background:linear-gradient(#9e190e,#6d0805 58%,#360402); box-shadow:0 5px 0 #160d06,0 12px 26px #000,inset 0 0 0 2px #d35a23; text-shadow:0 2px #3e0502; }
.download-ribbon::before,.download-ribbon::after { content:""; position:absolute; top:27px; width:70px; height:32px; background:linear-gradient(90deg,transparent,#5f0804); z-index:-1; }
.download-ribbon::before { right:100%; }
.download-ribbon::after { left:100%; transform:scaleX(-1); }
.download-ribbon > strong { width:50px; height:56px; margin-left:12px; display:grid; place-items:center; color:#fff4ce; border:2px solid #e8be62; background:linear-gradient(#a16f23,#5c350d); box-shadow:inset 0 0 0 2px #3b1b08; font-size:40px; line-height:1; }
.download-ribbon div { text-align:center; }
.download-ribbon div b { display:block; font:700 22px Georgia,serif; }
.download-ribbon div span { display:block; margin-top:10px; color:#ffd46a; font-size:11px; font-weight:700; }
.download-ribbon > em { color:#f5cd72; font-size:10px; font-style:normal; font-weight:700; text-align:center; }

.classic-columns { width:940px; max-width:calc(100% - 24px); margin:auto; display:grid; grid-template-columns:165px minmax(0,580px) 165px; gap:15px; align-items:start; }
.left-column,.right-column { display:flex; flex-direction:column; gap:28px; }
.side-box,.visual-card { position:relative; padding:12px 10px 16px; border:2px solid #5b3c14; outline:1px solid #171007; background:linear-gradient(90deg,#1c1008,#4c2a10 15%,#6b451d 50%,#4b2b12 85%,#1a0f08); box-shadow:inset 0 0 0 2px #aa7b31,0 6px 16px #000; }
.side-box::before,.side-box::after,.visual-card::before,.visual-card::after { content:""; position:absolute; left:50%; transform:translateX(-50%); width:44px; height:15px; border-inline:2px solid #9a6b24; background:radial-gradient(ellipse,#b98227 0 18%,#4a2a0d 20% 42%,transparent 45%); }
.side-box::before,.visual-card::before { top:-17px; }
.side-box::after,.visual-card::after { bottom:-17px; transform:translateX(-50%) rotate(180deg); }
.menu-box { padding-block:8px; }
.menu-box a { height:38px; margin:3px 0; display:grid; grid-template-columns:27px 1fr 12px; align-items:center; color:#ffe78f; border:1px solid #bc7c24; border-radius:13px; background:linear-gradient(#a7190e,#6f0805 54%,#3a0604); box-shadow:inset 0 0 0 1px #e04a20,0 2px 2px #1b0b04; font-family:Georgia,serif; font-size:12px; font-weight:700; text-shadow:0 1px #200; }
.menu-box a:hover { filter:brightness(1.2); transform:translateX(2px); }
.menu-box a b { color:#fff5bc; text-align:center; }
.menu-box a em { color:#e7b04b; font-style:normal; }

.center-column { display:flex; flex-direction:column; gap:12px; padding:10px; border:2px solid #5f3d14; outline:1px solid #170e05; background:#543716 url('../img/c3d63d90f91f78a04939e2ac1a9755.jpg') center/cover; box-shadow:inset 0 0 0 3px #a37530,0 10px 30px #000; }
.paper-panel { padding:10px; color:var(--ink); border:1px solid #9e7a3b; background-color:#dcc48b; background-image:linear-gradient(rgba(255,255,255,.12),rgba(83,42,8,.04)),url('../img/c3d63d90f91f78a04939e2ac1a9755.jpg'); background-size:auto,cover; box-shadow:inset 0 0 8px rgba(74,35,5,.28); }
.box-title { position:relative; min-height:34px; margin:0 0 10px; padding:8px 28px; color:#7c190c; border:1px solid #aa8343; background:rgba(189,148,75,.22); font:700 14px Georgia,serif; }
.box-title i { position:absolute; left:8px; color:#a91d10; font-size:11px; font-style:normal; }
.box-title span { position:absolute; right:9px; color:#967022; }
.intro-grid { display:grid; grid-template-columns:.82fr 1.18fr; gap:12px; }
.intro-grid p,.story-box p { margin:8px 0; font-size:11px; line-height:1.35; text-align:justify; }
.fake-video { height:150px; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#f4cf73; border:5px solid #4f2e0e; outline:1px solid #bd9652; background:linear-gradient(rgba(0,0,0,.38),rgba(0,0,0,.76)),url('../img/71059e50d564b806341296a114ea68.jpg') center 32%/600px; text-shadow:0 2px 2px #000; }
.fake-video span { width:45px; height:45px; display:grid; place-items:center; border:1px solid #e1b752; border-radius:50%; background:rgba(84,12,6,.8); font-size:20px; }
.fake-video b { margin-top:9px; font:700 13px Georgia,serif; }
.fake-video small { color:#cbb37c; font-size:9px; }

.classic-gallery { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.shot { position:relative; height:92px; border:4px solid #e4cd98; outline:1px solid #a57837; overflow:hidden; background-image:url('../img/71059e50d564b806341296a114ea68.jpg'); background-size:620px 290px; }
.shot::after { content:""; position:absolute; inset:0; box-shadow:inset 0 0 15px #000; }
.shot span { position:absolute; z-index:2; inset:auto 0 0; padding:5px; color:#f4dea6; background:rgba(35,12,4,.74); font-size:9px; text-align:center; }
.shot-one { background-position:0 38%; }.shot-two { background-position:32% 40%; }.shot-three { background-position:67% 42%; }.shot-four { background-position:100% 40%; }

.story-box { min-height:390px; }
.story-box h3 { margin:18px 0 8px; color:#8f2112; font:700 15px Georgia,serif; }
.feature-list { margin:0; padding:0; list-style:none; }
.feature-list li { position:relative; margin:10px 0; padding-left:21px; font-size:11px; line-height:1.35; }
.feature-list li::before { content:"◆"; position:absolute; left:2px; top:0; color:#a51e10; text-shadow:1px 1px #e8c978; }
.promo-box { min-height:105px; display:flex; align-items:center; justify-content:space-between; background-image:linear-gradient(90deg,rgba(255,255,255,.08),rgba(93,16,7,.25)),url('../img/fc575d732bf974cfadc98c30d88116.jpg'); background-position:center,right center; background-repeat:no-repeat; background-size:auto,cover; }
.promo-box div { width:67%; padding:7px; }
.promo-box small,.promo-box strong,.promo-box span { display:block; }
.promo-box small { color:#9a2112; font-size:9px; font-weight:700; letter-spacing:.12em; }
.promo-box strong { margin:6px 0; color:#69200f; font:700 18px Georgia,serif; }
.promo-box span { color:#6c4a24; font-size:10px; }
.promo-box > img { width:96px; height:86px; margin-right:12px; object-fit:cover; mix-blend-mode:screen; filter:drop-shadow(0 3px 4px #000); }

.login-classic label { display:block; margin:8px 0; color:#3c1909; font-size:10px; }
.login-classic input { width:100%; height:23px; display:block; margin-top:3px; padding:3px 5px; border:1px solid #8d6a34; background:#f2e3bc; }
.login-classic button { width:100%; height:27px; margin-top:5px; color:#5a200b; border:1px solid #7e5117; background:linear-gradient(#f0d68d,#b48431); font:700 11px Georgia,serif; }
.login-classic > a { display:block; margin-top:10px; color:#8d170d; font-size:9px; text-align:center; }
.visual-card { display:block; padding:10px; }
.visual-card .box-title { margin-bottom:8px; color:#ffe393; border-color:#b57b25; background:linear-gradient(#9a160d,#5e0805); font-size:12px; }
.visual-card > div { height:76px; display:flex; align-items:center; gap:8px; padding:8px; color:#f2dc9d; border:1px solid #b1833a; background:linear-gradient(120deg,#5c3d18,#1d1208); }
.visual-card strong { width:48px; height:52px; display:grid; place-items:center; border:2px solid #d7af58; background:#6b4a1c; font-size:28px; }
.visual-card > div > img { width:48px; height:52px; object-fit:cover; border:2px solid #d7af58; mix-blend-mode:screen; }
.visual-card span { font:700 11px/1.4 Georgia,serif; }
.market-card > div { background-image:linear-gradient(90deg,rgba(31,18,7,.2),rgba(17,10,5,.72)),url('../img/e0202f299a42f7ef2c3599aed35bc4.jpg'); background-size:cover; }
.legal-card > div { background-image:linear-gradient(90deg,rgba(31,18,7,.25),rgba(17,10,5,.7)),url('../img/2b560b00137100824da3977f7553bb.jpg'); background-size:cover; }
.download-card > div { background-image:linear-gradient(90deg,rgba(31,18,7,.2),rgba(17,10,5,.65)),url('../img/fc575d732bf974cfadc98c30d88116.jpg'); background-size:cover; }

.ranking-classic { padding-bottom:10px; }
.ranking-classic a { height:26px; display:grid; grid-template-columns:23px 1fr auto; align-items:center; color:#5b1c0c; border-bottom:1px solid #9d783f; font-size:10px; }
.ranking-classic a b { color:#9b160c; }
.ranking-classic a em { color:#724b1d; font-size:9px; font-style:normal; }
.support-box p { margin:6px 0; color:#46200e; font-size:10px; text-align:center; }
.support-box > a { display:block; padding:7px; color:#ffe394; border:1px solid #a86d20; background:linear-gradient(#9e170e,#5c0704); font:700 10px Georgia,serif; text-align:center; }
.video-frame { height:330px; padding:6px; display:grid; place-items:center; border:2px solid #bd9652; outline:4px solid #4f2e0e; background:radial-gradient(circle,#29140b,#050302 72%); box-shadow:inset 0 0 35px #000,0 4px 12px rgba(47,23,5,.35); }
.video-frame video { width:100%; height:100%; display:block; object-fit:contain; background:#000; }
.server-stamp { margin-top:22px; padding:8px; display:flex; align-items:center; gap:9px; color:#6d240f; border:1px solid #b58a46; background:rgba(255,244,205,.28); }
.server-stamp img { width:52px; height:52px; object-fit:cover; mix-blend-mode:multiply; }
.server-stamp span,.server-stamp b,.server-stamp small { display:block; }
.server-stamp b { font:700 12px Georgia,serif; letter-spacing:.08em; }
.server-stamp small { margin-top:3px; color:#76542c; font-size:9px; }
.login-classic .g-recaptcha { width:304px; margin:4px 0 -25px -73px; transform:scale(.5); transform-origin:top center; }
.account-classic p { margin:8px 0; color:#421b0b; font-size:10px; text-align:center; }
.classic-action,.classic-logout { display:block; margin-top:7px; padding:7px; color:#ffe394 !important; border:1px solid #a86d20; background:linear-gradient(#9e170e,#5c0704); font:700 10px Georgia,serif; text-align:center; }
.classic-logout { color:#6b1a0d !important; background:linear-gradient(#e8ce8e,#b78a3e); }
.classic-empty { color:#54240f; font-size:10px; text-align:center; }

/* Kayıt, indirme, profil ve sıralama gibi çalışan iç sayfalar */
.center-column > [role="main"],
.center-column .content,
.center-column .content-last,
.center-column .content-bg,
.center-column .content-bg-bottom,
.center-column .inner-content,
.center-column .inner-form-border,
.center-column .inner-form-box {
	float:none;
	width:100%;
	height:auto;
	min-height:0;
	margin:0;
	background:none;
}
.center-column .content-bg {
	padding:12px;
	color:#351507;
	border:1px solid #9e7a3b;
	background-color:#dcc48b;
	background-image:linear-gradient(rgba(255,255,255,.12),rgba(83,42,8,.04)),url('../img/c3d63d90f91f78a04939e2ac1a9755.jpg');
	background-size:auto,cover;
	box-shadow:inset 0 0 8px rgba(74,35,5,.28);
}
.center-column .content-bg h2 {
	min-height:34px;
	margin:0 0 12px;
	padding:8px 12px;
	color:#7c190c;
	border:1px solid #aa8343;
	background:rgba(189,148,75,.22);
	font:700 15px Georgia,serif;
}
.center-column form > div { margin-bottom:9px; }
.center-column form label { display:block; color:#4e2410; font-size:10px; font-weight:700; }
.center-column form input[type="text"],
.center-column form input[type="password"],
.center-column form input[type="email"],
.center-column form select {
	width:100%;
	max-width:390px;
	height:30px;
	margin-top:3px;
	padding:4px 7px;
	color:#351507;
	border:1px solid #8d6a34;
	background:#f2e3bc;
}
.center-column .btn-big,
.center-column input[type="submit"] {
	min-width:170px;
	height:34px;
	color:#ffe394;
	border:1px solid #a86d20;
	background:linear-gradient(#9e170e,#5c0704);
	font:700 11px Georgia,serif;
}
.center-column table { width:100%; color:#4a210e; border-collapse:collapse; font-size:10px; }
.center-column table td,.center-column table th { padding:7px; border-bottom:1px solid #a98649; }

.classic-site footer { margin-top:35px; padding:28px 15px 35px; text-align:center; border-top:2px solid #51330f; background:linear-gradient(#1c1007,#070504); }
.classic-site footer img { width:220px; height:92px; object-fit:contain; mix-blend-mode:screen; }
.classic-site footer p { color:#8d744c; font-size:9px; }
.classic-site footer div { display:flex; justify-content:center; gap:18px; color:#c59742; font-size:9px; }

@media (max-width:980px) {
	.classic-header { height:175px; background-size:1100px 516px; }
	.download-ribbon { width:min(560px,calc(100% - 28px)); }
	.classic-columns { grid-template-columns:160px minmax(0,1fr); grid-template-areas:"left center" "right center"; }
	.left-column { grid-area:left; }.center-column { grid-area:center; }.right-column { grid-area:right; }
	.intro-grid { grid-template-columns:1fr; }
}

@media (max-width:700px) {
	.classic-header { height:150px; background-size:900px 422px; }
	.classic-logo { width:235px; }
	.download-ribbon { height:78px; grid-template-columns:60px 1fr; }
	.download-ribbon > em { display:none; }
	.download-ribbon div b { font-size:16px; }
	.download-ribbon div span { font-size:9px; }
	.classic-columns { display:flex; flex-direction:column; max-width:calc(100% - 18px); }
	.center-column { order:1; width:100%; }.right-column { order:2; width:100%; display:grid; grid-template-columns:1fr 1fr; }.left-column { order:3; width:100%; display:grid; grid-template-columns:1fr 1fr; }
	.intro-grid { grid-template-columns:1fr; }.classic-gallery { grid-template-columns:1fr 1fr; }
	.side-box,.visual-card { width:100%; }
}

@media (max-width:440px) {
	.right-column,.left-column { grid-template-columns:1fr; }
	.classic-gallery { grid-template-columns:1fr 1fr; gap:6px; }
	.shot { height:76px; }
	.download-ribbon > strong { width:42px; height:48px; font-size:30px; }
}

/* BEKA2 profesyonel yerleşim ve hareketli tanıtım alanı */
.classic-site { width:1220px; overflow:hidden; }
.download-ribbon { width:610px; max-width:calc(100% - 30px); background:linear-gradient(#a91d10,#730905 58%,#360402); animation:ribbonGlow 3s ease-in-out infinite; }
.classic-columns { width:1050px; grid-template-columns:175px minmax(0,670px) 175px; }
.center-column { min-width:0; gap:14px; padding:11px; }
.menu-box a { position:relative; overflow:hidden; transition:.2s ease; }
.menu-box a::after { content:""; position:absolute; top:-20px; left:-45px; width:26px; height:80px; background:rgba(255,238,155,.22); transform:rotate(25deg); transition:left .45s ease; }
.menu-box a:hover { filter:brightness(1.18); transform:translateX(3px); }
.menu-box a:hover::after { left:115%; }
.intro-hero { min-height:188px; display:grid; grid-template-columns:1fr 145px; gap:16px; align-items:stretch; overflow:hidden; }
.intro-copy { min-width:0; }
.intro-copy p { margin:8px 0; font-size:11px; line-height:1.45; text-align:justify; }
.server-badges { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin-top:15px; }
.server-badges span { padding:7px 5px; text-align:center; border:1px solid #b58a46; background:rgba(255,244,205,.3); box-shadow:inset 0 0 8px rgba(91,45,8,.15); }
.server-badges b,.server-badges small { display:block; }
.server-badges b { color:#8c1d0d; font:700 12px Georgia,serif; }
.server-badges small { margin-top:2px; color:#755129; font-size:8px; }
.intro-mascot { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; color:#6f1b0d; border-left:1px solid #b58a46; background:radial-gradient(circle at 50% 70%,rgba(125,31,13,.22),transparent 65%); text-align:center; }
.intro-mascot img { width:104px; height:112px; object-fit:cover; border-radius:48% 48% 42% 42%; box-shadow:0 8px 12px rgba(55,25,5,.28); animation:mascotBob 2.7s ease-in-out infinite; }
.intro-mascot strong { position:absolute; right:0; bottom:2px; padding:4px 6px; color:#ffe6a1; border:1px solid #9f621e; background:linear-gradient(#a51b0e,#5d0704); font:700 8px/1.2 Georgia,serif; transform:rotate(-4deg); }
.trailer-panel { overflow:hidden; }
.video-showcase { position:relative; height:430px; display:grid; grid-template-columns:1fr 244px 1fr; gap:10px; align-items:stretch; padding:10px; overflow:hidden; border:1px solid #7e541f; background:radial-gradient(circle at center,#3b1b0e 0,#140a05 55%,#050302 100%); box-shadow:inset 0 0 35px #000; }
.video-showcase::before { content:"✦  ✧  ✦  ✧  ✦"; position:absolute; inset:13px 0 auto; color:rgba(234,174,67,.16); font-size:20px; letter-spacing:18px; text-align:center; animation:embers 4s linear infinite; }
.video-frame { position:relative; z-index:2; min-width:0; width:auto; height:100%; max-height:100%; padding:5px; display:grid; place-items:center; overflow:hidden; border:2px solid #c7983f; outline:3px solid #3e240d; background:#000; box-shadow:0 0 24px rgba(225,148,38,.25); }
.video-frame video { display:block !important; width:100% !important; max-width:100% !important; height:100% !important; max-height:100% !important; margin:0 !important; object-fit:contain !important; background:#000; }
.video-wing { position:relative; z-index:1; min-width:0; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#e9c878; text-align:center; overflow:hidden; }
.video-wing::after { content:""; position:absolute; inset:18% 8%; border:1px solid rgba(193,135,48,.28); transform:rotate(45deg); }
.video-wing img { position:relative; z-index:2; width:104px; height:112px; object-fit:cover; border-radius:50%; box-shadow:0 0 0 2px #9b6a27,0 0 20px #000; animation:mascotBob 3s ease-in-out infinite; }
.wing-right img { animation-delay:-1.5s; }
.video-wing b,.video-wing span { position:relative; z-index:2; display:block; }
.video-wing b { margin-top:18px; color:#f0cd72; font:700 13px Georgia,serif; letter-spacing:.08em; }
.video-wing span { margin-top:6px; color:#a9874c; font-size:9px; line-height:1.5; }
@keyframes mascotBob { 0%,100% { transform:translateY(0) rotate(-1deg); } 50% { transform:translateY(-9px) rotate(2deg); } }
@keyframes ribbonGlow { 0%,100% { box-shadow:0 5px 0 #160d06,0 12px 26px #000,inset 0 0 0 2px #d35a23; } 50% { box-shadow:0 5px 0 #160d06,0 12px 32px #000,0 0 18px rgba(222,83,26,.32),inset 0 0 0 2px #e47c35; } }
@keyframes embers { 0% { transform:translateY(8px); opacity:.25; } 50% { opacity:.6; } 100% { transform:translateY(-18px); opacity:.15; } }
@media (max-width:980px) { .video-showcase { grid-template-columns:1fr 230px 1fr; } }
@media (max-width:700px) {
	.intro-hero { grid-template-columns:1fr 120px; }
	.video-showcase { height:390px; grid-template-columns:72px minmax(0,220px) 72px; justify-content:center; }
	.video-wing b,.video-wing span { display:none; }
	.video-wing img { width:66px; height:72px; }
}
@media (max-width:440px) {
	.intro-hero { grid-template-columns:1fr; }
	.intro-mascot { display:none; }
	.server-badges { grid-template-columns:1fr; }
	.video-showcase { height:360px; grid-template-columns:1fr; padding:7px; }
	.video-wing { display:none; }
}
/* Şeffaf karakterleri ayrı hareketli oyuncular gibi kullanan profesyonel katman */
.classic-site { position:relative; }
.intro-crest { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#6f1b0d; border-left:1px solid #b58a46; background:radial-gradient(circle at 50% 50%,rgba(125,31,13,.2),transparent 67%); text-align:center; }
.intro-crest img { width:112px; height:112px; object-fit:cover; mix-blend-mode:multiply; filter:drop-shadow(0 7px 8px rgba(55,25,5,.25)); animation:crestBreathe 3.6s ease-in-out infinite; }
.intro-crest strong { position:absolute; right:0; bottom:2px; padding:4px 6px; color:#ffe6a1; border:1px solid #9f621e; background:linear-gradient(#a51b0e,#5d0704); font:700 8px/1.2 Georgia,serif; transform:rotate(-4deg); }
.ranking-classic a { height:28px; padding-inline:4px; color:#f0d083; border-bottom:1px solid #7e5927; background:rgba(18,9,4,.2); text-shadow:0 1px 2px #000; }
.ranking-classic a:nth-child(even) { background:rgba(119,56,15,.15); }
.ranking-classic a:hover { color:#fff0b3; background:rgba(151,72,20,.28); }
.ranking-classic a b { color:#ff7b43; }
.ranking-classic a em { color:#d4aa55; }
.character-sprite { position:relative; display:block; width:118px; height:166px; overflow:hidden; pointer-events:none; filter:drop-shadow(0 7px 5px rgba(0,0,0,.55)); }
.character-sprite img { position:absolute; top:-5px; width:315px; max-width:none; height:auto; }
.sprite-warrior img { left:0; }
.sprite-assassin img { left:-94px; }
.sprite-shaman img { left:-198px; }
.ambient-effects { position:absolute; z-index:9; inset:190px 0 auto; height:820px; overflow:hidden; pointer-events:none; }
.ambient-effects i { position:absolute; bottom:-20px; width:4px; height:4px; border-radius:50%; background:#ffbd4f; box-shadow:0 0 8px #ef6d1e; animation:floatSpark 8s linear infinite; opacity:0; }
.ambient-effects i:nth-child(1) { left:9%; animation-delay:-1s; }.ambient-effects i:nth-child(2) { left:24%; animation-delay:-5s; }.ambient-effects i:nth-child(3) { left:41%; animation-delay:-3s; }.ambient-effects i:nth-child(4) { left:58%; animation-delay:-7s; }.ambient-effects i:nth-child(5) { left:73%; animation-delay:-2s; }.ambient-effects i:nth-child(6) { left:88%; animation-delay:-6s; }.ambient-effects i:nth-child(7) { left:95%; animation-delay:-4s; }
.running-actor { position:absolute; z-index:7; left:-135px; bottom:-20px; pointer-events:none; animation:runAcross 14s linear infinite; }
.running-actor .character-sprite { transform:scale(.58); transform-origin:left bottom; }
.trailer-panel { position:relative; }
.climbing-actor { position:absolute; z-index:8; right:-42px; bottom:-154px; pointer-events:none; animation:climbFrame 11s ease-in-out infinite; }
.climbing-actor .character-sprite { transform:scale(.55) rotate(-8deg); transform-origin:center bottom; }
.download-card > div { position:relative; overflow:visible; }
.download-presser { position:absolute; z-index:4; right:-38px; top:-64px; transform:scale(.52); transform-origin:center bottom; animation:pressDownload 5.2s ease-in-out infinite; }
.download-arrow { animation:arrowPulse 1.5s ease-in-out infinite; }
@keyframes runAcross { 0%,8% { left:-135px; transform:translateY(0); } 12% { transform:translateY(-5px); } 16% { transform:translateY(0); } 46% { left:108%; transform:translateY(-3px); } 47%,100% { left:108%; } }
@keyframes climbFrame { 0%,12% { bottom:-154px; transform:rotate(-2deg); } 18% { bottom:-98px; } 25% { bottom:-45px; transform:rotate(3deg); } 32%,52% { bottom:85px; transform:rotate(-2deg); } 60% { bottom:15px; } 70%,100% { bottom:-154px; } }
@keyframes pressDownload { 0%,18%,100% { transform:scale(.52) translateY(0) rotate(0); } 25% { transform:scale(.52) translateY(18px) rotate(-5deg); } 30% { transform:scale(.52) translateY(13px) rotate(2deg); } 38%,72% { transform:scale(.52) translateY(0); } }
@keyframes arrowPulse { 0%,70%,100% { filter:brightness(1); transform:translateY(0); } 78% { filter:brightness(1.5); transform:translateY(5px); } 86% { transform:translateY(0); } }
@keyframes floatSpark { 0% { transform:translateY(0) scale(.4); opacity:0; } 15% { opacity:.8; } 80% { opacity:.35; } 100% { transform:translateY(-780px) scale(1.4); opacity:0; } }
@keyframes crestBreathe { 0%,100% { transform:scale(.96); filter:drop-shadow(0 7px 8px rgba(55,25,5,.25)); } 50% { transform:scale(1.03); filter:drop-shadow(0 7px 12px rgba(131,40,12,.36)); } }
@media (max-width:700px) { .video-wing b,.video-wing span { display:none; } }
@media (max-width:440px) {
	.intro-crest,.running-actor,.climbing-actor { display:none; }
	.download-presser { right:-24px; transform:scale(.42); }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; } }

/* BEKA2 klasik atmosfer hareketleri: karikatür karakterler kaldırıldı. */
.character-sprite,.running-actor,.climbing-actor,.download-presser { display:none !important; }
.classic-header { animation:headerDrift 18s ease-in-out infinite alternate; }
.header-mist { position:absolute; z-index:1; inset:0 -25%; opacity:.22; background:radial-gradient(ellipse at 20% 65%,rgba(255,236,190,.2),transparent 28%),radial-gradient(ellipse at 55% 50%,rgba(255,220,160,.14),transparent 25%),radial-gradient(ellipse at 85% 70%,rgba(255,235,195,.16),transparent 26%); filter:blur(13px); animation:mistTravel 16s ease-in-out infinite alternate; pointer-events:none; }
.ribbon-sheen { position:absolute; z-index:3; top:-30px; left:-110px; width:48px; height:155px; background:linear-gradient(90deg,transparent,rgba(255,235,153,.34),transparent); transform:rotate(18deg); animation:ribbonSweep 6.5s ease-in-out infinite; pointer-events:none; }
.center-column { animation:panelReveal .75s ease-out both; }
.paper-panel { animation:paperReveal .65s ease-out both; }
.center-column > :nth-child(2) { animation-delay:.08s; }.center-column > :nth-child(3) { animation-delay:.16s; }.center-column > :nth-child(4) { animation-delay:.24s; }.center-column > :nth-child(5) { animation-delay:.32s; }
.left-column > *,.right-column > * { animation:sideReveal .7s ease-out both; }
.left-column > :nth-child(2),.right-column > :nth-child(2) { animation-delay:.1s; }.left-column > :nth-child(3),.right-column > :nth-child(3) { animation-delay:.2s; }.left-column > :nth-child(4),.right-column > :nth-child(4) { animation-delay:.3s; }.right-column > :nth-child(5) { animation-delay:.4s; }
.shot { animation:sceneBreathe 7s ease-in-out infinite alternate; }
.shot:nth-child(2) { animation-delay:-2s; }.shot:nth-child(3) { animation-delay:-4s; }.shot:nth-child(4) { animation-delay:-6s; }
.download-card > div { overflow:hidden; }
@keyframes headerDrift { from { background-position:48% top; } to { background-position:52% 8px; } }
@keyframes mistTravel { from { transform:translateX(-4%) scale(1); } to { transform:translateX(5%) scale(1.08); } }
@keyframes ribbonSweep { 0%,58% { left:-110px; opacity:0; } 64% { opacity:1; } 82% { left:108%; opacity:.75; } 83%,100% { left:108%; opacity:0; } }
@keyframes panelReveal { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:none; } }
@keyframes paperReveal { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:none; } }
@keyframes sideReveal { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:none; } }
@keyframes sceneBreathe { from { filter:brightness(.82) saturate(.9); } to { filter:brightness(1.1) saturate(1.08); } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; } }