/* akzgames.com ortak görünüm: oyundaki gibi krem zemin, lacivert kontur, kabartma butonlar. */
@font-face {
	font-family: "Baloo 2";
	src: url("/Baloo2.ttf") format("truetype");
	font-weight: 400 800;
	font-display: swap;
}

:root {
	--bg: #f3eee4;
	--panel: #ffffff;
	--ink: #1f2544;
	--dim: #6b7193;
	--accent: #ffc233;
	--blue: #3e7bfa;
	--green: #30a46c;
}

* { box-sizing: border-box; }

html, body {
	margin: 0;
	background: var(--bg);
	color: var(--ink);
	font-family: "Baloo 2", system-ui, sans-serif;
	font-size: 18px;
	line-height: 1.5;
}

main {
	max-width: 720px;
	margin: 0 auto;
	padding: 28px 16px 48px;
}

a { color: var(--blue); }

h1, h2, h3 { line-height: 1.15; margin: 0 0 12px; }
h1 { font-size: 40px; font-weight: 800; }
h2 { font-size: 26px; font-weight: 800; margin-top: 28px; }
h3 { font-size: 20px; font-weight: 700; margin-top: 20px; }

.ust {
	display: flex;
	align-items: center;
	gap: 14px;
	text-decoration: none;
	color: var(--ink);
	margin-bottom: 24px;
}
.ust img { width: 56px; height: 56px; border-radius: 14px; border: 3px solid var(--ink); }
.ust span { font-size: 26px; font-weight: 800; }

.kart {
	background: var(--panel);
	border: 4px solid var(--ink);
	border-radius: 22px;
	box-shadow: 0 6px 0 var(--ink);
	padding: 22px;
	margin: 18px 0;
}

.buton {
	display: inline-block;
	background: var(--accent);
	color: var(--ink);
	border: 4px solid var(--ink);
	border-radius: 18px;
	box-shadow: 0 6px 0 var(--ink);
	padding: 12px 26px;
	font-size: 22px;
	font-weight: 800;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
}
.buton:active { transform: translateY(4px); box-shadow: 0 2px 0 var(--ink); }
.buton.mavi { background: var(--blue); color: #fff; }
.buton.genis { display: block; width: 100%; margin: 12px 0; }

.kod {
	font-size: 64px;
	font-weight: 800;
	letter-spacing: 8px;
	text-align: center;
	background: var(--bg);
	border: 4px dashed var(--ink);
	border-radius: 18px;
	padding: 6px 0;
	margin: 14px 0;
}

.soluk { color: var(--dim); }
.kucuk { font-size: 15px; }

ol, ul { padding-left: 24px; }
li { margin: 4px 0; }

table { border-collapse: collapse; width: 100%; font-size: 16px; }
th, td { text-align: left; padding: 8px; border-bottom: 2px solid #e2dccf; vertical-align: top; }

footer {
	margin-top: 36px;
	font-size: 15px;
	color: var(--dim);
	text-align: center;
}
footer a { color: var(--dim); margin: 0 8px; }