
:root{--ink:#242421;--muted:#69675f;--cream:#f8f5ed;--paper:#fffdf7;--amber:#e7a23b;--amber-light:#f9e9c7;--line:#ded8ca;--yellow:#f2bd64;--red:#bf6048;--shadow:0 22px 70px rgba(35,32,26,.10)}
*{box-sizing:border-box}html{min-height:100%;background:var(--cream)}body{margin:0;min-height:100vh;color:var(--ink);font:16px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,textarea:focus-visible{outline:3px solid var(--amber);outline-offset:3px}[hidden]{display:none!important}
.layout{min-height:100vh;display:flex;flex-direction:column;position:relative;isolation:isolate;overflow:hidden}.layout:before{content:"";position:absolute;z-index:-1;pointer-events:none;width:640px;height:640px;border:1px solid rgba(210,176,121,.20);border-radius:50%;right:-480px;top:130px;box-shadow:0 0 0 83px rgba(210,176,121,.045),0 0 0 172px rgba(210,176,121,.04)}
.sitehead{max-width:1170px;width:100%;padding:26px 35px 20px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:0;line-height:1;max-width:max-content}.brandword{font-family:Georgia,"Times New Roman",serif;font-size:28px;letter-spacing:-1.35px;font-weight:600}.brandword .gold{color:#c88422}.brandline{letter-spacing:4.5px;font-weight:800;font-size:9px;margin-top:8px;color:#6d6355}.testpill{display:inline-flex;align-items:center;gap:8px;border:1px solid #dbd0b9;background:rgba(255,253,247,.72);border-radius:30px;padding:9px 12px;font-size:11px;letter-spacing:1.2px;font-weight:850;text-transform:uppercase;color:#6c5941;white-space:nowrap}.testpill:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--amber)}
main{width:100%;flex:1;display:flex;align-items:center;justify-content:center;padding:24px 24px 46px}.pane{width:min(100%,1030px)}.eyebrow{font-size:12px;letter-spacing:2.4px;text-transform:uppercase;font-weight:900;color:#9c671b}.setupgrid{display:grid;grid-template-columns:1.13fr .87fr;align-items:center;gap:65px}.title{font-family:Georgia,"Times New Roman",serif;font-size:clamp(58px,7.2vw,98px);line-height:.99;letter-spacing:-4.6px;margin:18px 0 21px;font-weight:600}.title em{font-style:normal;color:#bb7624}.subheading{font-size:19px;max-width:520px;line-height:1.63;color:#555249;margin:0}.threefacts{display:flex;gap:22px;flex-wrap:wrap;margin-top:29px;font-size:12px;font-weight:800;letter-spacing:.15px;color:#635c50}.threefacts span{display:flex;align-items:center;gap:7px}.threefacts span:before{content:"✓";display:grid;place-items:center;width:19px;height:19px;background:var(--amber-light);border-radius:50%;color:#875815;font-weight:900}
.ticket{position:relative;max-width:450px;margin:0 auto;padding:31px 33px 31px;background:var(--paper);border:1.5px solid var(--ink);border-radius:15px;box-shadow:9px 10px 0 #edbd70,10px 11px 0 1px var(--ink),var(--shadow)}.ticket:before,.ticket:after{content:"";position:absolute;width:22px;height:22px;left:-12px;border:1.5px solid var(--ink);border-radius:50%;background:var(--cream)}.ticket:before{top:86px}.ticket:after{bottom:66px}.ticketheader{display:flex;align-items:center;justify-content:space-between;padding-bottom:17px;border-bottom:1px dashed #c8bfae;margin-bottom:23px}.ticketheader strong{font-size:12px;letter-spacing:1.8px}.ticketheader span{font-family:Georgia,serif;font-style:italic;color:#9c671b;font-size:14px}.controlgroup{margin-top:24px}.controlgroup h3{font-size:12px;letter-spacing:1px;text-transform:uppercase;margin:0 0 10px}.buttonset{display:flex;gap:6px;background:#f3eee3;border-radius:11px;padding:5px}.choice{border:1.5px solid transparent;min-width:0;flex:1;background:transparent;padding:11px 7px;border-radius:8px;font-size:13px;font-weight:800;color:#675f53;white-space:nowrap;transition:background .15s,color .15s,box-shadow .15s}.choice[aria-pressed=true]{background:var(--ink);color:#fffdf4;box-shadow:0 2px 5px #0002}.rulecopy{color:#746d60;font-size:13px;min-height:40px;margin:12px 0 5px}.primary{width:100%;min-height:58px;border:2px solid var(--ink);background:var(--amber);color:var(--ink);font-weight:900;font-size:15px;letter-spacing:.2px;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:12px;transition:transform .15s,box-shadow .15s;box-shadow:3px 4px 0 var(--ink)}.primary:hover{transform:translateY(-2px);box-shadow:4px 6px 0 var(--ink)}.primary:active{transform:translateY(2px);box-shadow:1px 2px 0 var(--ink)}.quiet{border:none;background:transparent;color:#70685b;font-weight:750;text-decoration:underline;text-decoration-color:#c9bba4;text-underline-offset:5px}.center{margin:16px auto 0;display:block;text-align:center}.resume{display:none;width:100%;padding:12px;margin-top:14px;color:#74541f;border:1px solid #dfc794;border-radius:9px;font-size:13px;font-weight:800;background:#fff8e8}.resume.visible{display:block}
.gamewrap{max-width:800px;margin:0 auto}.gameheader{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.gameheader .roundnum{font-size:13px;font-weight:850;letter-spacing:2px;text-transform:uppercase}.gameheader .gameexit{border:none;background:transparent;color:var(--muted);font-size:13px;font-weight:750;text-decoration:underline;text-underline-offset:4px}.progressbar{height:6px;background:#e5ddce;border-radius:12px;overflow:hidden;margin-bottom:33px}.progressbar>span{display:block;height:100%;width:0;background:var(--amber);border-radius:12px;transition:width .25s}
.bigcard{background:var(--paper);position:relative;border:2px solid var(--ink);border-radius:18px;min-height:440px;box-shadow:11px 12px 0 #edbd70,12px 13px 0 1px var(--ink),0 24px 70px #30230d14;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:47px 54px 33px;overflow:hidden}.bigcard:before{content:"?";position:absolute;right:-7px;bottom:-128px;font-family:Georgia,serif;font-size:390px;font-style:italic;line-height:1;color:#f5eedf;z-index:0;pointer-events:none}.bigcard>*{position:relative;z-index:1}.cardtype{border:1px solid #dfcba6;background:#fff4df;color:#9b6519;border-radius:20px;padding:8px 13px;font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:900}.cardprefix{font-family:Georgia,serif;font-size:clamp(25px,4vw,39px);font-style:italic;line-height:1.15;margin:30px 0 10px;color:#8c6a3b}.cardphrase{font-family:Georgia,"Times New Roman",serif;font-size:clamp(31px,5.4vw,57px);font-weight:600;letter-spacing:-1.6px;line-height:1.16;margin:0;max-width:660px;overflow-wrap:break-word}.cardfooter{margin-top:auto;padding-top:36px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:#81796a;font-weight:800;letter-spacing:.2px}.cardfooter i{width:18px;height:1px;background:#cbb98f}.nudgeband{display:flex;align-items:center;justify-content:center;gap:8px;min-height:74px;font-size:14px;text-align:center;color:#71675b;padding:16px 15px}.nudgeband em{font-family:Georgia,serif;font-size:18px;color:#9a6a2f}.gametools{display:flex;gap:13px;align-items:center}.next{flex:1}.smallbtn{min-height:55px;padding:0 20px;white-space:nowrap;border:1px solid #cfc5b4;background:var(--paper);border-radius:11px;font-weight:800;color:#6b5d46}.gamehelp{margin:20px 0 0;text-align:center;font-size:12px;color:#82796c}.gamehelp strong{color:#5b5142}.fadein{animation:fadeup .22s ease-out}@keyframes fadeup{from{opacity:.35;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.finish{max-width:650px;margin:0 auto;text-align:center}.finishicon{height:95px;width:95px;margin:0 auto 23px;border:2px solid var(--ink);background:var(--amber);border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-size:59px;transform:rotate(-10deg);box-shadow:5px 6px 0 var(--ink)}.finish h1{font-family:Georgia,serif;font-weight:600;font-size:clamp(45px,7.5vw,70px);line-height:1.02;letter-spacing:-2.5px;margin:12px 0}.finishlead{font-size:18px;line-height:1.55;color:#59544a;margin:0 auto 27px;max-width:530px}.finishactions{display:flex;gap:12px;max-width:485px;margin:0 auto 30px}.finishactions .primary{flex:1}.finishactions .smallbtn{flex:1}.feedbackbox{text-align:left;border:1px solid var(--line);background:var(--paper);border-radius:17px;padding:26px 28px;max-width:580px;margin:35px auto 0}.feedbackbox h2{font-family:Georgia,serif;font-weight:600;font-size:26px;margin:0 0 5px}.feedbackbox>p{color:#6d665b;font-size:13px;line-height:1.5;margin:0 0 20px}.ratingrow{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:13px 0;flex-wrap:wrap}.ratingrow strong{font-size:13px}.stars{display:flex;gap:6px}.star{width:35px;height:35px;border:1px solid #d6c9b3;background:#fffaf0;border-radius:8px;font-size:19px;color:#bcb09e;display:grid;place-items:center;padding:0}.star.active{background:#fae4b5;color:#ae741a;border-color:#dca54b}.feedbackbox textarea{width:100%;min-height:92px;resize:vertical;border:1px solid #d6c9b3;background:#fffefa;border-radius:9px;padding:12px;color:var(--ink);font-size:13px;margin:10px 0 13px}.feedbackbox .smallbtn{width:100%;background:#eee1c8;border-color:#cba461;color:#604a2b}.feedbackstatus{font-size:12px;color:#94621e;min-height:22px;margin:8px 0 0}
.sitefoot{width:100%;max-width:1170px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 35px 25px;font-size:11px;color:#858074}.sitefoot b{letter-spacing:1.1px;color:#776d5f}.sitefoot a{color:inherit}
.modalback{position:fixed;inset:0;z-index:30;background:#18171492;display:flex;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(3px)}.modal{background:var(--paper);border:2px solid var(--ink);box-shadow:7px 8px 0 var(--amber);border-radius:16px;padding:28px 29px;max-width:480px;width:100%;max-height:calc(100vh - 36px);overflow:auto}.modaltop{display:flex;align-items:start;justify-content:space-between;gap:15px}.modaltop h2{font-family:Georgia,serif;letter-spacing:-.6px;font-size:34px;font-weight:600;margin:0}.x{border:none;background:#f2eadd;border-radius:50%;height:32px;width:32px;font-size:18px;font-weight:700}.modal p,.modal li{color:#605b53;font-size:14px;line-height:1.65}.modal ul{padding-left:19px}.modal .primary{margin-top:22px;min-height:49px}.modal .ruleexample{background:#f7eddb;border-left:3px solid var(--amber);padding:12px 13px;margin:16px 0;font-size:13px;color:#695337}.modal .ruleexample strong{color:var(--ink)}
@media(max-width:880px){.setupgrid{grid-template-columns:1fr;gap:36px;max-width:680px;margin:0 auto}.leftintro{text-align:center}.subheading{margin:auto}.threefacts{justify-content:center;margin-top:21px}.ticket{width:100%;max-width:480px}.title{font-size:clamp(55px,10vw,80px);margin:14px 0}.sitehead{padding:20px 24px}.sitefoot{padding:14px 24px 20px}main{align-items:start;padding-top:40px}}
@media(max-width:530px){.sitehead{padding:17px 18px 8px}.brandword{font-size:22px}.brandline{font-size:7px;letter-spacing:3.3px}.testpill{font-size:9px;padding:7px 9px;letter-spacing:.8px}.testpill:before{width:5px;height:5px}main{padding:30px 18px 38px}.eyebrow{font-size:10px;letter-spacing:1.8px}.title{font-size:clamp(52px,13vw,73px);letter-spacing:-3px}.subheading{font-size:16px}.threefacts{gap:10px 16px;font-size:11px}.ticket{padding:23px 19px 23px;box-shadow:5px 7px 0 #edbd70,6px 8px 0 1px var(--ink)}.ticket:before,.ticket:after{display:none}.ticketheader{margin-bottom:12px}.controlgroup{margin-top:18px}.choice{font-size:12px;padding:11px 2px}.rulecopy{font-size:12px;min-height:34px}.gameheader{margin-bottom:18px}.progressbar{margin-bottom:22px}.bigcard{min-height:410px;padding:35px 21px 30px;box-shadow:7px 8px 0 #edbd70,8px 9px 0 1px var(--ink)}.cardtype{font-size:10px;letter-spacing:1.2px}.cardprefix{font-size:28px;margin:26px 0 9px}.cardphrase{font-size:clamp(33px,8.5vw,45px);letter-spacing:-1.25px}.cardfooter{padding-top:29px;font-size:11px}.bigcard:before{font-size:280px;bottom:-84px}.gametools{gap:8px}.smallbtn{padding:0 13px;font-size:12px;min-height:53px}.nudgeband{min-height:70px}.sitefoot{padding:12px 18px 20px;line-height:1.4}.sitefoot span:last-child{max-width:170px;text-align:right}.finishactions{flex-wrap:wrap}.finishactions>*{width:100%;flex-basis:100%}.feedbackbox{padding:20px 17px}.ratingrow{align-items:flex-start}.modal{padding:22px 20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* V2 additions — maintain Mintmere's warm ivory, ink and amber look. */
:root{--ink:#25251f;--amber:#edae48}
.themebar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px}
.themebar span{border:1px solid #ddceae;background:#fff6e8;border-radius:40px;padding:5px 10px;font-size:11px;color:#80613a;font-weight:800}
.subtitle{font-size:14px;color:#7a7061;line-height:1.55;margin:9px 0 0}
.controlgroup .note{font-size:11px;color:#857464;margin-top:9px}
.buttonset.four .choice{font-size:12px}
.bigcard[data-kind="callout"]{background:#fff3e0;box-shadow:11px 12px 0 #a8bf99,12px 13px 0 1px var(--ink),0 24px 70px #30230d14}
.bigcard[data-kind="verdict"]{background:#f1f4e7;box-shadow:11px 12px 0 #edbd70,12px 13px 0 1px var(--ink),0 24px 70px #30230d14}
.bigcard[data-kind="callout"]:before{content:'!';color:#f9e5cb}
.bigcard[data-kind="verdict"]:before{content:'≠';color:#e6edd9;font-size:300px;bottom:-90px}
.bigcard[data-kind="callout"] .cardtype{background:#e8efe1;border-color:#b7caa4;color:#48663b}
.bigcard[data-kind="verdict"] .cardtype{background:#f6e9d2;border-color:#dec99b;color:#88622b}
.cardprefix{margin-bottom:13px}
.themebadge{font-size:11px;font-weight:850;letter-spacing:1.3px;text-transform:uppercase;color:#8a7a63;margin-top:10px}
.cardphrase{font-size:clamp(32px,5vw,54px)}
.interactionrow{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:15px}
.interactionrow .light{font-size:12px;color:#777064}
.reactions{display:flex;gap:8px;justify-content:end;flex-wrap:wrap}
.reaction{font-size:12px;font-weight:800;background:#fffdf7;border:1px solid #d9c9ae;border-radius:25px;padding:8px 12px;cursor:pointer;color:#716451}
.reaction[aria-pressed="true"]{background:#25251f;color:#fff;border-color:#25251f}
.reaction:focus-visible{outline:3px solid var(--amber);outline-offset:3px}
.progresssub{text-align:center;font-size:11px;color:#8c8579;margin:12px 0 0}
.familyhint{font-size:12px;color:#6b665f;margin-top:11px}
.feedbackprompt{margin-top:18px;padding:13px 15px;border-radius:10px;background:#f8edda;color:#796043;font-size:12px;line-height:1.5}
@media(max-width:530px){.title{font-size:clamp(51px,12vw,71px)}.cardphrase{font-size:clamp(29px,7.4vw,41px)}.bigcard{min-height:395px}.bigcard[data-kind="callout"],.bigcard[data-kind="verdict"]{box-shadow:7px 8px 0 #a8bf99,8px 9px 0 1px var(--ink)}.bigcard[data-kind="verdict"]{box-shadow:7px 8px 0 #edbd70,8px 9px 0 1px var(--ink)}.interactionrow{justify-content:center;gap:7px}.interactionrow .light{display:none}.reactions{width:100%;justify-content:center}.themebar{justify-content:center}.gametools{margin-top:4px}}

/* V3 · escalation and the room's shared Explain Yourself tokens */
.stagelegend{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.stagelegend span{display:inline-flex;align-items:center;gap:7px;border:1px solid #dac7a6;border-radius:99px;background:#fffdf7;padding:8px 12px;color:#655744;font-size:12px;font-weight:700}
.stagelegend b{color:#af6f18;font-size:11px}
.stageheader{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:-14px 0 18px;flex-wrap:wrap}
.stagepill{font-size:11px;font-weight:900;letter-spacing:1.5px;background:#2d3025;color:#fff;border-radius:99px;padding:8px 13px}
.stagehint{font-family:Georgia,serif;font-style:italic;font-size:15px;color:#81725c}
.bigcard[data-stage="3"]{border-width:3px}
.bigcard[data-stage="3"] .cardtype{font-size:12px}
.challengewrap{background:#fffaf0;border:1.5px solid #d7c5a7;border-radius:14px;margin-top:16px;padding:16px 17px}
.challengeheading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:11px}
.challengeheading>div{display:flex;flex-direction:column;gap:2px}
.challengeheading b{font-size:12px;letter-spacing:1.5px}
.challengeheading span{font-size:12px;color:#776c5c}
.tokenbadge{white-space:nowrap;font-size:11px!important;font-weight:850;background:#eeddbb;padding:6px 8px;border-radius:99px;color:#72521d!important}
.challengectrl{width:100%;text-align:center;padding:12px 13px;background:#272922;color:#fff;border:2px solid #272922;border-radius:9px;font-weight:850;font-size:14px}
.challengectrl:hover{background:#4e513e}
.challengectrl:disabled{background:#ede5d7;color:#736a5d;border-color:#d2c2a8;opacity:1}
.challengebox{border-top:1px dashed #d7c5a7;margin-top:13px;padding-top:15px;text-align:center}
.challengebox strong{font-family:Georgia,serif;font-size:23px}
.challengebox p{font-size:13px;color:#655d50;margin:7px 0}
.challengeclock{font-family:Georgia,serif;font-size:53px;font-weight:bold;font-variant-numeric:tabular-nums;line-height:1.3;margin:9px 0;color:#2c2b21}
.challengeclock.done{color:#a44c27}
.challengeactions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.challengeactions .smallbtn{font-size:12px;padding:10px}
.challengefine{font-size:11px!important;color:#8d7c66!important;margin-top:12px!important}
@media(max-width:530px){.stagelegend{justify-content:center;gap:5px}.stagelegend span{padding:7px 9px;font-size:10px}.stageheader{margin:-6px 0 13px}.stagehint{font-size:13px}.challengeheading{align-items:start}.challengeheading b{font-size:11px}.challengeheading span{font-size:11px}.challengewrap{padding:13px}.tokenbadge{font-size:10px!important}}


/* Mintmere Play integration: original game styles retained. */
:root{--mintmere-ink:#171918;--mintmere-amber:#e9ab37}
.fq-context{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.fq-kicker{color:#97651d;font-weight:950;letter-spacing:1.8px;font-size:10px}
.fq-context-title{font-family:Georgia,serif;font-weight:700;font-size:15px;letter-spacing:-.25px}
.fq-playlink{text-decoration:none;font-size:12px;font-weight:800;color:#755321}
.fq-playlink:hover{text-decoration:underline}
.mm-back-row{background:#f8f5ed}
.mm-head,.mm-head *{box-sizing:border-box}
.mm-head .mm-logo{width:275px}
.mm-head .mm-mainnav a{color:#eae7de}
.mm-head .mm-mainnav a.current,.mm-head .mm-mainnav a:hover{color:#e9ab37}
.mm-head .mm-mobile-nav[hidden]{display:none!important}
.mm-head .mm-mainnav{min-width:0}
.mm-head .shelf-pill{background:#e9ab37;color:#171918}
.fq-return{display:inline-block;margin:12px 0 0;color:#785116;font-size:12px;font-weight:800}
@media(max-width:800px){.sitehead{padding:16px 22px 10px}.fq-context-title{font-size:14px}.fq-playlink{font-size:11px}}
@media(max-width:550px){.mm-head .mm-navwrap{gap:10px}.mm-head .mm-logo{width:min(60vw,240px)}.mm-head .mm-menu{margin-left:auto;flex:none}}
@media(max-width:520px){.sitehead{gap:7px;flex-wrap:wrap;padding:13px 20px}.fq-context{gap:7px}.fq-context-title{font-size:12px}.fq-playlink{font-size:11px}.mm-head .mm-navwrap{min-height:70px}}
