.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body.landing-active{background:#10180f;color:#e1e8cf;min-height:100svh;background-image:radial-gradient(ellipse at 50% 35%,#22301b55,transparent 65%)}
.landing-active>header{height:64px;border:0;margin:0 auto;max-width:850px;padding:0 30px}.landing-active .brand{font-size:18px;letter-spacing:-.6px;color:#c1cba9}.landing-active .brand-icon{display:none}.landing-active .brand-dot{color:#a9be80;font-size:15px}.landing-active header .event{display:none}.landing-active .icon-button{color:#c1cba9;border-color:#45513a;width:32px;height:32px;font-size:15px}.landing-active main{max-width:790px;padding:4px 22px 0}.landing-active>footer{max-width:750px;margin:0 auto;border:0;height:48px;color:#8c9b7b;font-size:8px;padding:0 20px}.landing-active footer a{color:#b8c99a;font-size:11px;letter-spacing:0;text-decoration:none}.landing-active footer>span{font-size:0}.landing-active footer>span:after{content:'MIX BOOTH';font-size:9px;letter-spacing:2px}
.party-card{position:relative;isolation:isolate;min-height:740px;display:flex;align-items:center;flex-direction:column;padding:40px 90px 32px}.sketch-border{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;fill:none;stroke:#98ab7e;stroke-width:1.5}.sketch-border path{vector-effect:non-scaling-stroke}.landing-web,.landing-ghost{position:absolute;pointer-events:none;fill:none;stroke:#b5c69c;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.landing-web{width:100px;height:100px;opacity:.8}.web-top{top:14px;right:14px}.web-bottom{bottom:14px;left:14px;transform:rotate(180deg)}.landing-ghost{width:78px;height:94px;opacity:.9}.ghost-left{left:8%;top:39%;transform:rotate(-10deg)}.ghost-right{right:8%;bottom:70px;transform:rotate(12deg)}.landing-heading{text-align:center;margin:0 0 26px;width:100%}.landing-heading h1{margin:0;line-height:1}.landing-heading canvas{width:250px;height:auto;display:block;margin:auto}.landing-heading p{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#aab993;margin:2px 0 0}.landing-modes{width:300px;max-width:100%;display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}.landing-choice{display:flex;align-items:center;gap:16px;text-align:left;width:100%;min-height:82px;background:transparent;border-radius:14px;color:#e2e9d6;padding:6px 10px 6px 6px;position:relative;transition:background .18s,color .18s}.choice-art{width:68px;height:68px;flex-shrink:0;border:1px solid #70815e;border-radius:8px 10px 7px 10px;display:grid;place-items:center;transform:rotate(-2deg);background:#182211}.choice-art canvas{max-width:58px;max-height:58px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 2px 3px #0005)}.choice-copy strong{font:normal 21px/1.2 Georgia,serif;letter-spacing:-.35px;display:block}.choice-copy small{font-size:10px;line-height:1.5;color:#a6b393;display:block;margin-top:5px}.choice-check{margin-left:auto;color:#d0ef6e;opacity:0;font-size:14px}.landing-choice[aria-pressed=true]{background:#26341b;color:#edfad6}.landing-choice[aria-pressed=true] .choice-art{border-color:#c5e475;box-shadow:0 0 0 1px #c5e475;background:#334424}.landing-choice[aria-pressed=true] .choice-check{opacity:1}.landing-choice:hover{background:#233018}.landing-choice:focus-visible,.landing-start:focus-visible,.landing-sample:focus-visible{outline:2px solid #d0ef6e;outline-offset:5px}.landing-start{display:flex;align-items:center;justify-content:center;gap:25px;min-height:52px;width:190px;border:1.5px solid #d1e89d;border-radius:48% 45% 44% 42% / 45% 48% 49% 50%;background:#cbe98b;color:#1d2b12;margin:30px auto 0;font:22px Georgia,serif;transition:transform .15s,background .15s}.landing-start:hover{background:#ddf5a8;transform:translateY(-2px)}.landing-start svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.landing-sample{background:none;color:#9fad8d;font-size:10px;min-height:40px;margin:4px auto 0;text-decoration:underline;text-underline-offset:4px}.landing-details{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:22px;color:#c0cea8;font:19px Georgia,serif;letter-spacing:.7px}.landing-details span:first-child{font-style:italic;font-size:24px;letter-spacing:3px}
@media(max-width:650px){.landing-active>header{height:52px;padding:0 22px}.landing-active main{padding:0 12px}.party-card{min-height:650px;padding:28px 32px 27px}.landing-heading{margin-bottom:21px}.landing-heading canvas{width:205px}.landing-heading p{font-size:8px;letter-spacing:1.2px}.landing-modes{width:250px;gap:9px}.landing-choice{min-height:74px;gap:12px;padding:5px 8px 5px 5px}.choice-art{width:58px;height:58px}.choice-art canvas{max-width:49px;max-height:49px}.choice-copy strong{font-size:19px}.choice-copy small{font-size:9px}.landing-web{width:66px;height:66px}.landing-ghost{width:42px;height:52px}.ghost-left{left:4%;top:42%}.ghost-right{right:7%;bottom:68px}.landing-start{margin-top:25px;width:165px;min-height:48px;font-size:21px}.landing-details{margin-top:17px;font-size:17px}.landing-details span:first-child{font-size:22px}.web-bottom{left:10px;bottom:13px}.web-top{top:12px;right:10px}.landing-active>footer{height:40px;padding:0 24px}.landing-active footer a{font-size:10px}}
@media(max-width:360px){.party-card{padding-left:28px;padding-right:28px}.landing-modes{width:230px}.ghost-left{left:2%;width:30px}.choice-copy strong{font-size:18px}.choice-copy small{font-size:8px}.landing-heading canvas{width:190px}}
@media(prefers-reduced-motion:reduce){.landing-choice,.landing-start{transition:none}}