/* Modified claude-cowork-v05-0923 / claude-opus-5-5 / SPEL / 2026-09-23: 0.5 result bar, coach hints, tutorial ring, dialogs, toast. */
/* APP-010 / codex-onthul-server01-0921 / GPT-6 / 2026-09-21 */
:root{font-family:Inter,Segoe UI,system-ui,sans-serif;color:#faf4e9;background:#0c0b14;color-scheme:dark;--gold:#f2cb81;--muted:#b3adc5}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(ellipse at 50% 15%,#29213f,transparent 65%),#0c0b14}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{cursor:pointer;border:1px solid #51465d;color:inherit;background:#272233;border-radius:14px;min-height:48px;padding:12px 17px}button:hover{border-color:var(--gold);background:#393045}button:focus-visible,a:focus-visible,select:focus-visible,#stage:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button:disabled{cursor:default}a{color:var(--gold)}[hidden]{display:none!important}#game{width:min(100%,600px);min-height:100dvh;display:flex;flex-direction:column;margin:auto;padding: max(12px,env(safe-area-inset-top)) 20px max(10px,env(safe-area-inset-bottom))}header{display:flex;align-items:center;gap:12px;height:56px}.brand{color:var(--gold);font-size:38px;text-decoration:none}.wordmark{font-size:18px;font-weight:750;letter-spacing:4px}.wordmark span{display:block;color:var(--muted);font-size:9px;letter-spacing:2px;margin-top:5px}.total{margin-left:auto;text-align:right;display:flex;flex-direction:column}.total small{font-size:9px;color:var(--muted);letter-spacing:2px}.total strong{font-size:22px;font-variant-numeric:tabular-nums}.icon{background:transparent;border:0;font-size:21px;min-width:45px;padding:8px}.stats{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 0 12px;color:var(--muted);font-size:12px}.stats>span:first-child,.stats>span:last-child{flex:1}.stats>span:last-child{text-align:right}.clock{color:var(--gold);font-variant-numeric:tabular-nums}.clock strong{font-size:28px;font-weight:500}.clock>span{font-size:13px;margin-left:3px}.timeTrack{height:3px;background:#34303e;border-radius:3px;margin-bottom:16px;overflow:hidden}#timeBar{height:100%;width:100%;background:var(--gold)}#stage{position:relative;flex:1;min-height:270px;height:calc(100dvh - 350px);max-height:690px;overflow:hidden;border-radius:23px;background:#0d0c15;touch-action:manipulation;isolation:isolate;cursor:crosshair;outline:1px solid #42394e;box-shadow:0 18px 70px #0005}#picture{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;user-select:none}#mask{position:absolute;inset:0;width:100%;height:100%}#intro{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;text-align:center;padding:20px;background:radial-gradient(circle at 50% 40%,#78609122,transparent 60%)}.spark{font-size:65px;color:var(--gold);font-weight:200;text-shadow:0 0 45px #d7ad9655}h1{font-size:clamp(30px,7vw,48px);font-weight:450;letter-spacing:-1.5px;margin:16px 0 10px}#intro p{font-size:16px;color:#d7cadf;margin:0 0 26px}#intro small{font-size:12px;color:#a99bb8}#bottom{padding-top:12px}#hint{color:var(--muted);font-size:12px;text-align:center;min-height:18px;margin:0 0 10px}#answers{display:grid;grid-template-columns:1fr 1fr;gap:9px}#answers button{font-weight:550;line-height:1.15;min-height:62px;font-size:14px;text-align:left;display:flex;align-items:center;gap:10px;background:linear-gradient(150deg,#302a40,#211e2c)}#answers button span{color:#a698b7;font-size:11px;flex-shrink:0}#answers button:disabled{opacity:.48}#answers button.wrong{border-color:#a85361;color:#edb6bf;text-decoration:line-through}#answers button.correct{border-color:var(--gold);color:var(--gold)}#feedback{position:absolute;left:8%;top:14%;color:var(--gold);font-size:clamp(32px,8vw,54px);font-style:italic;font-weight:900;pointer-events:none;text-shadow:0 3px 16px #000;transform:rotate(-7deg);opacity:0}#feedback.pop{animation:pop .95s both}@keyframes pop{0%{opacity:0;transform:translateY(15px) rotate(-7deg) scale(.7)}20%,65%{opacity:1;transform:translateY(0) rotate(-7deg) scale(1)}100%{opacity:0;transform:translateY(-30px) rotate(-4deg)}}#result{position:absolute;left:0;right:0;bottom:16px;text-align:center;pointer-events:none;color:#fff;text-shadow:0 2px 15px #000,0 0 35px #000}#result small{font-weight:800;font-size:12px;letter-spacing:3px}#result h1{font-size:55px;font-weight:850;margin:5px 0}#after h2{font-size:19px;font-weight:550;text-align:center;margin:5px 0 14px}.resultActions{display:flex;gap:10px;align-items:stretch}.resultActions #next{flex:1;background:var(--gold);border:0;color:#292131;font-weight:700;display:flex;justify-content:space-between;align-items:center}.quiet{background:transparent}.textButton{border:0;background:transparent;min-height:34px;color:var(--muted);font-size:11px;margin:auto;display:block}footer{display:flex;justify-content:space-between;font-size:9px;color:#9a92a8;margin-top:13px;gap:8px}dialog{position:fixed;border:1px solid #64556c;border-radius:25px;background:#201b2c;color:#f9f1e5;box-shadow:0 30px 100px #0009;padding:32px;width:min(92vw,510px);max-height:90dvh}dialog::backdrop{background:#08060eca;backdrop-filter:blur(8px)}dialog h2{font-weight:450;font-size:29px;margin:18px 0 12px}dialog p{color:var(--muted);line-height:1.5;font-size:14px}.close{position:absolute;right:8px;top:5px;font-size:25px;border:0;background:transparent}.wide{width:100%;margin-top:12px}label{display:block;color:var(--muted);font-size:12px;margin:25px 0 8px}select{width:100%;background:#332a40;border:1px solid #64556c;border-radius:10px;padding:12px}dialog a{display:inline-block;margin:18px 18px 0 0;font-size:13px}.fine{font-size:11px!important}#themes{display:grid;gap:10px;margin-top:25px}#themes button{display:flex;align-items:center;text-align:left;gap:16px;padding:8px}#themes img{width:65px;height:65px;object-fit:cover;border-radius:9px}#themes span{font-size:16px}#routeKicker{font-size:10px;letter-spacing:2px;color:var(--gold)}
@media(min-width:800px){#game{padding-top:24px;padding-bottom:18px}#stage{min-height:330px}.stats{padding-top:22px}header{margin-bottom:6px}#answers button{min-height:66px}}@media(max-height:650px) and (orientation:landscape){#game{width:100%;max-width:1100px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:48px 34px 3px 1fr 16px;column-gap:20px;min-height:100dvh}header{grid-column:1/3;height:40px}.stats{grid-column:1}.timeTrack{grid-column:1;margin:0}#stage{grid-column:1;grid-row:4;min-height:140px;height:calc(100dvh - 150px);margin-top:10px}#bottom{grid-column:2;grid-row:2/5;align-self:center}footer{grid-column:1/3}.spark{font-size:35px}#intro h1{font-size:28px;margin:5px}#intro p{margin-bottom:10px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}#feedback.pop{opacity:1}}
/* Modified codex-onthul-update-0922 / GPT-6 / 2026-09-22.
   More space for images; answers remain readable and keyboard/touch accessible. */
#game{height:100dvh;min-height:560px;width:min(100%,720px);padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);gap:0}
header{height:48px;flex:none;padding:0 12px;gap:8px;margin:0}.brand{font-size:28px}.wordmark{font-size:14px;letter-spacing:3px}.wordmark span{font-size:11px;letter-spacing:1px;margin-top:2px}.total small{font-size:11px}.total strong{font-size:18px}
.stats{flex:none;height:32px;padding:0 12px;font-size:12px}.clock strong{font-size:23px}.timeTrack{flex:none;margin:0;height:3px;border-radius:0}
#stage{flex:1;min-height:180px;height:auto;max-height:none;border-radius:0;outline:none;box-shadow:none}
#bottom{flex:none;padding:8px 10px 10px}#hint{font-size:12px;margin:0 0 6px;min-height:16px}
#answers{gap:8px}#answers button{min-height:52px;padding:10px 12px;font-size:14px;line-height:1.25;overflow-wrap:anywhere;word-break:normal;border-radius:12px;gap:7px}
#feedback{font-size:clamp(23px,6vw,40px);max-width:88%;text-shadow:0 2px 3px #000,0 0 8px #000,0 0 16px #000;top:12%;left:6%}
#result small{letter-spacing:1px}#after h2{font-size:18px;margin:2px 0 8px}.resultActions{flex-wrap:wrap;gap:8px}.resultActions #next{min-width:180px}#source{min-height:36px}
footer{font-size:12px;display:flex;gap:10px;flex-wrap:wrap;line-height:1.4;margin-top:20px}.textButton{font-size:12px}
@media(min-height:800px) and (orientation:portrait){#answers button{min-height:62px}}
@media(max-height:650px) and (orientation:landscape){#game{min-height:320px;width:100%;max-width:1200px;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,34%);grid-template-rows:48px 3px minmax(0,1fr);gap:0 12px;padding:env(safe-area-inset-top) 10px env(safe-area-inset-bottom)}header{grid-column:2;grid-row:1;padding:0}.wordmark{font-size:12px}.stats{grid-column:1;grid-row:1;height:48px}.timeTrack{grid-column:1;grid-row:2}#stage{grid-column:1;grid-row:3;min-height:200px;height:auto;margin:0}#bottom{grid-column:2;grid-row:2/4;align-self:center;padding:4px 0}#answers{grid-template-columns:1fr;gap:5px}#answers button{min-height:45px;padding:7px 10px}#intro p{font-size:14px}#hint{font-size:11px}.resultActions #next{min-width:0}.resultActions{flex-direction:column}}

/* 0.3 image-first layout; codex-onthul-v03-0922 / GPT-6 / 2026-09-22. */
#game{position:relative;max-width:none;width:100%;height:100dvh;min-height:360px;padding:0;display:flex;gap:0}
header{position:absolute;z-index:4;top:env(safe-area-inset-top);left:0;right:0;height:48px;padding:4px 10px;display:flex;justify-content:space-between;pointer-events:none}
header .clock,header #menu{pointer-events:auto;background:#141020cc;border:1px solid #ffffff24;border-radius:24px;min-height:40px;min-width:48px;padding:5px 12px;box-shadow:0 2px 12px #0004;backdrop-filter:blur(6px)}header .clock strong{font-size:22px}header #menu{font-size:20px}
.timeTrack{position:absolute;z-index:4;top:0;left:0;right:0;height:2px;margin:0}
#stage{width:100%;flex:1;min-height:0;margin:0;height:auto;border-radius:0;background:#0c0b14;grid-column:auto;grid-row:auto}
#bottom{position:relative;flex:none;padding:6px max(8px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom));background:#100d18}
#answers{grid-template-columns:1fr 1fr;gap:6px;max-width:900px;margin:auto}#answers button{min-height:48px;padding:9px 11px;font-size:14px}#answers button span{display:none}
#hint{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0;min-height:0}
#feedback{top:18%}#after h2{font-size:16px;margin:0 0 5px}.resultActions{display:block;max-width:360px;margin:auto}.resultActions #next{min-height:44px;width:100%;padding:8px 18px;min-width:0}
#game[data-phase="result"] #stage{flex:1}#game[data-phase="result"] #bottom{position:absolute;z-index:3;bottom:0;left:0;right:0;background:linear-gradient(transparent,#0c0b14e8);padding-top:28px;pointer-events:none}#game[data-phase="result"] #next{pointer-events:auto}#game[data-phase="result"] #answerTitle{text-shadow:0 2px 5px #000}
.menuStats{display:grid;grid-template-columns:1fr 1fr;gap:10px;color:var(--muted);font-size:13px;padding-top:15px}.menuStats strong{color:var(--gold)}#source,#route{min-height:48px}
@media(max-height:650px) and (orientation:landscape){#game{display:flex;flex-direction:row;min-height:260px;width:100%;max-width:none;padding:0}header{right:270px}#stage{height:100dvh;min-height:0;width:auto}#bottom{width:260px;display:flex;flex-direction:column;justify-content:center;padding:8px}#answers{width:100%;grid-template-columns:1fr;gap:6px}#answers button{min-height:48px}#game[data-phase="result"] header{right:0}#game[data-phase="result"] #bottom{width:auto;left:auto;max-width:360px;min-width:220px;background:linear-gradient(transparent,#0c0b14e8)}#intro h1{font-size:27px}}

/* codex-reveal-v043-0922 / GPT-6: exact black reveal background. */
#stage{background:#000000}

/* Result image stays quiet; a deliberate tap opens the existing menu. */
#game[data-phase="result"] #bottom{display:none}#menuDialog #next{background:var(--gold);color:#211b26;min-height:58px;font-weight:700;font-size:18px}#game[data-phase="ready"] #answers button:disabled{opacity:1}
.celebration{position:absolute;top:32%;width:6px;height:10px;pointer-events:none;z-index:5;animation:celebrate 1.1s ease-out forwards}@keyframes celebrate{from{transform:translate(0,0) rotate(0);opacity:1}to{transform:translate(var(--dx),160px) rotate(var(--turn));opacity:0}}

/* claude-cowork-v05-0923 / claude-opus-5-5 / SPEL: PRJ-028-0.5.0 (R2.3 small screens, R2.4 credits, R2.12 forms, R3.3 challenge). */
#game[data-phase="result"] #bottom{display:block}#game[data-phase="result"] #answers{display:none}
#game[data-phase="result"] #after{pointer-events:auto}
#after{max-width:540px;margin:0 auto;text-align:center}
#game[data-phase="result"] .resultActions,.resultActions{display:flex;gap:8px;max-width:540px;margin:0 auto}
#nextBar{flex:1 1 58%;background:var(--gold);border:0;color:#211b26;font-weight:750;font-size:17px;min-height:52px;pointer-events:auto}
#challengeBtn{flex:1 1 38%;min-height:52px;background:#141020dd;pointer-events:auto;font-size:15px}
#compare{margin:0 0 8px;color:var(--gold);font-size:14px;font-weight:650;text-shadow:0 1px 4px #000}
.attribution{margin:8px auto 0;font-size:11px;line-height:1.4;color:#d8cfe3;text-shadow:0 1px 3px #000;overflow-wrap:anywhere;max-width:520px}.attribution a{color:#f2d8a6;margin:0}
#after .textButton{min-height:36px;margin:2px auto 0;text-decoration:underline;pointer-events:auto}
#picture[data-fit]{object-fit:fill}
#game[data-phase="result"] #picture[data-fit]{transition:left .35s,top .35s,width .35s,height .35s}
#coach{position:absolute;z-index:3;left:50%;top:calc(env(safe-area-inset-top) + 56px);transform:translateX(-50%);width:max-content;max-width:min(86%,420px);padding:8px 14px;border-radius:18px;background:#141020e0;border:1px solid #ffffff2a;color:#f7efe3;font-size:14px;line-height:1.35;text-align:center;pointer-events:none;animation:coachIn .35s ease-out both;box-shadow:0 4px 18px #0006}
@keyframes coachIn{from{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%,0)}}
#game.nudge #answers button:not(:disabled){animation:nudge 2.4s ease-in-out infinite}
@keyframes nudge{0%,100%{border-color:#51465d}50%{border-color:#f2cb81aa}}
#intro .spark{position:relative}#game[data-modus="tutorial"][data-phase="ready"] #intro .spark::before,#game.nudge[data-phase="ready"] #intro .spark::before{content:"";position:absolute;left:50%;top:50%;width:90px;height:90px;margin:-45px 0 0 -45px;border-radius:50%;border:2px solid var(--gold);animation:ring 1.8s ease-out infinite}
@keyframes ring{from{transform:scale(.45);opacity:.95}to{transform:scale(1.7);opacity:0}}
#toast{position:fixed;z-index:30;left:50%;bottom:calc(env(safe-area-inset-bottom) + 18px);transform:translateX(-50%);width:max-content;max-width:min(92vw,460px);background:#2a2338;border:1px solid #64556c;border-radius:14px;padding:10px 16px;font-size:14px;line-height:1.4;box-shadow:0 10px 40px #0009;overflow-wrap:anywhere}
dialog{overflow-y:auto}dialog textarea,dialog input[type=email]{width:100%;background:#332a40;border:1px solid #64556c;border-radius:10px;padding:12px;color:inherit;font:inherit;resize:vertical}
dialog form label{margin:18px 0 8px}.reasons{display:grid;gap:8px;margin-top:14px}.reasons label{display:flex;gap:12px;align-items:center;margin:0;padding:10px 12px;border:1px solid #51465d;border-radius:12px;color:inherit;font-size:15px;min-height:48px;cursor:pointer}.reasons input{width:20px;height:20px;accent-color:var(--gold)}
#helpStatus,#flagStatus{color:var(--gold);min-height:1.2em}
.toggle{display:flex;gap:10px;align-items:center;color:inherit;font-size:14px;margin:22px 0 0}.toggle input{width:22px;height:22px;accent-color:var(--gold)}
.menuLinks{display:flex;flex-wrap:wrap;gap:0 18px}.menuLinks a{margin:16px 0 0}
#saveDialog p{color:#e4dcef}
@media(max-width:380px){#answers button{font-size:13px;min-height:50px;padding:8px 9px}.resultActions{flex-direction:column}#nextBar,#challengeBtn{flex:auto;width:100%;min-height:48px}#coach{font-size:13px}dialog{padding:24px 18px}}
@media(max-height:650px) and (orientation:landscape){#game[data-phase="result"] #bottom{display:block}.resultActions{flex-direction:column}#nextBar,#challengeBtn{min-height:44px}#coach{top:52px}}
@media(prefers-reduced-motion:reduce){#game[data-phase="result"] #picture[data-fit]{transition:none}}
/* claude-cowork-v05-0923 / SPEL: /over page (over.html). */
body.page{min-height:100dvh;padding:max(12px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));line-height:1.6}
.pageHeader{display:flex;justify-content:space-between;align-items:center;gap:12px;max-width:760px;margin:0 auto}.pageHeader select{width:auto;min-height:44px}.backLink{font-size:15px;min-height:44px;display:inline-flex;align-items:center}
.toc{display:flex;flex-wrap:wrap;gap:6px 18px;max-width:760px;margin:14px auto 0;font-size:14px}.toc a{min-height:36px;display:inline-flex;align-items:center}
.prose{max-width:760px;margin:0 auto;overflow-wrap:anywhere}.prose section{padding:18px 0 26px;border-bottom:1px solid #2e2840}.prose h1{font-size:clamp(26px,6vw,36px);letter-spacing:-.5px;margin:10px 0 12px}.prose h3,.prose h4{margin:22px 0 6px;font-weight:650}.prose p,.prose li{color:#e2d9ec;font-size:15px}.prose .concept{display:inline-block;background:#3a2c1c;color:var(--gold);border-radius:8px;padding:4px 10px;font-size:13px}
.tableWrap{overflow-x:auto;margin:12px 0}.prose table{border-collapse:collapse;font-size:13px;min-width:560px}.prose th,.prose td{border:1px solid #3b3350;padding:8px;vertical-align:top;text-align:left}.prose th{background:#221c30}
.creditList{font-size:13px;padding-left:18px}.pageFooter{max-width:760px;margin:18px auto 0;display:flex;justify-content:space-between;color:#9a92a8;font-size:12px}
#game[data-phase="result"] #result{bottom:auto;top:32%}
.prose th,.prose td{overflow-wrap:normal;word-break:normal;hyphens:auto;min-width:96px}
/* claude-cowork-v05-0923 / claude-opus-5-5 / SPEL-2: PRJ-028-0.6.0-dev shop (R4.4), reward stub (R4.5), modes and swipe drawers (R6.5). */
.modeBadge{pointer-events:none;align-self:center;background:#141020cc;border:1px solid #ffffff24;border-radius:16px;padding:4px 10px;font-size:12px;color:var(--gold);max-width:48vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#duelBtn{flex:1 1 100%;min-height:48px;background:#141020dd;pointer-events:auto;font-size:15px}
#after .reward{display:block;color:var(--gold);min-height:44px}
.shopList{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:10px}.shopList li{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:4px 12px;align-items:center;border:1px solid #51465d;border-radius:14px;padding:12px}
.shopList li span{font-weight:650}.shopList li strong{color:var(--gold)}.shopList li button{grid-column:2;grid-row:1/3;min-height:48px;min-width:96px;background:var(--gold);color:#211b26;border:0;font-weight:700}.shopList li button:disabled{background:transparent;color:var(--muted);border:1px solid #51465d}
#shopStatus{color:var(--gold);min-height:1.2em}
.pickerGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.pickerGrid button{padding:0;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;border:2px solid #51465d;background:#141020;min-height:48px}
.pickerGrid img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.pickerGrid span{font-size:12px;padding:4px}.pickerGrid button[aria-pressed="true"]{border-color:var(--gold);box-shadow:0 0 0 2px #f2cb8155}
#themes .locked{opacity:.75}#themes .themeRound{border-color:var(--gold)}
.slideIn{animation:slideIn .32s cubic-bezier(.2,.8,.2,1) var(--delay,0ms) both}.fromLeft{--from:-28px}.fromRight{--from:28px}
@keyframes slideIn{from{transform:translateX(var(--from));opacity:0}to{transform:none;opacity:1}}
body.swipeUi #themes{grid-auto-flow:row}body.swipeUi dialog{touch-action:pan-y}
@media(prefers-reduced-motion:reduce){.slideIn{animation:none}}
/* SPEL-2 R2.7/R2.8: reserve the answer area before the first render (CLS), 24px targets and AA contrast in the menu. */
#game:not([data-phase="result"]) #answers{min-height:102px}
@media(max-width:380px){#game:not([data-phase="result"]) #answers{min-height:106px}}
@media(max-height:650px) and (orientation:landscape){#game:not([data-phase="result"]) #answers{min-height:210px}}
.toggle input{width:24px;height:24px}.menuLinks a{min-height:24px;display:inline-flex;align-items:center}
footer{color:#9a92a8}
/* SPEL-2: consent question (after the first round, non-blocking, equal buttons) and help-form honeypot. Muted text #9A92A8 (META-060). */
.consent{position:relative;margin:0 auto 10px;max-width:540px;padding:12px 40px 12px 14px;border:1px solid #64556c;border-radius:14px;background:#201b2cf2;text-align:left;pointer-events:auto}
.consent p{margin:0 0 10px;font-size:14px;line-height:1.4;color:#f3ecf8}.consentButtons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.consentButtons button{min-height:44px;font-weight:650}
.consent .close{position:absolute;top:4px;right:4px;min-width:36px;min-height:36px;padding:0;background:transparent;border:0}
.hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden;opacity:0}

/* codex-pausito-0924 / GPT-6 / FLOW-0924: optional theme drawer leaves the picture in view. */
#routeDialog{margin:auto auto 0;max-height:55dvh;border-radius:22px 22px 0 0;box-sizing:border-box}
#routeDialog::backdrop{background:#0c0b1440;backdrop-filter:none}
.resultActions #route{flex:1 1 auto;min-height:44px;background:#141020dd;font-size:15px;pointer-events:auto}

/* APP-010 / codex-pausito-0924 / GPT-6: agreements and receipts use readable full-width flow. */
.shopList li.shopAgreement,.shopList li.shopPurchases{display:block;min-width:0;overflow-wrap:anywhere}
.shopAgreement label{display:flex;gap:10px;align-items:flex-start;line-height:1.5}
.shopAgreement input[type=checkbox]{flex:0 0 auto;width:22px;height:22px;margin-top:2px}
.shopAgreement pre{white-space:pre-wrap;font:inherit;line-height:1.5}
.shopAgreement details{margin-top:14px}.shopAgreement summary{cursor:pointer;text-decoration:underline}
.shopPurchases section+section{border-top:1px solid #51465d;margin-top:16px;padding-top:8px}
.shopPurchases button{max-width:100%;white-space:normal;padding:10px}