:root{--bg:#071027;--panel:#0c1734;--panel2:#111f43;--text:#eef5ff;--muted:#9eb0d1;--cyan:#22d3ee;--blue:#3b82f6;--violet:#8b5cf6;--orange:#f59e0b;--line:#22345c;--green:#22c55e;--red:#fb7185}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#050b1c,#08132c 45%,#050b1c);color:var(--text);font:15px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif}
.shell{display:grid;grid-template-columns:270px 1fr;min-height:100vh}aside{position:fixed;inset:0 auto 0 0;width:270px;background:rgba(5,11,28,.96);border-right:1px solid var(--line);overflow:auto;padding:22px 14px;z-index:20}
.brand{display:flex;align-items:center;gap:12px;padding:0 8px 18px;border-bottom:1px solid var(--line);margin-bottom:14px}.brand img{width:54px;height:54px;object-fit:contain}.brand b{display:block;font-size:19px;letter-spacing:.08em}.brand span{color:var(--muted);font-size:12px}
nav a{display:block;color:#afbfdd;text-decoration:none;padding:8px 12px;border-radius:9px;font-size:13px}nav a:hover,nav a.active{background:#14254e;color:white}
main{grid-column:2;max-width:1160px;width:100%;margin:auto;padding:0 46px 70px}.topbar{height:64px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(7,16,39,.88);backdrop-filter:blur(12px);z-index:10}.top-title{font-weight:800}.pill,.tag{font-size:11px;padding:3px 8px;border:1px solid #35518c;border-radius:999px;color:#bcd0f5;background:#101f42}.topbar .pill{margin-left:auto}#menu{display:none;background:none;border:0;color:white;font-size:24px}
.hero{display:grid;grid-template-columns:250px 1fr;gap:35px;align-items:center;padding:68px 0 48px}.hero img{width:100%;filter:drop-shadow(0 16px 38px #172d7a)}.eyebrow{color:var(--cyan);font-weight:800;font-size:12px;letter-spacing:.15em}.hero h1{font-size:43px;line-height:1.08;margin:8px 0 15px;letter-spacing:-.03em}.hero p{color:#b8c6df;font-size:17px;max-width:720px}.base{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#0a1634;border:1px solid var(--line);padding:12px;border-radius:12px}.base span{color:var(--muted);font-size:12px}.base code{color:#8be9fd;word-break:break-all}
section{padding:34px 0;border-top:1px solid rgba(34,52,92,.65);scroll-margin-top:70px}h2{font-size:27px;margin:0 0 12px}h3{font-size:17px;margin:25px 0 8px}p{color:#b8c6df}code{font-family:"SFMono-Regular",Consolas,monospace;color:#c7d8ff}pre{position:relative;background:#030817;border:1px solid var(--line);border-radius:12px;padding:18px;overflow:auto;color:#d9e7ff;line-height:1.55}pre code{color:#d9e7ff}.copy{border:1px solid #34518d;background:#11244c;color:#d9e7ff;border-radius:7px;padding:5px 9px;cursor:pointer}.copy:hover{background:#1b3670}pre .copy{position:absolute;right:8px;top:8px;font-size:11px}
.endpoint{display:flex;align-items:center;gap:9px;margin-bottom:10px}.endpoint>code{font-size:16px}.method{font-weight:900;font-size:11px;padding:4px 8px;border-radius:6px}.method.get{background:#0d5034;color:#8bf0b5}.method.post{background:#153e75;color:#91c6ff}
.flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.flow div{flex:1;min-width:150px;background:linear-gradient(145deg,#101f43,#0a1530);border:1px solid var(--line);padding:18px;border-radius:13px}.flow small{display:block;color:var(--muted);margin-top:5px}.flow i{color:var(--cyan);font-style:normal;font-size:24px}.flow.compact div{min-width:190px}
.note,.warning{border:1px solid #27467e;background:#0c1b3b;padding:14px 16px;border-radius:10px;margin:18px 0;color:#c5d4ed}.warning{border-color:#684817;background:#21180a;color:#f5d99a}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cards>div{background:var(--panel);border:1px solid var(--line);padding:16px;border-radius:12px}.games{grid-template-columns:repeat(2,1fr)}.games div{display:flex;flex-direction:column;gap:5px}.games code{color:var(--cyan)}
.table{overflow:auto;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;background:#09142e}th,td{text-align:left;padding:11px 13px;border-bottom:1px solid #1c2d51;vertical-align:top}th{background:#101f42;color:#dbe7ff;font-size:12px;text-transform:uppercase;letter-spacing:.05em}td{color:#b8c6df}.steps,.checks{padding-left:22px;color:#bdcbe3}.steps li,.checks li{margin:8px 0}.checks li::marker{color:var(--green)}
footer{display:flex;gap:12px;align-items:center;margin-top:40px;padding-top:25px;border-top:1px solid var(--line);color:#b6c5df}footer img{width:55px}footer span{font-size:12px;color:var(--muted)}
@media(max-width:850px){.shell{display:block}aside{transform:translateX(-100%);transition:.2s;width:285px}aside.open{transform:none}main{padding:0 20px}.topbar{margin:0 -20px;padding:0 20px}.topbar #menu{display:block}.hero{grid-template-columns:1fr;padding-top:35px}.hero img{width:180px;margin:auto}.hero h1{font-size:34px}.cards,.games{grid-template-columns:1fr}.flow i{transform:rotate(90deg);width:100%;text-align:center}}