:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f9f5ff;--muted:#c7bddb;--pink:#ff5bd6;--violet:#8d72ff;--blue:#60cfff}*{box-sizing:border-box}html,body{min-height:100%}body{min-height:100vh;color:var(--ink);background:linear-gradient(#0604161a,#050311b3),url(/assets/main-site-gothic-composite-v1-B65jhsKF.png) top/cover no-repeat,#070514;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button,a{font:inherit}.site-header{z-index:10;background:linear-gradient(#040310e0,#0000);justify-content:center;align-items:center;gap:1.25rem;min-height:4.75rem;padding:1rem 1.5rem;display:flex;position:fixed;top:0;left:0;right:0}.brand{color:var(--ink);text-transform:uppercase;letter-spacing:.28em;align-items:center;gap:.7rem;font-size:.9rem;text-decoration:none;display:inline-flex}.brand-dot{background:linear-gradient(145deg, var(--blue), var(--pink));border-radius:50%;width:.82rem;height:.82rem;box-shadow:0 0 20px #ff5bd6e6}.donate{color:var(--ink);text-transform:uppercase;letter-spacing:.15em;background:#27103a8c;border:1px solid #ff5bd6b8;border-radius:999px;padding:.48rem 1.1rem;font-size:.72rem;text-decoration:none;transition:background-color .18s,box-shadow .18s}.donate:hover,.donate:focus-visible{background:#ff5bd63d;box-shadow:0 0 22px #ff5bd659}.landing{place-items:end center;min-height:100vh;padding:5rem 1rem 5vh;display:grid}.portal-stage{perspective:1000px;place-items:center;width:min(46rem,92vw);height:min(31rem,58vh);display:grid}.portal-trigger{aspect-ratio:1.75;width:min(29rem,78vw);color:var(--ink);cursor:pointer;transform-style:preserve-3d;isolation:isolate;background:0 0;border:0;position:relative;transform:perspective(700px)rotateX(61deg)}.portal-ring,.portal-core{pointer-events:none;border-radius:50%;position:absolute;inset:50%;translate:-50% -50%}.portal-ring{border:2px solid #8d72ffb8;transition:filter .22s,opacity .22s,scale .22s;box-shadow:inset 0 0 22px #60cfff59,0 0 20px #ff5bd642}.portal-ring--outer{opacity:.6;width:100%;height:100%}.portal-ring--middle{border-color:#ff5bd6c7;width:77%;height:77%}.portal-ring--inner{border-color:#60cfffeb;width:54%;height:54%}.portal-core{filter:blur(7px);opacity:.48;background:radial-gradient(circle,#ffffffe0 0,#60cfff75 16%,#8d72ff4f 40%,#0000 72%);width:42%;height:42%;transition:opacity .22s,scale .22s}.portal-copy{z-index:2;text-shadow:0 2px 18px #05020d;gap:.34rem;min-width:15rem;display:grid;position:absolute;inset:50% auto auto 50%;transform:rotateX(-61deg)translateZ(42px)}.portal-copy strong{font-size:clamp(1.35rem,3vw,2.25rem)}.portal-copy span:last-child{color:var(--muted);font-size:.85rem}.eyebrow{color:#e8ff9b;text-transform:uppercase;letter-spacing:.22em;margin:0;font-size:.72rem;font-weight:800}.portal-trigger:hover .portal-ring,.portal-trigger:focus-visible .portal-ring{filter:brightness(1.5);scale:1.03}.portal-trigger:hover .portal-core,.portal-trigger:focus-visible .portal-core{opacity:.9;scale:1.14}.portal-trigger:focus-visible{outline:2px solid var(--pink);outline-offset:.7rem;border-radius:50%}.portal-trigger.is-open{pointer-events:none;animation:.9s forwards portal-settle}.spinner-stage{z-index:6;perspective:1100px;pointer-events:none;width:min(34rem,66vw);height:18rem;position:fixed;top:38%;left:50%;translate:-50% -50%}.spinner-stage.is-active{place-items:center;animation:.95s cubic-bezier(.18,.86,.24,1.1) both spinner-rise;display:grid}.spinner-deck{width:9rem;height:12rem;transform-style:preserve-3d;position:relative}.spinner-card{color:var(--ink);text-align:left;text-transform:uppercase;transform-style:preserve-3d;opacity:0;pointer-events:auto;cursor:pointer;background:radial-gradient(circle at 50% 20%,#60cfff47,#0000 45%),linear-gradient(145deg,#0f1d34f5,#080817eb);border:1px solid #60cfff9e;border-radius:1.25rem;align-content:end;gap:.25rem;padding:1rem;display:grid;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 24px #60cfff24,0 0 20px #60cfff2e}.spinner-card:before{content:"♠";color:var(--blue);text-shadow:0 0 22px;font-size:4.6rem;position:absolute;inset:1.1rem auto auto 50%;translate:-50%}.spinner-card--penny{background:radial-gradient(circle at 50% 20%,#ff5bd64d,#0000 45%),linear-gradient(145deg,#320e33f5,#0d0719eb);border-color:#ff5bd6b3}.spinner-card--penny:before{content:"♥";color:var(--pink)}.spinner-card span{color:var(--muted);letter-spacing:.15em;font-size:.66rem}.spinner-card strong{letter-spacing:.08em;font-size:.82rem}.card-stage{z-index:5;pointer-events:none;position:fixed;inset:0}.card-stage.is-active{display:block}.identity-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;opacity:0;background:#0d0c20d1;border:1px solid #a687ff6b;border-radius:1.6rem;width:min(19rem,82vw);padding:1.4rem;position:absolute}.identity-card--matt{top:6rem;left:2vw;transform:translateY(90vh)}.identity-card--penny{bottom:2rem;right:2vw;transform:translateY(-90vh)}.card-stage.is-active .identity-card--matt{animation:.85s cubic-bezier(.16,.84,.26,1) .16s forwards panel-up}.card-stage.is-active .identity-card--penny{animation:.85s cubic-bezier(.16,.84,.26,1) .32s forwards panel-down}.identity-card img{object-fit:cover;border-radius:1.3rem;width:5.4rem;height:5.4rem}.identity-card h2{margin:.4rem 0}.identity-card p{color:var(--muted)}.identity-card a{color:var(--ink);margin-top:.5rem;display:block}.content-field{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;pointer-events:auto;background:#0a081dd1;border:1px solid #8d72ff6b;border-radius:1.4rem;width:min(26rem,88vw);min-height:8.5rem;padding:1.25rem 1.45rem;position:absolute;bottom:2rem;left:2vw;transform:translateY(-90vh);box-shadow:0 0 34px #60cfff1f}.card-stage.is-active .content-field{animation:.85s cubic-bezier(.16,.84,.26,1) .48s forwards panel-down}.content-field h2{margin:.4rem 0;font-size:clamp(1.7rem,3vw,2.7rem)}.content-field>p:last-child{color:var(--muted);margin:0;line-height:1.55}@keyframes portal-settle{to{opacity:.42;filter:saturate(1.35);scale:.86}}@keyframes spinner-rise{0%{opacity:0;transform:translateY(46vh)scale(.08)rotateX(68deg)}to{opacity:1;transform:translateY(0)scale(1)rotateX(-7deg)}}@keyframes card-unfold{0%{opacity:0;transform:rotateY(0)translateZ(0)scale(.12)}45%{opacity:1;transform:rotateY(calc(var(--angle) * .18)) translateZ(1.5rem) scale(.7)}to{opacity:1;transform:rotateY(var(--angle)) translateZ(var(--orbit-radius)) scale(1)}}@keyframes deck-orbit{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes panel-up{to{opacity:1;transform:translateY(0)}}@keyframes panel-down{to{opacity:1;transform:translateY(0)}}@media (width<=700px){body{background-position:58% 0}.site-header{justify-content:space-between}.brand{letter-spacing:.17em;font-size:.75rem}.landing{padding-bottom:2vh}.portal-stage{height:43vh}.spinner-stage{top:38%;scale:.66}.identity-card{width:10.5rem;padding:.8rem;font-size:.72rem}.identity-card img{width:3rem;height:3rem}.identity-card--matt{top:5rem;left:.6rem}.identity-card--penny{bottom:.6rem;right:.6rem}.content-field{width:calc(100vw - 12.3rem);min-height:8rem;padding:.85rem;bottom:.6rem;left:.6rem}.content-field h2{font-size:1.4rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}.spinner-stage.is-active,.spinner-stage.is-active .spinner-card,.card-stage.is-active .identity-card,.card-stage.is-active .content-field{animation-duration:.01ms!important;animation-delay:0s!important}.spinner-stage.is-active .spinner-deck{animation:none}}body{overflow:clip}.portal-stage{transform:translate(clamp(-3rem,-3vw,-1.5rem),clamp(1.5rem,4vh,2.75rem))}.context-window{z-index:7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;pointer-events:none;background:#0a081ddb;border:1px solid #8d72ff85;border-radius:1.25rem;width:min(31rem,100vw - 2rem);min-height:7.2rem;padding:1rem 1.25rem;position:fixed;top:clamp(5.75rem,13vh,8.5rem);left:50%;transform:translate(-50%,-2rem)scale(.9);box-shadow:0 0 34px #60cfff29}.context-window.is-active{animation:.7s cubic-bezier(.16,.84,.26,1) .26s forwards context-arrive}.context-window h2{margin:.35rem 0;font-size:clamp(1.35rem,3vw,2.1rem)}.context-window>p:last-child{color:var(--muted);margin:0;line-height:1.45}.spinner-stage{visibility:hidden;pointer-events:none;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;place-items:center;width:min(48rem,96vw);height:min(24rem,48vh);display:grid;top:calc(52% + clamp(1.5rem,4vh,2.75rem));left:calc(50% - -1*clamp(-3rem,-3vw,-1.5rem))}.spinner-stage.is-active{visibility:visible;pointer-events:auto}.spinner-stage.is-active:active{cursor:grabbing}.spinner-deck{width:clamp(6.6rem,12vw,9rem);height:clamp(9rem,16vw,12rem);transform:rotateX(-8deg) rotateY(var(--rotation));will-change:transform;transition:transform .22s cubic-bezier(.2,.76,.3,1)}.spinner-stage.is-active .spinner-deck{animation:1.05s cubic-bezier(.18,.86,.24,1.08) both deck-rise}.spinner-stage.is-settled .spinner-deck{animation:none}.spinner-card{--orbit-radius:clamp(8.2rem, 20vw, 13rem);transform:rotateY(var(--angle)) translateZ(var(--orbit-radius)) scale(1);transition:border-color .18s,box-shadow .18s,filter .18s}.spinner-stage.is-active .spinner-card{animation:1.05s cubic-bezier(.2,.82,.22,1.14) forwards card-unfold;animation-delay:calc(.62s + var(--i) * .15s)}.spinner-stage.is-settled .spinner-card{opacity:1;animation:none}.spinner-card.is-selected{border-color:var(--pink);box-shadow:inset 0 0 24px #ff5bd633,0 0 28px #ff5bd66b}@media (hover:hover) and (pointer:fine){.spinner-stage.is-settled.is-engaged .spinner-card{--orbit-radius:clamp(9rem, 22vw, 14.5rem);animation:card-breathe 1.9s ease-in-out calc(var(--i) * -160ms) infinite;opacity:1}}@keyframes context-arrive{to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes deck-rise{0%{opacity:0;transform:translateY(44vh) rotateX(72deg) rotateY(var(--rotation)) scale(.08)}46%{opacity:1;transform:translateY(4vh) rotateX(28deg) rotateY(var(--rotation)) scale(.72)}to{opacity:1;transform:translateY(0) rotateX(-8deg) rotateY(var(--rotation)) scale(1)}}@keyframes card-breathe{0%,to{transform:rotateY(var(--angle)) translateZ(var(--orbit-radius)) scale(1);filter:brightness()}50%{transform:rotateY(var(--angle)) translateZ(var(--orbit-radius)) scale(1.035);filter:brightness(1.12)}}@media (width<=700px){.portal-stage{transform:translate(-1.25rem,1.5rem)}.context-window{width:calc(100vw - 1.2rem);min-height:6.5rem;padding:.8rem 1rem;top:5.2rem}.spinner-stage{width:100vw;height:18rem;top:calc(49% + 1.5rem);left:calc(50% - 1.25rem);scale:1}.spinner-card{--orbit-radius:clamp(7.1rem, 35vw, 9.2rem)}}@media (width<=430px){.spinner-deck{width:6.3rem;height:8.6rem}.spinner-card{--orbit-radius:clamp(6.2rem, 30vw, 7.8rem);border-radius:1rem;padding:.75rem}.spinner-card:before{font-size:3.5rem;top:.7rem}}@media (prefers-reduced-motion:reduce){.context-window.is-active,.spinner-stage.is-active .spinner-deck,.spinner-stage.is-active .spinner-card,.spinner-stage.is-engaged .spinner-card{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}
