/* Cocos Gaming — чёрно-жёлтая тема. Подключается на всех игровых страницах. */
:root{--bk:#0e0e0f;--bk2:#17171a;--bk3:#222226;--y:#ffd400;--y2:#ffb800;--tx:#f4f1e6;--mut:#a8a496;--line:rgba(255,212,0,.28)}
*{box-sizing:border-box}
body.gaming{margin:0;background:var(--bk) radial-gradient(circle at 20% 0,rgba(255,212,0,.08),transparent 45%) fixed;color:var(--tx);font:16px/1.6 Inter,"Segoe UI",system-ui,Arial,sans-serif;text-align:center;min-height:100vh}
.gaming a:not(.btn){color:var(--y);text-decoration:none;transition:color .15s}
.gaming a:not(.btn):hover{color:#fff}
.gaming h1{font-size:clamp(28px,5vw,44px);margin:28px 16px 12px;color:var(--y);letter-spacing:.5px}
.gaming h2{color:var(--y);margin:0 0 12px}
.gaming p{color:var(--tx)}

/* навигация (одна на все страницы) */
.main-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:14px 16px;background:rgba(14,14,15,.85);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.main-nav a{color:var(--tx);padding:8px 16px;border-radius:999px;font-weight:600;font-size:14px;border:1px solid transparent;text-decoration:none;transition:.18s}
.main-nav a:hover,.main-nav a.highlight{color:var(--bk);background:var(--y);border-color:var(--y)}

/* кнопки и поля */
.gaming button,.gaming .btn,.bigButton{font:inherit;font-weight:800;cursor:pointer;padding:10px 20px;border-radius:12px;border:2px solid var(--y);background:var(--y);color:var(--bk);text-decoration:none;display:inline-block;transition:transform .18s,box-shadow .18s,background .18s,color .18s}
.gaming button:hover,.gaming .btn:hover,.bigButton:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(255,212,0,.28);background:var(--bk);color:var(--y)}
.gaming button:active{transform:none}
.gaming button:focus-visible,.gaming a:focus-visible,.gaming input:focus-visible,.gaming textarea:focus-visible{outline:3px solid #fff;outline-offset:2px}
.gaming button.ghost,.gaming .btn.ghost{background:transparent;color:var(--y)}
.gaming input,.gaming textarea,.gaming select{font:inherit;padding:11px 14px;border-radius:10px;border:1px solid var(--line);background:var(--bk2);color:var(--tx);max-width:100%}
.gaming input:focus,.gaming textarea:focus{border-color:var(--y);outline:0}
.gaming ::placeholder{color:var(--mut)}

/* контейнеры */
.gaming main,.gaming .container,.gaming .wrap{max-width:900px;margin:0 auto;padding:0 16px 40px}
.gaming section,.gaming .card{background:var(--bk2);border:1px solid var(--line);border-radius:16px;padding:24px;margin:20px auto;max-width:900px;text-align:left}
.gaming section h2{border-bottom:1px solid var(--line);padding-bottom:10px}
.gaming iframe{width:100%;border:1px solid var(--line);border-radius:12px;background:#fff}
.gaming ul{padding-left:20px}
.gaming li{margin:6px 0}
.gaming div.highlight,.gaming .team-block{background:var(--bk3);border-left:4px solid var(--y);padding:14px 16px;border-radius:10px;margin:12px 0}
.gaming footer{color:var(--mut);padding:30px 16px;font-size:14px}
.gaming header img.logo{width:100%;max-height:280px;object-fit:cover;display:block}
.gaming .back{text-align:center;margin:24px 0}
.gaming #game-container{display:inline-block;margin:12px auto;border:2px solid var(--y);border-radius:12px;padding:8px;background:var(--bk2)}
.gaming canvas{max-width:100%;border-radius:8px}
.gaming .pad{display:grid;grid-template-columns:repeat(3,64px);gap:8px;justify-content:center;margin:14px 0}.pad br{display:none}.pad button:first-child{grid-column:2}.pad button{padding:12px 0}

/* комментарии и отзывы */
.comment{background:var(--bk2);border:1px solid var(--line);border-radius:12px;margin:10px auto;padding:12px 16px;width:min(700px,92%);text-align:left}
.deleteBtn{float:right;border:0!important;background:transparent!important;color:var(--mut)!important;padding:0 6px!important}
.deleteBtn:hover{color:var(--y)!important;box-shadow:none!important;transform:none!important}

/* вторичная навигация внутри Cocos Gaming */
.site-nav{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.site-nav a{color:var(--tx);padding:7px 12px;border-radius:999px;font-size:14px;font-weight:600;text-decoration:none;transition:.18s}
.site-nav a:hover{background:var(--y);color:var(--bk);text-decoration:none}
.site-nav button{font-size:16px;padding:4px 10px;background:none;color:var(--tx);border:1px solid var(--line);border-radius:999px;cursor:pointer}