@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap");:root{--bg-primary:#1a1a1f;--bg-secondary:#20202a;--bg-tertiary:#2a2a38;--bg-elevated:#252530;--text-primary:#f5f5f7;--text-secondary:#b8b8c2;--text-tertiary:#8a8a94;--accent-pink:#ff3b7f;--accent-purple:#8b5cf6;--accent-blue:#3b82f6;--accent-orange:#fb923c;--accent-green:#10b981;--primary:#ff3b7f;--primary-hover:#ff1a66;--primary-light:rgba(255,59,127,.15);--primary-glow:rgba(255,59,127,.35);--border:hsla(0,0%,100%,.1);--border-medium:hsla(0,0%,100%,.14);--border-strong:hsla(0,0%,100%,.18);--glass-bg:rgba(37,37,48,.7);--glass-border:hsla(0,0%,100%,.12);--shadow-sm:0 2px 8px rgba(0,0,0,.3);--shadow-md:0 4px 16px rgba(0,0,0,.35);--shadow-lg:0 8px 32px rgba(0,0,0,.4);--shadow-xl:0 16px 48px rgba(0,0,0,.5);--card-black-bg:#0a0a0f;--card-black-text:#fff;--card-white-bg:linear-gradient(180deg,hsla(0,0%,100%,.12),hsla(0,0%,100%,.08));--card-white-text:#f0f0f0;--card-shadow:0 8px 32px rgba(0,0,0,.5)}[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#f0f2f5;--bg-elevated:#fff;--text-primary:#1a1a1a;--text-secondary:#4a4a4a;--text-tertiary:#8a8a8a;--border:rgba(0,0,0,.08);--border-medium:rgba(0,0,0,.12);--border-strong:rgba(0,0,0,.16);--glass-bg:hsla(0,0%,100%,.7);--glass-border:rgba(0,0,0,.1);--shadow-sm:0 2px 8px rgba(0,0,0,.06);--shadow-md:0 4px 16px rgba(0,0,0,.08);--shadow-lg:0 8px 32px rgba(0,0,0,.12);--shadow-xl:0 16px 48px rgba(0,0,0,.16);--card-black-bg:#1a1a1a;--card-white-bg:#fff;--card-white-text:#1a1a1a;--card-shadow:0 8px 32px rgba(0,0,0,.15)}:root{--font-display:"Outfit",sans-serif;--font-body:"Inter",sans-serif;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-fast:all 0.15s cubic-bezier(0.4,0,0.2,1);--transition-bounce:all 0.5s cubic-bezier(0.34,1.56,0.64,1)}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow:hidden}body{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-primary);transition:background-color .3s ease,color .3s ease;position:relative}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 15% 20%,var(--primary-light) 0,transparent 50%),radial-gradient(circle at 85% 80%,rgba(139,92,246,.12) 0,transparent 50%),radial-gradient(circle at 50% 50%,rgba(59,130,246,.08) 0,transparent 50%);pointer-events:none;z-index:-1;opacity:.5}[data-theme=light] body:before{opacity:.6;background:radial-gradient(circle at 15% 20%,var(--primary-light) 0,transparent 50%),radial-gradient(circle at 85% 80%,rgba(139,92,246,.08) 0,transparent 50%),radial-gradient(circle at 50% 50%,rgba(59,130,246,.05) 0,transparent 50%)}a{color:inherit;text-decoration:none}button,input{font-family:inherit}.mono{font-family:var(--font-body);font-weight:600;letter-spacing:-.01em}.small{font-size:12px;color:var(--text-tertiary);font-weight:500}.pcoTopbar{position:relative;z-index:100;justify-content:space-between;padding:16px 24px;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm)}.pcoLeft,.pcoRight,.pcoTopbar{display:flex;align-items:center;gap:16px}.pcoRoomLabel{font-size:20px;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.pcoRoomCode,.pcoRoomLabel{font-family:var(--font-display)}.pcoRoomCode{font-size:18px;font-weight:700;padding:8px 16px;background:linear-gradient(135deg,var(--accent-pink),var(--accent-purple));color:#fff;border-radius:12px;letter-spacing:.1em;box-shadow:0 4px 16px var(--primary-glow);animation:rainbow-shift 8s ease-in-out infinite}@keyframes rainbow-shift{0%,to{background:linear-gradient(135deg,var(--accent-pink),var(--accent-purple))}25%{background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue))}50%{background:linear-gradient(135deg,var(--accent-blue),var(--accent-green))}75%{background:linear-gradient(135deg,var(--accent-green),var(--accent-orange))}}.theme-toggle{width:56px;height:32px;background:var(--bg-tertiary);border:2px solid var(--border);border-radius:16px;cursor:pointer;position:relative;transition:var(--transition)}.theme-toggle:hover{border-color:var(--primary);transform:scale(1.05)}.theme-toggle:before{content:"🌙";position:absolute;top:4px;left:4px;width:20px;height:20px;background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;transition:var(--transition-bounce);box-shadow:0 2px 8px rgba(0,0,0,.2)}[data-theme=light] .theme-toggle:before{content:"☀️";transform:translateX(24px);background:linear-gradient(135deg,var(--accent-orange),var(--accent-pink))}.pcoBtn{padding:10px 20px;font-family:var(--font-display);font-size:15px;font-weight:700;border:2px solid var(--border-medium);background:var(--bg-elevated);color:var(--text-primary);border-radius:12px;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.pcoBtn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.3);transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.pcoBtn:hover:before{width:300px;height:300px}.pcoBtn span{position:relative;z-index:1}.pcoBtn:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.pcoBtn:active{transform:translateY(0)}.pcoBtnPrimary{background:linear-gradient(135deg,var(--accent-pink),var(--accent-purple));border:none;color:#fff;box-shadow:0 4px 16px var(--primary-glow)}.pcoBtnPrimary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 24px var(--primary-glow)}.pcoBtn:disabled{opacity:.4;cursor:not-allowed;transform:none}.pcoError{margin:16px;padding:16px 20px;background:rgba(239,68,68,.1);border:2px solid #ef4444;border-radius:16px;color:#dc2626;font-weight:600}[data-theme=dark] .pcoError{background:rgba(239,68,68,.15);color:#fca5a5}.pcoLayout{position:relative;z-index:10;display:grid;grid-template-columns:clamp(260px,28vw,360px) 1fr;height:calc(100dvh - 73px);min-height:0;overflow:hidden}.pcoSidebar{border-right:1px solid var(--border);background:var(--bg-secondary);display:flex;flex-direction:column}.pcoMain,.pcoSidebar{min-height:0;min-width:0}.pcoMain{display:grid;grid-template-rows:auto 1fr auto 280px;background:var(--bg-primary)}.pcoPanelTitle{font-family:var(--font-display);font-weight:800;font-size:18px;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-primary);letter-spacing:-.02em}.pcoScoreList{padding:12px;overflow:auto}.pcoScoreRow{padding:14px 16px;margin-bottom:8px;border-radius:12px;background:var(--bg-elevated);border:1px solid var(--border);transition:var(--transition);box-shadow:var(--shadow-sm)}.pcoScoreRow:hover{transform:translateX(4px);border-color:var(--primary);box-shadow:var(--shadow-md)}.pcoScoreName{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:15px;font-weight:600}.pcoScorePts{margin-top:6px;font-family:var(--font-display);font-size:20px;font-weight:800;background:linear-gradient(135deg,var(--accent-pink),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pcoTag{font-size:11px;font-weight:700;padding:4px 10px;border-radius:8px;background:var(--bg-tertiary);border:1px solid var(--border);text-transform:uppercase;letter-spacing:.05em}.pcoTagBlue{background:rgba(59,130,246,.1);border-color:var(--accent-blue);color:var(--accent-blue)}.pcoTagGreen{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.pcoStatusRow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--bg-secondary)}.pcoStatus{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--text-primary)}.pcoStatusActions{display:flex;align-items:center;gap:12px}.pcoPlayRow{min-height:0;display:grid;grid-template-columns:320px minmax(540px,1fr);grid-gap:20px;gap:20px;padding:20px;overflow:auto}.pcoSection{display:flex;flex-direction:column;gap:14px;min-width:0}.pcoSectionLabel{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.pcoHint{font-size:13px}.pcoEmpty,.pcoHint{color:var(--text-tertiary)}.pcoEmpty{font-size:14px;padding:32px 24px;border:2px dashed var(--border);background:var(--bg-secondary);border-radius:16px;text-align:center}.pcoEmptyInset{margin:16px}.pcoCard{width:240px;min-height:320px;border-radius:16px;box-shadow:var(--card-shadow);padding:20px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:var(--transition);cursor:pointer;border:2px solid transparent}.pcoCard:hover{transform:translateY(-8px) rotate(-1deg);box-shadow:0 16px 48px rgba(0,0,0,.25)}.pcoCard:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-pink),var(--accent-purple),var(--accent-blue));opacity:0;transition:opacity .3s ease}.pcoCard:hover:before{opacity:1}.pcoCardText{white-space:pre-wrap;font-size:16px;line-height:1.5;position:relative;z-index:2;font-weight:500}.pcoCardFooter{font-size:11px;opacity:.6;position:relative;z-index:2;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.pcoCardBlack{background:var(--card-black-bg);color:var(--card-black-text);border:2px solid hsla(0,0%,100%,.1)}.pcoCardBlack:hover{border-color:var(--primary);box-shadow:0 16px 48px rgba(0,0,0,.4),0 0 0 1px var(--primary)}.pcoCardWhite{background:var(--card-white-bg);color:var(--card-white-text);border:2px solid rgba(0,0,0,.08)}[data-theme=dark] .pcoCardWhite{background:linear-gradient(180deg,hsla(0,0%,100%,.12),hsla(0,0%,100%,.08))}.pcoCardWhite:hover{border-color:var(--primary)}.pcoHandCard{width:100%;min-height:220px}.pcoCardFaceDown{background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));color:#fff}.pcoCardWrap{position:relative;display:inline-block}.pcoPlayedGrid,.pcoWinnerRow{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}.pcoWinnerLabel{font-family:var(--font-display);font-size:20px;font-weight:800;background:linear-gradient(135deg,var(--accent-pink),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}.pcoCard.winner{animation:winner-bounce .6s cubic-bezier(.34,1.56,.64,1);border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light),0 16px 48px var(--primary-glow)}@keyframes winner-bounce{0%{transform:scale(1)}50%{transform:scale(1.1) rotate(3deg)}to{transform:scale(1) rotate(0deg)}}.pcoChat{border-top:1px solid var(--border);background:var(--bg-secondary);display:flex;flex-direction:column;min-height:0}.pcoChatTabs{display:flex;border-bottom:1px solid var(--border);background:var(--bg-tertiary)}.pcoChatTab{padding:12px 16px;font-weight:600;font-size:13px;border-right:1px solid var(--border);color:var(--text-tertiary);background:transparent;border-top:0;border-left:0;border-bottom:2px solid transparent;outline:none;cursor:pointer;transition:var(--transition)}.pcoChatTabActive{color:var(--primary);border-bottom-color:var(--primary);background:var(--bg-secondary)}.pcoChatTab:hover{color:var(--text-primary);background:var(--bg-secondary)}.pcoChatBody{min-height:0;padding:16px;overflow:auto;font-size:13px}.pcoChatLine{margin-bottom:8px;display:flex;gap:10px;align-items:baseline;padding:6px 10px;border-radius:8px;transition:var(--transition-fast)}.pcoChatLine:hover{background:var(--bg-tertiary)}.pcoChatName{font-weight:700;color:var(--text-primary);flex:0 0 auto}.pcoChatText{color:var(--text-secondary);flex:1 1 auto}.pcoChatTime{color:var(--text-tertiary);font-size:11px;flex:0 0 auto}.pcoChatMine .pcoChatName{background:linear-gradient(135deg,var(--accent-pink),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pcoChatForm{display:flex;gap:12px;padding:14px 16px;border-top:1px solid var(--border);background:var(--bg-elevated)}.pcoChatInput{flex:1 1 auto;padding:12px 16px;border-radius:12px;border:2px solid var(--border);background:var(--bg-primary);color:var(--text-primary);outline:none;transition:var(--transition)}.pcoChatInput::placeholder{color:var(--text-tertiary)}.pcoChatInput:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.pcoHandRow{border-top:1px solid var(--border);background:var(--bg-secondary);display:flex;flex-direction:column;min-height:0;overflow:hidden}.pcoHandRowHeader{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:14px 20px;border-bottom:1px solid var(--border);background:var(--bg-tertiary)}.pcoHandRowTitle{font-family:var(--font-display);font-weight:800;font-size:18px;letter-spacing:-.02em}.pcoHandRowMeta{font-size:13px;color:var(--text-tertiary);font-weight:500}.pcoHandStrip{display:flex;gap:16px;padding:16px 20px;overflow-x:auto;overflow-y:hidden;scrollbar-gutter:stable;overscroll-behavior:contain;scroll-behavior:smooth;flex:1 1 auto;min-height:0}.pcoHandCard{width:210px;min-height:clamp(200px,24vh,260px);flex:0 0 auto}@media (max-width:1100px){.pcoLayout{grid-template-columns:1fr}.pcoSidebar{display:none}}@media (max-width:760px){.pcoPlayRow{grid-template-columns:1fr;padding:16px}.pcoTopbar{padding:12px 16px}}.container{max-width:1200px;margin:0 auto;padding:0 24px;width:100%}.landingHero{min-height:50vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:80px 20px 40px}.brand{max-width:800px;margin:0 auto;width:100%}.landingTitle{font-family:var(--font-display);font-size:clamp(2.5rem,8vw,4.5rem);font-weight:900;margin:0 0 20px;letter-spacing:-.03em;background:linear-gradient(135deg,var(--accent-pink),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.landingSubtitle{font-size:clamp(1.125rem,2vw,1.25rem);color:var(--text-secondary);font-weight:500;line-height:1.6;margin:0}.grid2{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px;max-width:900px;margin:0 auto 80px}@media (max-width:768px){.grid2{grid-template-columns:1fr;gap:20px}.landingHero{min-height:40vh;padding:60px 20px 30px}}.card{background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:20px;padding:32px;box-shadow:var(--shadow-md);transition:var(--transition)}.card:hover{border-color:var(--accent);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card h2{margin:0 0 12px;font-family:var(--font-display);font-size:clamp(1.75rem,3vw,2.25rem);font-weight:800;letter-spacing:-.02em;color:var(--text-primary)}.card p.muted{margin-bottom:20px}.card .hr{margin:24px 0}.card .btn{width:100%;padding:16px 24px;font-size:17px;font-weight:700}.joinCreateHero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;position:relative}.joinCreateCard{background:var(--bg-elevated);border:1px solid var(--border);border-radius:24px;padding:48px;max-width:600px;width:100%;box-shadow:var(--shadow-xl);position:relative}.joinCreateCard h1{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:900;margin:0 0 12px;text-align:center;letter-spacing:-.03em;background:linear-gradient(135deg,var(--accent-pink),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.joinCreateCard>p{text-align:center;color:var(--text-secondary);font-size:1.125rem;margin:0 0 40px}.btn-back{position:absolute;top:24px;right:24px;padding:10px 20px;background:transparent;border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-weight:600;font-size:14px;cursor:pointer;transition:var(--transition);text-decoration:none;display:inline-flex;align-items:center;gap:6px}.btn-back:hover{background:var(--bg-tertiary);border-color:var(--border-medium)}@media (max-width:640px){.joinCreateCard{padding:32px 20px}.btn-back{position:static;display:inline-flex;margin-bottom:20px}}.muted{color:var(--text-tertiary);margin:0;font-size:13px}.hr{height:1px;background:var(--border);margin:20px 0;border:none}.col{flex-direction:column;gap:14px;max-width:520px}.col,.row{display:flex}.row{gap:12px;align-items:center}.pcoSmall{font-size:11px;color:var(--text-tertiary)}.input{width:100%;padding:14px 16px;border-radius:12px;border:2px solid var(--border);background:var(--bg-primary);color:var(--text-primary);outline:none;transition:var(--transition)}.input::placeholder{color:var(--text-tertiary)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;border-radius:12px;border:2px solid var(--border-medium);background:var(--bg-elevated);color:var(--text-primary);cursor:pointer;font-weight:700;transition:var(--transition);box-shadow:var(--shadow-sm)}.btn:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn.primary{background:linear-gradient(135deg,var(--accent-pink),var(--accent-purple));border:none;color:#fff;box-shadow:0 4px 16px var(--primary-glow)}.btn.primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 24px var(--primary-glow)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.toast{padding:14px 18px;border-radius:12px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);font-size:13px;box-shadow:var(--shadow-md)}.toastError{background:rgba(239,68,68,.1);border-color:#ef4444;color:#dc2626}[data-theme=dark] .toastError{color:#fca5a5}.pcoChatBody::-webkit-scrollbar,.pcoHandStrip::-webkit-scrollbar,.pcoPlayRow::-webkit-scrollbar,.pcoScoreList::-webkit-scrollbar{height:10px;width:10px}.pcoChatBody::-webkit-scrollbar-track,.pcoHandStrip::-webkit-scrollbar-track,.pcoPlayRow::-webkit-scrollbar-track,.pcoScoreList::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:10px}.pcoChatBody::-webkit-scrollbar-thumb,.pcoHandStrip::-webkit-scrollbar-thumb,.pcoPlayRow::-webkit-scrollbar-thumb,.pcoScoreList::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px;border:2px solid var(--bg-tertiary)}.pcoChatBody::-webkit-scrollbar-thumb:hover,.pcoHandStrip::-webkit-scrollbar-thumb:hover,.pcoPlayRow::-webkit-scrollbar-thumb:hover,.pcoScoreList::-webkit-scrollbar-thumb:hover{background:var(--primary)}.phasePill{display:inline-flex;align-items:center;padding:6px 14px;border-radius:12px;background:var(--primary-light);border:2px solid var(--primary);color:var(--primary);font-weight:700;font-size:12px;margin-right:12px;text-transform:uppercase;letter-spacing:.05em}.pcoCounts{margin-left:12px;font-size:13px;color:var(--text-secondary);font-weight:600}.pcoHintSmall{font-size:12px;color:var(--text-tertiary);font-weight:500}.pcoModalBackdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:24px}.pcoModal{width:min(540px,100%);background:var(--bg-elevated);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-xl);overflow:hidden;animation:modal-pop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modal-pop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.pcoModalTitle{padding:24px;font-family:var(--font-display);font-size:28px;font-weight:800;border-bottom:1px solid var(--border);background:var(--bg-secondary);letter-spacing:-.02em}.pcoModalBody{padding:24px}.pcoModalActions{padding:20px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:12px;background:var(--bg-secondary)}.pcoCardBg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.pcoCardBgGlow{position:absolute;inset:-25%;background:radial-gradient(55% 45% at 18% 14%,rgba(135,120,255,.22),transparent 65%),radial-gradient(45% 40% at 85% 10%,rgba(120,255,220,.1),transparent 70%),radial-gradient(60% 60% at 52% 90%,rgba(90,120,255,.12),transparent 70%);filter:blur(18px);opacity:.4}[data-theme=light] .pcoCardBgGlow{opacity:.5}.pcoCardBgVignette{position:absolute;inset:0;background:transparent;opacity:0}.pcoCardBgItem{position:absolute;width:190px;height:265px;border-radius:20px;animation:pcoCardDrift var(--dur) ease-in-out var(--delay) infinite;will-change:transform}.pcoCardBgFace{width:100%;height:100%;border-radius:20px;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 18px 55px rgba(0,0,0,.35),inset 0 0 0 1px hsla(0,0%,100%,.05);position:relative;overflow:hidden}.pcoCardBgItem.deep .pcoCardBgFace{background:linear-gradient(180deg,rgba(10,12,20,.78),rgba(10,12,20,.42));border-color:hsla(0,0%,100%,.08)}.pcoCardBgItem.mid .pcoCardBgFace{background:linear-gradient(180deg,rgba(70,55,150,.2),rgba(10,12,20,.55))}.pcoCardBgItem.accent .pcoCardBgFace{background:linear-gradient(180deg,rgba(120,100,255,.22),rgba(10,12,20,.58))}.pcoCardBgFace:after{content:"";position:absolute;inset:-45%;background:radial-gradient(circle at 30% 20%,hsla(0,0%,100%,.1),transparent 55%),radial-gradient(circle at 70% 65%,rgba(140,120,255,.1),transparent 60%);transform:rotate(10deg)}.pcoCardBgCorner{position:absolute;top:14px;left:14px;width:34px;height:34px;border-radius:10px;background:hsla(0,0%,100%,.06)}.pcoCardBgItem.deep .pcoCardBgCorner{background:hsla(0,0%,100%,.045)}.pcoCardBgLine{position:absolute;left:14px;right:14px;height:10px;bottom:22px;border-radius:999px;background:hsla(0,0%,100%,.07)}.pcoCardBgLine.short{bottom:40px;width:55%}@keyframes pcoCardDrift{0%{transform:translate(-50%,-50%) rotate(var(--r)) scale(var(--s)) translateY(10px) rotate(-1deg)}35%{transform:translate(-50%,-50%) rotate(var(--r)) scale(var(--s)) translate(calc(var(--dx) * .55),calc(var(--dy) * .35 - 10px)) rotate(1.5deg)}70%{transform:translate(-50%,-50%) rotate(var(--r)) scale(var(--s)) translate(var(--dx),calc(var(--dy) - 22px)) rotate(-1.2deg)}to{transform:translate(-50%,-50%) rotate(var(--r)) scale(var(--s)) translateY(10px) rotate(-1deg)}}@media (prefers-reduced-motion:reduce){.pcoCardBgItem{animation:none}*{transition:none!important;animation:none!important}}