*{box-sizing:border-box}
:root{
 --cream:#FBFAF9; --card:#FFFFFF; --ink:#362528; --body:#695255;
 --mark:url("data:image/png;base64,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");
 --sage:#924856; --sage-soft:#F6EAEA; --rose:#A97242; --rose-ink:#805A53;
}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);
 font-family:Karla,"Avenir Next",system-ui,sans-serif}
.serif{font-family:Georgia,"Iowan Old Style","Palatino Linotype",serif}
:root[lang="hi"] body{font-family:"Noto Sans Devanagari","Kohinoor Devanagari",system-ui,sans-serif}
:root[lang="zh"] body{font-family:"PingFang SC","Hiragino Sans GB",system-ui,sans-serif}
:root[lang="hi"] .serif,:root[lang="zh"] .serif{font-family:inherit}

.bar{position:sticky;top:0;z-index:60;background:rgba(251,250,249,.94);backdrop-filter:blur(8px);
 border-bottom:1px solid #ECE0E0;display:flex;flex-wrap:wrap;gap:8px;align-items:center;
 padding:11px clamp(14px,4vw,34px)}
.bar .mk{font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
 color:var(--rose-ink);margin-right:auto}
.bar button{font:inherit;font-size:13.5px;font-weight:700;padding:7px 15px;cursor:pointer;
 color:var(--body);background:transparent;border:1.5px solid #DFD2D2;border-radius:40px 10px 40px 10px}
.bar button[aria-pressed="true"]{background:var(--sage);border-color:var(--sage);color:#fff}
.bar button:focus-visible{outline:3px solid var(--rose);outline-offset:2px}

.wrap{max-width:1180px;margin:0 auto;padding:clamp(30px,6vw,66px) clamp(16px,4vw,40px) 90px}
.eyebrow{font-size:13px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
 color:var(--rose-ink);margin:0}
h1{font-size:clamp(38px,7vw,66px);font-weight:600;margin:8px 0 0;color:var(--ink);line-height:1.04}
.sub{font-size:clamp(16px,2.4vw,19px);color:var(--body);max-width:58ch;margin:16px 0 0;line-height:1.55}
.play{margin-top:30px;font:inherit;font-size:14.5px;font-weight:700;cursor:pointer;border:none;
 background:var(--sage);color:#fff;padding:14px 28px;border-radius:50px 12px 50px 12px}
.play:hover{background:#813F4D}
.play:focus-visible{outline:3px solid var(--rose);outline-offset:3px}

.note{margin-top:40px;background:var(--card);border-radius:0 30px 30px 30px;
 padding:clamp(20px,3.4vw,32px);box-shadow:0 3px 12px rgba(54,37,40,.09);max-width:70ch}
.note h2{font-size:clamp(20px,3vw,25px);font-weight:600;margin:0 0 12px;color:var(--ink)}
.note p{margin:0 0 12px;font-size:16px;line-height:1.6;color:var(--body)}
.note p:last-child{margin:0}

.shelf-h{font-size:clamp(19px,2.6vw,23px);font-weight:600;color:var(--ink);
 margin:56px 0 6px;position:relative;padding-bottom:14px}
.shelf-h::after{content:"";position:absolute;left:0;bottom:0;width:64px;height:3px;
 background:var(--rose);border-radius:3px}
.shelf-d{margin:0 0 24px;color:var(--body);font-size:15.5px;max-width:62ch;line-height:1.55}

.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(252px,1fr));gap:20px}
.card{perspective:1400px;height:270px;cursor:pointer}
.flip{position:relative;width:100%;height:100%;transform-style:preserve-3d;
 transition:transform .55s cubic-bezier(.2,.8,.2,1)}
@media (prefers-reduced-motion:reduce){.flip{transition:none}}
.card.on .flip{transform:rotateY(180deg)}
.face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;
 display:flex;flex-direction:column;padding:19px;overflow:hidden}
.front{background:var(--card);border-radius:0 26px 26px 26px;box-shadow:0 3px 10px rgba(54,37,40,.1)}
.back{background:var(--sage);color:var(--cream);border-radius:26px 0 26px 26px;
 transform:rotateY(180deg);justify-content:center;box-shadow:0 3px 10px rgba(54,37,40,.16)}
.ico{width:54px;height:54px;background:var(--sage-soft);border-radius:50% 50% 50% 6px;
 display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.ico svg{width:30px;height:30px;fill:#E4C7CE;stroke:var(--sage);stroke-width:2}
.q{margin:14px 0 0;font-size:16.5px;font-weight:600;line-height:1.3;flex:1;color:var(--ink)}
.n{font-size:11px;font-weight:700;letter-spacing:.1em;color:#D3ACB5;margin-top:2px}
.turn{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--rose);margin-top:auto}
.a{margin:0;font-size:13.6px;line-height:1.5;color:var(--cream);overflow:auto}
.a+.a{margin-top:9px;opacity:.86}
:root[lang="hi"] .turn,:root[lang="zh"] .turn,:root[lang="hi"] .eyebrow,:root[lang="zh"] .eyebrow,
:root[lang="hi"] .mk,:root[lang="zh"] .mk{letter-spacing:normal;text-transform:none}


.made{background:var(--card);border-radius:0 30px 30px 30px;padding:24px;margin-top:34px;
 display:flex;align-items:center;gap:18px;box-shadow:0 3px 12px rgba(54,37,40,.09);max-width:70ch}
.made p{margin:0;font-size:14.5px;line-height:1.55;color:var(--body)}
.made b{display:block;font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
 color:var(--rose-ink);margin-bottom:7px}
.foot{margin-top:56px;border-top:1px solid #ECE0E0;padding-top:26px;color:var(--body);font-size:14px;line-height:1.6}
.foot .big{font-size:17px;font-weight:600;color:var(--ink);margin:0 0 10px}

/* player */
.player{position:fixed;inset:0;z-index:90;background:#271A1D;display:flex;flex-direction:column;
 align-items:center;justify-content:center;gap:18px;padding:18px}
.player[hidden]{display:none}
.stage{width:min(94vw,calc((100dvh - 180px)*0.78),470px);aspect-ratio:3/3.9;position:relative}
.stage .card{position:absolute;inset:0;height:100%}
.stage .q{font-size:clamp(21px,3.6vw,29px)}
.stage .a{font-size:clamp(14px,2vw,17px)}
.stage .turn{display:none}
.pbar{width:min(94vw,440px);height:5px;background:#453135;border-radius:99px;overflow:hidden}
.pbar i{display:block;height:100%;width:0;background:var(--rose)}
.pctl{display:flex;align-items:center;gap:10px;color:#EFDDE2;font-size:13px;font-weight:700}
.pctl button{font:inherit;font-size:15px;width:44px;height:44px;border-radius:50%;cursor:pointer;
 background:transparent;color:#FBFAF9;border:1.5px solid #543C42}
.pctl button:hover{border-color:var(--rose)}
.pctl .cnt{min-width:74px;text-align:center;font-variant-numeric:tabular-nums}
.hint{color:#B47A88;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
:root[lang="hi"] .hint,:root[lang="zh"] .hint{letter-spacing:normal;text-transform:none}


/* ---- Card layout -------------------------------------------------------------
   Colour runs down the side of the card and follows its curve. The front is square
   at top-left and the back at top-right, so a left border on one and a right border
   on the other stay on the same visual edge once the card turns.
   Logo and label sit on the bottom line, both out of normal flow, so the question can
   sit dead centre without either crowding it. The logo is on the front because the
   page opens face up.
   Each section gets its own warm tone, so flicking through tells you where you are. */
.front{border-left:5px solid var(--sage);justify-content:center}
.back{border-right:5px solid var(--sage);justify-content:center;
 background:var(--card);color:var(--ink);box-shadow:0 3px 10px rgba(0,0,0,.07)}
.back .a{color:var(--ink);font-size:14px;flex:0 0 auto}
.back .a+.a{opacity:.82}
.q{flex:0 0 auto;font-size:18.5px;line-height:1.3;margin:0}
.ico{display:block;position:absolute;left:19px;bottom:15px;width:22px;height:22px;
 background:var(--mark) no-repeat center/contain;border-radius:0;opacity:1;flex:0 0 auto}
.ico svg{display:none}
.back .ico{display:none}
.turn{position:absolute;right:19px;bottom:19px;margin:0}
.card[data-sec="s1"] .front{border-left-color:#974551}.card[data-sec="s1"] .back{border-right-color:#974551}.card[data-sec="s1"] .turn{color:#974551}
.card[data-sec="s7"] .front{border-left-color:#9C5847}.card[data-sec="s7"] .back{border-right-color:#9C5847}.card[data-sec="s7"] .turn{color:#9C5847}
.card[data-sec="s2"] .front{border-left-color:#9D7247}.card[data-sec="s2"] .back{border-right-color:#9D7247}.card[data-sec="s2"] .turn{color:#9D7247}
.card[data-sec="s4"] .front{border-left-color:#836550}.card[data-sec="s4"] .back{border-right-color:#836550}.card[data-sec="s4"] .turn{color:#836550}
.card[data-sec="s5"] .front{border-left-color:#84525F}.card[data-sec="s5"] .back{border-right-color:#84525F}.card[data-sec="s5"] .turn{color:#84525F}
.card[data-sec="s6"] .front{border-left-color:#744C62}.card[data-sec="s6"] .back{border-right-color:#744C62}.card[data-sec="s6"] .turn{color:#744C62}
.card[data-sec="s3"] .front{border-left-color:#66474C}.card[data-sec="s3"] .back{border-right-color:#66474C}.card[data-sec="s3"] .turn{color:#66474C}


/* Language picker. A native select so it behaves like the phone expects, wrapped so we
   can draw our own chevron and keep the pill shape the bar already uses. */
.langsel{position:relative;display:inline-flex;align-items:center}
.langsel::after{content:"";position:absolute;right:15px;pointer-events:none;
 width:7px;height:7px;border-right:2px solid var(--rose-ink);border-bottom:2px solid var(--rose-ink);
 transform:translateY(-2px) rotate(45deg)}
.langsel select{appearance:none;-webkit-appearance:none;font:inherit;font-size:14px;font-weight:700;
 color:var(--ink);background:var(--card);border:1px solid rgba(133,69,76,.30);
 border-radius:999px;padding:9px 36px 9px 17px;cursor:pointer;min-width:150px}
.langsel select:hover{background:var(--sage-soft)}
.langsel select:focus-visible{outline:2px solid var(--sage);outline-offset:2px}