:root{color-scheme:light;--paper:#fffaf2;--ink:#402b2a;--wine:#792c3d;--muted:#755f59;--line:#e3d5c5}
*{box-sizing:border-box}
body{display:flex;flex-direction:column;min-height:100vh;margin:0;background:#fbf4e9;color:var(--ink);font-family:system-ui,sans-serif}
a{color:var(--wine)}
.content-header,.content-main{width:min(1080px,100%);margin:0 auto;padding:24px 30px}
.content-header{padding-top:34px}
.back-link{color:#735348;font-size:.95rem;font-weight:650;text-decoration:none}
.back-link:hover{text-decoration:underline}
.eyebrow{margin:42px 0 8px;color:#967152;font-size:.78rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase}
h1{margin:0;font:400 clamp(2.2rem,6vw,4.6rem)/1.08 Georgia,serif;letter-spacing:-.035em}
h1 em{color:var(--wine);font-weight:400}
.content-header>p:last-child{max-width:700px;margin:16px 0 0;color:var(--muted);font-size:1.05rem;line-height:1.65}
.content-main{padding-top:12px;padding-bottom:52px}
.content-status{padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--muted)}
.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.gallery-grid[hidden]{display:none}
.gallery-card{overflow:hidden;margin:0;border:1px solid var(--line);border-radius:16px;background:var(--paper);box-shadow:0 4px 16px #402b2a0b}
.gallery-image-link{display:block}
.gallery-image-link:focus-visible,.gallery-share-link:focus-visible{outline:3px solid #b56b11;outline-offset:3px}
.gallery-card img{display:block;width:100%;height:auto;object-fit:contain;background:#efe2d3}
.gallery-share-link{display:block;width:100%;padding:12px 14px;border:0;background:#fff;color:#b51517;text-align:center;font-size:.9rem;font-weight:700;cursor:pointer}
.gallery-share-link:hover{background:#fff4df;text-decoration:underline}
.gallery-share-link:disabled{opacity:.65;cursor:wait}
.conversation-game{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--paper);box-shadow:0 4px 16px #402b2a0b}
.conversation-game[hidden]{display:none}
.conversation-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);background:#f7ebdc}
.conversation-nav button{min-height:44px;padding:10px 17px;border:1px solid #835749;border-radius:999px;background:#835749;color:#fff;font:600 .92rem system-ui,sans-serif;cursor:pointer}
.conversation-nav button:hover:not(:disabled){background:#694438}
.conversation-nav button:disabled{border-color:#d5c9bd;background:#eee9e2;color:#988b80;cursor:default}
.conversation-nav button:focus-visible{outline:3px solid #b56b11;outline-offset:3px}
#question-number{color:var(--muted);font-size:.9rem;font-weight:650;text-align:center}
.conversation-topic-label{margin:30px 28px 0;color:#967152;font-size:.78rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}
.conversation-game h2{margin:10px 28px 0;color:#673526;font:500 clamp(1.7rem,4vw,2.6rem)/1.2 Georgia,serif;overflow-wrap:anywhere}
.conversation-hint{margin:18px 28px 30px;color:var(--muted);line-height:1.6}
.content-footer{box-sizing:border-box;flex-shrink:0;width:100%;max-width:none;margin:auto 0 0;padding:26px clamp(20px,7vw,100px);text-align:center;border:0;color:#fff4df;font:14px/1.5 "Aptos","Segoe UI",system-ui,sans-serif;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23fff4df' fill-opacity='.09' d='M50 34C38 8 0 8 0 42c0 24 28 40 50 58 22-18 50-34 50-58C100 8 62 8 50 34z'/%3E%3C/svg%3E") right -50px top -50px/190px no-repeat,linear-gradient(115deg,#8f1014,#b51517 55%,#b8460f)}
.content-footer a{color:#fff;font-family:"Palatino Linotype","Book Antiqua",Georgia,serif;font-size:1.08em;text-decoration:underline;text-decoration-color:#ffe2b080;text-underline-offset:3px}
.content-footer a:hover{text-decoration-color:currentColor}
.content-footer a:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:800px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){
 .content-header,.content-main{padding-right:17px;padding-left:17px}
 .content-header{padding-top:22px}
 .eyebrow{margin-top:32px}
 .gallery-grid{grid-template-columns:1fr;gap:13px}
 .conversation-nav{gap:7px;padding:12px}
 .conversation-nav button{padding:9px 12px}
 .conversation-topic-label{margin:24px 20px 0}
 .conversation-game h2{margin-right:20px;margin-left:20px}
 .conversation-hint{margin:16px 20px 24px}
}
.legal-text{max-width:760px;line-height:1.7}
.legal-text h2{margin:34px 0 8px;color:#b51517;font:700 1.35rem/1.3 "Palatino Linotype","Book Antiqua",Georgia,serif}
.legal-text p{margin:0 0 12px}
.legal-lead{padding:18px 22px;border-radius:18px;background:#fff;box-shadow:0 8px 26px #61261514;font-weight:600}
.legal-date{margin-top:30px!important;color:var(--muted);font-size:.9rem}
.legal-links{display:block;margin-top:6px;font-size:.92em}
