*{box-sizing:border-box}html,body{color:#eee6da;background:#090706;min-height:100%;margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button:focus-visible,input:focus-visible{outline-offset:4px;outline:2px solid #75d9ff}button{color:inherit}.experience{background:radial-gradient(at 50% 35%,#27180f,#090706 78%);flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:16px 24px 8px;display:flex}.stage{aspect-ratio:1672/941;isolation:isolate;background:#160d08;width:min(100%,177.683svh - 163.469px);position:relative;overflow:hidden;box-shadow:0 24px 80px #0009;container-type:inline-size}.scene,.neon-layer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.neon-layer{clip-path:polygon(27.2% 1.8%,32% 1.8%,32% 9%,27.2% 9%);opacity:0;z-index:1;animation:9.7s linear infinite crown-flicker}.sprite{cursor:pointer;-webkit-tap-highlight-color:transparent;z-index:5;transform-origin:50% 100%;filter:drop-shadow(3px 8px 5px #12060488);background:0 0;border:0;width:31.3%;height:74%;padding:0;position:absolute;bottom:1.4%;left:-1%}.sprite:disabled{cursor:default;opacity:1}.sprite:focus-visible{outline-offset:-12px;border-radius:25%;outline:2px solid #ff82ce}.sprite img{object-fit:contain;opacity:0;pointer-events:none;transform-origin:50% 100%;will-change:opacity;width:100%;height:100%;transition:opacity .14s ease-in-out;position:absolute;inset:0}.sprite .pose-wink,.sprite .pose-kiss,.sprite .pose-snap,.sprite .pose-giggle,.sprite .pose-celebrate,.sprite .pose-idle{transition-duration:80ms}.sprite .pose-clap-open,.sprite .pose-clap-closed{transition:opacity .17s cubic-bezier(.4,0,.2,1)}.sprite-clap-open .pose-idle,.sprite-clap-closed .pose-idle{transition-duration:.17s}.sprite img.visible{opacity:1}.press .sprite img,.spinning .sprite img,.sprite .pose-ready,.sprite .pose-press,.sprite .pose-anticipation{transition:none}.sprite{transition:translate .24s cubic-bezier(.22,.61,.36,1)}.sprite-press{translate:6.3cqw}.sprite .pose-press{transform:scale(-1.135,1.135)}.sprite-anticipation{animation:1.8s ease-in-out infinite anticipate}.reel{z-index:2;background:#171e24;height:45.2%;position:absolute;top:21%;overflow:hidden;transform:rotate(-.25deg);box-shadow:inset 0 0 15px #000}.reel.genre{clip-path:polygon(7% 0,100% 0,99% 100%,6% 99%,0 75%,0 29%);border-radius:10% 2% 2% 9%/30% 2% 2% 30%;width:17.15%;left:48%}.reel.trait{clip-path:polygon(0 0,93% 0,100% 20%,100% 78%,94% 100%,1% 100%);border-radius:2% 9% 9% 2%/2% 28% 28% 2%;width:18.7%;height:45.5%;top:20.9%;left:68.8%}.drum{position:absolute;inset:0}.drum-row{transform-origin:50%;will-change:transform;color:#17212b;justify-content:center;align-items:center;width:110%;height:23.8%;display:flex;position:absolute;left:50%;box-shadow:inset 0 2px 4px #fff3,inset 0 -2px 3px #0002}.drum-row span{text-transform:uppercase;letter-spacing:-.045em;text-align:center;text-shadow:1px 1px 1px #15213738;max-width:90%;font-family:Impact,Arial Narrow,sans-serif;font-size:2.5cqw;font-weight:900;font-stretch:75%;line-height:1.02}.trait .drum-row span{letter-spacing:-.04em;max-width:87%;font-size:1.8cqw}.drum-shade{z-index:40;pointer-events:none;background:linear-gradient(#07111bdd,#0000 24%,#d4e9e208 44%,#d4e9e218 50%,#0000 72%,#050c16df),linear-gradient(90deg,#07142080,#0000 13% 87%,#07142070);position:absolute;inset:0;box-shadow:inset 0 0 7px 3px #57708475}.scanlines{z-index:42;opacity:.5;pointer-events:none;background:repeating-linear-gradient(0deg,#0002 0 1px,#0000 1px 3px);position:absolute;inset:0}.glass-sheen{z-index:43;pointer-events:none;background:linear-gradient(125deg,#0000 5%,#99cbff15 12%,#0000 27%,#aedcff09 55%,#0000 65%);position:absolute;inset:0}.rolling .drum-row{filter:blur(.5px)}.selection-pointers{z-index:4;pointer-events:none;position:absolute;inset:0}.selection-pointers i{filter:drop-shadow(0 0 5px #ff39ae);clip-path:polygon(0 0,100% 50%,0 100%);background:#ff57b9;width:1.4%;height:4.1%;position:absolute;top:42.2%}.selection-pointers i:first-child{left:46.95%}.selection-pointers i:nth-child(2){left:64.65%;transform:rotate(180deg)}.selection-pointers i:nth-child(3){left:67.6%}.selection-pointers i:nth-child(4){left:87.3%;transform:rotate(180deg)}.physical-button{z-index:8;touch-action:manipulation;background:0 0;border:0;border-radius:50%;width:8.3%;height:5.6%;position:absolute;top:59.5%;left:26.4%;opacity:1!important}.physical-button span{background:#ff70cf12;border-radius:50%;animation:3s ease-in-out infinite button-breathe;display:block;position:absolute;inset:8% 4% 19%;box-shadow:0 0 12px #fa31a566,inset 0 0 9px #ff87dc66}.physical-button:hover:not(:disabled) span{background:#ffbbef55;box-shadow:0 0 22px #ff46b6}.press .physical-button span{animation:.3s .32s both button-press}.spinning .physical-button span{background:#ff97e133;animation:none}.spinning .selection-pointers{filter:brightness(1.15)}.console-bar{color:#bcb3a8;justify-content:space-between;align-items:center;gap:20px;width:min(100%,1500px);min-height:60px;padding:10px 2px;font-size:13px;display:flex}.result-readout{letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:10px;font-family:monospace;display:flex}.led{background:#ff68bc;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #ff68bc}.led.busy{animation:.5s infinite button-breathe}.console-bar nav{flex-wrap:wrap;gap:6px;display:flex}.console-bar button,.control-drawer button,.exit-production{background:#211b17;border:1px solid #5f4a3c;border-radius:5px;padding:9px 12px;font-size:13px}.console-bar button:hover,.control-drawer button:hover{color:#fff;border-color:#de6aa6}.console-bar button:first-child{border-color:#795069}kbd{color:#8d8277;margin-left:7px;font:10px monospace}.control-drawer{border-top:1px solid #49382d;grid-template-columns:1.3fr 1fr;gap:40px;width:min(100%,1100px);padding:22px 0 28px;font-size:14px;line-height:1.6;display:grid}.control-drawer h2{margin:0;font-size:17px}.control-drawer p{color:#c5b6a6;margin:7px 0 15px}.actions{flex-wrap:wrap;gap:8px;display:flex}.check{align-items:center;gap:8px;margin-top:18px;display:flex}.check input{accent-color:#ef6bb1}.control-drawer p.rules{color:#9a8c7e;font-size:13px}.count-row{gap:8px;margin-top:8px;display:flex}.count-row input{color:#fff;background:#100d0b;border:1px solid #695141;border-radius:4px;width:80px;padding:8px}.final-screen{z-index:7;color:#f0d9a0;text-align:center;background:radial-gradient(#243743,#070e17 80%);border-radius:8%/15%;flex-direction:column;justify-content:center;align-items:center;width:43.1%;height:57%;font-family:monospace;display:flex;position:absolute;top:13%;left:46.5%;box-shadow:inset 0 0 20px 9px #000b}.final-screen p{letter-spacing:.22em;margin:0;font-size:2cqw}.final-screen strong{color:#ffc4e7;text-shadow:0 0 14px #ff48af88;font-size:14cqw;line-height:1.1}.final-screen span{letter-spacing:.12em;font-size:1.3cqw}.final-screen:after{content:"";border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 2px,#0002 2px 3px);position:absolute;inset:0}.production{background:#000;padding:0}.production .stage{width:min(100vw,177.683svh);box-shadow:none}.production .console-bar{display:none}.exit-production{opacity:0;z-index:30;position:fixed;bottom:12px;right:14px}.exit-production:hover,.exit-production:focus-visible{opacity:1}.warming{background:#000b;padding:8px;font:12px monospace;position:absolute;bottom:2%;right:2%}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes crown-flicker{0%,19%,27%,55%,63%,89%,to{opacity:0}20%,23%{opacity:.8}21.5%,25%{opacity:.05}52%{opacity:.4}56%,60%{opacity:.95}58%{opacity:.3}61%{opacity:.1}85%,87%{opacity:.7}86%{opacity:.2}}.tracking{z-index:6;pointer-events:none;opacity:0;border-radius:8%/12%;width:42%;height:52%;position:absolute;top:18%;left:47%;overflow:hidden}.spinning .tracking{opacity:1}.tracking i{opacity:.65;background:repeating-linear-gradient(0deg,#d8e6df99 0 1px,#111b2580 1px 3px,#0000 3px 5px);width:110%;height:7%;position:absolute;top:-20%;left:-5%;box-shadow:0 -2px #ff62bf44,0 3px #45e4f966}.spinning .tracking i{animation:1.7s linear infinite tracking-roll}.spinning .tracking i:nth-child(2){opacity:.8;height:2%;animation-duration:2.3s;animation-delay:-.9s}.spinning .tracking i:nth-child(3){opacity:.2;height:12%;animation-duration:1.1s;animation-delay:-.4s}.spinning .reel{animation:2.1s step-end infinite tracking-slip}@keyframes tracking-roll{0%{top:-20%;transform:translate(-2%)}45%{transform:translate(2%)}to{top:115%;transform:translate(-1%)}}@keyframes tracking-slip{0%,19%,24%,65%,72%,to{translate:0}20%{translate:.15cqw}22%{translate:-.12cqw .08cqw}66%{translate:-.2cqw}69%{translate:.1cqw}}.reduced .tracking{display:none}@keyframes breathe{50%{transform:translateY(-.3%)rotate(.3deg)}}@keyframes anticipate{50%{transform:rotate(-1deg)translateY(-.5%)}}@keyframes hop{35%{transform:translateY(-4%)}65%{transform:translateY(-1%)}}@keyframes button-breathe{50%{filter:brightness(1.15);box-shadow:0 0 19px #f937ac88}}@keyframes button-press{35%{background:#ffd7f5aa;transform:translateY(15%)scaleY(.85)}80%{transform:translateY(-2%)}to{transform:none}}.reduced *{scroll-behavior:auto!important;transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){*{animation:none!important}}@media (width<=700px){.experience{justify-content:flex-start;padding:10px 8px}.stage{width:100%;margin-top:8svh}.console-bar{flex-direction:column;gap:12px;padding:18px 0}.console-bar nav{justify-content:center}.control-drawer{grid-template-columns:1fr;gap:20px;padding:20px 8px}.production .stage{margin:0}.production{justify-content:center}.physical-button{width:11%;height:8%;top:58%;left:25%}.result-readout{text-align:center;font-size:14px}.console-bar button{padding:12px;font-size:14px}.trait .drum-row span{font-size:2cqw}.exit-production{opacity:.6}}.sprite .pose-press{clip-path:polygon(0 0,100% 0,100% 100%,57% 100%,57% 66%,49% 56%,36% 57%,19% 56%,20% 52%,18% 45%,0 42%)}.drum-row span{letter-spacing:-.035em;font-size:3cqw;font-weight:400}.trait .drum-row span{font-size:2.08cqw}.console-bar{width:min(100%,177.683svh - 163.469px)}.entry-screen{cursor:pointer;background:#090706;border:0;width:min(100%,177.683svh);padding:0;display:block}.entry-screen img{width:100%;height:auto;display:block}.entry-screen:focus-visible{outline-offset:-3px;outline:3px solid #ff70cd}.entry-active .stage,.entry-active .console-bar,.entry-active .control-drawer{display:none}