:root{--bg1:#140832;--bg2:#2b0c55;--bg3:#0b2a5c;--card:#ffffff10;--line:#ffffff24;--ink:#fff;--muted:#c9b8ff;
  --pink:#ff3d8b;--cyan:#22e4ff;--gold:#ffd23f;--green:#3dff8f;--red:#ff6b6b;--disp:'Lilita One',Impact,'Arial Black',sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg1)}
body{min-height:100vh;font-family:'Nunito',system-ui,sans-serif;color:var(--ink);
  background:radial-gradient(900px 600px at 15% -10%,#7a2bd0aa,transparent 60%),radial-gradient(900px 700px at 100% 100%,#0e4fa877,transparent 60%),linear-gradient(170deg,var(--bg1),var(--bg2) 55%,var(--bg3));background-attachment:fixed}
a{color:var(--cyan)}
.top{display:flex;align-items:center;gap:16px;padding:18px max(16px,calc(50% - 540px));border-bottom:1px solid var(--line);background:#0005;backdrop-filter:blur(6px);position:sticky;top:0;z-index:5}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.po-word{font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;font-weight:900;font-size:26px;color:#fff;display:inline-flex;align-items:baseline;letter-spacing:-.2px}
.po-word i{display:inline-block;width:.6em;height:.6em;border-radius:50%;border:.15em solid currentColor;margin:0 .03em;align-self:center;transform:translateY(.08em)}
.po-word i.a{color:#ff7a1a}.po-word i.b{color:#19b5d8}
.live{display:inline-flex;align-items:center;gap:6px;background:#ff2d55;color:#fff;font-weight:900;font-size:14px;padding:4px 10px;border-radius:20px;letter-spacing:1px}
.live i{width:8px;height:8px;border-radius:50%;background:#fff;animation:pulse 1.2s infinite}
@keyframes pulse{50%{opacity:.3}}
.top .sub{color:var(--muted);font-weight:800;margin-left:auto}
main{max-width:1080px;margin:0 auto;padding:28px 16px 40px}
.hero h1{font-family:var(--disp);font-weight:400;font-size:clamp(34px,5vw,56px);line-height:1.05}
.hero h1 span{color:var(--gold)}
.hero p{color:var(--muted);font-weight:800;font-size:18px;margin:10px 0 24px;max-width:640px}
.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:22px;margin-bottom:22px}
.card h2,.section{font-family:var(--disp);font-weight:400;font-size:26px;margin-bottom:14px;color:var(--gold)}
.section{margin:6px 0 14px}
.grid2{display:grid;grid-template-columns:1fr 1.4fr;gap:16px}
@media (max-width:720px){.grid2{grid-template-columns:1fr}}
label{display:block;font-weight:900;font-size:15px;color:var(--muted)}
.field{display:flex;align-items:center;gap:8px;background:#fff;border-radius:14px;padding:0 14px;margin-top:6px}
.field b{color:#9b37ff;font-size:20px}
.field input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:900 20px 'Nunito',sans-serif;color:#2a1250;padding:12px 0}
.row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px}
.row.end{justify-content:flex-end}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;padding:12px 20px;font:900 17px 'Nunito',sans-serif;cursor:pointer;text-decoration:none;color:#fff;box-shadow:0 4px 0 #0006}
.btn:active{transform:translateY(3px);box-shadow:0 1px 0 #0006}
.btn.primary{background:linear-gradient(180deg,#ff5fa2,var(--pink))}
.btn.gold{background:linear-gradient(180deg,#ffe36b,var(--gold));color:#2a1250}
.btn.blue{background:linear-gradient(180deg,#3a7bff,#2d5fd6)}
.btn.ghost{background:#0005;border:2px solid var(--line);box-shadow:none}
.btn[disabled]{opacity:.5;cursor:default}
.status{font-weight:900}
.status.ok{color:var(--green)}.status.bad{color:var(--red)}.status.wait{color:var(--muted)}
.note{margin-top:12px;color:var(--muted);font-weight:700;font-size:14px}
.note b{color:#fff}
.games{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:22px}
.game{background:var(--card);border:1px solid var(--line);border-radius:22px;overflow:hidden;display:flex;flex-direction:column}
.game img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:#0006}
.game .body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:10px;flex:1}
.game h3{font-family:var(--disp);font-weight:400;font-size:26px}
.game p{color:var(--muted);font-weight:700;font-size:15px;flex:1}
.game .tags{display:flex;flex-wrap:wrap;gap:6px}
.game .tags span{font-size:12px;font-weight:900;background:#ffffff18;padding:3px 9px;border-radius:10px}
.game .btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.game .btns .btn{padding:11px 12px;font-size:15px}
.game .btns .btn.primary{grid-column:1/-1;font-size:17px}
.game .btns .btn:only-child,.game .btns .btn.blue:last-child{grid-column:auto}
.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.stats div{background:#ffffff10;border-radius:14px;padding:12px;text-align:center;color:var(--muted);font-weight:800;font-size:13px}
.stats b{display:block;font-size:26px;color:#fff}
.stats .wide{grid-column:1/-1;text-align:left;font-size:15px}
.stats .wide b{display:inline;font-size:15px;color:var(--cyan)}
.how ol{padding-left:22px}
.how li{font-weight:800;margin:8px 0;line-height:1.4}
.how li b{color:var(--cyan)}
dialog{margin:auto;border:0;border-radius:24px;background:linear-gradient(170deg,#1a0b3d,#2b0c55);color:#fff;width:min(640px,94vw);max-height:90vh;box-shadow:0 30px 80px #000b}
dialog::backdrop{background:#000a}
.dlg{padding:24px}
.dlg h2{font-family:var(--disp);font-weight:400;font-size:30px;color:var(--gold);margin-bottom:6px}
.dlg .lbl{font-weight:900;margin:16px 0 8px}
.dlg .lbl small{color:var(--muted);font-weight:700}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips button{border:2px solid var(--line);background:#0005;color:#fff;font:800 15px 'Nunito',sans-serif;padding:7px 14px;border-radius:12px;cursor:pointer}
.chips button.on{background:var(--cyan);border-color:var(--cyan);color:#06243a}
textarea{width:100%;height:110px;border:0;border-radius:14px;padding:12px 14px;font:800 16px 'Nunito',sans-serif;color:#2a1250;resize:vertical}
footer{text-align:center;color:var(--muted);font-weight:800;padding:20px 16px 40px;font-size:14px}
.admin table{width:100%;border-collapse:collapse;font-size:14px}
.admin th,.admin td{text-align:left;padding:9px 8px;border-bottom:1px solid var(--line);vertical-align:middle}
.admin th{color:var(--muted);font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.5px}
.admin td code{font-size:12px;background:#0006;padding:2px 6px;border-radius:6px}
.admin .pill{display:inline-block;padding:2px 9px;border-radius:10px;font-weight:900;font-size:12px}
.pill.on{background:#1fae5c}.pill.off{background:#a33}.pill.wait{background:#555}
.admin .small{padding:6px 10px;font-size:13px;box-shadow:none}
.scroll{overflow-x:auto}
.empty{color:var(--muted);font-weight:800;padding:8px 0}
.admin .newtoken{background:#0006;border:2px dashed var(--gold);border-radius:14px;padding:12px 14px;margin:0 0 14px;font-size:14px}.admin .newtoken code{font-size:15px;word-break:break-all;color:var(--gold)}