/* AgarNex sayfaları (Onur Tablosu, En İyi Oyuncular, Rütbe, Sayfam ...) — agarvi.com sayfalarındaki ölçülerle
   (Verdana, 32px başlıklar, tablolar). Görseller ve arka plan resmi bizim: CSS ile çizilir. */
body.pagemode { overflow: auto !important; height: auto !important; background: #fff; }
html.pagemode { overflow: auto !important; height: auto !important; }
body.pagemode #canvas, body.pagemode #hud, body.pagemode #menu, body.pagemode #chatCanvas, body.pagemode #toast { }
body.pagemode #canvas, body.pagemode #hud, body.pagemode #menu,
html.pagemode #canvas, html.pagemode #hud, html.pagemode #menu, html.pagemode #chatCanvas, html.pagemode #overlays { display: none !important; }
html.pagemode body { background: #fff; }
#page { display: none; }
body.pagemode #page { display: block; position: static; }
/* standalone (tek dosya) sürümünde sayfa oyunun üstünde açılır */
#page.overlay { display: block; position: fixed; inset: 0; z-index: 95; overflow: auto; }
#pageClose { position: fixed; right: 10px; top: 10px; z-index: 96; font: 700 14px Verdana, sans-serif; background: #efefef; border: 1px solid #767676; padding: 2px 8px; cursor: pointer; display: none; }
#page.overlay ~ #pageClose { display: block; }
#page { margin: 0; padding: 8px; min-height: 100vh; background: #fff; box-sizing: border-box; color: #000; font: 16px serif; text-align: left; }
#page a { color: #0000ee; text-decoration: none; cursor: pointer; }
#page a:hover { text-decoration: underline; }
#page .pg-row { text-align: center; }
#page .pg-box { display: inline-block; text-align: center; vertical-align: top; }
#page .pg-title { font: 700 32px Verdana, sans-serif; margin: 21.44px 0; }
#page hr { margin: 8px 0; }
#page .pg-msg { font: 16px Verdana, sans-serif; color: #f00; text-align: center; margin-top: 50px; }
#page .pg-msg2 { display: block; width: max-content; margin: 50px auto; font: 24px serif; color: #00a; }
#page button, #page input[type=submit], #page input[type=button] { font: 13.3333px Arial, sans-serif; }

/* ─── Onur Tablosu ─── */
#page.hof { color: #fff; background-color: #1a0638;
  background-image: radial-gradient(ellipse at 50% 34%, rgba(255, 40, 200, .28) 0, rgba(255, 40, 200, 0) 34%),
    radial-gradient(circle at 50% 30%, rgba(0, 0, 0, 0) 152px, rgba(150, 80, 255, .9) 155px, rgba(255, 120, 230, .7) 158px, rgba(0, 0, 0, 0) 163px),
    linear-gradient(160deg, #2a0a5e 0%, #4d0f7d 30%, #8a1a8f 55%, #31107a 75%, #12053a 100%);
  background-attachment: fixed; }
#page .hof-title { font: 700 40px fantasy; margin: 26.8px 0; color: #fff; text-align: center; text-shadow: 0 0 8px rgba(255, 255, 255, .45); }
#page .hof-best { font: 700 24px Verdana, sans-serif; margin: 19.92px 0; text-align: center; color: #fff; }
#page .hof-best a { color: #fff; }
#page .watch { display: inline-block; font: 700 13px/15.6px Verdana, sans-serif; color: #000 !important; background: #ffdd00; border: 1px solid #000; border-radius: 4px; padding: 3px 9px; margin: 0 0 0 6px; vertical-align: middle; text-decoration: none !important; }
#page .avatar { display: block; width: 256px; height: 256px; border-radius: 50%; margin: 0 auto; background: rgba(0, 0, 0, .35); object-fit: cover; }
#page .hof-table { width: 100%; table-layout: fixed; margin-top: 20px; font: 16px Verdana, sans-serif; color: #fff; border-spacing: 2px; }
#page .hof-table td { background: rgba(0, 0, 0, .7); padding: 10px; text-align: left; }
#page .hof-table td a { color: #fff; }
#page .hof-table .spend { font-size: 12px; }
#page .hof-table .recScore { display: inline-block; min-width: 102px; text-align: right; }
#page .hof-table .head { height: 36px; }
#page .hof-table .timeHead button { width: 84px; height: 36px; font: 700 13.3333px Arial; border: 2px outset #000; background: #f0f0f0; padding: 1px 6px; }

/* ─── En İyi Oyuncular / Klanlar ─── */
#page .best-table { font: 16px Verdana, sans-serif; margin: 0 auto; }
#page .best-table td.td2 { width: 300px; background: #fff; font: 700 20px Verdana, sans-serif; text-align: center; }
#page .best-table td.td3 { width: 10px; }
#page .best-table a { color: #000; }
#page .best-link { color: #000 !important; font: 700 20px Verdana, sans-serif; }
#page .portrait { display: inline-block; width: 128px; height: 128px; border-radius: 50%; background: #e4e4e4; vertical-align: middle; object-fit: cover; margin: 10px 0; }
#page .portrait.first { width: 256px; height: 256px; }
#page .best-table hr { margin: 10px 0; }

/* ─── Rütbe ─── */
#page .tiers { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 12px; list-style: none; margin: 16px 43px; padding: 0 16px; font: 16px Verdana, sans-serif; }
#page .tier { width: 100px; text-align: center; font: 13px Verdana, sans-serif; }
#page .tier b { display: block; margin-top: 4px; }
#page .tier span { display: block; font: 11px Verdana, sans-serif; color: #555; }
#page .rank-list { margin: 20px auto; font: 16px Verdana, sans-serif; border-collapse: collapse; }
#page .rank-list td { padding: 4px 10px; text-align: left; vertical-align: middle; }
#page .rank-list .rk-name { font-weight: 700; }
#page .rank-list .rk-tier { color: #555; font-size: 13px; }
#page .rank-sub { font: 700 20px Verdana, sans-serif; text-align: center; margin-top: 30px; }
.rank-ic { display: inline-block; vertical-align: middle; }

/* ─── Son Rekorlar ─── */
#page .rec-table { margin: 0 auto; font: 16px Verdana, sans-serif; color: #fff; border-spacing: 2px; }
#page .rec-table td { padding: 10px; text-align: left; }
#page .rec-table .room { background: #02538c; }
#page .rec-table .holder { background: #99aabb; padding: 15px; }
#page .rec-table .holder a { color: #fff; }
#page .rec-table .score { background: #02538c; }
#page .rec-table .spend { background: #353131; }
#page .rec-table .spend a.gold { color: #ffff00; }
#page .rec-table .watch { margin-left: 8px; }
#page .gold-table { margin: 20px auto; font: 16px Verdana, sans-serif; border-spacing: 2px; }
#page .gold-table td { padding: 8px 12px; background: #02538c; color: #fff; }
#page .gold-table td a { color: #fff; }
#page .gold-table td.amt { background: #353131; color: #ffff00; text-align: right; }

/* ─── Nasıl Oynanır ─── */
#page.dark { background: #000; color: #fff; }
#page .howto { margin: 100px; }
#page .howto h1 { font: 700 32px Verdana, sans-serif; color: #fff; margin: 0 0 21.44px; }
#page .howto ul { margin: 16px 0; padding-left: 40px; font: 16px serif; }
#page .howto li { font: 16px Verdana, sans-serif; color: #fff; }
#page .howto li.red { color: #f00; }
#page .howto .key { color: #f00; font-weight: 700; }

/* ─── İsim Ara / Premium Ara ─── */
#page .search { font: 16px Verdana, sans-serif; text-align: center; }
#page .search form { display: inline; }
#page .pinform { font: 16px Arial, sans-serif; text-align: center; margin: 10px 0; }
#page .pin-table { margin: 20px auto; font: 16px Verdana, sans-serif; border-collapse: collapse; }
#page .pin-table td { padding: 4px 10px; border: 1px solid #ccc; }

/* ─── Premium veya Gold Pin Satın Al ─── */
#page .buybox { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border: 1px dotted #000; padding: 50px; font: 16px Verdana, sans-serif; text-align: center; white-space: pre-line; }

/* ─── Rekor Alım Satımı ─── */
#page .rm-title { font: 700 25px Verdana, sans-serif; margin: 25px auto; width: max-content; }
#page .rm-note { font: 11px Verdana, sans-serif; margin: 50px auto; width: max-content; }
#page .rm-table { margin: 50px auto; font: 16px Verdana, sans-serif; border-spacing: 2px; }
#page .rm-table td { padding: 10px; }
#page .rm-table td.c1 { background: #795548; color: #fff; }
#page .rm-table td.c2 { background: #0000ff; color: #fff; }
#page .rm-table td.c2 a { color: #fff; }
#page .rm-table td.c3 { background: #795548; color: #ffeb3b; }
#page .nm-table { margin: 30px auto; font: 16px Verdana, sans-serif; border-spacing: 2px; }
#page .nm-table td { padding: 10px; }

/* ─── oyuncu sayfası (Sayfam) ─── */
#page.player { background: #f0f8ff; }
#page .pinBox { width: 480px; margin: 10px auto; padding: 10px; background: #d3b8b8; border-radius: 10px; font: 16px Verdana, sans-serif; }
#page .pinBox form { white-space: nowrap; }
#page .pinBox input[type=text] { width: 243px; }
#page .clanBox { display: table; margin: 20px auto; font: 25px Verdana, sans-serif; text-align: center; }
#page .pl-name { font: 25px Verdana; margin: 20px 0; }
#page .cards { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 12px 0; }
#page .card { width: 242px; box-sizing: border-box; background: #ffdd00; border-radius: 5px; padding: 12px; font: 24px Verdana, sans-serif; text-align: center; }
#page .card.own { width: 360px; background: #ffe000; border-radius: 4px; padding: 10px 12px; font: 13px Verdana, sans-serif; }
#page .card .trophy { display: block; margin: 0 auto; }
#page .card .room { font: 24px Verdana, sans-serif; }
#page .card.own .room { font: 22px Verdana, sans-serif; margin: 0 0 8px; }
#page .card .score { font: 24px Verdana, sans-serif; }
#page .card form { display: flex; gap: 8px; align-items: center; margin: 0 0 8px; }
#page .card form input { flex: 1 1 auto; min-width: 0; font: 13px Arial, sans-serif; }
#page .card form[data-act=rename] input { flex: 0 0 180px; }
#page .card form button { flex: 0 0 auto; white-space: nowrap; font: 13px Arial, sans-serif; }
#page .card .cost { font: 11px Verdana, sans-serif; }
#page .toggles { display: table; margin: 10px auto; padding: 5px; border-radius: 5px; font: 16px Verdana, sans-serif; }
#page .toggles form { display: inline; }
#page .balances { display: table; margin: 0 auto; font: 700 16px Verdana, sans-serif; }
#page .balances td { padding: 1px; }
#page .balances .bl { font-weight: 400; text-align: right; }
#page .balances .bv { font: 700 18px Verdana, sans-serif; }
#page .balances form { display: inline; }
#page .skinLinks { display: table; margin: 20px auto; font: 16px Verdana, sans-serif; }
#page .description { display: table; margin: 0 auto; font: 16px Verdana, sans-serif; text-align: center; max-width: 600px; white-space: pre-wrap; }
#page .description .pen { cursor: pointer; vertical-align: middle; }
#page .description textarea { width: 400px; height: 80px; font: 14px Verdana, sans-serif; }
#page .names { display: table; margin: 0 auto; padding: 10px; background: #ccddee; font: 16px Verdana, sans-serif; text-align: center; }
#page .names .sale { display: inline-block; margin: 2px 0; padding: 5px; background: #000; color: #f00 !important; }
#page .ownerNames { display: table; margin: 0 auto; padding: 0 10px 10px; background: #ccddee; font: 16px Verdana, sans-serif; }
#page .ownerNames th { padding: 2px 1px 1px; }
#page .ownerNames td { padding: 1px; text-align: center; }
#page .buyName { display: table; margin: 10px auto; }
#page .winCount { display: table; margin: 0 auto 5px; font: 25px Verdana, sans-serif; }
#page .tiles { text-align: center; }
#page .tile { position: relative; display: inline-block; box-sizing: content-box; height: 22px; padding: 8px; margin: 0 2px 5px 0; border-radius: 4px; color: #fff; font: 17px fantasy; text-align: center; cursor: pointer; max-width: calc(100% - 20px); vertical-align: top; overflow: visible; white-space: nowrap; }
#page .tile .tip { display: none; position: absolute; left: 50%; bottom: 100%; transform: translateX(-50%); background: #000; color: #fff; padding: 4px 8px; border-radius: 4px; z-index: 2; white-space: nowrap; }
#page .tile:hover .tip { display: block; }
#page .endPill { display: table; margin: 50px auto 0; padding: 5px; background: #000; color: #ddd; font: 9px Verdana, sans-serif; }
#page .endRule { border-top: 1px solid #000; }
#page .clan-wins { font: 16px Verdana, sans-serif; text-align: center; }
#page .clan-wins table { margin: 10px auto; border-collapse: collapse; }
#page .clan-wins td { padding: 3px 10px; text-align: left; }
#page .joinbtn { display: table; margin: 0 auto 13px; font: 13px Verdana, sans-serif; }

/* ─── rekor videosu ─── */
#page.watchpage { padding: 0; background: #111; color: #fff; font: 16px Ubuntu, Verdana, sans-serif; }
#page .wv-canvas { position: fixed; inset: 0; width: 100%; height: 100%; display: block; }
#page .wv-top { position: fixed; left: 0; top: 0; right: 0; height: 61px; display: flex; align-items: center; gap: 16px; padding: 0 16px; }
#page .wv-back { font: 700 14px/14px Ubuntu, Verdana, sans-serif; color: #fff; background: rgba(255, 255, 255, .12); border: 0; border-radius: 4px; padding: 7px 10px; cursor: pointer; }
#page .wv-title b { display: block; font: 700 18px Ubuntu, Verdana, sans-serif; color: #ffdd00; }
#page .wv-title span { font: 14px Ubuntu, Verdana, sans-serif; }
#page .wv-count { position: fixed; left: 50%; top: 20px; transform: translateX(-50%); font: 700 22px/22px Ubuntu, Verdana, sans-serif; color: #5b5bff; }
#page .wv-leaders { position: fixed; right: 16px; top: 70px; margin: 0; padding: 8px 12px 8px 32px; background: rgba(0, 0, 0, .35); font: 700 14px/20.3px Ubuntu, Verdana, sans-serif; color: #fff; border-radius: 4px; }
#page .wv-leaders li.me { color: #ff6b6b; }
#page .wv-controls { position: fixed; left: 16px; right: 16px; bottom: 16px; height: 60px; display: flex; align-items: center; gap: 12px; padding: 0 14px; background: rgba(0, 0, 0, .55); border-radius: 6px; }
#page .wv-play { width: 40px; height: 40px; border: 0; border-radius: 50%; background: #ffdd00; color: #111; font: 16px Arial; cursor: pointer; }
#page .wv-time { font: 700 14px/14px Ubuntu, Verdana, sans-serif; min-width: 67px; }
#page .wv-seek { flex: 1; }
#page .wv-speeds { display: flex; gap: 4px; }
#page .wv-speeds button { width: 40px; height: 27px; border: 0; border-radius: 4px; font: 700 13px/13px Ubuntu, Verdana, sans-serif; color: #fff; background: rgba(255, 255, 255, .12); cursor: pointer; }
#page .wv-speeds button.on { color: #111; background: #ffdd00; }

/* ─── Skin Galerisi (agarvi /skins ölçüleri) ─── */
.skg { background: #091411; min-height: 100vh; }
#page.overlay.skg { background: #091411; }
.skg-page { --ink: #e8f1ef; --muted: #99b0ac; --line: #a4cbc12b; --mint: #7be0b3; color: var(--ink); box-sizing: border-box; width: 100%; max-width: 1180px; margin: 0 auto; padding: 20px 28px 72px; font-family: system-ui, -apple-system, "Segoe UI", Roboto, Verdana, sans-serif; }
.skg-header { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 20px; padding-bottom: 18px; }
.skg-brand { justify-self: start; color: var(--mint); font: 800 26px/40px Ubuntu, system-ui, sans-serif; text-decoration: none; }
.skg-heading { text-align: center; }
.skg-title { color: #f1f9f6; letter-spacing: -0.04em; margin: 0; font-size: 30px; font-weight: 850; line-height: 1.1; }
.skg-lead { color: var(--muted); margin: 6px 0 0; font-size: 13px; line-height: 1.45; }
.skg-lead b { color: #cfe9df; }
.skg-tools { position: sticky; top: 0; z-index: 3; display: flex; align-items: center; gap: 10px; margin: 0 -28px 16px; padding: 8px 28px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); backdrop-filter: blur(12px); background: rgba(9, 20, 17, .94); }
.skg-search { box-sizing: border-box; flex: 0 0 200px; min-width: 0; height: 32px; padding: 0 11px; color: var(--ink); font: inherit; font-size: 13px; background: #101f1b; border: 1px solid var(--line); border-radius: 8px; }
.skg-search::placeholder { color: #718983; }
.skg-search:focus-visible { border-color: var(--mint); outline: 2px solid rgba(123, 224, 179, .267); outline-offset: 1px; }
.skg-letters { flex: 1 1 0%; display: flex; align-items: center; gap: 2px; min-width: 0; overflow-x: auto; scrollbar-width: none; }
.skg-letter { box-sizing: border-box; flex: 0 0 auto; display: grid; place-items: center; min-width: 28px; height: 28px; padding: 0 5px; color: #9db3ad; border-radius: 7px; font-size: 12px; font-weight: 750; text-decoration: none; cursor: pointer; }
.skg-letter:hover, .skg-letter[aria-current="page"] { color: #c0f9dd; background: #1d4035; }
.skg-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }
.skg-skin { display: flex; flex-direction: column; align-items: center; min-width: 0; padding: 14px 10px 10px; background: linear-gradient(155deg, #14241f, #0e1b17 75%); border: 1px solid rgba(164, 203, 193, .13); border-radius: 16px; transition: transform .16s, border-color .16s; }
.skg-skin:hover { border-color: rgba(123, 224, 179, .45); transform: translateY(-2px); }
.skg-pic { display: block; padding: 0; cursor: copy; background: none; border: 0; border-radius: 50%; }
.skg-pic:focus-visible { outline: 3px solid var(--mint); outline-offset: 4px; }
.skg-img { display: block; width: 136px; height: 136px; object-fit: cover; border-radius: 50%; background: radial-gradient(circle at 35% 25%, #25443a, #111e1a 68%); box-shadow: rgba(3, 8, 6, .6) 0 9px 20px, rgba(230, 255, 240, .133) 0 0 0 1px inset; }
.skg-name { display: block; width: 100%; margin: 10px 0 9px; overflow: hidden; color: #dbe9e5; font-size: 13px; font-weight: 700; text-align: center; white-space: nowrap; text-overflow: ellipsis; }
.skg-use { width: 100%; min-height: 32px; padding: 6px 10px; color: #baf4d8; font: inherit; font-size: 12px; font-weight: 800; cursor: pointer; background: #183a30; border: 1px solid rgba(113, 205, 165, .267); border-radius: 9px; }
.skg-use:hover { color: #effff7; border-color: var(--mint); background: #245642; }
.skg-state { margin: 16px 0; color: var(--muted); font-size: 13px; text-align: center; }
.skg-pager { display: flex; justify-content: center; align-items: center; gap: 14px; margin-top: 22px; }
.skg-pb { padding: 8px 12px; color: #d0dfda; font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; background: #101f1b; border: 1px solid var(--line); border-radius: 9px; }
.skg-pb:disabled { opacity: .4; cursor: default; }
.skg-no { color: #9bb2ab; font-size: 13px; }
.skg-toast { position: fixed; z-index: 5; bottom: 18px; left: 50%; transform: translateX(-50%); box-sizing: border-box; display: flex; align-items: center; gap: 12px; max-width: calc(100vw - 32px); padding: 11px 13px 11px 16px; color: #e8f7f0; font: 13px system-ui, sans-serif; background: #142821; border: 1px solid rgba(123, 224, 179, .333); border-radius: 12px; }
.skg-toast.hidden { display: none; }
.skg-tlink { color: #7be0b3; font-weight: 700; }
.skg-tclose { color: #9bb2ab; font-size: 18px; cursor: pointer; background: none; border: 0; }
@media (max-width: 980px) { .skg-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 760px) { .skg-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; } .skg-page { padding: 14px 16px 52px; } .skg-tools { margin: 0 -16px 16px; padding: 8px 16px; flex-wrap: wrap; } .skg-search { flex: 1 1 100%; } .skg-img { width: 104px; height: 104px; } .skg-header { grid-template-columns: 1fr; } .skg-title { font-size: 24px; } .skg-lead { font-size: 12px; } }
@media (max-width: 420px) { .skg-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* ─── Son Güncellemeler / Destek / yasal sayfalar ─── */
.lu-list { text-align: left; }
.lu-item { padding: 12px 0; border-bottom: 1px solid #ddd; font: 14px/1.5 Verdana, sans-serif; }
.lu-head { font-weight: 700; margin-bottom: 4px; }
.lu-date { color: #c00; }
.sup-box { text-align: left; font: 14px/1.5 Verdana, sans-serif; max-width: 640px; margin: 0 auto; }
.sup-row { display: flex; flex-direction: column; gap: 4px; margin-bottom: 10px; }
.sup-row textarea { min-height: 120px; }
.sup-msg { margin: 10px 0; font-weight: 700; }
.sup-item { border: 1px solid #ddd; border-radius: 6px; padding: 10px; margin: 8px 0; }
.sup-st { color: #777; font-size: 12px; }
.sup-reply { margin-top: 6px; padding: 8px; background: #eef8ea; border-radius: 4px; }
.legal { text-align: left; font: 14px/1.6 Verdana, sans-serif; max-width: 760px; margin: 0 auto; }
#legal { margin-top: 2px; }

/* ─── v16: agarz sayfaları (ölçüm 25.10.2026) ─── */
/* Skin Galerisi: zemin rgba(0,0,0,.24), Verdana; satırlar #edffff 10 px köşe; 5 sütun, 200 px yuvarlak resim, 10 px boşluk */
#page.skg2 { background: rgba(0, 0, 0, .24); font-family: Verdana, sans-serif; }
#page.skg2 .skg-img2 { display: block; width: 200px; height: 200px; border-radius: 50%; margin: 10px; cursor: pointer; object-fit: cover; }
#page.skg2 span.skg-img2 { background: #ccc; }
#page.skg2 p.skn { margin: 16px 0 0; }
#page.skg2 .letter { display: inline-block; padding: 0 4px; font-size: 16px; }
#page.skg2 .arrow { display: inline-block; width: 50px; height: 50px; line-height: 50px; font-size: 34px; color: #337ab7; }
#page.skg2 .arrow.off { opacity: .4; color: #333; }
#page .copyInfo { position: absolute; top: 15px; left: 0; right: 0; text-align: center; color: #fff; font: 16px Verdana, sans-serif; }
/* Son Güncellemeler: siyah zemin, Arial 20 px beyaz, başlık 40 px; liste rgba(0,0,0,.44) */
#page.lu-page { background: #000; color: #fff; font: 16px Arial, sans-serif; }
#page.lu-page h1 { font-size: 40px; margin: 26.8px 0; }
#page.lu-page ul { margin: 20px 0; padding-left: 40px; }
/* takipçi / mesaj / bonus sayfaları */
#page .followDiv { display: table; margin: 10px auto; font: 16px Verdana, sans-serif; }
#page .follow-table, #page .inbox-table { margin: 10px auto; font: 14px Verdana, sans-serif; border-collapse: collapse; }
#page .follow-table td, #page .inbox-table td { padding: 4px 10px; border-bottom: 1px solid #ddd; }
#page .messageSend { text-align: center; margin-top: 20px; }
#page .goBack { margin: 10px 20px; font: 16px Verdana, sans-serif; }
#page #msgList { max-width: 640px; margin: 0 auto; font: 15px Verdana, sans-serif; }
#page #msgList .msg { margin: 8px 0; padding: 8px 10px; border-radius: 6px; background: #fff; }
#page #msgList .msg.out { background: #def; margin-left: 60px; }
#page #msgList .msg.in { margin-right: 60px; }
#page #msgList .when { color: #888; font-size: 11px; }
#page #tableTransferList td { padding: 3px 10px; font: 13px Verdana, sans-serif; border-bottom: 1px solid #eee; }
/* Premium Alım Satımı */
#page .psa .div1 { margin: 0 auto; }
#page .psa .bg_color1 { background: #eef; padding: 4px 10px; }
#page .psa .bg_color2 { background: #dde; padding: 4px 10px; }
/* Şikayet Yaz */
#page .divMain { max-width: 820px; margin: 0 auto; padding: 10px; font: 16px Times New Roman, serif; }

/* [agarz ölçümü] Sayfam rekor kupası ve galibiyet kutuları */
#page .div_rekor { background-color: #ffdd00; padding: 12px; margin: 12px auto; display: table; font-size: 24px; font-family: Verdana; text-align: center; border-radius: 5px; width: auto; }
#page .div_rekor .trophy { display: inline-block; width: 128px; height: 128px; }
#page .div_rekor .rk-tools { font: 13px Verdana, sans-serif; margin-top: 10px; text-align: left; }
#page .div_rekor .rk-tools form { display: flex; gap: 8px; align-items: center; margin: 0 0 8px; }
#page .win_show { white-space: nowrap; font-family: fantasy; color: #fff; background-color: #000; display: inline-block; margin-right: 2px; margin-bottom: 5px; text-align: center; font-size: 17px; padding: 8px; border-radius: 4px; cursor: pointer; max-width: calc(100vw - 40px); }
#page .tooltip { position: relative; display: inline-block; border-bottom: 1px dotted black; }
#page .tooltip .tooltiptext { visibility: hidden; width: 120px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; bottom: 100%; left: 50%; margin-left: -60px; font: 17px fantasy; }
#page .tooltip:hover .tooltiptext { visibility: visible; }
#page .div_rekor.card.own { width: auto; max-width: 420px; background-color: #ffdd00; padding: 12px; border-radius: 5px; font: 24px Verdana; }