.pg-play{--ink:#0d0b14;--ink-soft:#16121f;--hull:#eff2f7;--cream:#f6efe3;--violet:#7c5cff;--cyan:#3edbf0;--gold:#f5b62e;--muted:#b9b4c9;--faint:#837e97;--line:rgba(239,242,247,.13);--nova:#ff7a3d;--pi:#3ea6ff;--daily:#ff6a9c;--elec:#ffe24a;--ice:#8fd4ff;--water:#3ea6ff;--wind:#57e0d6;--ease:cubic-bezier(.16,1,.3,1);--bounce:cubic-bezier(.34,1.56,.64,1);--disp:"Fredoka",var(--font-fredoka),"Baloo 2",system-ui,sans-serif;--glass:rgba(18,14,26,.52);color:var(--hull);line-height:1.5;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:linear-gradient(180deg,rgba(13,11,20,.74),rgba(13,11,20,.6) 40%,rgba(13,11,20,.86)),url(/landing/hero-nebula.webp);background-size:cover;background-position:top;background-attachment:fixed;padding:20px clamp(14px,3.5vw,36px) 64px}.pg-play *{box-sizing:border-box}.pg-wrap{max-width:1120px;margin:0 auto}.pg-play h1,.pg-play h2,.pg-play h3{font-family:var(--disp);font-weight:700;letter-spacing:-.01em;text-wrap:balance;margin:0}.pg-eyebrow{font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--faint)}.pg-hero{position:relative;overflow:hidden;border-radius:24px;aspect-ratio:1600/585;display:flex;flex-direction:column;justify-content:flex-end;margin-bottom:16px;border:1px solid var(--line)}.pg-hero .art{position:absolute;inset:0;background:url(/landing/crew-banner.webp);background-size:cover;background-position:50%;background-color:var(--ink)}.pg-hero .scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,6,12,.34),transparent 26%,transparent 72%,rgba(8,6,12,.3))}.pg-hero .row{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;width:100%;gap:16px;flex-wrap:wrap;background:rgba(9,7,13,.6);backdrop-filter:blur(15px) saturate(1.1);-webkit-backdrop-filter:blur(15px);border-top:1px solid var(--line);padding:13px 24px}.pg-hero .hello .pg-eyebrow{color:var(--cyan);text-shadow:0 2px 14px rgba(0,0,0,.85)}.pg-hero .hello h1{font-size:clamp(23px,3.4vw,32px);color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.85)}.pg-lead{display:flex;align-items:flex-end;gap:14px}.pg-logo{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-family:var(--disp);font-weight:700;font-size:21px;color:var(--ink);background:linear-gradient(140deg,var(--cyan),var(--violet));box-shadow:0 0 20px rgba(62,219,240,.4)}.pg-wallet{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pg-chip{display:flex;flex-direction:column;line-height:1.05;padding:7px 13px;border-radius:12px;background:rgba(13,11,20,.55);border:1px solid var(--line);backdrop-filter:blur(6px);transition:transform .25s var(--ease),border-color .25s;text-decoration:none}.pg-chip:hover{transform:translateY(-2px);border-color:rgba(239,242,247,.28)}.pg-chip b{font-family:var(--disp);font-size:15px;font-variant-numeric:tabular-nums;color:var(--hull)}.pg-chip span{font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--faint)}.pg-chip .star{color:var(--gold)}.pg-chip .rk{color:var(--cyan)}.pg-chip .cr{color:var(--violet)}.pg-resume{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border-radius:20px;padding:18px 24px;margin-bottom:34px;background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(16px)}.pg-resume .pg-eyebrow{color:#ffb98a}.pg-resume h2{font-size:20px;margin:4px 0 3px;color:var(--hull)}.pg-resume p{font-size:13px;color:var(--muted);margin:0}.pg-btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--disp);font-weight:700;font-size:16px;white-space:nowrap;text-decoration:none;color:var(--ink);background:linear-gradient(90deg,#ffd66a,var(--gold));border:0;border-radius:14px;padding:12px 22px;cursor:pointer;box-shadow:0 0 14px 1px rgba(245,182,46,.5);transition:transform .3s var(--bounce),box-shadow .3s}.pg-btn:hover{transform:scale(1.05);box-shadow:0 0 26px 3px rgba(245,182,46,.7)}.pg-btn:active{transform:scale(.97)}.pg-shead{display:flex;align-items:baseline;justify-content:space-between;margin:0 2px 13px}.pg-shead h2{font-size:19px;color:var(--hull)}.pg-shead a{font-size:12px;font-weight:700;color:var(--cyan);text-decoration:none}.pg-subh{font-size:12.5px;color:var(--faint)}.pg-primary{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:34px}.pg-tile{position:relative;overflow:hidden;border-radius:18px;padding:19px;min-height:120px;cursor:pointer;text-decoration:none;color:inherit;background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(14px);transition:transform .35s var(--ease),border-color .35s,box-shadow .35s}.pg-tile:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--tint) 60%,transparent);box-shadow:0 16px 40px -18px #000}.pg-tile:after{content:"";position:absolute;top:0;left:-60%;width:42%;height:100%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(239,242,247,.09),transparent);transition:left .65s var(--ease)}.pg-tile:hover:after{left:135%}.pg-tile .glyph{font-size:27px;filter:drop-shadow(0 3px 12px rgba(0,0,0,.6))}.pg-tile h3{font-size:18px;margin:9px 0 4px;color:var(--hull)}.pg-tile p{font-size:12.5px;color:var(--muted);margin:0;max-width:36ch}.pg-tile .dotline{width:34px;height:3px;border-radius:2px;background:var(--tint);margin:0 0 4px;opacity:.9}.pg-tile.big{grid-column:span 2;min-height:120px;display:flex;align-items:center;gap:20px}.pg-tile.hp{grid-column:span 2;padding-right:160px}.pg-thumb{width:70px;height:70px;flex:none;filter:drop-shadow(0 5px 16px rgba(0,0,0,.55));animation:pg-bob 5s ease-in-out infinite alternate}.pg-bossthumb,.pg-thumb{-o-object-fit:contain;object-fit:contain}.pg-bossthumb{position:absolute;right:10px;bottom:-10px;width:132px;height:132px;pointer-events:none;filter:drop-shadow(0 8px 20px rgba(0,0,0,.6));animation:pg-bob 4.4s ease-in-out infinite alternate}@keyframes pg-bob{to{transform:translateY(10px)}}.pg-enterbtn{margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:7px;font-family:var(--disp);font-weight:700;font-size:14.5px;color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--tint) 85%,#000),color-mix(in srgb,var(--tint) 55%,#000));border:1px solid color-mix(in srgb,var(--tint) 90%,#fff);border-radius:13px;padding:11px 18px;white-space:nowrap;box-shadow:0 8px 22px -8px var(--tint);transition:transform .3s var(--bounce),box-shadow .3s}.pg-tile:hover .pg-enterbtn{transform:scale(1.04);box-shadow:0 10px 28px -6px var(--tint)}.pg-tag{position:absolute;top:15px;right:15px;font-size:10.5px;font-weight:800;letter-spacing:.05em;padding:4px 11px;border-radius:99px;color:var(--ink);z-index:2}.pg-tag.reward{background:linear-gradient(90deg,#ffd66a,var(--gold));box-shadow:0 0 10px rgba(245,182,46,.5)}.pg-snacks{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;max-width:660px}.pg-snack{display:flex;align-items:center;gap:11px;padding:12px 14px;border-radius:13px;cursor:pointer;text-decoration:none;background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(10px);transition:transform .3s var(--ease),border-color .3s}.pg-snack:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--tint) 55%,transparent)}.pg-snack .ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:17px;flex:none;background:color-mix(in srgb,var(--tint) 22%,transparent);border:1px solid color-mix(in srgb,var(--tint) 40%,transparent)}.pg-snack b{font-family:var(--disp);font-size:13px;font-weight:600;display:block;color:var(--hull)}.pg-snack span{font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}.pg-coll{margin-top:30px;border-radius:16px;padding:17px 20px;background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(12px)}.pg-coll .row{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;gap:10px;flex-wrap:wrap}.pg-coll h3{font-size:15px;color:var(--hull)}.pg-coll .count{font-size:12px;color:var(--muted)}.pg-orbs{display:flex;gap:9px;flex-wrap:wrap}.pg-orb{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:19px;background:rgba(239,242,247,.03);border:1px dashed rgba(239,242,247,.16);color:var(--faint);transition:transform .3s var(--bounce)}.pg-orb:hover{transform:translateY(-3px)}.pg-orb.on{border:2px solid var(--cyan);color:var(--hull);background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--cyan) 42%,var(--ink-soft)),var(--ink-soft))}.pg-topbar{justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:20px}.pg-topbar,.pg-topbar .l{display:flex;align-items:center}.pg-topbar .l{gap:11px}.pg-back{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:18px;color:var(--hull);cursor:pointer;text-decoration:none;background:var(--glass);border:1px solid var(--line);transition:transform .25s var(--ease),border-color .25s}.pg-back:hover{transform:translateX(-2px);border-color:rgba(239,242,247,.28)}.pg-title{font-family:var(--disp);font-weight:700;font-size:22px}.pg-crewgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.pg-crewcard{position:relative;overflow:hidden;border-radius:20px;cursor:pointer;background:var(--ink-soft,#16121f);border:1px solid var(--line);transition:transform .35s var(--ease),border-color .35s,box-shadow .35s;text-decoration:none;color:inherit}.pg-crewcard:hover{transform:translateY(-5px);border-color:var(--tint);box-shadow:0 18px 44px -18px var(--tint)}.pg-crewcard .port{height:190px;background-size:cover;background-position:center 20%;position:relative}.pg-crewcard .port:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#16121f 3%,transparent 46%),radial-gradient(120% 80% at 50% 0,var(--tint),transparent 55%);opacity:.9}.pg-crewcard .el{position:absolute;top:12px;left:12px;z-index:2;display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;padding:5px 10px;border-radius:99px;color:var(--ink);background:var(--tint);box-shadow:0 2px 10px rgba(0,0,0,.4)}.pg-crewcard .cbody{padding:0 15px 16px;margin-top:-30px;position:relative;z-index:2}.pg-crewcard h3{font-size:19px;color:var(--hull)}.pg-crewcard .role{font-size:11.5px;font-weight:700;color:var(--faint);text-transform:uppercase;letter-spacing:.08em;margin-top:1px}.pg-crewcard .sig{margin-top:9px;font-size:12.5px;color:var(--muted)}.pg-crewcard .sig b{color:var(--tint);font-family:var(--disp)}.pg-crewcard.locked .port{filter:grayscale(1) brightness(.5)}.pg-recruit{display:inline-block;margin-top:11px;font-family:var(--disp);font-weight:700;font-size:13px;color:var(--ink);background:linear-gradient(90deg,#c9b6ff,var(--violet));border:0;border-radius:10px;padding:8px 14px}.pg-critbar{justify-content:space-between;flex-wrap:wrap;margin-bottom:16px}.pg-critbar,.pg-prog{display:flex;align-items:center;gap:10px}.pg-prog{font-size:12px;color:var(--muted)}.pg-prog .track{width:160px;height:7px;border-radius:99px;background:rgba(239,242,247,.09);overflow:hidden}.pg-prog .fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#3ddc97,var(--cyan))}.pg-critgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:13px}.pg-crit{position:relative;overflow:hidden;border-radius:16px;padding:16px 14px;text-align:center;background:var(--glass);border:1px solid var(--line);transition:transform .3s var(--bounce),border-color .3s}.pg-crit:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--tint) 55%,transparent)}.pg-crit .disc{width:66px;height:66px;margin:0 auto 9px;border-radius:50%;display:grid;place-items:center;font-size:30px;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--tint) 55%,#16121f),#16121f);border:2px solid var(--tint);box-shadow:0 0 20px -5px var(--tint)}.pg-crit h4{font-family:var(--disp);font-size:15px;color:var(--hull);margin:0}.pg-crit .concept{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--tint);margin-top:2px}.pg-crit.locked .disc{background:rgba(239,242,247,.03);border:1px dashed rgba(239,242,247,.16);color:var(--faint);box-shadow:none}.pg-crit.locked h4{color:var(--faint)}.pg-crit.locked .concept{color:var(--faint);opacity:.7}@media(max-width:720px){.pg-primary{grid-template-columns:1fr}.pg-tile.big,.pg-tile.hp{grid-column:span 1}.pg-snacks{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.pg-play *{animation:none!important;transition:none!important}.pg-play{background-attachment:scroll}}