@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap");*{box-sizing:border-box}body,html{margin:0;padding:0;background:#05060a}html{scroll-behavior:smooth}#hi,#play,#stuff{scroll-margin-top:24px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{overflow-x:hidden}:root{--accent:#4de5ff;--accent-2:#b14dff;--accent-glow:rgba(77,229,255,.35)}::selection{background:var(--accent);color:#05060a}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#05060a}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.12);border-radius:6px}@keyframes pgfloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes pgpulse{0%,to{opacity:1;box-shadow:0 0 0 0 var(--accent-glow)}50%{opacity:.55;box-shadow:0 0 0 6px rgba(77,229,255,0)}}@keyframes pgrise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes pgtoast{0%{opacity:0;transform:translate(-50%,-12px) scale(.96)}12%{opacity:1;transform:translate(-50%) scale(1)}88%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-12px) scale(.96)}}@keyframes pgblink{0%,to{opacity:1}50%{opacity:.2}}@keyframes pgbreathe{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes pggrain{0%{transform:translate(0)}10%{transform:translate(-4%,-3%)}20%{transform:translate(-8%,4%)}30%{transform:translate(3%,-7%)}40%{transform:translate(-5%,6%)}50%{transform:translate(-9%,-2%)}60%{transform:translate(6%,3%)}70%{transform:translate(-3%,8%)}80%{transform:translate(5%,-5%)}90%{transform:translate(-6%,2%)}to{transform:translate(0)}}@keyframes pglineup{0%{opacity:0;filter:blur(16px);transform:translateY(36px) scale(.985)}60%{filter:blur(0)}to{opacity:1;filter:blur(0);transform:none}}@keyframes pgsweep{0%{transform:translateX(-120%) skewX(-18deg)}to{transform:translateX(320%) skewX(-18deg)}}@keyframes pgeyebrow{0%{opacity:0;letter-spacing:.5em}to{opacity:1;letter-spacing:.24em}}@keyframes pgveil{0%,68%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes pgbarTop{0%,58%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes pgbarBot{0%,58%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes pgcardTitle{0%{opacity:0;filter:blur(10px);transform:translateY(14px)}24%,72%{opacity:1;filter:blur(0);transform:none}to{opacity:0;filter:blur(6px);transform:translateY(-8px)}}@keyframes pgcardMark{0%{opacity:0;transform:scale(.4) rotate(-25deg)}26%,72%{opacity:1;transform:none}to{opacity:0;transform:scale(1.3)}}@keyframes pgcardLine{0%{transform:scaleX(0)}30%,70%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes pgfade{0%{opacity:0;filter:blur(8px);transform:translateY(8px)}to{opacity:1;filter:blur(0);transform:none}}@keyframes pgInMark{0%{opacity:0;transform:scale(.4) rotate(-25deg)}to{opacity:1;transform:none}}@keyframes pgInUp{0%{opacity:0;filter:blur(10px);transform:translateY(14px)}to{opacity:1;filter:blur(0);transform:none}}@keyframes pgInLine{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pgLoadBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pgEnterPulse{0%,to{opacity:.45}50%{opacity:1}}[data-card]:not([data-pgshow]):not([data-pgdone]){opacity:0;transform:translateY(16px)}[data-card][data-pgshow]{animation:pgrise .7s cubic-bezier(.2,.8,.2,1) forwards}[data-card][data-pgdone]{opacity:1}#play:hover [data-card]:not(:hover){filter:blur(2.5px) brightness(.5) saturate(.85);transform:scale(.965)}#play [data-card]:hover{filter:brightness(1.05)}.pg-line{min-height:.92em}.pg-line.pg-typing:after{content:"";display:inline-block;width:.07em;height:.82em;margin-left:.04em;vertical-align:-.08em;border-radius:1px;background:var(--accent);-webkit-text-fill-color:var(--accent);box-shadow:0 0 12px var(--accent-glow);animation:pgcaret 1.05s steps(1) infinite}@keyframes pgcaret{0%,49%{opacity:1}50%,to{opacity:0}}.pg-logo{width:38px;height:38px;border-radius:11px;border:1px solid var(--accent);background:rgba(77,229,255,.08);color:var(--accent);font-family:JetBrains Mono,monospace;font-weight:700;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 0 18px -4px var(--accent-glow);transition:background .2s ease,color .2s ease}.pg-logo:hover{background:var(--accent);color:#05060a}.pg-navlink{padding:8px 13px;border-radius:10px;color:#c9d2de;text-decoration:none;font-size:13.5px;font-weight:500;transition:color .2s ease,background .2s ease}.pg-navlink:hover{color:var(--accent);background:hsla(0,0%,100%,.05)}.pg-navcta{padding:8px 14px;border-radius:10px;color:#05060a;background:var(--accent);text-decoration:none;font-size:13.5px;font-weight:600;box-shadow:0 0 22px -6px var(--accent-glow);transition:filter .2s ease}.pg-navcta:hover{filter:brightness(1.12)}.pg-btn-play{padding:13px 26px;border-radius:12px;border:1px solid var(--accent);background:var(--accent);color:#05060a;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:16px;cursor:pointer;box-shadow:0 0 30px -6px var(--accent-glow);transition:filter .2s ease}.pg-btn-play:hover{filter:brightness(1.12)}.pg-btn-restart{margin-top:4px;padding:10px 22px;border-radius:11px;border:1px solid var(--accent);background:rgba(77,229,255,.1);color:var(--accent);font-family:Space Grotesk,sans-serif;font-weight:600;font-size:14px;cursor:pointer;transition:background .2s ease,color .2s ease}.pg-btn-restart:hover{background:var(--accent);color:#05060a}.pg-btn-shuffle{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;padding:11px 18px;border-radius:12px;border:1px solid hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.03);color:#e8eef5;cursor:pointer;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:14px;transition:border-color .2s ease,background .2s ease}.pg-btn-shuffle:hover{border-color:var(--accent);background:rgba(77,229,255,.06)}.pg-btn-compose{align-self:flex-start;display:inline-flex;align-items:center;gap:9px;padding:13px 22px;border-radius:12px;border:none;background:var(--accent);color:#05060a;cursor:pointer;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:15px;box-shadow:0 0 30px -6px var(--accent-glow);transition:filter .2s ease}.pg-btn-compose:hover{filter:brightness(1.12)}.pg-card,.pg-card-game,.pg-card-hi,.pg-card-violet{position:relative;display:flex;flex-direction:column;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border-radius:22px;overflow:hidden}.pg-card,.pg-card-hi,.pg-card-violet{transition:transform .42s cubic-bezier(.34,1.56,.64,1),box-shadow .45s ease,border-color .45s ease,filter .4s ease}.pg-card,.pg-card-game{background:linear-gradient(180deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.025));border:1px solid hsla(0,0%,100%,.1);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.08),0 24px 60px -28px rgba(0,0,0,.85)}.pg-card-game{transition:box-shadow .45s ease,border-color .45s ease,filter .4s ease}.pg-card:hover{transform:translateY(-10px) scale(1.035);border-color:rgba(77,229,255,.42);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1),0 32px 72px -22px rgba(0,0,0,.9),0 0 54px -18px var(--accent-glow)}.pg-card-game:hover{border-color:rgba(77,229,255,.42);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1),0 30px 70px -22px rgba(0,0,0,.9),0 0 54px -16px var(--accent-glow)}.pg-card-violet{background:linear-gradient(135deg,rgba(177,77,255,.1),hsla(0,0%,100%,.02));border:1px solid hsla(0,0%,100%,.1);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.08),0 24px 60px -28px rgba(0,0,0,.85)}.pg-card-violet:hover{transform:translateY(-10px) scale(1.035);border-color:rgba(177,77,255,.45);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1),0 32px 72px -22px rgba(0,0,0,.9),0 0 54px -18px rgba(177,77,255,.4)}.pg-card-hi{background:linear-gradient(135deg,rgba(77,229,255,.12),hsla(0,0%,100%,.02));border:1px solid hsla(0,0%,100%,.12);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.08),0 24px 60px -28px rgba(0,0,0,.85)}.pg-card-hi:hover{transform:translateY(-10px) scale(1.035);border-color:rgba(77,229,255,.5);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1),0 32px 72px -22px rgba(0,0,0,.9),0 0 60px -16px var(--accent-glow)}@container pgwrap (max-width:620px){#play{grid-template-columns:1fr!important;grid-auto-rows:auto!important}#play>[data-card]{grid-column:auto!important;grid-row:auto!important}#play>[data-bento=game]{min-height:min(88cqw,440px)}#play>[data-bento=fortune]{min-height:208px}}