:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.pp-nav{flex-wrap:wrap;justify-content:center;gap:8px;max-width:1200px;margin:0 auto 14px;display:flex}.pp-nav button{color:#dce7ff;cursor:pointer;background:#11182a;border:1px solid #ffffff20;border-radius:10px;padding:9px 13px;font:700 11px Orbitron,sans-serif}.pp-nav button.active,.pp-nav button:hover{color:#72f6ff;border-color:#5defff;box-shadow:0 0 16px #1ac8df22}.pp-shell{max-width:1200px;margin:auto}.pp-panel{color:#f3f6ff}.pp-intro{text-align:center;color:#aabbd9;max-width:720px;margin:8px auto 18px}.pp-notice{color:#d7e9ff;background:#101b31;border:1px solid #5defff40;border-radius:10px;margin:12px auto;padding:12px 14px;font-size:14px}.pp-notice.warn{color:#f5dda1;background:#302713;border-color:#e9bd5855}.pp-wallet{color:#ffdc7a;background:#251e10;border:1px solid #e8bd5c55;border-radius:999px;padding:7px 12px;font:700 12px Orbitron,sans-serif}.pp-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin:3px 0 18px;display:flex}.pp-heading h2{color:#effaff;margin:4px 0;font:800 clamp(20px,4vw,29px) Orbitron,sans-serif}.pp-heading p{color:#aabbd9;margin:0}.pp-menu-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:13px;display:grid}.pp-menu-card{color:#fff;text-align:left;cursor:pointer;background:linear-gradient(145deg,#17243d,#111827);border:1px solid #ffffff20;border-radius:14px;min-height:150px;padding:18px;transition:all .2s}.pp-menu-card:hover{border-color:#5defff88;transform:translateY(-3px);box-shadow:0 12px 28px #0005}.pp-menu-card b{color:#8df4ff;margin-bottom:7px;font:700 15px Orbitron,sans-serif;display:block}.pp-menu-card span{color:#b6c5df;font-size:14px}.pp-stats{flex-wrap:wrap;gap:9px;margin:10px 0 17px;display:flex}.pp-stat{color:#cbd8f0;background:#0b1120;border:1px solid #ffffff18;border-radius:10px;padding:9px 12px;font-size:13px}.pp-stat strong{color:#8df4ff}.pp-pack-layout{grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr);align-items:center;gap:22px;display:grid}.pp-pack-art{perspective:900px;place-items:center;min-height:320px;display:grid}.pp-pack{color:#211a11;text-align:center;background:radial-gradient(circle at 50% 20%,#fff5ca,#f0bd54 38%,#b65345 75%,#51283d);border:3px solid #ffe39c;border-radius:20px;place-items:center;width:190px;height:270px;display:grid;position:relative;transform:rotate(-4deg);box-shadow:0 22px 50px #0008,inset 0 0 0 7px #fff3}.pp-pack:before,.pp-pack:after{content:"";border:1px solid #fff9;border-radius:12px;position:absolute;inset:13px}.pp-pack:after{opacity:.65;border-style:dashed;inset:21px}.pp-pack strong{z-index:1;letter-spacing:1px;font:900 16px Orbitron,sans-serif}.pp-pack strong span{margin:10px;font-size:42px;display:block}.pp-pack.open{animation:1.4s ease-in-out ppPackShake,1.4s ease-in-out ppPackGlow}@keyframes ppPackShake{0%,to{transform:rotate(-4deg)scale(1)}20%{transform:rotate(7deg)scale(1.04)}42%{transform:rotate(-8deg)scale(1.09)}62%{transform:rotate(6deg)scale(1.11)}80%{transform:rotate(-2deg)scale(1.1)}}@keyframes ppPackGlow{50%{filter:brightness(1.7);box-shadow:0 0 65px #ffce65}}.pp-spark{z-index:9;pointer-events:none;background:#fff1a6;border-radius:50%;width:7px;height:7px;animation:1s ease-out forwards ppSpark;position:fixed;box-shadow:0 0 15px #ffd154}@keyframes ppSpark{to{transform:translate(var(--x),var(--y)) scale(0);opacity:0}}.pp-reveal{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.pp-reveal .pp-card{animation:.65s cubic-bezier(.2,.8,.2,1) both ppReveal}@keyframes ppReveal{0%{opacity:0;transform:rotateY(85deg)scale(.8)}60%{opacity:1;transform:rotateY(-8deg)scale(1.04)}to{transform:none}}.pp-card.locked img{filter:brightness(0)opacity(.72);background:linear-gradient(135deg,#29313a,#101522)}.pp-card.locked .pp-card-name,.pp-card.locked .pp-card-type{color:#68758e}.pp-card-name{overflow-wrap:anywhere;margin-top:7px;font:700 12px Orbitron,sans-serif;display:block}.pp-card-type{color:#9cb1d4;margin-top:4px;font-size:12px;display:block}.pp-card-attacks{gap:5px;margin-top:9px;display:grid}.pp-card-attacks small{color:#cbd7ed;overflow-wrap:anywhere;background:#080b14aa;border-radius:7px;padding:5px 7px}.pp-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;display:flex}.pp-input{color:#fff;background:#080d19;border:1px solid #ffffff25;border-radius:9px;min-width:200px;padding:10px 12px}.pp-chip{color:#b9c9e5;background:#10182a;border:1px solid #fff2;border-radius:999px;padding:6px 10px;font-size:12px}.pp-chip.active{color:#81f3ff;border-color:#5defff}.pp-roster{flex-wrap:wrap;justify-content:center;gap:7px;margin:8px auto 12px;display:flex}.pp-roster .pp-chip{text-overflow:ellipsis;white-space:nowrap;max-width:32%;overflow:hidden}.pp-fighter{justify-items:center;gap:7px;display:grid}.pp-fighter .pp-health{width:100%;max-width:400px}.pp-fighter-card{color:#eaf8ff;text-align:center;font:700 12px Orbitron,sans-serif}.pp-battle-rules{color:#aabbd9;text-align:center;margin:8px 0 0;font-size:12px}.pp-empty{text-align:center;color:#aabbd9;border:1px dashed #ffffff25;border-radius:12px;grid-column:1/-1;padding:30px}.pp-link-button{color:#8defff;cursor:pointer;background:0 0;border:0;text-decoration:underline}@media (width<=760px){.pp-pack-layout{grid-template-columns:1fr;gap:6px}.pp-pack-art{min-height:285px}.pp-reveal{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-roster .pp-chip{max-width:48%}}.pp-online{max-width:1200px}.pp-online-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:18px;display:flex}.pp-online-heading h2{color:#effaff;margin:4px 0;font:800 clamp(20px,4vw,29px) Orbitron,sans-serif}.pp-online-heading p{color:#aabbd9;margin:0}.pp-online-connect,.pp-online-chat{justify-content:center}.pp-online-connect .pp-input{min-width:min(320px,100%)}.pp-online-actions{align-items:stretch;margin-top:18px}.pp-online-actions button:disabled{opacity:.55;cursor:not-allowed}.pp-online-join{color:#b6c5df;background:linear-gradient(145deg,#17243d,#111827);border:1px solid #ffffff20;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;min-height:150px;padding:18px;display:flex}.pp-online-join label{color:#8df4ff;width:100%;font:700 15px Orbitron,sans-serif}.pp-online-join .pp-input{min-width:180px}.pp-online-deck{margin-top:18px}.pp-online-arena{background:radial-gradient(#1e3657,#0a1122 75%);border:1px solid #5defff55;border-radius:17px;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin:16px auto;padding:18px;display:grid;box-shadow:0 0 35px #18bce91a}.pp-online-side{color:#eaf8ff;text-align:center;justify-items:center;gap:8px;font:700 13px Orbitron,sans-serif;display:grid}.pp-online-side img{object-fit:contain;filter:drop-shadow(0 12px 22px #0008);width:min(230px,100%);max-height:300px}.pp-online-side .pp-track{width:100%;max-width:320px}.pp-online-side small{color:#d5e0fa}.pp-online-vs{color:#8df4ff;text-align:center;justify-items:center;gap:10px;font:800 12px Orbitron,sans-serif;display:grid}.pp-online-vs span{color:#ffdb72;text-shadow:0 0 22px #ff9b36;font-size:38px}.pp-online-attacks{background:#11182add;border:1px solid #ffffff20;border-radius:14px;padding:16px}.pp-online-chat-log{color:#dce7ff;background:#080d19;border:1px solid #ffffff20;border-radius:10px;gap:5px;max-height:190px;margin-top:16px;padding:12px;display:grid;overflow:auto}.pp-online-chat-log p{overflow-wrap:anywhere}.pp-online-chat-log strong{color:#8df4ff}.pp-online-chat{margin-top:8px}.pp-online-chat .pp-input{flex:1;min-width:min(260px,100%)}.pp-online-log{max-width:none;margin-top:14px}@media (width<=760px){.pp-online-arena{grid-template-columns:1fr auto 1fr;gap:6px;padding:10px}.pp-online-side img{max-height:190px}.pp-online-side{font-size:10px}.pp-online-vs span{font-size:26px}.pp-online-heading{align-items:flex-start}}