#ppLaunch{position:fixed;left:50%;transform:translateX(-50%);bottom:14px;z-index:40;padding:8px 16px;border-radius:20px;border:1px solid #ffffff44;background:#141a2ecc;color:#fff;font:600 14px system-ui;cursor:pointer;backdrop-filter:blur(6px)}
body.landingOn #ppLaunch{display:none}
#playPacks{position:fixed;inset:0;z-index:9000;background:#05070fdd;display:flex;align-items:center;justify-content:center;font-family:system-ui,sans-serif;color:#eef}
#playPacks.hidden,#playPacks .hidden{display:none}
.ppIn{width:min(1100px,96vw);max-height:92vh;overflow:auto;position:relative;padding:16px}
.ppHead{display:flex;align-items:center;gap:16px;margin-bottom:12px}.ppHead h2{margin:0;font-size:26px}
.ppKey{font-size:13px;opacity:.85;flex:1}.ppKey i{display:inline-block;width:10px;height:10px;border-radius:50%;margin:0 4px 0 10px}
.ppClose{background:none;border:0;color:#fff;font-size:24px;cursor:pointer}
.ppGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.ppTile{position:relative;border-radius:14px;overflow:hidden;border:3px solid var(--c);background:#0d1222;box-shadow:0 0 0 1px #0008}
.pp-easy{--c:#2ecc71}.pp-medium{--c:#f5a623}.pp-hard{--c:#e74c3c}.ppKey i.pp-easy,.ppKey i.pp-medium,.ppKey i.pp-hard{background:var(--c)}
.ppPlay{display:block;width:100%;padding:0 0 12px;border:0;background:none;color:inherit;text-align:left;cursor:pointer;font:inherit}
.ppPlay img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:#000}
.ppPlay b{display:block;font-size:17px;margin:8px 12px 2px}.ppPlay small{display:block;margin:0 12px;opacity:.75;font-size:12px}
.ppDiff{position:absolute;top:8px;left:8px;background:var(--c);color:#000;font:700 11px system-ui;text-transform:uppercase;padding:3px 8px;border-radius:10px}
.ppGo{display:inline-block;margin:8px 12px 0;padding:5px 12px;border-radius:14px;background:var(--c);color:#000;font-weight:700;font-size:13px}
.ppMenuBtn{position:absolute;top:6px;right:6px;width:34px;height:34px;border-radius:50%;border:0;background:#000a;color:#fff;font-size:18px;cursor:pointer}
.ppCust{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0008;z-index:9001}
.ppCustIn{background:#141a2e;border:1px solid #fff3;border-radius:14px;padding:18px;width:min(380px,92vw)}
.ppCustIn h3{margin:0 0 10px}.ppCustIn label{display:flex;justify-content:space-between;gap:10px;margin:8px 0;align-items:center}
.ppCustIn select,.ppCustIn input{flex:1;max-width:220px;padding:5px;background:#0d1222;color:#fff;border:1px solid #fff4;border-radius:6px}
.ppRow{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.ppRow button{padding:7px 12px;border-radius:8px;border:1px solid #fff4;background:#26304f;color:#fff;cursor:pointer}
.ppRow .ppGoC{background:#2ecc71;color:#000;border:0;font-weight:700}

@media (max-width:700px){.ppGrid{grid-template-columns:1fr 1fr;gap:8px}.ppPlay b{font-size:14px;margin:6px 8px 0}.ppPlay small{margin:0 8px}.ppGo{margin:6px 8px 0;font-size:12px}.ppHead h2{font-size:20px}.ppKey{font-size:11px}}
body.mob .ppGrid{grid-template-columns:1fr 1fr;gap:8px}
@media (max-width:700px){#ppLaunch{left:auto;right:12px;transform:none;bottom:96px}}
body.mob #ppLaunch{left:auto;right:12px;transform:none;bottom:96px}