:root{--paper:#f5f0e6;--ink:#24241f;--muted:#88877f;--line:#d8d2c5;--pink:#f0a1a1;--red:#ec6e65;--green:#76ba8d;--yellow:#f5d67c;--shadow:rgba(36,36,31,.17)}
*{box-sizing:border-box}
html{min-width:320px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit}
button:focus-visible,a:focus-visible{outline:3px solid var(--ink);outline-offset:6px}
.page-shell{min-height:100svh;display:flex;flex-direction:column;position:relative;overflow:hidden;background-image:radial-gradient(rgba(36,36,31,.055) .55px,transparent .55px);background-size:5px 5px}
.page-shell:before,.page-shell:after{content:"";position:absolute;width:290px;height:290px;border:1px solid rgba(36,36,31,.08);border-radius:50%;pointer-events:none}
.page-shell:before{top:25%;left:-220px}.page-shell:after{right:-230px;bottom:3%}
.game{width:min(100%,1160px);margin:auto;position:relative;display:flex;flex-direction:column;align-items:center;padding:38px 24px 22px;z-index:1}
.masthead{text-align:center}
h1{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-size:clamp(60px,9vw,128px);line-height:.87;letter-spacing:-.045em;margin:17px 0 10px;font-stretch:condensed;font-weight:900;white-space:nowrap}
h1 em{font-style:normal;display:inline-block;transform:rotate(-5deg);background:linear-gradient(90deg,#f04d61 0%,#f88e3b 17%,#e3bf2c 32%,#4bab6d 49%,#359bc6 65%,#7559b7 82%,#ef528f 100%);background-size:100% 100%;background-repeat:no-repeat;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px rgba(36,36,31,.42);filter:drop-shadow(4px 4px 0 #d9c8bc)}
.scoreboard{display:flex;align-items:center;gap:20px;width:min(710px,100%);margin:27px 0 4px}
.round-tag,.score-tag{display:flex;flex-direction:column;gap:3px;white-space:nowrap}.score-tag{text-align:right}.mini-label{font-size:9px;letter-spacing:.2em;font-weight:900;color:var(--muted)}.round-tag strong,.score-tag strong{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-size:30px;line-height:1;letter-spacing:.01em}.round-tag strong span{font-family:Arial,Helvetica,sans-serif;color:#b2afa5;font-size:14px;font-weight:600;letter-spacing:0}.score-tag strong{color:#ca6d64}
.progress-track{height:4px;background:#dcd6ca;flex:1;border-radius:10px;overflow:hidden}.progress-fill{width:0;height:100%;background:var(--ink);border-radius:10px;transition:width .5s cubic-bezier(.2,.8,.2,1)}
.arena{width:100%;min-height:400px;display:grid;grid-template-columns:1fr minmax(270px,350px) 1fr;align-items:center;justify-items:center;position:relative;isolation:isolate}
.portrait-wrap{width:min(100%,350px);position:relative;z-index:2;transform:rotate(-2deg);transition:transform .55s cubic-bezier(.2,.8,.2,1)}.portrait-wrap:hover{transform:rotate(0deg) translateY(-3px)}.portrait-wrap.enter{animation:card-enter .58s cubic-bezier(.16,1,.3,1)}
.portrait-card{position:relative;background:#fff;padding:12px 12px 0;box-shadow:0 18px 32px var(--shadow),0 3px 7px rgba(36,36,31,.1);border:1px solid rgba(36,36,31,.08);overflow:hidden}
.portrait-card img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;filter:saturate(.91) contrast(1.03)}
.photo-shine{position:absolute;inset:12px 12px 53px;pointer-events:none;background:linear-gradient(130deg,rgba(255,255,255,.22),transparent 38%,rgba(255,255,255,.04));mix-blend-mode:screen}
.portrait-footer{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 3px}.portrait-footer span:first-child{font-size:17px;font-weight:900;letter-spacing:-.06em}.portrait-footer span:last-child{font-size:10px;font-weight:900;letter-spacing:.17em;color:#9b988f}
.photo-corner{position:absolute;width:73px;height:26px;background:rgba(239,216,164,.72);z-index:3;box-shadow:0 1px 2px rgba(36,36,31,.07)}.photo-corner-one{top:-9px;left:-21px;transform:rotate(-38deg)}.photo-corner-two{bottom:15px;right:-30px;transform:rotate(-37deg)}
.photo-stamp{position:absolute;z-index:4;top:24px;right:-31px;width:66px;height:66px;display:grid;place-items:center;border-radius:50%;color:var(--ink);background:var(--yellow);border:2px dashed var(--ink);box-shadow:2px 3px 0 rgba(36,36,31,.19);font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-size:43px;transform:rotate(12deg);transition:transform .3s,background .3s}.photo-stamp.good{background:#a8d5b1;transform:rotate(-9deg) scale(1.12)}.photo-stamp.bad{background:#f2a29d;transform:rotate(20deg) scale(1.12)}.photo-stamp.chosen{background:var(--pink);animation:stamp-wiggle 2.5s ease-in-out infinite}
.choice-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;position:relative;z-index:5;min-width:130px}.choice-slot-yes{justify-self:end;margin-right:clamp(24px,6vw,90px)}.choice-slot-no{justify-self:start;margin-left:clamp(24px,6vw,90px)}
.choice{width:clamp(90px,10vw,124px);height:clamp(90px,10vw,124px);border:3px solid var(--ink);border-radius:50%;display:grid;place-items:center;cursor:pointer;position:relative;box-shadow:7px 9px 0 var(--ink);transition:transform .2s cubic-bezier(.2,1.5,.3,1),box-shadow .2s,filter .2s;touch-action:manipulation;user-select:none}.choice:hover{transform:translate(-2px,-5px) rotate(-8deg);box-shadow:10px 14px 0 var(--ink);filter:saturate(1.15)}.choice:active{transform:translate(5px,7px) scale(.94);box-shadow:2px 2px 0 var(--ink)}.choice-yes{background:var(--green)}.choice-no{background:var(--red)}.choice-icon{font-family:Arial,Helvetica,sans-serif;font-size:clamp(66px,8vw,92px);font-weight:700;line-height:1;margin-top:-10px;color:var(--ink)}.choice-no .choice-icon{font-size:clamp(78px,9vw,106px);font-weight:400;margin-top:-14px}.choice-caption{font-size:11px;font-weight:900;letter-spacing:.24em}.choice-slot-no .choice-caption{color:#bb5d57}.choice-slot-yes .choice-caption{color:#548d66}
.choice[disabled]{cursor:default;opacity:.65;filter:grayscale(.4)}.choice[disabled]:hover{transform:none;box-shadow:7px 9px 0 var(--ink)}
.scribble{position:absolute;font-family:'Comic Sans MS',cursive;font-size:25px;transform:rotate(-14deg);color:#a3a093;pointer-events:none;top:44px}.scribble-left{left:17%}.scribble-right{right:15%;transform:rotate(13deg)}
.message-area{text-align:center;min-height:69px;position:relative;z-index:3;margin-top:0}.message-kicker{font-size:10px;letter-spacing:.22em;font-weight:900;color:#c1776d}.message{font-family:Georgia,'Times New Roman',serif;font-size:clamp(19px,2vw,25px);line-height:1.2;font-weight:700;margin:7px auto 0;max-width:640px}.message-area.pop{animation:message-pop .32s ease-out}
.bottom-row{width:100%;display:flex;align-items:center;justify-content:flex-end;gap:15px;margin-top:26px}.restart{border:0;background:none;color:#7e7b72;font-size:11px;font-weight:900;letter-spacing:.1em;cursor:pointer;padding:8px;white-space:nowrap}.restart:hover{color:var(--red)}.restart:first-letter{font-size:20px}
.game.is-chosen .portrait-wrap{transform:rotate(2deg)}.game.is-chosen .portrait-card{box-shadow:0 24px 55px rgba(236,110,101,.2),0 4px 8px rgba(36,36,31,.15)}.game.is-chosen .choice-yes{animation:yes-pulse 1.5s ease-in-out infinite}.game.is-chosen .choice-slot-no .choice-caption{opacity:.5}
.choice-no.is-dodging{position:fixed!important;z-index:50;margin:0;transition:left .27s cubic-bezier(.15,.9,.25,1.3),top .27s cubic-bezier(.15,.9,.25,1.3),opacity .13s,transform .24s!important;transform:rotate(var(--tilt,0deg)) scale(var(--size,1))!important}.choice-no.is-dodging.blink{opacity:0!important}.choice-no.is-dodging.swap{transform:rotate(15deg) scale(.8)!important}
.choice-no.is-dodging.under-card{z-index:1;opacity:.18;filter:blur(2px);transform:scale(.45) rotate(30deg)!important}
.dodge-ghost{position:fixed;width:var(--ghost-size);height:var(--ghost-size);border:3px solid var(--red);border-radius:50%;display:grid;place-items:center;color:var(--red);font-size:74px;line-height:1;font-weight:300;opacity:.55;pointer-events:none;z-index:45;animation:ghost-out .55s ease-out forwards}
.dodge-decoy{position:fixed;z-index:45;display:grid;place-items:center;border:3px solid var(--ink);border-radius:50%;background:var(--red);box-shadow:4px 5px 0 var(--ink);font-size:66px;line-height:1;color:var(--ink);pointer-events:none;animation:decoy-out .65s ease-out forwards}
.celebration{position:fixed;z-index:100;pointer-events:none;inset:0;overflow:hidden}.confetti{position:absolute;top:-30px;width:12px;height:20px;border-radius:2px;background:var(--c);left:var(--x);animation:fall var(--dur) ease-in var(--delay) forwards;transform:rotate(var(--r))}
.game.is-finished .choice-slot-no{visibility:hidden}.game.is-finished .choice-yes{animation:none}.game.is-finished .choice-yes[disabled]{opacity:1;filter:none;background:var(--yellow)}
@media(min-width:801px) and (max-height:950px){.game{padding-top:20px;padding-bottom:10px}.scoreboard{margin-top:16px}.bottom-row{margin-top:16px}}
@keyframes card-enter{from{opacity:0;transform:translateY(25px) rotate(8deg) scale(.94)}to{opacity:1;transform:none}}@keyframes message-pop{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes stamp-wiggle{0%,100%{transform:rotate(12deg)}50%{transform:rotate(-7deg) scale(1.08)}}@keyframes yes-pulse{50%{box-shadow:7px 9px 0 var(--ink),0 0 0 12px rgba(118,186,141,.24)}}@keyframes ghost-out{to{opacity:0;transform:translateY(-40px) rotate(24deg) scale(1.4)}}@keyframes decoy-out{to{opacity:0;transform:translateY(-32px) scale(.25) rotate(40deg)}}@keyframes fall{to{top:110vh;transform:translateY(0) rotate(900deg)}}
@media(max-width:800px){.game{padding-top:28px}.arena{grid-template-columns:1fr minmax(235px,330px) 1fr;min-height:370px}.choice-slot-yes{margin-right:17px}.choice-slot-no{margin-left:17px}.choice-slot{min-width:80px}.choice{width:82px;height:82px;box-shadow:5px 6px 0 var(--ink)}.choice-icon{font-size:62px}.choice-no .choice-icon{font-size:75px}.scribble{display:none}h1{font-size:clamp(54px,9vw,84px)}}
@media(max-width:610px){.game{padding:26px 17px 24px}h1{font-size:clamp(46px,12vw,70px);white-space:normal;line-height:.88;margin:14px 0 12px}.scoreboard{margin:29px 0 13px;gap:10px}.round-tag strong,.score-tag strong{font-size:27px}.mini-label{font-size:8px}.arena{min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:'photo photo' 'yes no';gap:18px 34px;max-width:480px}.portrait-wrap{grid-area:photo;width:min(74vw,320px);justify-self:center}.choice-slot-yes{grid-area:yes;justify-self:end;margin:0}.choice-slot-no{grid-area:no;justify-self:start;margin:0}.choice-slot{gap:10px}.choice{width:78px;height:78px}.choice-caption{font-size:10px}.photo-stamp{width:58px;height:58px;font-size:36px;right:-20px}.message-area{margin-top:22px;min-height:70px}.message{font-size:20px}.bottom-row{margin-top:20px;align-items:end}}
@media(max-width:370px){h1{font-size:44px}.scoreboard{margin-top:24px}.portrait-wrap{width:72vw}.portrait-footer{height:42px}.photo-shine{bottom:45px}.portrait-footer span:first-child{font-size:15px}.photo-stamp{top:19px}.message-area{margin-top:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}