:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html,body,#root{height:100%;margin:0;padding:0;width:100vw;box-sizing:border-box;overflow:hidden;overflow-y:hidden!important;background:#252138}#root{max-width:none;padding:0;text-align:center;height:100vh;width:100vw;overflow-y:hidden!important}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.app{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:#252138;overflow:hidden;overflow-y:hidden!important}.app-main{align-items:flex-start;justify-content:flex-start;overflow-y:hidden!important}.pack-container{display:flex;flex-direction:column;align-items:center;gap:2rem;cursor:pointer}.pack-image{max-width:300px;max-height:400px;object-fit:contain}.click-prompt{color:#fff;font-size:1.5rem;text-align:center;opacity:.8;text-shadow:0 0 10px rgba(255,255,255,.3)}.cards-container{display:flex;flex-direction:column;align-items:center;gap:1rem;cursor:grab;justify-content:flex-start;padding-bottom:2.5rem;touch-action:manipulation;-webkit-overflow-scrolling:touch;overscroll-behavior:none}.card-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin-top:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation;overscroll-behavior:none;-webkit-overflow-scrolling:touch}.card-image-container{display:flex;justify-content:center;align-items:center;padding-left:16px;padding-right:16px;margin-top:-3rem;position:relative;box-sizing:border-box}.card-image-glint-wrapper{position:relative;display:block;width:100%;max-width:420px;margin:0 auto;overflow:hidden}.card-image{display:block;width:100%;max-width:420px;height:auto;object-fit:contain;border-radius:12px}.card-counter{color:#fff;font-size:1.2rem;text-align:center;opacity:.8}.swipe-prompt{color:#fff;font-size:1rem;text-align:center;opacity:.6;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);width:100%;max-width:400px}.card-info{position:absolute;bottom:-60px;background:#000c;color:#fff;padding:10px 20px;border-radius:8px;text-align:center;width:100%;max-width:300px}.card-info h3{margin:0;font-size:1.2em}.card-info p{margin:5px 0 0;font-size:.9em;color:gold}.new-pack-button{margin-top:20px;padding:8px 22px;min-width:120px;background:linear-gradient(90deg,#4a90e2 60%,#357abd);color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1.28em;font-weight:600;box-shadow:0 2px 12px #2a7be42e;transition:background .3s ease,box-shadow .2s,transform .1s;margin-left:0}.new-pack-button+.new-pack-button{margin-left:16px}.new-pack-button:hover,.new-pack-button:focus{background:linear-gradient(90deg,#357abd 60%,#4a90e2);box-shadow:0 4px 18px #2a7be447;transform:translateY(-2px) scale(1.04)}.pack-select-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.pack-select-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:2rem;margin-top:2rem}.pack-select-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;background:#ffffff0d;border-radius:12px;padding:1rem;transition:background .2s,transform .2s}.pack-select-item:hover{background:#ffffff26;transform:scale(1.05)}.pack-select-item img.pack-image{max-width:120px;max-height:160px;margin-bottom:.5rem}.pack-select-item p{color:#fff;font-size:1.1rem;margin:0}.pack-list-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh;width:100vw;padding-top:0;overflow:hidden;background:#252138}.pack-list-title{color:#2a7be4;font-size:1.5rem;margin-bottom:2rem}.pack-list{list-style:none;padding:0;margin:0;width:100vw;max-width:100vw;height:100%;overflow-y:auto;display:flex;flex-direction:column;justify-content:center;gap:.2rem;align-items:center}.pack-list-item{background:none;box-shadow:none;padding:.3rem 0;margin-bottom:.5rem;border-radius:1.2rem;display:flex;justify-content:center;align-items:center;border:none;outline:none;transition:transform .18s}.pack-list-item:active,.pack-list-item:hover{background:none;transform:scale(1.03);box-shadow:none}.set-banner-image{width:140px;height:60px;object-fit:contain;display:block;margin:0}.pack-cover-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100dvh;min-height:100dvh;width:100vw;padding-top:6vh;padding-bottom:4vh;background:#252138}.pack-cover-image-container{padding-left:16px;padding-right:16px;box-sizing:border-box;width:100vw;display:flex;justify-content:center}.pack-cover-image{max-width:90vw;max-height:70vh;width:auto;height:auto;box-shadow:0 4px 24px #0000004d;margin-bottom:0;display:block}.pack-cover-prompt{color:#fff;font-size:1.3rem;opacity:.85;text-align:center}*{-webkit-tap-highlight-color:transparent}html,body,#root{position:fixed;overflow:hidden;-webkit-overflow-scrolling:touch}img,.card-image,.pack-cover-image{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.choose-pack-heading{color:gold;font-family:BystanderSans,Montserrat,Segoe UI,Arial,sans-serif;font-size:2.1rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;text-align:center;margin-top:2.2rem;margin-bottom:1.1rem;text-shadow:0 2px 16px #0008,0 0px 2px #ffd700cc;opacity:.97;-webkit-user-select:none;user-select:none}.pack-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,110px);gap:.2rem .05rem;width:100vw;max-width:700px;height:auto;align-items:center;justify-items:center;margin:.2rem auto 0;padding:0;box-sizing:border-box;overflow:hidden;scrollbar-width:none;-ms-overflow-style:none}.pack-grid::-webkit-scrollbar{display:none}.pack-grid-item{height:110px;display:flex;align-items:center;justify-content:center}.pack-grid-item-center{grid-column:1 / -1;grid-row:3;justify-self:center;height:110px}.pack-grid-item:active,.pack-grid-item:hover{transform:scale(1.04)}.app,.card-wrapper,.card-image-container,.card-image,.cards-container,.pack-container,button,img{-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important;background-color:transparent!important}.card-wrapper:active,.card-wrapper:focus,.card-image:active,.card-image:focus,.card-image-container:active,.card-image-container:focus,.cards-container:active,.cards-container:focus,.pack-container:active,.pack-container:focus,button:active,button:focus,img:active,img:focus{outline:none!important;box-shadow:none!important}.card-wrapper,.card-image,.card-image-container,.cards-container,.pack-container,button,img{touch-action:manipulation;-webkit-user-select:none;user-select:none}.golden-border{border:4px solid #ffd700;border-radius:8px;box-shadow:0 0 16px 2px #ffd70099}@font-face{font-family:BystanderSans;src:url(/BystanderSans-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}.advance-prompt{color:#888;font-family:BystanderSans,Montserrat,Segoe UI,Arial,sans-serif;font-size:1.18rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 2px 8px #0003;opacity:.65;padding:.05em .6em .1em;border-radius:8px;background:#2828140f;-webkit-user-select:none;user-select:none;margin-top:0}button,input,select,textarea{font-family:BystanderSans,Montserrat,Segoe UI,Arial,sans-serif}.pack-summary-grid-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100vw;min-height:100vh;padding:2.5vh 0 0;box-sizing:border-box;background:#252138}.pack-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:.7rem .2rem;width:100vw;max-width:700px;margin:0 auto .7rem;padding:0 1vw;box-sizing:border-box}.pack-summary-card{display:flex;align-items:center;justify-content:center;background:none;padding:.2rem;position:relative}.pack-summary-card .card-image{max-width:100%;max-height:15vh;width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 2px 8px #0000001a}.pack-summary-buttons{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:.1rem;gap:1rem}.pack-summary-card .golden-border{border:none!important;box-shadow:none!important}.metallic-shine{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;background:linear-gradient(45deg,transparent 20%,rgba(255,255,255,.18) 40%,rgba(255,255,255,.7) 50%,rgba(255,255,255,.18) 60%,transparent 80%);background-size:250% 250%;background-position:-100% 0;transition:background-position 0s ease;animation:metallic-shine-move 2.5s linear 0s infinite;animation-delay:0s;animation-iteration-count:infinite;animation-fill-mode:forwards;border-radius:12px}@keyframes metallic-shine-move{0%{background-position:-100% 0;opacity:0}5%{opacity:.2}10%{opacity:.5}50%{background-position:200% 0;opacity:.8}90%{opacity:.2}to{background-position:200% 0;opacity:0}}.last-card-pause-flourish{width:90px;height:90px;display:flex;align-items:center;justify-content:center;position:relative}.last-card-pause-flash{position:absolute;top:50%;left:50%;width:90px;height:90px;transform:translate(-50%,-50%) scale(.7);opacity:.85;pointer-events:none;animation:last-card-flash .7s cubic-bezier(.4,0,.2,1) forwards}@keyframes last-card-flash{0%{opacity:.1;transform:translate(-50%,-50%) scale(.7) rotate(0);filter:blur(2px)}30%{opacity:1;filter:blur(.5px)}60%{opacity:.85;filter:blur(.5px)}to{opacity:0;transform:translate(-50%,-50%) scale(1.2) rotate(20deg);filter:blur(3px)}}.see-all-prompt{color:#888;font-family:BystanderSans,Montserrat,Segoe UI,Arial,sans-serif;font-size:1.18rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 2px 8px #0003;opacity:.65;padding:.05em .6em .1em;border-radius:8px;background:#2828140f;-webkit-user-select:none;user-select:none;margin-top:2.2rem}.big-action-button{color:#fffbe8;font-family:BystanderSans,Montserrat,Segoe UI,Arial,sans-serif;font-size:1.08rem;font-weight:600;letter-spacing:.11em;text-transform:uppercase;text-shadow:0 2px 16px #0008,0 0px 2px #ffd700cc;opacity:.97;padding:.36em 1.55em .38em;border-radius:12px;background-color:#2563eb!important;border:2px solid #2563eb!important;margin-top:.7rem;margin-bottom:.1rem;-webkit-user-select:none;user-select:none;cursor:pointer;box-shadow:0 2px 12px #2a7be41a;transition:background .3s,box-shadow .2s,transform .1s,border .2s}.big-action-button:hover,.big-action-button:focus{background-color:#3b82f6!important;border:2px solid #3b82f6!important;box-shadow:0 4px 18px #2a7be429;transform:translateY(-2px) scale(1.04)}