:root{--ink:#4b1735;--paper:#fffced;--cyan:#17b8d4;--pink:#b51a62;--yellow:#ffe243;--green:#196537;--muted:#71415b;font-family:ui-rounded,'Trebuchet MS',Arial,sans-serif;color:var(--ink);background:#16b3cc;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button,a,input{touch-action:manipulation}button{min-height:44px;border:2px solid var(--ink);border-radius:9px;background:var(--paper);color:var(--ink);font-weight:700;padding:9px 16px;cursor:pointer;transition:transform .15s,background .15s}button:hover:not(:disabled){background:#fff1b8;transform:translateY(-2px)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:default;opacity:.6}a{color:var(--ink)}input{min-height:44px;min-width:0;border:2px solid var(--ink);border-radius:7px;padding:10px 12px;background:#fffdf6;color:var(--ink)}input[type=checkbox]{min-height:20px;accent-color:var(--green);width:20px}input[type=range]{padding:0;accent-color:var(--pink);border:0;background:transparent;width:100%}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #173f79;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:900;line-height:1.1}h1{font-size:clamp(2rem,4vw,3.8rem)}h2{font-size:clamp(1.5rem,2.7vw,2.2rem)}p{line-height:1.5}small{font-size:.85rem}header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px clamp(12px,3vw,42px);background:var(--paper);border-bottom:3px solid var(--ink)}.wordmark{font-size:2.5rem;font-weight:1000;letter-spacing:-3px;text-decoration:none;line-height:1}.wordmark span{display:inline-block;color:var(--pink);transform:rotate(-9deg)}nav,.flags,.row{display:flex;gap:8px;align-items:center}.flags button{padding:6px;width:56px;background:transparent;border-color:transparent}.flags svg{display:block;width:38px;height:26px;border-radius:4px}.flags [aria-pressed=true]{border-color:var(--ink);background:var(--yellow)}nav>button{padding:8px 12px;background:transparent}.skip-link{position:fixed;left:12px;top:-80px;background:var(--paper);padding:12px;z-index:100}.skip-link:focus{top:10px}main{padding:20px clamp(12px,3vw,42px) 80px;max-width:1560px;margin:auto}.welcome{display:grid;grid-template-columns:minmax(280px,450px) minmax(0,680px);gap:clamp(24px,5vw,80px);align-items:center;justify-content:center;min-height:calc(100svh - 140px)}.entry{background:var(--paper);padding:clamp(22px,3vw,38px);border:3px solid var(--ink);border-radius:14px;box-shadow:8px 10px 0 #09728b}.entry h1{margin-bottom:14px}.entry form{display:grid;gap:12px}.entry label{font-weight:700}.entry .row>*{flex:1}.entry .row input{width:100px;flex:1}.primary{background:var(--pink);color:var(--paper)}button.primary:hover:not(:disabled){background:#8c164e}.confirm{background:var(--green);color:white}button.confirm:hover:not(:disabled){background:#124b29}.secondary{background:var(--yellow)}.muted{color:var(--muted)}.entry-foot{margin-top:22px;font-size:.85rem;margin-bottom:0}.entry-link{display:block;margin-top:12px}.demo{transform:rotate(3deg);pointer-events:none}.demo-caption{text-align:center;margin:24px 0 0;font-size:1.15rem;font-weight:700}.table-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:4px 0 14px}.table-head h1{font-size:1.5rem;margin:0}.table-head .row{flex-wrap:wrap}.rounds{display:flex;gap:6px}.round-dot{background:var(--paper);border:2px solid var(--ink);border-radius:50%;width:36px;height:36px;display:grid;place-items:center;font-weight:800}.round-dot.current{background:var(--yellow);border-width:3px}.player-strip{display:flex;gap:8px;overflow-x:auto;padding:5px 0 12px;scrollbar-width:thin}.player-chip{display:flex;gap:8px;align-items:center;white-space:nowrap;padding:8px 12px;background:var(--paper);border:2px solid var(--ink);border-radius:10px;min-height:60px;position:relative}.player-chip.active{background:var(--yellow);box-shadow:0 3px 0 var(--ink)}.player-chip.viewing{outline:3px solid var(--ink);outline-offset:2px}.initial{border:2px solid var(--ink);background:#ffe6ac;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:1rem;font-weight:900}.player-chip small{display:block;text-align:left;font-weight:400}.player-chip strong{font-size:1rem}.seat-score{padding-left:8px;font-size:1.4rem}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,370px);gap:clamp(16px,3vw,38px);align-items:start}.board-area{min-width:0;max-width:890px;width:100%;margin:auto}.board-toolbar{min-height:48px;display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}.board-toolbar h2{margin:0;font-size:1.2rem}.board{position:relative;width:100%;aspect-ratio:762/648;background:var(--cyan) url('/assets/board.webp') center/100% 100% no-repeat;box-shadow:0 8px 0 #09728b,0 14px 18px #07536b50;border-radius:9px;isolation:isolate}.square{position:absolute;width:23.8%;height:26.2%;left:calc(4.6% + var(--col)*25%);top:calc(6.9% + var(--row)*28%);padding:18px 8px 8px;background:var(--paper);border:0;border-radius:8%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;font-size:clamp(.88rem,1.6vw,1.3rem);line-height:1.15;color:var(--ink);font-weight:800;overflow-wrap:anywhere;text-align:center;transform:none!important;transition:box-shadow .15s,background .15s}.square:not(button){cursor:default}.square:disabled{opacity:1}.square.empty{background:var(--paper);color:var(--muted);font-size:1rem}.square.legal{box-shadow:inset 0 0 0 3px var(--green);cursor:pointer}.square.legal:hover{background:#eff4d8}.square.current-topic{box-shadow:inset 0 0 0 3px var(--pink)}.square.preview{background:#e8f3db;box-shadow:inset 0 0 0 4px var(--green)}.square.selected{box-shadow:inset 0 0 0 4px var(--pink);background:#ffefc8}.square .topic-number{position:absolute;left:7%;top:6%;font-size:.7rem;color:var(--muted);font-weight:700}.square .star{position:absolute;right:7%;top:4%;color:var(--ink);font-size:1.65rem;line-height:1}.square.jinx .star{color:#8e1451}.square .answer{display:block;max-width:100%}.square .mark-label{font-size:.7rem;color:var(--muted);position:absolute;bottom:4%}.square.circle:after,.square.jinx:after{content:'';position:absolute;inset:14% 3% 9%;border:4px solid #bb315a;border-radius:48% 43% 50% 44%;pointer-events:none;transform:rotate(-5deg)}.square.cross:after{content:'×';position:absolute;color:#a4295d40;font-size:clamp(3rem,9vw,8rem);line-height:1;font-weight:400;pointer-events:none}.square.score-highlight{background:#fff0ad;box-shadow:inset 0 0 0 4px var(--pink)}.cell-confirm{position:absolute;z-index:3;width:23%;height:auto;min-height:44px;left:calc(5% + var(--col)*25%);top:calc(24.8% + var(--row)*28%);padding:6px;font-size:.9rem;border-radius:6px}.board-score{position:absolute;left:86.5%;width:8.5%;height:8.5%;font-size:clamp(.7rem,1.5vw,1.2rem);font-weight:900;display:grid;place-items:center;color:var(--ink);background:var(--paper);border-radius:6px}.board-score.circles{top:9.7%}.board-score.stars{top:23.3%}.board-score.bonus{top:36.9%}.board-score.r1{top:49%}.board-score.r2{top:58%}.board-score.r3{top:67%}.board-score.total{top:85.5%;height:10.5%;font-size:clamp(.9rem,2vw,1.5rem)}.board-note{margin:14px 0 0;text-align:center;font-size:.95rem}.context{background:var(--paper);border:3px solid var(--ink);border-radius:12px;padding:clamp(18px,2vw,26px);box-shadow:5px 6px 0 #09728b;position:relative}.context h2{margin-bottom:12px}.context p{margin-bottom:16px}.context label{display:block;font-weight:700;margin-bottom:6px}.context input[type=text]{width:100%}.context .proper{display:flex;gap:8px;align-items:center;margin-top:10px;font-size:.85rem;font-weight:400}.context .wide{width:100%;margin-top:12px}.prompt-strip{background:var(--yellow);border:2px solid var(--ink);border-radius:4px;padding:16px;font-size:1.12rem;font-weight:800;line-height:1.3;box-shadow:3px 4px 0 var(--ink);margin:12px 0 18px;position:relative}.prompt-strip.pink{background:var(--pink);color:white}.topic-choice{width:100%;text-align:left;display:block;margin:12px 0;padding:0;overflow:hidden;background:var(--yellow);border-radius:7px;box-shadow:3px 4px 0 var(--ink)}.topic-choice img{display:block;width:100%;height:auto}.topic-choice span{padding:12px 14px;display:block;font-size:1.08rem;line-height:1.3}.topic-choice.pink{background:var(--pink);color:white}.topic-choice.pink:hover{background:#8c164e}.topic-list{padding:0;list-style:none;display:grid;gap:6px;margin:16px 0;font-size:.9rem}.topic-list li{display:flex;gap:8px;align-items:flex-start}.topic-list b{background:var(--yellow);border:1px solid var(--ink);border-radius:50%;width:22px;height:22px;flex-shrink:0;text-align:center}.answer-slip{margin-top:12px;padding:12px 16px;background:var(--yellow);border:2px solid var(--ink);border-radius:6px;font-weight:800;cursor:grab;touch-action:none;min-height:50px;text-align:center;box-shadow:3px 4px 0 var(--ink)}.answer-slip:active{cursor:grabbing}.call-answer{font-size:clamp(1.6rem,3vw,2.4rem);overflow-wrap:anywhere;line-height:1.1;color:var(--pink);font-weight:900;padding:10px 0 16px}.response-list{list-style:none;padding:0;margin:14px 0;display:flex;flex-wrap:wrap;gap:6px}.response-list li{font-size:.85rem;padding:6px 8px;border:1px solid var(--ink);border-radius:5px;background:#fff0bd}.vote{border-top:2px solid #d8b8c9;padding-top:14px;margin-top:14px}.vote p{margin:0 0 8px}.vote .row button{flex:1}.recap{margin:12px 0 0;padding:10px 14px;background:var(--paper);border-left:6px solid var(--pink);border-radius:6px;font-size:.95rem;min-height:44px}.lobby{max-width:1150px;margin:24px auto;display:grid;grid-template-columns:1fr minmax(280px,400px);gap:36px;align-items:start}.lobby h1{font-size:2.5rem}.seats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}.seat{background:var(--paper);border:2px solid var(--ink);border-radius:9px;display:flex;align-items:center;gap:12px;padding:14px;min-height:86px}.seat .initial{width:48px;height:48px;font-size:1.5rem;flex-shrink:0}.seat small{display:block;margin-top:4px}.seat button{margin-left:auto;padding:4px 8px}.empty-seat{background:transparent;border-style:dashed}.invite-code{font-size:2rem;font-weight:900;letter-spacing:3px;margin:8px 0 18px}.invite-copy{width:100%;margin-bottom:12px}.status-line{font-weight:700;color:var(--green);margin:8px 0}.score-list{display:grid;gap:10px;margin-top:18px}.score-entry{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #d8b8c9}.score-entry b{font-size:1.65rem}.score-entry small{display:block}.score-controls{display:flex;gap:8px;margin-top:16px}.score-controls button{flex:1}.scoring-label{font-size:1.05rem;font-weight:800;color:var(--pink);min-height:48px}.winner{font-size:1.7rem;font-weight:900;color:var(--pink);line-height:1.2}.round-total{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-weight:800}.round-total strong{font-size:2.3rem}.sample-answer{font-size:clamp(.9rem,1.5vw,1.3rem)}.demo .square{font-size:clamp(1rem,1.6vw,1.35rem)}#chatBtn{position:fixed;bottom:16px;right:16px;z-index:5;box-shadow:3px 4px 0 var(--ink)}#unread:empty{display:none}#unread{background:var(--pink);color:white;border-radius:50%;padding:2px 6px}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);background:var(--ink);color:white;border-radius:8px;padding:12px 18px;z-index:30;pointer-events:none;opacity:0;transition:opacity .15s}#toast.visible{opacity:1}#connection{background:var(--yellow);padding:12px;text-align:center;font-weight:700;border-bottom:2px solid var(--ink)}#follower{position:fixed;z-index:100;background:var(--yellow);border:2px solid var(--ink);border-radius:6px;padding:12px 16px;box-shadow:5px 6px 0 #4b173550;pointer-events:none;font-weight:800;max-width:280px;overflow-wrap:anywhere}dialog{border:3px solid var(--ink);border-radius:12px;background:var(--paper);color:var(--ink);padding:28px;max-width:min(680px,calc(100% - 24px));max-height:85svh;box-shadow:8px 10px 0 #071c2b50}dialog::backdrop{background:#032b4d80}.close{float:right;min-width:44px;font-size:1.5rem;padding:4px;line-height:1}dialog h2{padding-right:35px}dialog label{display:flex;align-items:center;gap:12px;margin:20px 0}dialog #chatForm label{display:block;margin:12px 0 6px}dialog input[type=range]{max-width:220px}#chatLog{max-height:36svh;min-height:60px;overflow-y:auto;border-block:1px solid #d8b8c9;padding:12px 0;margin-top:20px}#chatLog p{margin-bottom:10px;overflow-wrap:anywhere}#chatLog b{color:var(--pink)}#chatForm input{flex:1;width:100%}details{margin-top:22px}summary{cursor:pointer;font-weight:700;padding:8px 0}#history{padding-left:24px;max-height:220px;overflow-y:auto;font-size:.9rem}#history li{margin:8px 0}.help-score{display:grid;gap:8px}.help-score p{margin:0;padding:12px;background:#ffeeba;border:1px solid var(--ink);border-radius:6px}.help-score b{font-size:1.1rem}.selection-actions{display:flex;gap:8px;margin-top:12px}.selection-actions>*{flex:1}[hidden]{display:none!important}.animate-mark:after{animation:marker .35s ease-out}.breathe{animation:breathe 5s ease-in-out infinite}@keyframes marker{from{opacity:0;transform:scale(.8) rotate(-5deg)}to{opacity:1;transform:scale(1) rotate(-5deg)}}@keyframes breathe{0%,100%{transform:rotate(3deg) translateY(0)}50%{transform:rotate(2deg) translateY(-5px)}}
@media(min-width:1300px){.board-area{max-width:840px}.square{font-size:1.35rem}.play-layout{grid-template-columns:minmax(0,1fr) 390px}}@media(max-width:1000px){main{padding-top:14px}.play-layout{grid-template-columns:minmax(0,1fr) 290px;gap:16px}.context{padding:16px}.square{font-size:clamp(.9rem,1.7vw,1.1rem)}.welcome{gap:24px}.entry{padding:22px}.lobby{gap:20px}.seats{grid-template-columns:1fr}.board-score{font-size:.9rem}}
@media(max-width:760px){header{padding:10px 12px}.wordmark{font-size:2.1rem}nav{gap:4px}nav>button{font-size:.8rem;padding:6px 9px}.flags{gap:1px}.flags button{width:44px;padding:5px}.flags svg{width:30px}#fullscreenBtn{display:none}main{padding:14px 12px 88px}.welcome{grid-template-columns:1fr;min-height:0;gap:28px;max-width:500px;margin:auto}.entry{padding:24px}.demo{max-width:390px;margin:auto;width:100%}.demo-caption{margin-top:20px}.lobby{grid-template-columns:1fr;margin:10px auto;gap:18px}.lobby h1{font-size:2rem}.seats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0}.seat{padding:10px;gap:8px;min-height:76px}.seat .initial{width:34px;height:34px;font-size:1rem}.seat .name{overflow-wrap:anywhere;font-size:.9rem}.seat button{min-width:32px;padding:2px}.table-head{align-items:flex-start;gap:8px}.table-head h1{font-size:1.25rem}.table-head .row{gap:6px}.table-head button{font-size:.8rem;padding:6px 9px}.round-dot{width:30px;height:30px}.player-chip{padding:7px 9px;min-height:56px}.player-chip small{font-size:.75rem}.play-layout{display:flex;flex-direction:column;gap:16px}.context{order:-1;width:100%;padding:18px;box-shadow:3px 4px 0 #09728b}.context h2{font-size:1.5rem}.context p{margin-bottom:10px}.topic-list{margin:10px 0}.topic-choice{margin:10px 0}.topic-choice img{display:none}.prompt-strip{margin:8px 0 14px;padding:12px}.board-area{max-width:660px}.board-toolbar{margin-bottom:6px}.square{font-size:clamp(.86rem,3.1vw,1.15rem);padding:17px 5px 5px}.square .star{font-size:1.3rem}.square .topic-number{font-size:.6rem}.square .mark-label{font-size:.6rem}.square.circle:after,.square.jinx:after{border-width:3px}.board-score{font-size:clamp(.7rem,2.8vw,1rem)}.board-score.total{font-size:1rem}.cell-confirm{min-height:44px;top:calc(22.5% + var(--row)*28%);font-size:.7rem;padding:5px 2px}.context.write-context .prompt-strip{font-size:1rem}.context.write-context h2{margin-bottom:8px}.context.write-context .composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start}.context.write-context .composer label{grid-column:1/-1;margin:0}.context.write-context .proper{grid-column:1/-1;margin:0}.answer-slip{margin-top:0;min-width:88px;max-width:130px;padding:10px;font-size:.85rem}.context.write-context .wide{margin-top:10px}.scoring-label{min-height:0}.score-list{margin-top:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px}.score-entry b{font-size:1.3rem}dialog{padding:22px}#soundDialog label{flex-wrap:wrap}.recap{font-size:.85rem}.board-note{font-size:.85rem}}@media(max-width:380px){nav>button{padding:6px;font-size:.75rem}.wordmark{font-size:1.9rem}.flags button{width:40px}.seat .initial{display:none}.square{font-size:.85rem}.square .mark-label{font-size:.55rem}}
button:disabled{opacity:1;background:#eee4e1;color:var(--muted);border-color:var(--muted);box-shadow:none}.board-score{left:87%;width:9.4%;height:6.4%;border-radius:7px}.board-score.circles{top:10%}.board-score.stars{top:23.4%}.board-score.bonus{top:36.7%}.board-score.r1{top:48.5%}.board-score.r2{top:57%}.board-score.r3{top:65.5%}.board-score.total{top:85.4%;height:10.1%}.board-score.r1:empty:after{content:'R1'}.board-score.r2:empty:after{content:'R2'}.board-score.r3:empty:after{content:'R3'}
@media(max-width:760px){.context.write-context{padding:14px}.context.write-context h2{font-size:1.3rem}.context.write-context .topic-list{display:none}.context.write-context .muted{display:none}.context.write-context .prompt-strip{padding:10px;margin:8px 0 10px}.context.write-context .wide{margin-top:8px}.flags button{min-width:44px}.seat button{min-width:44px}.board-note{margin-top:10px}.board-score{font-size:.8rem}}
.match-theatre{position:relative;margin:8px auto 24px;padding:22px 24px 16px;max-width:1080px;background:var(--paper);border:3px solid var(--ink);border-radius:14px;box-shadow:5px 6px 0 #09728b;text-align:center}.called-bubble{display:inline-flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:center;padding:14px 28px;border:3px solid var(--ink);border-radius:38% 38% 30% 30% / 22%;background:var(--yellow);position:relative;max-width:100%}.called-bubble strong{font-size:clamp(1.6rem,3vw,2.8rem);overflow-wrap:anywhere;min-width:0}.caller-name{font-weight:700;font-size:.95rem}.jinx-stamp{display:block;background:var(--pink);color:white;font-size:1.4rem;font-weight:900;border:2px solid var(--ink);border-radius:7px;padding:6px 14px;transform:rotate(-5deg);animation:jinx-stamp .5s ease-out}.match-connections{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;padding:24px 0 10px;position:relative}.match-person{flex:0 1 122px;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;border:2px dashed #71415b;border-radius:12px;padding:12px 8px;background:#eee4e1}.match-person b{overflow-wrap:anywhere;max-width:100%;font-size:.95rem}.match-person>span:last-child{font-size:.8rem}.match-initial{display:grid;place-items:center;width:48px;height:48px;border:2px solid var(--ink);border-radius:50%;font-size:1.6rem;font-weight:900;background:var(--paper)}.match-person.matched{border:3px solid var(--pink);background:#fff0bd;position:relative;animation:match-arrival .4s both;animation-delay:var(--arrival)}.match-person.matched:before{content:'';height:22px;border-left:3px solid var(--pink);position:absolute;top:-24px;left:50%}.match-person.matched .match-initial{border:3px solid var(--pink);background:var(--paper);box-shadow:0 0 0 4px #ffe243}.match-person.is-you b:after{content:' · You';font-size:.8rem}.match-person.checking{border-style:solid;background:var(--yellow)}html[lang=fr] .match-person.is-you b:after{content:' · Vous'}.match-headline{font-size:clamp(1rem,2vw,1.35rem);font-weight:900;margin:8px 32px 0;overflow-wrap:anywhere}.match-dismiss{position:absolute;right:8px;top:8px;width:44px;padding:4px;font-size:1.5rem}.match-theatre.jinx{border-color:var(--pink);box-shadow:5px 6px 0 var(--pink)}.match-theatre.cross .called-bubble{background:#eee4e1}@keyframes match-arrival{from{transform:translateY(-9px) scale(.94);opacity:.4}to{transform:translateY(0) scale(1);opacity:1}}@keyframes jinx-stamp{from{transform:rotate(-12deg) scale(1.4);opacity:0}to{transform:rotate(-5deg) scale(1);opacity:1}}@media(max-width:760px){.match-theatre{padding:14px 12px 12px;margin-bottom:18px}.called-bubble{padding:10px 30px 10px 14px;gap:8px;border-radius:12px}.called-bubble strong{font-size:1.5rem}.caller-name{font-size:.8rem}.match-connections{gap:8px;padding-top:18px}.match-person{flex-basis:calc(33.33% - 8px);padding:9px 5px}.match-person b{font-size:.8rem}.match-person>span:last-child{font-size:.7rem}.match-initial{width:36px;height:36px;font-size:1.2rem}.match-person.matched:before{height:16px;top:-18px}.match-headline{margin:8px 0 0;font-size:1rem}.jinx-stamp{font-size:1.1rem;padding:4px 8px}.match-dismiss{right:5px;top:5px}}
.player-chip.choosing{background:var(--yellow);box-shadow:0 3px 0 var(--ink)}.match-theatre.steady .match-person,.match-theatre.steady .jinx-stamp{animation:none}
.action-required{outline:3px solid var(--pink);outline-offset:4px}button.action-required{background:var(--yellow);color:var(--ink)}.square.action-required{outline-offset:-4px}.vote.action-required{padding:16px;background:#fff0bd;border:3px solid var(--green);border-radius:8px;outline:0}.vote button.action-required{outline-color:var(--green);background:var(--green);color:white}
.round-comparison{margin:16px 0 28px;padding:24px;background:var(--yellow);border:3px solid var(--ink);border-radius:14px;box-shadow:5px 6px 0 #09728b}.comparison-heading{text-align:center}.comparison-heading h2{font-size:clamp(1.35rem,2.5vw,2rem);margin-bottom:8px}.comparison-heading p{margin-bottom:24px}.comparison-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:16px}.comparison-card{position:relative;min-width:0;background:var(--paper);border:2px solid var(--ink);border-radius:12px;padding:18px 12px 14px;text-align:center;transform:rotate(var(--paper-tilt));box-shadow:3px 5px 0 #4b17352b}.comparison-card.your-score{border:3px solid var(--pink)}.comparison-card h3{font-size:1rem;margin:12px 0 6px;overflow-wrap:anywhere}.score-character{position:relative;width:62px;height:62px;border:3px solid var(--ink);border-radius:50% 50% 45% 45%;background:#ffe6ac;display:grid;place-items:center;margin:auto;box-shadow:0 0 0 5px #ffe243}.score-character>span{font-size:1.6rem;font-weight:900;transform:translateY(-5px)}.little-smile{position:absolute;bottom:7px;left:21px;width:15px;height:7px;border:2px solid var(--ink);border-top:0;border-radius:0 0 12px 12px}.comparison-points{font-size:2.7rem;font-weight:900;color:var(--pink);line-height:1.1}.comparison-points small{display:block;font-size:.75rem;color:var(--muted);font-weight:400;margin-top:3px}.comparison-meter{height:14px;border:2px solid var(--ink);border-radius:7px;background:#eee4e1;margin:16px 0 10px;overflow:hidden}.comparison-meter>span{display:block;height:100%;width:var(--to);background:var(--pink);border-right:2px solid var(--ink)}.fill-points{animation:fill-points .65s ease-out}.comparison-breakdown{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;font-size:.85rem}.round-leader .score-character{background:var(--yellow);animation:happy-nod .65s ease-out}.round-ribbon{display:block;font-size:.85rem;background:var(--pink);color:white;border:2px solid var(--ink);border-radius:4px;padding:7px 8px;margin:12px -5px -5px}.round-leader{box-shadow:4px 6px 0 var(--pink)}@keyframes fill-points{from{width:var(--from)}to{width:var(--to)}}@keyframes happy-nod{0%{transform:rotate(0)}30%{transform:rotate(-8deg)}65%{transform:rotate(6deg)}100%{transform:rotate(0)}}@media(max-width:760px){.round-comparison{padding:16px 12px;margin-top:12px}.comparison-heading p{font-size:.85rem;margin-bottom:16px}.comparison-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.comparison-card{padding:14px 8px 12px;transform:none}.comparison-card h3{font-size:.9rem}.score-character{width:48px;height:48px}.score-character>span{font-size:1.3rem}.little-smile{left:15px;width:13px;bottom:4px}.comparison-points{font-size:2.2rem}.comparison-breakdown{font-size:.75rem;gap:6px}.round-ribbon{font-size:.75rem;padding:6px 4px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}body.calm *,body.calm *:before,body.calm *:after{animation:none!important;transition:none!important}

.victory-scene{position:relative;overflow:hidden;margin:18px auto 28px;padding:36px 24px;text-align:center;background:var(--paper);border:4px solid var(--pink);border-radius:18px;box-shadow:6px 7px 0 var(--ink)}.victory-scene h2{font-size:clamp(2rem,5vw,3.6rem);margin:12px 0 28px;color:var(--pink)}.victory-eyebrow{font-weight:700}.victory-winners{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;margin-bottom:24px}.victory-winners article{min-width:130px;padding:0 14px}.victory-winners h3{margin:16px 0 8px;font-size:1.35rem;overflow-wrap:anywhere}.victory-winners strong{font-size:2rem}.victory-winners .score-character{width:76px;height:76px;animation:happy-nod .8s ease-out}.victory-winners .little-smile{left:28px;bottom:12px}.victory-crown{font-size:3.2rem;line-height:1.2;color:var(--ink);text-shadow:2px 2px var(--yellow);transform:rotate(-8deg)}.victory-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:24px}.victory-confetti{position:absolute;inset:0;pointer-events:none}.victory-confetti i{position:absolute;left:var(--x);top:-20px;width:10px;height:17px;background:var(--pink);animation:victory-confetti 2.4s var(--delay) ease-out both}.victory-confetti i:nth-child(3n){background:var(--yellow)}.victory-confetti i:nth-child(3n+1){background:var(--green)}@keyframes victory-confetti{0%{transform:translateY(0) rotate(0);opacity:1}100%{transform:translateY(500px) rotate(var(--spin));opacity:0}}@media(max-width:760px){.victory-scene{padding:24px 14px}.victory-winners{gap:16px}.victory-winners article{min-width:110px;max-width:100%;padding:0 5px}.victory-winners h3{font-size:1.1rem}.victory-controls button{min-height:44px}}@media(prefers-reduced-motion:reduce){.victory-confetti{display:none}}body.calm .victory-confetti{display:none}