:root{--pink:#ff0083;--white:#f9f7f4;--muted:#b3b0b3;--black:#080808;color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:var(--white);background:var(--black)}
*{box-sizing:border-box}body{margin:0}button,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.45}button:focus-visible,summary:focus-visible{outline:3px solid #ffde59;outline-offset:6px}.hidden{display:none!important}
.machine{max-width:820px;margin:auto;padding:26px 28px 30px;overflow:clip}.masthead{position:relative;text-align:center;margin-bottom:24px}h1{margin:0 auto;width:min(100%,530px);font-family:'Arial Black','Trebuchet MS',Arial,sans-serif;font-weight:1000;letter-spacing:-.055em;font-size:clamp(2.5rem,7.8vw,4.8rem);line-height:.98;transform:rotate(-2deg);text-shadow:1px 0 currentColor,-1px 0 currentColor}h1 span{display:flex;align-items:center;justify-content:center;gap:12px;min-height:1em}h1 span:nth-child(2){transform:rotate(1.5deg);font-size:.78em}h1 span:nth-child(3){transform:rotate(-1deg)}h1 span:nth-child(4){transform:rotate(1deg)}h1 img{width:.9em;height:.83em;object-fit:contain;filter:invert(1)}h1 .pink-icon{filter:invert(17%) sepia(96%) saturate(6572%) hue-rotate(318deg) brightness(105%) contrast(110%)}.tagline{font-size:.8rem;letter-spacing:.23em;font-weight:700;margin:20px 0 0;line-height:1.5}.tagline:after{content:'';display:block;width:92px;height:5px;background:var(--pink);border-radius:70%;transform:rotate(-4deg);margin:14px auto 0}.margin-note{font-family:'Comic Sans MS','Trebuchet MS',sans-serif;font-style:italic;font-weight:800;font-size:.87rem;line-height:1.35;color:var(--muted);text-align:left;transform:rotate(-7deg)}.margin-note:after{content:'';display:block;width:48px;height:3px;background:var(--pink);margin-top:10px}.masthead .margin-note{position:absolute;top:32%}.left-note{left:0}.right-note{right:0;text-align:right;transform:rotate(6deg)}.game{max-width:590px;margin:auto}.scoreboard{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #393439;border-bottom:1px solid #393439;padding:12px 0;font-size:.875rem;letter-spacing:.06em;gap:8px}.scoreboard b{font-size:1.1rem;margin-left:4px}.scoreboard .leading{color:var(--pink)}.round{color:var(--muted)}.prompt{text-align:center;font-size:clamp(1.55rem,5vw,2.15rem);letter-spacing:-.04em;margin:25px 0 22px;font-weight:900}em{font-style:normal;color:var(--pink)}.choices{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;padding:0 6px}.choice{grid-column:span 2;border:3px solid #e3e0e3;border-radius:8px 12px 7px 10px;background:#111;color:var(--white);padding:12px 5px 10px;min-width:0;transition:transform .15s,border-color .15s,box-shadow .15s;transform:rotate(-2deg)}.choice:nth-child(even){transform:rotate(2deg)}.choice:nth-child(4){grid-column:2/span 2}.choice:nth-child(5){grid-column:4/span 2}.choice img{display:block;width:100%;height:76px;object-fit:contain;filter:invert(1);margin-bottom:10px}.choice span{display:block;font-weight:900;font-size:.875rem;overflow-wrap:anywhere}.choice[aria-pressed=true]{border-color:var(--pink);box-shadow:0 0 0 2px var(--pink),0 0 24px #ff008344;transform:rotate(0) translateY(-4px)}.choice:hover{border-color:var(--pink)}.instruction{color:var(--muted);text-align:center;font-size:1rem;min-height:24px;margin:22px 0 20px}.primary{display:block;width:100%;min-height:62px;padding:16px 18px;background:var(--pink);color:#080808;border:3px solid #080808;outline:3px solid var(--pink);border-radius:40px 33px 38px 31px;font-size:clamp(1.1rem,4vw,1.65rem);font-weight:950;letter-spacing:-.035em;margin:14px 0 0;transition:transform .15s,box-shadow .15s}.primary:not(:disabled):hover{transform:rotate(-1deg);box-shadow:0 0 26px #ff008355}.primary:not(:disabled):active{transform:scale(.98)}.shake-hint{text-align:center;color:var(--muted);font-size:.875rem;line-height:1.4;margin:15px 0}.settings{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.settings button{min-height:44px;padding:9px 11px;background:none;color:var(--muted);border:1px solid #484048;border-radius:8px;font-size:.875rem;font-weight:700}.settings button[aria-pressed=true]{border-color:var(--pink);color:var(--pink)}.motion-status{text-align:center;font-size:.875rem;color:var(--muted);line-height:1.4;margin:10px 0;min-height:0}.motion-status:empty{display:none}details{margin:18px 0 0;border-top:1px solid #393439;padding-top:14px}summary{cursor:pointer;min-height:38px;text-align:center;color:var(--muted);font-size:.875rem;font-weight:bold}.rules{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;padding:10px 0}.rules p{margin:0;font-size:.875rem;line-height:1.5}.rules b{color:var(--pink)}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:680px;margin:28px auto 0}footer img{width:170px;max-width:45%;height:auto}footer .margin-note:last-child{text-align:right;transform:rotate(5deg)}
.duel{display:grid;grid-template-columns:minmax(0,1fr) 25px minmax(0,1fr);align-items:center;gap:14px;margin:36px 10px 20px}.side{position:relative;text-align:center;min-width:0}.side-label{display:inline-block;border:2px solid #aaa;border-radius:30px;padding:4px 14px;font-size:1.05rem;font-weight:900;margin-bottom:20px}.side:first-child .side-label{color:var(--pink);border-color:var(--pink)}.card{position:relative;aspect-ratio:4/5;display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:15px 8px;border:5px solid var(--white);border-radius:12px 16px 9px 13px;background:repeating-linear-gradient(92deg,#111 0,#111 8px,#141414 9px,#111 11px);transform:rotate(-6deg);transition:opacity .2s,box-shadow .2s}.side:last-child .card{transform:rotate(6deg)}.card h2{margin:0;font-size:clamp(.92rem,3.7vw,1.65rem);font-weight:950;letter-spacing:-.05em;overflow-wrap:anywhere;max-width:100%}.card img{width:88%;height:70%;object-fit:contain;filter:invert(1)}.card-back{display:none;font-size:6rem;font-weight:900;color:var(--pink)}.concealed .card img{display:none}.concealed .card-back{display:block}.versus{font-weight:900;font-style:italic;color:var(--muted);font-size:.875rem}.winner .card{border-color:var(--white);box-shadow:0 0 0 2px var(--pink),0 0 40px #ff008366}.loser .card{opacity:.48}.crown{position:absolute;font-size:3rem;color:var(--pink);z-index:2;top:6px;right:0;transform:rotate(12deg);line-height:1}.result{text-align:center;min-height:145px;display:flex;flex-direction:column;justify-content:center;margin:24px 0 20px}.result-kicker{margin:0 0 8px;font-size:.875rem;letter-spacing:.15em;font-weight:bold;color:var(--muted)}.result h2{font-family:'Arial Black','Trebuchet MS',Arial,sans-serif;font-size:clamp(2rem,8vw,4.1rem);line-height:1.02;letter-spacing:-.055em;transform:rotate(-2deg);margin:0;font-weight:1000;overflow-wrap:anywhere}.result h2 em{display:block;font-size:1.18em}.result>p:last-child{margin:14px 0 0;font-size:1.05rem;font-weight:800;color:var(--muted);font-style:italic;line-height:1.3}.counting .result h2{font-size:5rem;color:var(--pink)}.beat .card{animation:tap .18s ease-in-out}.beat .result h2{animation:pop .18s ease-out}@keyframes tap{50%{translate:0 9px;rotate:3deg}}@keyframes pop{from{scale:.8}to{scale:1}}
@media(min-width:1000px){.machine{padding-top:28px}.masthead{margin-bottom:22px}h1{font-size:3.75rem}.masthead .margin-note{top:30%}.choices .choice img{height:74px}}
@media(max-width:600px){.machine{padding:20px 19px}.masthead .margin-note{display:none}h1{font-size:clamp(2.5rem,11.2vw,4rem)}.tagline{font-size:.75rem;letter-spacing:.14em}.scoreboard{font-size:.875rem}.round{display:none}.choices{gap:10px;padding:0}.choice{padding:10px 3px}.choice img{height:61px}.choice span{font-size:.875rem}.duel{gap:8px;margin:30px 5px 15px;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr)}.card{border-width:4px}.result{min-height:130px}.result>p:last-child{font-size:1rem}footer{gap:10px}footer .margin-note{font-size:.75rem}footer img{width:150px}.rules{grid-template-columns:1fr}.settings{gap:5px}.settings button{padding:8px;font-size:.875rem}}
h1{width:min(100%,430px);transform:none;text-shadow:none}h1 img.title-art{display:block;width:100%;height:auto;filter:none}.masthead .left-note{left:5px}.masthead .right-note{right:5px}
@media(max-width:600px){h1{width:min(100%,340px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.card,.side:last-child .card{transform:none}}