/* Gist Compound v1.11 - consolidated original CSS. Do not edit this generated file directly. */

/* ---- styles.css ---- */
:root{--bg:#180f0d;--deep:#251611;--panel:#33211a;--paper:#fff2d6;--gold:#ffbf49;--orange:#f57b29;--red:#ef554a;--mint:#45b77c;--cream:#fff6e7;--line:#78513c;--muted:#e4c6a4;--shadow:0 15px 48px #0803027a;--radius:22px}
*{box-sizing:border-box}html{min-height:100%;-webkit-text-size-adjust:100%}body{margin:0;background:radial-gradient(ellipse at 50% -20%,#614021 0,transparent 55%),var(--bg);color:var(--cream);font-family:ui-rounded,'Trebuchet MS',system-ui,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.54}button:focus-visible,input:focus-visible{outline:3px solid #ffcd54;outline-offset:3px}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.04em}p{line-height:1.5}a{color:var(--gold)}.page{max-width:1060px;margin:auto;padding:0 14px 45px}.topbar{height:66px;display:flex;justify-content:space-between;gap:10px;align-items:center}.brand{background:none;color:#fff0d8;border:0;display:flex;gap:9px;align-items:center;font-size:1.12rem;font-weight:1000;letter-spacing:-.05em}.brand .globe{background:linear-gradient(140deg,#39ba78,#08794d);box-shadow:inset 0 -3px #075333;color:white;border-radius:13px;padding:8px;transform:rotate(-8deg)}.brand b{color:#ffc150}.rightbar{display:flex;align-items:center;gap:7px}.coinbox,.profilebar{background:#30211c;border:1px solid #745037;border-radius:30px;padding:9px 12px;font-size:.83rem;font-weight:900;white-space:nowrap}.coinbox strong{color:#ffe18a}.navbtn{background:#3b271e;border:1px solid #76513d;color:white;padding:10px 12px;border-radius:13px;font-size:.84rem;font-weight:900}.hero{position:relative;overflow:hidden;min-height:310px;border-radius:29px;background:linear-gradient(90deg,#321c13e9,#321c13ab 65%,#321c13a0),url('assets/market_back.webp') center/cover;box-shadow:var(--shadow);border:1px solid #945b36}.hero:after{content:'✦  ✦  ✦';position:absolute;right:15px;top:17px;color:#eeb76570}.hero-content{position:relative;z-index:1;padding:31px 22px;width:66%}.kicker{color:#ffca69;letter-spacing:.11em;text-transform:uppercase;font-size:.72rem;font-weight:1000}.hero h1{font-size:clamp(2.9rem,6vw,4.7rem);line-height:.96;margin:8px 0 14px;text-shadow:0 5px #281207}.hero h1 em{color:#ffb137;font-style:normal}.hero p{color:#ffe5c4;max-width:450px;margin-bottom:15px;font-size:1rem}.mami-hero{position:absolute;right:2%;bottom:-7%;width:32%;height:100%;object-fit:contain;object-position:bottom;filter:drop-shadow(2px 9px 8px #0009)}.speech-hero{position:absolute;right:17%;top:14px;z-index:2;background:#ffe4ab;color:#4d2414;font-size:.82rem;font-weight:1000;padding:9px 12px;border-radius:17px 17px 17px 3px;transform:rotate(5deg);max-width:170px;box-shadow:0 6px 0 #d07e3280}.btn{border:0;border-radius:15px;padding:13px 21px;font-weight:1000;background:linear-gradient(180deg,#ffdd74,#ffa32a);box-shadow:0 5px 0 #b96016;color:#361a0b;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center}.btn:active{transform:translateY(3px);box-shadow:0 2px 0 #b96016}.btn.dark{background:#3e291e;color:#ffe4bf;box-shadow:0 4px 0 #23140e;border:1px solid #845638}.btn.green{background:linear-gradient(#6ad49a,#25965e);box-shadow:0 5px 0 #11603a;color:#073c26}.btn.small{font-size:.8rem;padding:10px 13px;border-radius:11px}.btn.ghost{background:#fff4dd;color:#57321b;box-shadow:0 4px 0 #dabb87}.btn.block{width:100%}.info-row{display:flex;gap:9px;flex-wrap:wrap;margin:17px 0}.pill{background:#34221a;border:1px solid #7c5135;border-radius:50px;padding:10px 12px;color:#feeccf;font-size:.79rem;font-weight:850}.pill b{color:#ffd177}.section{margin:25px 0 10px}.section h2{font-size:1.6rem}.section p{color:#e1bea0;font-size:.9rem;margin-top:4px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:13px 0}.card{background:#2f2019;border:1px solid #7b5037;border-radius:23px;padding:19px;box-shadow:var(--shadow);min-height:157px;position:relative;overflow:hidden}.card.primary{background:linear-gradient(150deg,#a04a19,#643419 72%,#342017);border-color:#e49b56}.card.secondary{background:linear-gradient(150deg,#126e4a,#164a39 80%);border-color:#498e69}.card.locked{opacity:.78}.card .symbol{font-size:2rem;margin-bottom:11px}.card h3{font-size:1.18rem}.card p{margin:5px 0 14px;color:#ffe3c9;font-size:.83rem}.card button{margin-top:4px}.card-note{background:#3b261c;border:1px solid #775035;border-radius:19px;padding:16px;display:flex;align-items:center;gap:15px}.card-note img{width:80px;height:80px;object-fit:contain;flex-shrink:0}.card-note p{color:#f3d9b3}.card-note h3{font-size:1rem;margin-bottom:3px}.foot{text-align:center;margin:30px 0;color:#ba9a80;font-size:.74rem}.map-head,.game-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:13px 0 16px}.map-head h1,.game-head h1{font-size:clamp(1.8rem,5vw,2.5rem)}.subtle{color:var(--muted);font-size:.88rem}.districts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.district{background:linear-gradient(150deg,#543623,#2b1b15);border:1px solid #795039;border-radius:24px;padding:17px}.district:nth-child(2){background:linear-gradient(150deg,#225b45,#1c2d21)}.district:nth-child(3){background:linear-gradient(150deg,#78402b,#382018)}.district h2{font-size:1.22rem}.district p{font-size:.78rem;color:#edd7b2;margin:6px 0}.dots{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:20px}.level-dot{position:relative;width:100%;aspect-ratio:1.1;border-radius:16px;border:2px solid #b57c3b;background:linear-gradient(145deg,#ffda6a,#f29827);box-shadow:0 5px #814c22;color:#41230d;font-size:1.3rem;font-weight:1000}.level-dot strong{display:block}.level-dot span{display:block;font-size:.67rem;margin-top:2px}.level-dot.done{background:linear-gradient(150deg,#8de8a5,#36ae70);box-shadow:0 5px #236d4b;border-color:#b6edaf}.level-dot.locked{background:#5c4a3d;border-color:#826e5b;box-shadow:none;color:#d0bea9}.level-dot.next{animation:pulse 1.8s infinite}@keyframes pulse{50%{filter:brightness(1.2);box-shadow:0 5px 0 #814c22,0 0 0 3px #ffcb65}}.level-dot:disabled{opacity:.65}.intro-box{background:#fff0cc;color:#3c2216;padding:14px;border-radius:18px;margin:20px 0;display:flex;align-items:center;gap:12px}.intro-box img{width:68px;height:75px;object-fit:contain}.intro-box p{font-size:.86rem;font-weight:800}.playcols{display:grid;grid-template-columns:minmax(0,650px) minmax(230px,1fr);gap:18px;align-items:start}.playpanel{background:linear-gradient(150deg,#50331f,#34231c);padding:14px;border:2px solid #a76f38;border-radius:26px;box-shadow:0 8px 0 #0d0906,0 18px 44px #0005;min-width:0}.hud{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:11px}.move-count{background:linear-gradient(145deg,#167e66,#145045);border:3px solid #e5bd72;border-radius:15px;padding:8px 12px;text-align:center;min-width:95px}.move-count b{display:block;font-size:1.75rem;line-height:1}.move-count small{display:block;font-size:.64rem;text-transform:uppercase;font-weight:1000;color:#e3fada}.orders{flex:1;display:flex;gap:5px;flex-wrap:wrap}.order{background:#f4ddb1;border:2px solid #b97b37;border-radius:12px;padding:4px 7px;display:flex;gap:3px;align-items:center;color:#482a17;font-weight:1000;font-size:.83rem;min-height:47px}.order.done{background:#d7ffde;border-color:#2cb66b}.order svg{width:31px;height:31px}.board{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;background:linear-gradient(160deg,#146b59,#074333);border:6px solid #23765c;box-shadow:inset 0 3px 0 #ffffff2b,0 5px 0 #102f23;border-radius:17px;touch-action:none;user-select:none;-webkit-user-select:none}.tile{aspect-ratio:1;border:2px solid #fff6dc8c;border-radius:11px;min-width:0;padding:1px;background:linear-gradient(155deg,#fff0d3,#e8caa0);box-shadow:inset 0 -4px #c99f69,0 2px #14271e66;display:grid;place-items:center;position:relative;transition:transform .12s,background .12s}.tile svg{width:96%;height:96%;max-width:63px}.tile.selected{background:#ffd56e;outline:3px solid #fff3bd;z-index:1;transform:scale(1.05)}.tile.hint{animation:hint 1s infinite}@keyframes hint{50%{filter:brightness(1.35);box-shadow:inset 0 0 0 4px #fdc71a}}.tile.block{background:repeating-linear-gradient(45deg,#916038 0 8px,#ad7d49 8px 16px);border:2px solid #70401e;color:white;box-shadow:inset 0 0 0 3px #b9945f}.tile.block:after{content:'×';position:absolute;font-size:1.35rem;font-weight:1000;color:#f9d3a0}.tile.block svg{width:80%}.toolbar{display:flex;justify-content:space-between;gap:9px;align-items:center;margin-top:13px}.toolbar .btn{flex:1}.helper{border:1px solid #936246;background:linear-gradient(140deg,#3d281b,#2a1a15);border-radius:24px;padding:15px;box-shadow:var(--shadow)}.helper-head{display:flex;align-items:center;gap:10px}.helper-head img{height:89px;width:85px;object-fit:contain}.helper h3{font-size:1.2rem}.helper p{font-size:.77rem;color:#e0bd99}.bubble{background:#fff0c9;border:2px solid #f6be65;color:#4c301b;border-radius:15px 15px 15px 3px;padding:13px;font-weight:900;line-height:1.4;margin-top:12px;min-height:65px}.tip{background:#4f2d1b;border-radius:16px;padding:13px;color:#fbe0b6;margin-top:14px;font-size:.84rem}.tip b{color:#ffd06c}.story{background:#274d35;border-radius:17px;padding:14px;margin:12px 0;font-weight:900;border:1px solid #5fa37d}.result{max-width:570px;margin:20px auto 30px;background:linear-gradient(160deg,#4c2a18,#261913);padding:18px;border:2px solid #9e683c;border-radius:28px;text-align:center;box-shadow:var(--shadow)}.result-art{height:250px;border-radius:20px;background:#38271f;overflow:hidden;position:relative;margin-bottom:16px}.result-art img.koko{width:100%;height:100%;object-fit:cover;object-position:center 36%}.result-art img.mami-result{height:100%;width:100%;object-fit:contain;background:linear-gradient(145deg,#1d774d,#276a43)}.result h1{font-size:2.35rem;color:#ffd16b}.result p{color:#f9dfbd}.stars{font-size:2.3rem;letter-spacing:6px;margin:12px}.reward{background:#fce9bb;color:#543217;border-radius:15px;padding:11px;margin:12px 0;font-weight:1000}.result .actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:14px 0}.toast{position:fixed;z-index:8;bottom:16px;left:50%;transform:translateX(-50%);background:#fff1cf;color:#3a2214;border:2px solid #e3ad53;border-radius:15px;padding:13px 18px;max-width:min(92vw,450px);font-weight:1000;box-shadow:0 8px 25px #0007;text-align:center}.offscreen{position:absolute!important;left:-99999px!important}.tag{display:inline-block;padding:5px 9px;border-radius:20px;background:#f5c55d;color:#43200c;font-size:.69rem;font-weight:1000;letter-spacing:.05em;text-transform:uppercase}.chapter{color:#ffd68b;text-transform:uppercase;letter-spacing:.12em;font-size:.74rem;font-weight:1000;margin-bottom:6px}.helpul{margin:10px 0 0;padding-left:18px;font-size:.84rem;color:#f7ddbb}.helpul li{margin:7px 0}.name-form{display:flex;gap:7px;margin:18px 0 0}.name-form input{padding:12px;border-radius:13px;border:2px solid #986339;color:#372113;background:#fff5e2;min-width:0;max-width:200px;font-weight:800}.desktop-hint{display:block}.subline{margin:5px 0;color:#e4c5a5;font-size:.86rem}
@media(min-width:700px){.hero-content{padding:41px}.mami-hero{right:7%;width:28%}.board{gap:6px}.tile{border-radius:13px}.result-art{height:300px}}
@media(max-width:760px){.districts{grid-template-columns:1fr}.district{padding:16px}.dots{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:15px}.level-dot{aspect-ratio:1.1}.playcols{grid-template-columns:1fr}.helper{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:9px}.helper .bubble{margin:0}.helper .tip{grid-column:1/-1;margin-top:0}.cards{grid-template-columns:1fr 1fr}.cards .card:last-child{grid-column:1/-1}.card{min-height:135px}.speech-hero{right:14%}}
@media(max-width:440px){.page{padding:0 9px 36px}.topbar{height:57px}.brand{font-size:1.02rem}.navbtn{padding:9px}.coinbox{padding:8px;font-size:.76rem}.profilebar{display:none}.hero{min-height:275px}.hero-content{width:76%;padding:25px 15px}.hero h1{font-size:2.65rem}.hero p{font-size:.86rem;max-width:220px}.mami-hero{width:47%;right:-8%;height:83%;bottom:-7%}.speech-hero{font-size:.71rem;top:6px;right:4%;padding:7px;max-width:105px}.info-row{gap:6px}.pill{padding:8px 10px;font-size:.72rem}.cards{gap:8px}.card{padding:12px;border-radius:17px}.card .symbol{font-size:1.5rem}.card h3{font-size:1rem}.card p{font-size:.75rem}.section h2{font-size:1.35rem}.playpanel{padding:8px;border-radius:17px}.board{gap:3px;border-width:4px}.tile{border-radius:7px;border-width:1.5px}.hud{flex-wrap:nowrap;align-items:stretch}.move-count{min-width:73px;padding:7px}.move-count b{font-size:1.5rem}.orders{flex-wrap:wrap;justify-content:flex-end}.order{font-size:.71rem;padding:2px 4px;min-height:31px;border-radius:8px}.order svg{width:24px;height:24px}.toolbar{gap:5px}.toolbar .btn{font-size:.73rem;padding:9px 7px}.helper-head img{height:75px;width:65px}.helper .bubble{font-size:.82rem;padding:9px}.district h2{font-size:1.13rem}.map-head h1,.game-head h1{font-size:1.6rem}}
@media(prefers-reduced-motion:reduce){.level-dot.next,.tile.hint{animation:none}.tile{transition:none}}
/* v0.6: cohesive custom vector icons, legible dialogue, complete artwork */
.ui-icon{width:1.15em;height:1.15em;vertical-align:-.15em;flex-shrink:0;stroke:currentColor;display:inline-block}.brand-icon{width:1.55em;height:1.55em;color:#f5b94d}.brand,.rightbar,.navbtn,.coinbox,.btn,.pill,.chapter,.symbol,.reward{display:inline-flex;align-items:center;gap:.38em}.brand{display:flex}.rightbar{display:flex}.card .symbol{display:flex;color:#fbd184}.card .symbol .ui-icon{width:2.5rem;height:2.5rem}.section h2{margin:0 0 .4rem}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.chapter{display:inline-flex}.chapter .ui-icon{width:15px;height:15px}.level-dot svg{width:25px;height:25px}.hint-num{font-size:.71rem;font-weight:700;opacity:.7;white-space:nowrap}.result-art.fail-art{background:radial-gradient(circle at center,#efc284 0%,#a76228 60%,#342118 100%);height:min(490px,62vh);overflow:hidden;display:flex;align-items:center;justify-content:center}.result-art img.koko{display:block;width:100%;height:100%;object-fit:contain;object-position:center center}.result-art.win-art{height:280px;display:flex;align-items:center;justify-content:center}.result-art img.mami-result{height:100%;max-height:100%;object-fit:contain}.result h1{font-size:clamp(1.9rem,6vw,2.35rem)}.result .stars{display:flex;justify-content:center;align-items:center;gap:8px}.gold-star{color:#ffd470;fill:#eeb232;width:27px;height:27px}.dim-star{color:#957854;width:27px;height:27px}.card-note.dialogue{margin:8px 0 17px;min-height:106px;display:flex;align-items:center;gap:18px;overflow:visible}.card-note.dialogue img{height:98px;width:90px;object-fit:contain;object-position:center}.card-note.dialogue p{background:#fef0cb;color:#532e18;border-radius:18px 18px 18px 4px;padding:13px;font-weight:800;font-size:clamp(.82rem,2.6vw,1rem);flex:1;line-height:1.5;margin:0}.settings-page,.setting-page{max-width:720px;margin:35px auto}.setting-page>.card{margin:18px 0;overflow:visible}.setting-page .card h2{display:flex;align-items:center;gap:10px;font-size:1.25rem;margin:0 0 10px}.setting-page .card p{margin:10px 0 16px}.setting-page h1{font-size:clamp(2rem,6vw,3rem);margin-bottom:20px}.account-preview{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.btn:disabled{opacity:.55;box-shadow:none;cursor:not-allowed}.local-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.local-stats span{background:#65422e;border-radius:12px;padding:12px;display:flex;justify-content:space-between;gap:8px}.smallprint{font-size:.75rem!important;opacity:.83;margin-top:20px!important}.phrase-card{text-align:center;padding:24px;min-height:400px}.phrase-card h1{font-size:clamp(2rem,8vw,4rem);color:#ffcf70;margin:25px 0}.phrase-card p{font-size:1.1rem;margin:12px 0 24px}.sprint-card{padding:28px;text-align:center}.sprint-card h2{font-size:clamp(2.2rem,8vw,3.8rem);color:#ffd177;margin:18px 0 23px}.quiz-options{display:grid;gap:11px;margin:18px 0}.quiz-option{width:100%;border:1.5px solid #996c46;border-radius:12px;background:#523221;color:#fff3d8;text-align:left;padding:16px;font-size:1rem;font-weight:750}.quiz-option:disabled{cursor:default}.quiz-option.correct{background:#147944;border-color:#85e5a1;color:white}.quiz-option.incorrect{background:#8b3535;border-color:#f29289;color:white}.quiz-feedback{background:#fff1ce;color:#4a2b15;border-radius:14px;padding:14px;text-align:left;margin-bottom:14px;font-size:.86rem}.big-score{font-size:4rem;color:#ffd776;font-weight:1000}.balance{background:#49301f;padding:14px;border-radius:12px}
@media(max-width:440px){.result{padding:14px}.result-art.fail-art{height:min(410px,55vh)}.card-note.dialogue{gap:8px;padding:10px}.card-note.dialogue img{height:77px;width:69px}.card-note.dialogue p{padding:9px;font-size:.84rem}.brand-icon{width:1.3em;height:1.3em}.toolbar .btn{gap:2px}.hint-num{font-size:.57rem}.setting-page{margin:25px 2px}.sprint-card{padding:18px}}

/* v0.7 — welcome, visible learning, clear hints, discoverable sound */
.topbar .nav-audio{background:#ffe3a9;color:#342018;border-color:#e6b35b;font-weight:900}.topbar .nav-langs{border-color:#d6ad6e}.welcome-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1020px;margin:26px auto;align-items:stretch}.welcome-hero{background:linear-gradient(170deg,#156549 0%,#253d29 50%,#2f1a12 100%);border:2px solid #a26a35;border-radius:28px;overflow:hidden;padding:30px;position:relative;min-height:585px}.welcome-hero h1{font-size:clamp(2.5rem,5vw,4.2rem);line-height:1.08;margin:17px 0;color:#ffe29a;max-width:380px}.welcome-hero p{font-size:1.12rem;max-width:390px;line-height:1.55;color:#fff1cf}.welcome-mami{display:block;position:absolute;max-height:330px;height:52%;max-width:92%;bottom:-8px;right:0;object-fit:contain;object-position:bottom right}.welcome-card{background:linear-gradient(155deg,#47291c,#291a15);border:2px solid #986845;border-radius:28px;padding:26px;box-shadow:var(--shadow)}.welcome-card h2{font-size:1.75rem;color:#ffdd88;margin:0 0 9px}.welcome-card p{font-size:.9rem;color:#edd0a9}.welcome-card form{margin:16px 0}.welcome-card label{display:block;font-weight:900;color:#ffe09a;margin-bottom:6px}.welcome-card input,.searchline input{background:#fff4de;color:#392118;border:2px solid #d1a060;border-radius:12px;width:100%;padding:12px;font-weight:750;font-size:1rem}.welcome-card h3{font-size:1.04rem;margin:19px 0 11px}.avatar-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:8px 0 20px}.avatar-choice{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:flex-end;padding:6px 2px;border-radius:13px;border:2px solid #78543b;background:#39251b;color:#fff0c9;font-weight:800;font-size:.69rem}.avatar-choice.active{border-color:#ffe16f;background:#7a4b2c}.avatar-choice img{width:100%;max-height:89px;height:70px;object-fit:contain}.wide{display:flex;width:100%;justify-content:center;margin:8px 0}.welcome-options{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.welcome-options .btn{flex:1;font-size:.81rem;justify-content:center}.slang-feature{border:2px solid #b78341;border-radius:22px;padding:21px;background:linear-gradient(135deg,#654222,#273b27)}.slang-feature h2{margin:13px 0}.slang-teasers{display:flex;gap:9px;flex-wrap:wrap}.slang-teasers span{background:#fbdf9b;color:#512d1b;border-radius:99px;padding:8px 15px;font-weight:900}.slang-feature .actions .btn{max-width:100%}.hint-balance{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:6px;background:#ffdf96;color:#432814;padding:9px;font-size:.83rem;border-radius:10px;margin:0 0 11px;font-weight:700}.slang-directory h1{display:flex;align-items:center;gap:10px}.slang-search{padding:18px;min-height:0!important}.searchline{display:flex;gap:8px;margin:8px 0 14px}.searchline input{min-width:0;flex:1}.filterchips{display:flex;flex-wrap:wrap;gap:7px}.filterchip{border:1px solid #a97e58;border-radius:16px;padding:9px 13px;background:#322219;color:#ffe6b1;font-weight:850}.filterchip.active{background:#ffcf71;color:#472818;border-color:#ffe3a3}.slang-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.slang-tile{padding:18px;background:linear-gradient(135deg,#563622,#332219);border-radius:17px;border:1px solid #99704b;min-height:180px}.slang-tile .tag{font-size:.65rem;letter-spacing:0;white-space:normal}.slang-tile h3{font-size:1.4rem;color:#ffcc64;margin:12px 0}.slang-tile p{font-size:.9rem;line-height:1.45;color:#f9e6c6}.slang-example{font-size:.83rem;color:#d4f4c5;background:#28523a;border-radius:12px;padding:9px}.slang-pagination{display:flex;gap:10px;justify-content:space-between;margin:18px 0}.slang-sprint-cta{min-height:0!important;padding:20px!important}.welcome-layout .btn{white-space:normal}.nav-audio span{font-size:.69rem}.foot{opacity:.95}
@media(max-width:760px){.welcome-layout{grid-template-columns:1fr;margin:13px auto}.welcome-hero{min-height:290px;padding:20px}.welcome-hero h1{max-width:65%;font-size:2.5rem}.welcome-hero p{max-width:55%;font-size:.93rem}.welcome-mami{max-height:270px;height:84%;max-width:52%;right:0}.welcome-card{padding:20px}.slang-cards{grid-template-columns:1fr 1fr}}
@media(max-width:440px){.nav-langs .desktop-hint{display:none}.topbar .navbtn{padding:8px;gap:3px}.topbar .nav-audio{padding:7px}.topbar .nav-audio .ui-icon{width:14px}.topbar .rightbar{gap:3px}.brand{font-size:.91rem}.brand-icon{width:1em}.welcome-layout{gap:10px}.welcome-hero{min-height:244px}.welcome-hero h1{font-size:2rem;margin:8px 0}.welcome-hero p{font-size:.82rem}.welcome-mami{max-height:235px;max-width:50%}.welcome-card{padding:16px}.avatar-choice img{height:63px}.slang-cards{grid-template-columns:1fr}.searchline{flex-wrap:wrap}.slang-directory h1{font-size:1.75rem}.slang-feature .actions .btn{flex:1}.hint-balance{font-size:.71rem}.toolbar{flex-wrap:wrap}.toolbar .btn{min-width:30%;font-size:.7rem}}

@media(max-width:440px){.topbar .desktop-hint{display:none}.topbar .rightbar{gap:2px}.rightbar .navbtn{min-width:0}.brand{gap:2px}.brand span{white-space:nowrap}}


/* ---- quiz.css ---- */
/* v0.8 Quiz Corner */
.qgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}
.qtile{text-align:left;background:var(--panel);color:var(--cream);border:1px solid var(--line);border-radius:16px;padding:14px;cursor:pointer;font:inherit}
.qtile b{display:block;font-size:1.05rem;color:var(--gold)}.qtile span{display:block;font-size:.85rem;color:var(--muted);margin-top:3px}
.qtile:hover{border-color:var(--gold)}
.qrow{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.qchip{border:1px solid var(--line);background:transparent;color:var(--cream);border-radius:999px;padding:10px 14px;font:inherit;cursor:pointer;min-height:44px}
.qchip.on{background:var(--gold);color:#2b1a12;border-color:var(--gold);font-weight:800}
.qhead{display:flex;gap:12px;align-items:center;margin:12px 0}
.qwho{width:84px;height:104px;object-fit:cover;border-radius:16px;border:2px solid var(--gold);flex:none;background:var(--deep)}
.qq{font-size:1.5rem;line-height:1.15;margin:4px 0}
.qopts{display:grid;gap:10px;margin:14px 0}
.qopt{text-align:left;background:var(--panel);color:var(--cream);border:1px solid var(--line);border-radius:14px;padding:14px;font:inherit;min-height:50px;cursor:pointer}
.qopt:hover:not(:disabled){border-color:var(--gold)}
.qopt:disabled{cursor:default;color:var(--cream)}
.qopt.right{background:#1f4a35;border-color:var(--mint)}.qopt.wrong{background:#5a2420;border-color:var(--red)}
.qinput{width:100%;padding:14px;border-radius:14px;border:1px solid var(--line);background:#2b1a14;color:var(--cream);font:inherit;margin:8px 0 12px;min-height:50px}
.qbtn{border:1px solid var(--line);background:transparent;color:var(--cream);border-radius:14px;padding:13px 18px;font:inherit;cursor:pointer;min-height:44px}
.qres{text-align:center}.qres h1{font-size:4rem;margin:.1em 0}.qres .qopts{max-width:360px;margin:18px auto}
.quiz-cta{margin-top:16px}
@media(max-width:440px){.qwho{width:70px;height:88px}.qq{font-size:1.3rem}}
/* Gist Compound v0.9 — Slang drag-and-drop, characters, celebration */
.gembox{color:#d4edff;background:#382543;border-color:#8d66ac}.pair-cta{margin:22px 0;background:linear-gradient(125deg,#612549,#532c22 50%,#2a4237);border:2px solid #f1bc6e}.pair-cta h2{font-size:clamp(1.4rem,3vw,2rem);color:#ffdc85}.pair-cta-actions{display:flex;gap:10px;flex-wrap:wrap}.cast-banner{border:1px solid #a7774c;background:linear-gradient(90deg,#56291e,#2d3c3d);border-radius:18px;display:flex;align-items:center;padding:9px;margin:20px 0;gap:4px;flex-wrap:wrap}.cast-banner img{width:62px;height:65px;object-fit:contain;border-radius:13px;flex:none}.cast-banner span{font-weight:850;color:#ffe2ab;font-size:.87rem;flex:1;min-width:110px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.mode-card{border:2px solid #aa764a;background:linear-gradient(150deg,#503020,#301c18);padding:20px 13px;border-radius:20px;min-height:155px;text-align:left;color:#fff5de;display:flex;flex-direction:column;justify-content:center;gap:9px;cursor:pointer;font:inherit}.mode-card:hover,.mode-card:focus-visible{border-color:#ffcc65;outline:2px solid transparent}.mode-card strong{font-size:1.25rem;color:#ffe09a}.mode-card small{line-height:1.4;color:#ebc69e}.mode-tag{font-size:.7rem;letter-spacing:.14em;color:#df9df9;font-weight:900}.pair-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.pair-page h1{font-size:clamp(1.9rem,5vw,2.6rem);margin:.25em 0}.pair-page h2{margin:22px 0 10px;font-size:1.25rem}.pair-hud{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;background:#4e2c22;border-radius:15px;padding:12px;margin-bottom:16px;color:#ffe099}.pair-hud b{font-size:clamp(.73rem,2.9vw,1rem)}.pair-guide{display:flex;align-items:center;gap:13px;background:linear-gradient(115deg,#664025,#2f2621);border:1px solid #a67951;border-radius:18px;padding:12px}.pair-guide img{width:76px;height:82px;object-fit:contain;border-radius:14px}.pair-guide p{margin:7px 0 0;font-size:.9rem}.pair-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.phrase-choice,.meaning-choice{cursor:pointer;border:2px solid #916544;background:linear-gradient(140deg,#533429,#321f1c);color:#fff1cf;min-height:85px;padding:12px;border-radius:18px;font:inherit;font-weight:850;text-align:left;font-size:clamp(.83rem,3.2vw,1rem);touch-action:none;user-select:none;-webkit-user-select:none;overflow-wrap:anywhere}.phrase-choice{display:flex;justify-content:space-between;align-items:center}.phrase-choice span{opacity:.5}.meaning-choice{font-size:clamp(.75rem,3vw,.93rem);font-weight:750;background:#34231d}.phrase-choice.selected-pair{background:#74432b;border-color:#ffd57a;box-shadow:0 0 0 3px #ffd17c3a}.phrase-choice.pair-done,.meaning-choice.pair-done{background:#1b5140;color:#b9ebc6;border-color:#43865b;opacity:.58}.pair-feedback{background:#fce2a9;color:#43281d;border-radius:13px;padding:13px;font-size:.9rem;font-weight:800;min-height:52px;margin-top:18px}.cast-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.cast-card{background:#432a20;border:1px solid #966644;border-radius:20px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.cast-card img{width:100%;height:115px;object-fit:contain}.cast-card strong{color:#ffe19d}.cast-card span{font-size:.75rem;color:#f3cca6}.cast-reaction{display:flex;align-items:center;gap:15px;margin:16px auto;max-width:660px;min-height:190px;background:radial-gradient(circle at 35% 40%,#92532a 0%,#462519 65%,#311e1a);border:2px solid #c99255;border-radius:22px;padding:14px;text-align:left;overflow:hidden}.cast-reaction img{height:175px;width:145px;object-fit:contain;border-radius:10px;flex:none}.cast-reaction.perfect-win{background:radial-gradient(circle at 40% 35%,#d27a25 0%,#58242c 65%,#2a1e2c)}.cast-reaction.perfect-win img{height:330px;width:205px;animation:iya-shaku 1.35s ease-in-out infinite alternate;transform-origin:center 90%}.reaction-quote{font-weight:950;color:#fff5d2;font-size:clamp(1.15rem,3.2vw,1.6rem);line-height:1.36}.pair-review{margin:24px 0;text-align:left;border:1px solid #9d6d48;border-radius:14px;padding:14px}.pair-review summary{font-weight:900;color:#ffdd90;cursor:pointer}.pair-review>div{border-top:1px solid #785544;padding:12px 0}.pair-review>div:first-of-type{margin-top:12px}.pair-review span{color:#dab392;font-size:.78rem}.pair-review p{margin:7px 0 0;font-size:.83rem}#pair-drag-ghost{position:fixed;z-index:500;pointer-events:none;background:#f7bd60;color:#432616;font-weight:900;padding:13px 16px;border-radius:14px;transform:translate(-5%,-40%);box-shadow:0 9px 28px #0008;max-width:210px;font-size:.9rem}@keyframes iya-shaku{0%{transform:rotate(-7deg) translateY(2px) scale(.97)}100%{transform:rotate(7deg) translateY(-10px) scale(1.02)}}@media(max-width:580px){.cast-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cast-banner img{height:52px;width:46px}.cast-reaction.perfect-win img{height:260px;width:155px}.cast-reaction img{width:105px;height:140px}.pair-page{margin:14px 0}.pair-hud{padding:9px}.mode-card{padding:15px 11px;min-height:145px}.gembox{padding:7px 6px}.coinbox{font-size:.78rem!important}.topbar .rightbar{flex-wrap:wrap;justify-content:flex-end;max-width:65%}.topbar .navbtn{padding:6px!important}}
@media(prefers-reduced-motion:reduce){.cast-reaction.perfect-win img{animation:none}}
@media(max-width:580px){.topbar{display:flex;flex-direction:column;align-items:stretch;gap:7px}.topbar .brand{justify-content:flex-start}.topbar .rightbar{width:100%;max-width:none;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;justify-content:flex-start;gap:7px}.topbar .rightbar>*{flex:0 0 auto}.topbar .rightbar::-webkit-scrollbar{display:none}}
.cast-reaction.royal-frame{border:4px solid #ffcc44;box-shadow:0 0 0 3px #b77521,0 0 30px #efb32b60}.gem-shop{margin:28px 0 16px}.gem-shop .chapter{color:#dfb4ff}.gem-shop h2{color:#fdd77b}
/* v1.0 Family Cast playable integration */
.family-feature{margin:18px 0 26px;background:linear-gradient(135deg,#341528,#491f1d 68%,#143d37);border:2px solid #e6a33b;border-radius:25px;overflow:hidden;box-shadow:0 12px 28px #0005}
.family-feature>img{display:block;width:100%;max-height:490px;object-fit:contain;background:#291414}
.family-feature-copy{padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.family-feature h2{font-size:clamp(1.4rem,3vw,2.05rem);color:#ffde9c;margin:3px 0 5px}
.family-feature p{max-width:490px;margin:0;color:#fbe6ce}
.cast-page{max-width:1040px;margin:0 auto}
.cast-poster{display:block;width:100%;height:auto;border:2px solid #c68d40;border-radius:25px;margin:22px 0;box-shadow:0 13px 30px #0007}
.cast-roster{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin:22px 0}
.cast-face{border:2px solid #866046;border-radius:18px;background:linear-gradient(180deg,#683926,#2e1a18);display:flex;flex-direction:column;align-items:center;gap:7px;padding:9px 6px;cursor:pointer;min-height:146px;box-shadow:0 4px 0 #120c0b}
.cast-face img{width:92px;height:100px;object-fit:cover;object-position:center 25%;border-radius:13px;background:#6e4c36}
.cast-face span{font-weight:950;color:#ffe0a8;text-align:center;font-size:.84rem}
.cast-face.active{border-color:#ffd469;background:linear-gradient(180deg,#874924,#522130);transform:translateY(-2px);box-shadow:0 5px 16px #e99b4f55}
.cast-profile{display:grid;grid-template-columns:minmax(170px, 35%) minmax(0,1fr);gap:20px;background:linear-gradient(130deg,#612b3c,#2e1b20 55%,#12453c);border:2px solid #d49d5c;border-radius:25px;overflow:hidden;padding:18px;margin:20px 0 28px}
.cast-full-frame{min-height:410px;height:480px;max-height:60vh;overflow:hidden;border-radius:18px;display:flex;align-items:stretch;justify-content:center;background:#291e1e}
.cast-full{width:100%;height:100%;object-fit:cover;object-position: center top;animation:cast-breathe 3.5s ease-in-out infinite alternate}
.cast-profile-text{align-self:center;min-width:0}
.cast-profile h2{color:#ffe3a6;font-size:clamp(1.45rem,4vw,2.45rem);line-height:1.1;margin:12px 0}
.cast-profile p{color:#e9d2b9}
.cast-profile blockquote{border-left:4px solid #ffcf67;background:#2c171baa;padding:16px 17px;margin:18px 0;color:#fff4d9;font-size:clamp(1rem,2.5vw,1.3rem);font-weight:900;border-radius:0 15px 15px 0}
.cast-profile .btn{margin-bottom:6px}
.header-avatar{width:43px;height:43px;border-radius:50%;padding:2px;border:2px solid #d9a64d;background:#442521;overflow:hidden;flex:none;cursor:pointer}
.header-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:top center}
.cast-reaction img.reaction-figure{object-fit:cover;object-position:top center;border-radius:16px;max-width:40%}
.cast-reaction.perfect-win img.reaction-figure{object-fit:contain;object-position:center bottom;animation:iya-shaku 1.3s ease-in-out infinite alternate}
.mami-hero{object-fit:contain;object-position:bottom center;border-radius:18px}
.welcome-mami{border-radius:15px}
@keyframes cast-breathe{from{transform:scale(1)}to{transform:scale(1.025)}}
@media(max-width:680px){.cast-profile{grid-template-columns:1fr;padding:12px}.cast-full-frame{height:430px;min-height:0;max-height:none;width:min(290px,100%);margin:auto}.cast-roster{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cast-face{padding:7px 3px;min-height:115px}.cast-face img{width:100%;max-width:87px;height:82px}.cast-face span{font-size:.75rem}.family-feature-copy{flex-direction:column;align-items:flex-start}.cast-reaction.perfect-win img.reaction-figure{height:245px;width:140px}.header-avatar{width:36px;height:36px}}
@media(max-width:380px){.cast-roster{grid-template-columns:repeat(3,minmax(0,1fr))}.header-avatar{width:31px;height:31px}}


/* ---- expansion.css ---- */
/* Gist Compound v1.1 — Cultural Luxe and Word Hunt */
:root{--wwgold:#f5c775;--wworange:#e7a03c;--wwcream:#fff2d7;--wwink:#160f12}
.ww-luxe-home,.wh-shell,.ww-cover-alone{max-width:1050px;margin:0 auto;color:#fff2db}.ww-luxe-hero{position:relative;border-radius:24px;overflow:hidden;border:1px solid #bd8b56;box-shadow:0 20px 60px rgba(0,0,0,.35)}.ww-luxe-hero>img{display:block;width:100%;height:auto;max-height:570px;object-fit:cover}.ww-hero-info{position:absolute;bottom:0;left:0;right:0;padding:22px 28px;background:linear-gradient(transparent,rgba(19,9,5,.93));display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ww-hero-info span{flex:1;min-width:210px;color:#ffe2a0;letter-spacing:.13em;font-weight:800}.ww-luxe-home .btn{font-size:1rem}.ww-player{display:flex;align-items:center;gap:15px;background:linear-gradient(110deg,#34231c,#211716);border:1px solid #805a39;border-radius:18px;padding:12px 17px;margin-top:15px}.ww-player img{width:66px;height:66px;border-radius:50%;object-fit:cover;border:2px solid #efb95f}.ww-player div{display:flex;flex:1;flex-direction:column;gap:3px}.ww-player span{font-size:.72rem;color:#f2bd7f;letter-spacing:.13em;font-weight:800}.ww-player strong{font-size:1.1rem}.ww-player small{color:#e9cbb0}.ww-section-title{font-family:Georgia,'Times New Roman',serif;font-size:1.7rem;margin:30px 0 16px;display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap}.ww-section-title small{font:italic 1rem Georgia,serif;color:#ffc760}.ww-adventures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.ww-adventure{text-align:left;display:flex;min-height:155px;flex-direction:column;justify-content:flex-end;gap:7px;position:relative;cursor:pointer;color:#fff6e8;border:1px solid rgba(250,199,111,.42);border-radius:17px;padding:20px;box-shadow:inset 0 -65px 70px rgba(0,0,0,.24);transition:transform .16s ease}.ww-adventure:hover,.ww-adventure:focus-visible{transform:translateY(-3px);outline:2px solid #eec26d}.ww-adventure strong{font:700 1.25rem Georgia,serif;text-shadow:0 2px 3px rgba(0,0,0,.8)}.ww-adventure span{font-size:.86rem;line-height:1.45;color:#fff0d3}.ww-adventure.market{background:linear-gradient(130deg,#905321,#42221c)}.ww-adventure.words{background:linear-gradient(130deg,#603c87,#252142)}.ww-adventure.slang{background:linear-gradient(130deg,#2a6871,#152b39)}.ww-adventure.civic{background:linear-gradient(130deg,#655035,#292622)}.ww-adventure.quiz{background:linear-gradient(130deg,#23604e,#15352e)}.ww-adventure.cast{background:linear-gradient(130deg,#81364e,#3b263b)}.ww-bottom-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:23px}.ww-disclaimer{color:#bda18b;font-size:.82rem;margin-top:18px}.ww-cover-alone{padding:0 0 20px}.ww-cover-alone img{display:block;width:100%;height:auto;border-radius:18px;border:1px solid #cfa46a}.ww-cover-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:16px}.ww-cover-welcome{background:none!important;padding:0!important;box-shadow:none!important}.ww-cover-welcome img{display:block;width:100%;height:auto;max-height:520px;object-fit:cover;border-radius:15px;border:1px solid #bc8b51}.ww-cover-welcome p{font-weight:700;text-align:center;font-style:italic;color:#f5cc84;margin:12px}.wh-shell{padding:14px 0 28px}.wh-shell .chapter{letter-spacing:.11em;color:#f8cb74}.wh-shell h1{font-family:Georgia,serif;font-size:clamp(1.6rem,4vw,2.6rem);margin:10px 0 16px}.wh-shell h2{font-family:Georgia,serif;font-size:1.25rem}.wh-head>p{max-width:700px;color:#eac8ae}.wh-host{display:flex;gap:12px;align-items:center;border:1px solid #79563b;background:linear-gradient(100deg,#33221e,#2a1b1c);border-radius:20px;padding:16px;margin:22px 0}.wh-host .helper-head{min-width:240px}.wh-host>p{font-style:italic;font-size:1.03rem;color:#ffdb9c;margin:0}.wh-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:15px 0 23px}.wh-mode{text-align:left;background:#3b2926;border:1px solid #996a4c;border-radius:15px;color:#fff4db;padding:19px;cursor:pointer}.wh-mode strong{display:block;font-size:1.15rem}.wh-mode small{display:block;color:#e0ba99;margin-top:5px}.wh-mode:hover,.wh-mode:focus-visible{background:#56372a;outline:2px solid #eec37d}.wh-themes{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0 25px}.wh-chip{border:1px solid #886349;border-radius:99px;color:#fce2b8;background:#2a1e1a;padding:10px 14px;font-weight:700;cursor:pointer}.wh-chip.on{background:#f5ba60;color:#23150f;border-color:#ffdaa0}.wh-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.wh-status{display:flex;flex-wrap:wrap;gap:12px;color:#ffe2b4;font-size:.95rem;margin:12px 0}.wh-status span{padding:8px 12px;border-radius:50px;background:#2e211c;border:1px solid #7f5534}.wh-character{display:flex;gap:12px;align-items:center;margin:10px 0 18px;padding:10px 14px;background:#34231e;border:1px solid #7a563e;border-radius:14px}.wh-character img{width:54px;height:54px;object-fit:cover;border-radius:50%}.wh-character p{margin:0;color:#fce2aa}.wh-board{display:grid;grid-template-columns:repeat(var(--wh-size),minmax(0,1fr));gap:3px;touch-action:none;-webkit-user-select:none;user-select:none;margin:0 auto;max-width:600px;padding:12px;border:3px solid #ba8850;border-radius:17px;background:#140e10;box-shadow:0 16px 32px #0006}.wh-cell{touch-action:none;aspect-ratio:1;min-width:0;padding:0;display:grid;place-items:center;border-radius:5px;border:1px solid #493a33;background:#30231d;color:#ffe7bc;font-weight:800;font-size:clamp(.68rem,2.5vw,1.12rem);font-family:ui-monospace,monospace;cursor:pointer}.wh-cell.is-pending{background:#a87924;color:#fff}.wh-cell.is-found{background:#1e6854;border-color:#6de3a7;color:#fff}.wh-cell.is-hint{background:#eabc55!important;color:#25130b!important;animation:wwpulse .5s 3}@keyframes wwpulse{50%{transform:scale(1.25)}}.wh-todo{margin:20px 0}.wh-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.wh-goal{padding:10px;border-radius:9px;border:1px solid #826143;background:#32221e;color:#f4d7b6;font-size:.9rem}.wh-goal.done{background:#1a4a39;color:#9be1bc;text-decoration:line-through}.wh-win{border:1px solid #d6a054;background:linear-gradient(130deg,#4f2d23,#22191a);border-radius:20px;padding:15px;display:flex;gap:20px;align-items:center}.wh-win img{width:180px;max-height:235px;object-fit:contain;object-position:bottom}.wh-win p{font-size:1.13rem;line-height:1.4;color:#ffe3aa}.wh-result details{border:1px solid #88613c;padding:15px;border-radius:12px;margin:20px 0}.wh-result details summary{cursor:pointer;font-weight:700}.civic-scene{margin:21px 0;background:linear-gradient(120deg,#473126,#291c1b);border:1px solid #916a47;border-radius:20px;display:flex;align-items:center;gap:20px;padding:20px}.civic-scene img{width:190px;height:245px;object-fit:contain}.civic-scene p{line-height:1.6;font-size:1.07rem}.civic-answers{display:grid;gap:10px}.wh-option{text-align:left;padding:18px;border:1px solid #957352;border-radius:14px;color:#ffe3bb;background:#2f211e;cursor:pointer;font-size:1.05rem}.wh-option.correct{border-color:#6aca98;background:#1c4d3b}.wh-option.wrong{border-color:#df8471;background:#63302c}.civic-explain{padding:16px;margin:15px 0;border-radius:12px;background:#203e36;color:#d9ffe5}.civic-explain p{margin:6px 0}.page:has(.ww-luxe-home) main{max-width:1120px}
@media(max-width:700px){.ww-player{flex-wrap:wrap}.ww-player .btn{width:100%}.ww-luxe-hero>img{min-height:240px;object-fit:cover}.ww-hero-info{position:relative;background:#281915;padding:12px}.ww-hero-info span{width:100%;font-size:.75rem}.ww-adventures{grid-template-columns:repeat(2,minmax(0,1fr))}.ww-adventure{min-height:135px;padding:14px}.ww-adventure strong{font-size:1.05rem}.ww-adventure span{font-size:.75rem}.wh-host{flex-direction:column;align-items:flex-start}.wh-board{gap:2px;padding:6px}.wh-cell{font-size:clamp(.56rem,3vw,.91rem)}.wh-list{grid-template-columns:repeat(2,minmax(0,1fr))}.civic-scene{flex-direction:column}.civic-scene img{width:170px;height:200px}.wh-win{flex-direction:column;text-align:center}.wh-win img{width:190px}.ww-section-title{font-size:1.45rem}.wh-shell h1{font-size:1.65rem}}
@media(max-width:380px){.wh-cell{font-size:.6rem}.ww-adventure span{font-size:.7rem}}


/* ---- v12.css ---- */
/* Gist Compound v1.2: three clear game modes, luxe cultural theme, full-body reactions */
:root{--ww12-amber:#f9c96f;--ww12-sand:#efce9d;--ww12-green:#1f5e48}
.ww12-home,.ww12-shell{max-width:1010px;margin:12px auto 34px}.ww12-shell{color:#fff0d7}.ww12-shell h1{font:700 clamp(1.75rem,4.3vw,2.65rem) Georgia,serif;margin:11px 0 14px;letter-spacing:-.035em}.ww12-shell h2{font:700 clamp(1.1rem,2.5vw,1.5rem) Georgia,serif;margin:0}.ww12-shell .subtle{color:#e4c7a8;font-size:.96rem;max-width:730px}.ww12-hero{border-radius:23px;overflow:hidden;position:relative;border:1px solid #a2774e;background:#261713;box-shadow:0 20px 40px #0007}.ww12-hero>img{width:100%;height:min(49vw,450px);min-height:260px;object-fit:cover;object-position:center 46%;display:block}.ww12-hero-overlay{padding:20px 25px 25px;background:linear-gradient(0deg,#1c120fff 0%,#251713ee 80%,#25171399 100%);display:flex;gap:11px;align-items:center;flex-wrap:wrap}.ww12-hero-overlay .chapter{width:100%;color:var(--ww12-amber);font-size:.73rem;letter-spacing:.14em}.ww12-hero-overlay h1{font:700 clamp(1.6rem,4.4vw,2.5rem) Georgia,serif;margin:2px 0}.ww12-hero-overlay p{color:#e7d0b4;flex:1;min-width:160px}.ww12-hero-overlay .btn{white-space:normal}.ww12-progress{display:flex;align-items:center;gap:12px;margin:17px 0 28px;border:1px solid #7a563d;background:#30201b;border-radius:17px;padding:12px}.ww12-progress>img{width:64px;height:64px;object-fit:cover;border-radius:50%;border:2px solid #d9a552}.ww12-progress>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.ww12-progress b{font-size:1.07rem}.ww12-progress small{font-size:.83rem;color:#dec19d}.ww12-heading{text-align:center;margin:25px 0 16px}.ww12-heading .chapter{color:#deb76f;font-size:.74rem;letter-spacing:.14em}.ww12-heading h2{font:700 clamp(1.6rem,3vw,2rem) Georgia,serif;margin-top:9px}.ww12-gamecards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ww12-gamecard{color:#fff2dd;text-align:left;min-height:255px;padding:24px 20px 18px;border:1px solid #ad815a;border-radius:18px;display:flex;align-items:flex-start;flex-direction:column;justify-content:flex-end;gap:10px;box-shadow:inset 0 0 80px #0006,0 10px 25px #0004;background-position:center;background-size:cover;transition:transform .2s,border-color .2s}.ww12-gamecard:hover,.ww12-gamecard:focus-visible{transform:translateY(-3px);border-color:#f4cc83}.ww12-gamecard.hunt{background-image:linear-gradient(0deg,#150e11 0%,#201413aa 62%,#3423204d),url('assets/market_back.webp')}.ww12-gamecard.complete{background-image:linear-gradient(0deg,#170e17 0%,#361b3188 62%,#43251d63),url('assets/gist_compound_cast.webp')}.ww12-gamecard.chop{background-image:linear-gradient(0deg,#150e11 0%,#3e2615bf 70%,#55351a66),url('assets/market_back.webp')}.ww12-number{font-size:.78rem;color:#f6c878;letter-spacing:.15em}.ww12-gamecard b{font:700 1.7rem/1.05 Georgia,serif;text-shadow:0 2px 3px #000b}.ww12-gamecard small{color:#f0d7b8;font-size:.88rem;line-height:1.4;min-height:60px}.ww12-cardarrow{font-weight:900;color:#ffd37b}.ww12-daily{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:linear-gradient(120deg,#2e271e,#194433);border:1px solid #94713f;border-radius:18px;padding:22px;margin:26px 0 22px}.ww12-daily>div{flex:1;min-width:200px}.ww12-daily h2{font:700 1.5rem Georgia,serif;margin:7px 0}.ww12-daily p{color:#dfccaf;font-size:.9rem}.ww12-utilities{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.ww12-utilities button{display:flex;align-items:center;flex-direction:column;align-items:flex-start;gap:5px;min-height:98px;background:#30211b;color:#fff0d6;border:1px solid #74503e;border-radius:13px;text-align:left;padding:15px}.ww12-utilities button:hover{border-color:#d8ad68}.ww12-utilities small{color:#dfc6a9;line-height:1.4}.ww12-chopgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:28px 0}.ww12-chopchoice{text-align:left;background:linear-gradient(150deg,#57351f,#271b16);border:1px solid #a6794f;border-radius:19px;padding:20px;color:#fbe9c8;min-height:265px;display:flex;flex-direction:column;gap:12px}.ww12-chopchoice:nth-child(2){background:linear-gradient(155deg,#42512b,#231b17)}.ww12-chopchoice:focus-visible,.ww12-chopchoice:hover{border-color:#ffd58b}.ww12-chopchoice .ww12-img{display:flex;gap:12px;align-items:center;height:80px}.ww12-img svg{width:60px;height:60px}.ww12-chopchoice p{color:#e0c6a5;line-height:1.5}.ww12-chopchoice b{color:#ffd47c;margin-top:auto}.ww12-souplist{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0 25px}.ww12-soupentry{display:flex;flex-direction:column;min-height:115px;gap:7px;text-align:left;background:#32221d;color:#fae8ce;border:1px solid #876343;border-radius:14px;padding:15px}.ww12-soupentry:disabled{opacity:.47}.ww12-soupentry small{color:#f7c879;letter-spacing:.05em;font-size:.71rem;font-weight:700}.ww12-soupentry b{font:700 1.16rem Georgia,serif}.ww12-soupentry span{font-size:.82rem;color:#e9c9a2}.ww12-person{display:flex;gap:20px;align-items:center;background:linear-gradient(100deg,#493020,#281b18);border:1px solid #96704e;border-radius:22px;margin:22px 0;padding:12px 20px;min-height:195px;overflow:hidden}.ww12-person img{width:160px;height:205px;object-fit:contain;object-position:center bottom;align-self:flex-end;filter:drop-shadow(0 10px 8px #0005)}.ww12-person p{display:flex;flex:1;flex-direction:column;gap:8px;color:#ffe2b0}.ww12-person b{font-size:1.13rem;color:#ffda86}.ww12-person span{font:italic 1.13rem/1.5 Georgia,serif}.ww12-question{border-radius:22px;background:#261a17;border:1px solid #816048;padding:23px;margin:18px 0}.ww12-question h2{line-height:1.47;margin-bottom:23px}.ww12-caption{font-size:.83rem;color:#e8c4a1;margin:-12px 0 20px}.ww12-options{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.ww12-options button{background:#412b24;color:#fff2d7;border:1px solid #9a6f4b;border-radius:13px;text-align:left;padding:17px;min-height:68px;font-weight:750;white-space:normal;line-height:1.4}.ww12-options button:hover,.ww12-options button:focus-visible{background:#5d3728;border-color:#f8c979}.ww12-options button.eliminated{opacity:.24;text-decoration:line-through}.ww12-leveltop,.ww12-mini{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;color:#f2cd90;font-size:.86rem;margin:10px 0}.ww12-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin:24px 0}.ww12-result{text-align:center;max-width:810px}.ww12-result>.chapter{color:#f6c775}.ww12-result .ww-react{margin-top:20px}.ww-react{display:flex;align-items:center;gap:22px;background:linear-gradient(110deg,#583325,#251a18);border:1px solid #aa7947;border-radius:21px;min-height:270px;text-align:left;overflow:hidden}.ww-react.ww-win{border-color:#eac16b;background:linear-gradient(110deg,#6b4624,#281b18)}.ww-react.ww-close{background:linear-gradient(110deg,#4c3827,#241b1c)}.ww-react-figure{max-height:300px;object-fit:contain;object-position:bottom;width:43%;min-width:130px;align-self:flex-end;filter:drop-shadow(0 8px 12px #0007)}.ww-react-dialogue{padding:22px 20px 22px 0;flex:1}.ww-react-dialogue .chapter{font-size:.74rem;color:#f7bd68;letter-spacing:.12em}.ww-react-dialogue p{font:700 clamp(1.2rem,2.8vw,1.85rem)/1.4 Georgia,serif;margin-top:10px}.ww12-reward{background:#f3daa1;color:#452919;border-radius:13px;padding:14px 23px;display:inline-flex;justify-content:center;font-weight:950;margin:20px 0 9px}.ww12-review{margin:16px auto;border:1px solid #79563e;border-radius:14px;padding:15px;max-width:760px;text-align:left}.ww12-review summary{cursor:pointer;font-weight:850;color:#f9cd81}.ww12-review p{margin:11px 0;padding:12px;border-radius:9px;background:#32231d}.ww12-review p span,.ww12-review p small{display:block;margin-top:5px;color:#e8bf9b}.ww12-result .ww12-actions{justify-content:center}.ww12-topbar .brand span{white-space:nowrap}.ww12-topbar .coinbox{padding:8px 10px}.ww12-topbar .rightbar{gap:5px}.ww12-topbar .header-avatar{width:38px;height:38px}.ww12-home .ww-disclaimer{margin:18px 0;color:#bda18b}
@media(max-width:680px){.ww12-gamecards{grid-template-columns:1fr;gap:12px}.ww12-gamecard{min-height:165px;padding:17px}.ww12-gamecard small{min-height:0}.ww12-chopgrid{grid-template-columns:1fr}.ww12-souplist{grid-template-columns:repeat(2,1fr)}.ww12-options{grid-template-columns:1fr}.ww12-person{min-height:170px;gap:11px;padding:9px 14px}.ww12-person img{width:113px;height:170px}.ww12-person span{font-size:.97rem}.ww-react{min-height:225px;gap:6px}.ww-react-figure{width:44%;max-height:245px;min-width:100px}.ww-react-dialogue{padding:16px 12px 16px 0}.ww-react-dialogue p{font-size:1.2rem}.ww12-hero>img{height:250px;min-height:220px;object-position:center}.ww12-hero-overlay{padding:14px}.ww12-progress{flex-wrap:wrap}.ww12-progress .btn{margin-left:auto}.ww12-topbar .brand{font-size:.84rem}.ww12-topbar .rightbar .coinbox{font-size:.75rem;padding:7px}.ww12-options button{min-height:56px;padding:12px}.ww12-question{padding:17px}}
@media(max-width:365px){.ww12-topbar .header-avatar{display:none}.ww12-souplist{grid-template-columns:1fr}.ww12-progress .btn{width:100%}}


/* ---- v13.css ---- */
/* Version 1.3: an individual character per portrait, without group-poster spillover */
.cast-full-frame{background:radial-gradient(ellipse at 50% 23%,#77593c 0%,#4b2e29 38%,#201916 85%)!important;border:1px solid #b7874e;isolation:isolate}
.cast-full{object-fit:contain!important;object-position:center bottom!important;width:100%!important;height:100%!important;padding:5px 3px 0;filter:drop-shadow(0 14px 9px #120c0999)}
.cast-face img{object-position:center 20%;}
.ww12-person{background:linear-gradient(95deg,#483124,#241915)!important;isolation:isolate}
.ww12-person img{object-fit:contain!important;object-position:center bottom;}
.ww-react{isolation:isolate}
.ww-react-figure{object-fit:contain!important;object-position:center bottom!important}
.civic-scene img,.wh-win img{object-fit:contain!important}
.cast-profile-text .smallprint{opacity:.85}
@media(max-width:680px){.cast-full-frame{height:435px!important;width:min(310px,100%)!important}.ww12-person img{min-width:105px}.cast-roster{gap:10px}}


/* ---- v14.css ---- */
/* Gist Compound v1.4: cultural, compact, readable, accessible mobile UI */
:root{--ww14-gold:#f5cd7f;--ww14-accent:#a66d37;--ww14-panel:#30201b}
body[data-ww-theme="royal"]{--ww14-accent:#a656af;--ww14-panel:#302038}
body[data-ww-theme="emerald"]{--ww14-accent:#2b8b76;--ww14-panel:#172f29}
body[data-ww-theme="royal"] .ww12-home,body[data-ww-theme="royal"] .ww12-shell,body[data-ww-theme="royal"] .wh-shell{background-image:linear-gradient(140deg,rgba(106,32,126,.07),transparent 70%)}
body[data-ww-theme="emerald"] .ww12-home,body[data-ww-theme="emerald"] .ww12-shell,body[data-ww-theme="emerald"] .wh-shell{background-image:linear-gradient(140deg,rgba(33,117,88,.10),transparent 70%)}
body[data-ww-theme="royal"] .ww12-question,body[data-ww-theme="royal"] .ww12-progress,body[data-ww-theme="royal"] .ww14-shopitem{border-color:#b578ba}
body[data-ww-theme="emerald"] .ww12-question,body[data-ww-theme="emerald"] .ww12-progress,body[data-ww-theme="emerald"] .ww14-shopitem{border-color:#499c87}
.ww14-xp{margin:-12px 0 22px;background:#35241d;border:1px solid #8c6846;border-radius:13px;padding:13px 18px;display:grid;grid-template-columns:minmax(150px,1fr) minmax(120px,2fr);align-items:center;gap:14px;color:#ffe3af}
.ww14-xp>div:first-child{display:flex;flex-direction:column;gap:3px}.ww14-xp small{color:#dcbf99;font-size:.77rem}.ww14-xpbar{height:11px;border-radius:12px;background:#201411;overflow:hidden;border:1px solid #80563b}.ww14-xpbar span{height:100%;display:block;background:linear-gradient(90deg,#d2a14a,#ffd988);border-radius:12px;transition:width .35s ease}
.ww14-daily-panel{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:25px 0 18px;padding:23px;background:linear-gradient(120deg,#2b3225,#183d32);border:1px solid #b28f4f;border-radius:19px;color:#fff1d9}
.ww14-daily-copy{flex:1;min-width:210px}.ww14-daily-panel h2{font:700 clamp(1.4rem,3vw,1.9rem)/1.2 Georgia,serif;margin:10px 0}.ww14-daily-panel p{font-size:.92rem;line-height:1.5;color:#dfdbc5;margin:0 0 11px}.ww14-week{display:flex;gap:7px}.ww14-week span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid #a18b58;background:#25342b;color:#e6cfaa;font-weight:800;font-size:.76rem}.ww14-week span.done{background:#dcb462;color:#392411;border-color:#ffe3a1}.ww14-daily-buttons{display:flex;flex-direction:column;gap:9px;min-width:195px}.ww14-daily-buttons .btn{width:100%;text-align:center;white-space:normal;min-height:48px}.ww14-daily-buttons .btn:disabled{opacity:.65}
.ww14-shopcall{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap;border-radius:16px;border:1px solid #997647;background:linear-gradient(110deg,#422c24,#262018);padding:21px 24px;margin:20px 0;color:#fff1d7}.ww14-shopcall>div{max-width:620px;flex:1}.ww14-shopcall h2{font:700 1.47rem Georgia,serif;margin:8px 0}.ww14-shopcall p{color:#e1c9b1;font-size:.9rem;margin-bottom:0}.ww14-shopcall button{white-space:normal}
.ww14-shop{max-width:1030px}.ww14-balance{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 24px}.ww14-balance span{padding:12px 16px;border:1px solid #966e48;background:#35241e;border-radius:11px;color:#ffedcd}.ww14-filters{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0 20px}.ww14-filters button{min-height:42px;padding:7px 13px;border-radius:12px;background:#30221b;color:#ead1ae;border:1px solid #876143}.ww14-filters button.active{color:#3c2619;background:#f0ca82;border-color:#ffe9b8;font-weight:900}.ww14-shopgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.ww14-shopitem{background:#34231f;border:1px solid #815e46;border-radius:16px;padding:17px;display:grid;grid-template-columns:55px 1fr;align-items:start;gap:14px;color:#f6e7d1}.ww14-shop-icon{font-size:2.1rem;width:54px;height:54px;border-radius:13px;display:grid;place-items:center;background:#51362c}.ww14-shopitem h2{font-size:1.19rem;line-height:1.25;margin:0 0 8px}.ww14-shopitem p{font-size:.87rem;line-height:1.5;color:#d8bb9d;margin:0 0 10px}.ww14-shopitem small{color:#ffd180;font-weight:800}.ww14-shopitem .btn{grid-column:1/-1;min-height:48px}.ww14-shopfoot{display:flex;flex-wrap:wrap;gap:10px;margin:21px 0}
.ww14-reaction{position:relative;display:grid;grid-template-columns:minmax(120px,45%) 1fr;align-items:center;gap:5px;min-height:300px;padding:0;border-radius:22px;isolation:isolate}.ww14-pose{position:relative;display:flex;align-items:flex-end;justify-content:center;align-self:stretch;min-width:0;overflow:hidden}.ww14-pose img{width:100%;height:290px;object-fit:contain;object-position:center bottom;min-width:0;max-height:none;max-width:100%;filter:drop-shadow(0 7px 12px #0008);transform-origin:center 82%}.ww14-face-badge{position:absolute;top:13px;right:0;display:grid;place-items:center;font-size:1.7rem;width:47px;height:47px;background:#ffeac9eb;border:2px solid #ffca6c;border-radius:50%;z-index:2;animation:ww14Pop .5s ease both}.ww14-reaction .ww-react-dialogue{padding:17px 20px;min-width:0;z-index:2}.ww14-speech{position:relative;border-radius:19px;background:#fff0d1;color:#482b1d;border:2px solid #e5b96d;padding:16px 16px;margin:12px 2px 7px;box-shadow:0 4px 0 #2c190d55}.ww14-speech:before{content:"";position:absolute;left:-12px;top:46%;width:18px;height:18px;transform:rotate(45deg);background:#fff0d1;border-left:2px solid #e5b96d;border-bottom:2px solid #e5b96d}.ww14-speech p{color:#472c1c;margin:0;font:700 clamp(1.08rem,2.5vw,1.56rem)/1.34 Georgia,serif}.ww14-expression-tag{color:#f2c87b;font-weight:750;font-size:.82rem}.ww14-confetti{position:absolute;top:10px;left:48%;font-size:1.4rem;color:#ffe498;animation:ww14Sparkle 1.9s ease-in-out infinite;pointer-events:none}.ww14-royal{box-shadow:0 0 0 3px #dfb656,0 0 30px #e4bf5b66;border-color:#f5e1a6!important}
.ww14-dance .ww14-pose img{animation:ww14Dance 1.15s ease-in-out infinite alternate}.ww14-laugh .ww14-pose img{animation:ww14Laugh .8s ease-in-out infinite}.ww14-shock .ww14-pose img{animation:ww14Shock 1.7s ease-in-out infinite}.ww14-sideeye .ww14-pose img{animation:ww14SideEye 2s ease-in-out infinite}.ww14-fold .ww14-pose img{animation:ww14Fold 2.4s ease-in-out infinite}
@keyframes ww14Dance{0%{transform:rotate(-5deg) translateY(2px)}50%{transform:rotate(6deg) translateY(-7px)}100%{transform:rotate(-3deg) translateY(0)}}
@keyframes ww14Laugh{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-5px) rotate(3deg)}}
@keyframes ww14Shock{0%,70%,100%{transform:scale(1)}75%{transform:scale(1.09)}}
@keyframes ww14SideEye{0%,45%,100%{transform:translateX(0)}55%,73%{transform:translateX(8px) rotate(-2deg)}}
@keyframes ww14Fold{0%,70%,100%{transform:rotate(0)}80%{transform:rotate(-3deg)}}
@keyframes ww14Sparkle{0%,100%{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(-12px)}}
@keyframes ww14Pop{from{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}
.ww14-dialogue-card{max-width:100%;padding:12px 18px;min-height:160px}.ww14-dialogue-card img{height:190px;width:145px}.ww14-dialogue-card p{min-width:0}.ww14-dialogue-card span{overflow-wrap:anywhere}
.ww14-shop-nav{font-size:1.1rem;min-width:37px}
.ww12-question,.ww12-options,.ww12-shell{min-width:0}.ww12-question h2{overflow-wrap:anywhere}.ww12-options button{touch-action:manipulation;overflow-wrap:anywhere;min-height:66px}.ww12-options button:focus-visible,.ww14-shop button:focus-visible,.ww14-daily-panel button:focus-visible{outline:3px solid #ffdc89;outline-offset:2px}
@media(max-width:680px){.ww14-xp{grid-template-columns:1fr;gap:9px}.ww14-shopgrid{grid-template-columns:1fr}.ww14-shopitem{grid-template-columns:44px 1fr;gap:11px}.ww14-shop-icon{height:44px;width:44px;font-size:1.65rem}.ww14-shopitem .btn{min-height:46px}.ww14-daily-buttons{min-width:100%;flex-direction:row;flex-wrap:wrap}.ww14-daily-buttons .btn{flex:1;min-width:150px}.ww14-reaction{grid-template-columns:minmax(98px,39%) minmax(0,61%);min-height:215px}.ww14-pose img{height:205px}.ww14-reaction .ww-react-dialogue{padding:11px}.ww14-speech{padding:11px;border-radius:12px}.ww14-speech p{font-size:clamp(.94rem,3.6vw,1.13rem)}.ww14-expression-tag{font-size:.75rem}.ww14-face-badge{width:34px;height:34px;font-size:1.1rem;top:7px;right:0}.ww14-dialogue-card{min-height:145px;gap:8px;align-items:center}.ww14-dialogue-card img{width:96px;height:144px}.ww14-dialogue-card span{font-size:.9rem}.ww12-shell{padding-left:2px;padding-right:2px}.ww12-options button{font-size:.97rem;line-height:1.45;min-height:57px;padding:13px}.ww12-gamecards{gap:12px}.ww12-hero>img{min-height:230px}}
@media(max-width:375px){.ww14-reaction{grid-template-columns:37% 63%}.ww14-pose img{height:190px}.ww14-speech p{font-size:.93rem}.ww14-reaction .ww-react-dialogue{padding:8px}.ww14-daily-panel{padding:16px}.ww14-shop-nav{min-width:32px;padding:4px}}
@media(prefers-reduced-motion:reduce){.ww14-reaction img,.ww14-face-badge,.ww14-confetti,.ww14-xpbar span{animation:none!important;transition:none!important}}


/* ---- v15.css ---- */

/* Gist Compound v1.5 — expressive, uncluttered character-led gameplay */
.ww12-hero>img{object-position:center center}
.ww12-hero-overlay{background:linear-gradient(90deg,#1a100def 0%,#1a100de3 65%,#1a100dd0 100%)}
.v15-scene-intro{display:grid;grid-template-columns: minmax(135px,33%) 1fr;align-items:center;gap:18px;border:1px solid #bd9153;border-radius:23px;background:linear-gradient(120deg,#39251b,#291b18);padding:17px;margin:19px 0;min-height:185px;overflow:hidden}
.v15-speaker-image{width:100%;max-width:225px;aspect-ratio:1;justify-self:center;border:2px solid #d4a65b;box-shadow:0 0 25px #0006;border-radius:24px;overflow:hidden;background:#44281b}
.v15-speaker-image img{display:block;width:100%;height:100%;object-fit:cover}
.v15-intro-copy{min-width:0}.v15-intro-copy strong{color:#f3c987;letter-spacing:.08em;text-transform:uppercase;font-size:.82rem}
.v15-bubble{margin-top:9px;background:#fff0d6;color:#3e261c;padding:17px 19px;border-radius:17px;border:2px solid #e3b76c;box-shadow:0 4px 0 #0003;font:600 clamp(1.03rem,2.3vw,1.4rem)/1.48 Georgia,serif;overflow-wrap:anywhere}
.v15-result{position:relative;display:grid;grid-template-columns: minmax(145px,44%) 1fr;align-items:center;gap:19px;background:linear-gradient(125deg,#51331d,#241917);border:2px solid #d4a257;border-radius:23px;margin:23px auto;overflow:hidden;padding:18px;min-height:260px;text-align:left;max-width:815px}
.v15-result.v15-fail{background:linear-gradient(125deg,#4a2c29,#251a19)}.v15-result.v15-close{background:linear-gradient(125deg,#4d372a,#241a19)}
.v15-portrait-stage{position:relative;width:100%;aspect-ratio:1/1;max-width:286px;border-radius:19px;overflow:hidden;border:1px solid #f2c47b;box-shadow:0 7px 24px #0008;align-self:center;background:#8c5a28}
.v15-portrait-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.v15-portrait-stage .v15-primary{animation:v15Enter 1s ease-out both}
.v15-portrait-stage .v15-secondary{animation:v15FaceSwap 4.6s ease-in-out infinite;opacity:0}
.v15-result-copy{min-width:0}.v15-result-copy .chapter{letter-spacing:.15em;font-weight:850;color:#f7ca79}.v15-verdict{font-size:clamp(1.12rem,2.6vw,1.5rem);font-weight:800}.v15-result-status{display:block;margin-top:13px;color:#e4c493;font-size:.84rem;font-weight:750}
.v15-royal{box-shadow:0 0 0 3px #dfbd76,0 0 25px #a7783280}
@keyframes v15Enter{from{transform:scale(.92);opacity:.4}to{transform:scale(1);opacity:1}}
@keyframes v15FaceSwap{0%,40%,92%,100%{opacity:0;transform:scale(1.02)}47%,83%{opacity:1;transform:scale(1.0)}}
.v15-expressions{grid-column:1/-1;margin-top:12px;border-top:1px solid #916b47;padding:19px 5px 4px}.v15-expressions h3{color:#f6d58d;font:700 1.2rem Georgia,serif;margin:0 0 7px}.v15-expressions p{color:#e8d1b6;font-size:.86rem}
.v15-expression-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}
.v15-expression-choice{display:flex;flex-direction:column;gap:6px;align-items:center;padding:8px;border-radius:13px;background:#37241d;border:2px solid #8b653e;color:#ffe1aa;font-weight:800;cursor:pointer}
.v15-expression-choice.selected,.v15-expression-choice:focus-visible{border-color:#ffd178;background:#583720}
.v15-expression-choice img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:9px}.v15-expression-choice span{font-size:.78rem}
.cast-full-frame{background:linear-gradient(180deg,#453020,#281814)}.cast-full{object-fit:contain!important;object-position:center center}
@media(max-width:600px){.v15-scene-intro{grid-template-columns: minmax(105px,35%) 1fr;min-height:142px;gap:10px;padding:11px;border-radius:17px}.v15-speaker-image{border-radius:13px}.v15-bubble{padding:12px 13px;font-size:clamp(.88rem,3.55vw,1.06rem);line-height:1.45}.v15-intro-copy strong{font-size:.73rem}.v15-result{grid-template-columns:42% minmax(0,1fr);gap:9px;min-height:185px;padding:10px;border-radius:17px}.v15-portrait-stage{border-radius:12px}.v15-verdict{font-size:clamp(.96rem,3.5vw,1.16rem);padding:11px 10px}.v15-result-copy .chapter{font-size:.68rem}.v15-result-status{font-size:.72rem;margin-top:10px}.v15-expression-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ww12-options button{font-size:1rem;min-height:58px;margin:0}.ww12-question{padding:15px}.ww12-question h2{font-size:1.2rem}}
@media(prefers-reduced-motion:reduce){.v15-portrait-stage img{animation:none!important}.v15-portrait-stage .v15-secondary{display:none}}


/* ---- v16.css ---- */

/* v1.6: coherent, single-faced character reactions */
.v16-scene{max-width:840px;margin:20px auto;padding:16px;display:grid;grid-template-columns:minmax(125px,40%) minmax(0,1fr);align-items:center;gap:17px;border:1.5px solid #d9a75d;border-radius:22px;background:linear-gradient(120deg,#58351f,#2c1b17);box-shadow:0 10px 30px #0005;min-height:220px;text-align:left;overflow:hidden}
.v16-single-face{aspect-ratio:1;width:100%;max-width:310px;overflow:hidden;border-radius:17px;background:#66412b;border:1px solid #bd8d51;box-shadow:0 7px 22px #0006}
.v16-single-face img{width:100%;height:100%;object-fit:cover;display:block;animation:v16Pop .48s ease-out both}
.v16-bubble-wrap{min-width:0;position:relative}
.v16-speech{position:relative;border:2px solid #e3bd79;background:#fff0d4;color:#452819;line-height:1.4;padding:21px 19px;border-radius:24px;font:700 clamp(1.05rem,2.3vw,1.55rem)/1.4 Georgia,serif;overflow-wrap:break-word;word-break:normal;box-shadow:0 4px 9px #170e1230}
.v16-speech:before{content:'';position:absolute;left:-9px;top:47%;width:16px;height:16px;background:#fff0d4;border-left:2px solid #e3bd79;border-bottom:2px solid #e3bd79;transform:rotate(45deg)}
.v16-win{border-color:#f3cb6c}.v16-fail{border-color:#a97b63}.v16-close{border-color:#cfb26b}
@keyframes v16Pop{from{opacity:.5;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
.v16-daily{margin:22px 0}.v16-checkpoints{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.v16-checkpoints span{padding:6px 9px;border:1px solid #8f7050;border-radius:20px;font-size:.78rem;color:#ddc39f}.v16-checkpoints span.yes{border-color:#bda251;background:#42522b;color:#fff2d0}
.ww12-gamecard.v16-bonus{min-height:210px}.ww12-gamecard.v16-town{background-image:linear-gradient(0deg,#170e11 0%,#371f1fba 70%,#41351f69),url('assets/gist_compound_hero.webp')}.ww12-gamecard.v16-match{background-image:linear-gradient(0deg,#140f19 0%,#35243dc2 70%,#4c2d4e79),url('assets/gist_compound_cast.webp')}
.v16-economy{background:linear-gradient(140deg,#322318,#214038);border:1px solid #ab8453;border-radius:18px;margin:16px 0;padding:18px;color:#f6e6ca}.v16-economy h2{font:700 1.35rem Georgia,serif;color:#ffdd93}.v16-economy p{margin:8px 0;font-size:.95rem;line-height:1.55}.v16-adfuture{display:grid;gap:6px;border-top:1px solid #84674a;padding-top:13px;margin-top:15px}.v16-adfuture small{color:#e1c9a8}
.v16-pair-tools{margin:12px 0}.v16-pair-tools .btn{min-height:44px}
@media(max-width:600px){.v16-scene{grid-template-columns:38% minmax(0,1fr);padding:10px;gap:10px;border-radius:16px;min-height:155px;margin:13px auto}.v16-single-face{border-radius:12px}.v16-speech{padding:12px 11px;border-radius:17px;font-size:clamp(.98rem,3.75vw,1.2rem);line-height:1.4}.v16-speech:before{left:-7px;width:12px;height:12px}.ww12-gamecard.v16-bonus{min-height:155px}.v16-checkpoints span{font-size:.72rem}.v16-economy{padding:14px}.v16-economy p{font-size:.86rem}}
@media(prefers-reduced-motion:reduce){.v16-single-face img{animation:none}}


/* ---- v17.css ---- */

/* ===== Gist Compound v1.7 illustrated arcade selection ===== */
.ww12-heading{margin:32px 0 20px}.ww12-heading h2{font-family:Georgia,serif;font-size:clamp(1.65rem,4.3vw,2.15rem);letter-spacing:-.025em}.ww12-heading .chapter{color:#f8c47b}
.ww12-gamecards.v17-arcade{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px;align-items:stretch}
.v17-tile{position:relative;grid-column:span 2;min-width:0;min-height:270px;overflow:hidden;border:1.5px solid #d6a35f;border-radius:22px;display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;gap:0;padding:0;color:#fff4e1;text-align:left;cursor:pointer;background:#241813;isolation:isolate;box-shadow:0 13px 30px #09050455,inset 0 0 0 1px #ffffff0a;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;appearance:none;-webkit-appearance:none}
.v17-tile:nth-child(4),.v17-tile:nth-child(5){grid-column:span 3}
.v17-tile:focus-visible{outline:3px solid #fff0bc;outline-offset:3px}.v17-tile:hover{transform:translateY(-4px);box-shadow:0 18px 33px #0008;border-color:#ffe69d}
.v17-tile:active{transform:translateY(0) scale(.992)}
.v17-art{height:135px;width:100%;position:relative;overflow:hidden;display:grid;place-items:center;flex-shrink:0;background-size:cover;background-position:center;isolation:isolate}
.v17-art:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.v17-hunt .v17-art{background:radial-gradient(ellipse at 20% 20%,#37977a99,transparent 59%),linear-gradient(130deg,#1d604a,#133829 75%)}
.v17-complete .v17-art{background:radial-gradient(circle at 82% 38%,#dd6b8777,transparent 60%),linear-gradient(130deg,#6e2745,#311a35)}
.v17-chop .v17-art{background:radial-gradient(circle at 75% 0%,#f4c66e77,transparent 63%),linear-gradient(130deg,#a5501b,#482515)}
.v17-town .v17-art{background:linear-gradient(120deg,#1d322c99,#2b1d35a6),url('assets/market_back.webp') center 58%/cover}
.v17-slang .v17-art{background:radial-gradient(ellipse at 40% 20%,#8f80d77a,transparent 65%),linear-gradient(130deg,#453377,#241c3e)}
.v17-copy{position:relative;z-index:2;display:flex;flex-direction:column;gap:5px;flex:1;padding:16px 61px 20px 19px;background:linear-gradient(180deg,#ffffff05,#0000002b)}
.v17-kicker{font-family:system-ui,sans-serif;letter-spacing:.14em;font-size:.62rem;font-weight:900;color:#ffd59c;text-transform:uppercase}
.v17-copy strong{font:700 clamp(1.22rem,2vw,1.65rem)/1.1 Georgia,serif;letter-spacing:-.014em;color:#fff5df;text-shadow:0 2px 9px #0005}
.v17-copy small{font:500 .83rem/1.43 system-ui,sans-serif;color:#eed4bd;max-width:27ch}
.v17-launch{position:absolute;right:16px;bottom:22px;z-index:3;display:grid;place-items:center;border:1px solid #ffdb85;background:linear-gradient(150deg,#ffdb80,#df9725);color:#57300e;border-radius:50%;height:40px;width:40px;box-shadow:0 3px 0 #a66215,0 8px 18px #0006}
.v17-launch svg{height:23px;width:23px}
.v17-letters{display:grid;grid-template-columns:repeat(3,35px);gap:7px;transform:rotate(-8deg);filter:drop-shadow(0 9px 8px #09180d8a)}
.v17-letters span{display:grid;place-items:center;width:35px;height:32px;border-radius:7px;background:#fae6b9;color:#38684d;box-shadow:0 4px 0 #ab8d58;border:1px solid #fff3d8;font:900 1rem system-ui,sans-serif}
.v17-letters .glow{background:#faab3e;color:#3c2610;box-shadow:0 4px 0 #9e5320,0 0 13px #ffd66a9a}
.v17-character{height:125px;width:118px;position:absolute;bottom:-2px;left:12%;border-radius:42% 42% 14% 14%;overflow:hidden;filter:drop-shadow(0 8px 8px #1409197d)}
.v17-character img{height:100%;width:100%;object-fit:cover;object-position:center top;display:block}
.v17-talk{position:absolute;right:8%;top:27%;background:#fff3d8;color:#402b27;border:2px solid #e6b879;border-radius:15px 15px 15px 4px;padding:10px 11px;transform:rotate(5deg);font:900 .96rem Georgia,serif;box-shadow:0 5px 12px #2b172456}
.v17-town-talk{font-size:.9rem;transform:rotate(-4deg)}
.v17-food{display:flex;align-items:center;justify-content:center;gap:0;filter:drop-shadow(0 10px 8px #2c130bc0)}
.v17-food svg{width:78px;height:78px;margin:0 -5px;transform:rotate(-8deg)}
.v17-food svg:nth-child(2){transform:translateY(-11px) rotate(9deg)}
.v17-food svg:nth-child(3){transform:rotate(14deg)}
.v17-food-title{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#ffe5a0;background:#55280acc;border:1px solid #e6ab55;border-radius:12px;padding:4px 10px;font-size:.64rem;letter-spacing:.13em;font-weight:900}
.v17-match-art{display:flex;align-items:center;filter:drop-shadow(0 7px 6px #190f3c77)}
.v17-match-art>span:not(.v17-match-link){background:linear-gradient(160deg,#f9e7c8,#e7c17c);color:#51366d;padding:15px 12px;border-radius:10px;box-shadow:0 4px 0 #aa8a55;font:900 .85rem system-ui,sans-serif;letter-spacing:.05em}
.v17-match-art>span:last-child{transform:rotate(6deg)}.v17-match-art>span:first-child{transform:rotate(-7deg)}
.v17-match-link{width:28px;height:4px;background:#ffc76a;transform:rotate(-16deg);box-shadow:0 0 8px #ffd68e}
@media(max-width:680px){.ww12-heading{margin:23px 0 15px}.ww12-gamecards.v17-arcade{grid-template-columns:1fr;gap:11px}.v17-tile,.v17-tile:nth-child(4),.v17-tile:nth-child(5){grid-column:auto;min-height:145px;display:grid;grid-template-columns:39% minmax(0,1fr);grid-template-rows:auto;border-radius:17px}.v17-art{width:100%;height:100%;min-height:145px}.v17-copy{justify-content:center;padding:14px 48px 14px 14px;gap:6px}.v17-copy strong{font-size:clamp(1.08rem,4vw,1.4rem)}.v17-copy small{font-size:.78rem;line-height:1.34}.v17-launch{right:9px;bottom:12px;width:32px;height:32px}.v17-launch svg{width:19px;height:19px}.v17-letters{grid-template-columns:repeat(3,27px);gap:4px}.v17-letters span{width:27px;height:26px;font-size:.78rem;border-radius:5px}.v17-character{height:130px;left:2%;width:82%}.v17-talk{right:3%;top:11%;font-size:.7rem;padding:7px;max-width:78px}.v17-food svg{width:51px;height:56px;margin-left:-6px;margin-right:-6px}.v17-food-title{font-size:.51rem}.v17-match-art>span:not(.v17-match-link){padding:9px 6px;font-size:.59rem}.v17-match-link{width:12px}}
@media(max-width:355px){.v17-tile{grid-template-columns:37% 1fr}.v17-copy strong{font-size:1.02rem}.v17-copy small{font-size:.7rem}.v17-character{width:92%;left:-2%}}
@media(prefers-reduced-motion:reduce){.v17-tile{transition:none}}


/* ---- townhall.css ---- */
/* Gist Compound v1.8 — premium, story-first Town Hall. No headings/answer bubbles */
.town18-shell{width:min(100%,840px);margin:0 auto;padding:14px 0 28px;color:#fff0d8}
.town18-top{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.town18-top h1{font:800 clamp(1.45rem,4.5vw,2.3rem) Georgia,serif;margin:7px 0 4px;color:#f9dfb1}
.town18-small{margin:0;color:#d6b9a0;font-size:.84rem;line-height:1.45}
.town18-mapbtn{background:#34221c;border:1px solid #b17b43;border-radius:12px;padding:10px 12px;color:#ffcf76;font-weight:750;cursor:pointer}
.town18-progress{display:flex;align-items:center;gap:9px;margin:18px 0;color:#efc689;font-size:.8rem;font-weight:750}
.town18-progress>div{flex:1;height:7px;background:#483229;border-radius:10px;overflow:hidden}
.town18-progress i{display:block;height:100%;background:linear-gradient(90deg,#df9d35,#f9df8c);border-radius:10px}
.town18-scene{background:radial-gradient(ellipse at 50% 0%,#604127 0%,#38251e 48%,#281b18 100%);border:1px solid #b7864e;border-radius:24px;overflow:hidden;box-shadow:0 12px 35px #0003}
.town18-portrait{height:245px;background:linear-gradient(0deg,#281b18 0%,transparent 28%),radial-gradient(circle at center,#72513a 0%,#37221a 73%);display:flex;align-items:flex-end;justify-content:center;position:relative;overflow:hidden}
.town18-portrait img{width:100%;height:100%;max-width:430px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 10px 15px #0007)}
.town18-portrait span{position:absolute;bottom:10px;left:14px;background:rgba(35,20,16,.87);border:1px solid #bb8844;border-radius:30px;padding:5px 12px;font-weight:800;color:#ffda8d;font-size:.8rem}
.town18-gist{font:500 clamp(1.03rem,3.55vw,1.27rem)/1.65 system-ui,-apple-system,sans-serif;margin:0;padding:21px 22px 25px;white-space:normal;color:#ffefd7}
.town18-choices{display:grid;gap:12px;margin:19px 0 12px}
.town18-choice{min-height:64px;display:flex;align-items:center;gap:15px;text-align:left;background:#34231e;border:1px solid #986744;color:#fff0db;border-radius:16px;padding:15px 16px;font-weight:650;font-size:1rem;line-height:1.42;cursor:pointer;transition:background .15s,transform .1s}
.town18-choice:active{transform:scale(.995)}.town18-choice:hover,.town18-choice:focus-visible{border-color:#efbc6b;background:#493027;outline:0}
.town18-choice-icon{flex:0 0 31px;width:31px;height:31px;display:grid;place-items:center;border-radius:50%;border:1px solid #b68858;color:#edc082;font-weight:900}
.town18-choice:disabled{opacity:1;cursor:default}.town18-choice.town18-right{background:#1c4c36;border-color:#79d2a0}.town18-choice.town18-wrong{background:#69312d;border-color:#e6a095}.town18-choice.town18-muted{opacity:.58}
.town18-hintbar{display:flex;gap:10px;flex-wrap:wrap;margin:13px 0}
.town18-hintbar .btn{font-size:.88rem}.town18-hint-line{background:#34241b;border:1px dashed #be9255;padding:12px 14px;border-radius:12px;color:#ffe3ae;font-size:.9rem;line-height:1.5}
.town18-feedback{background:#2c211c;border:1px solid #936a46;border-radius:20px;padding:16px;margin:17px 0;line-height:1.55}
.town18-feedback.is-right{border-color:#54a47d}.town18-feedback.is-wrong{border-color:#b77d67}
.town18-reaction{display:flex;align-items:center;gap:16px}.town18-reaction img{height:125px;width:130px;object-fit:contain;flex-shrink:0}.town18-reaction p{font:bold 1.25rem/1.3 Georgia,serif;color:#ffe2a5;margin:0}
.town18-feedback>p{margin:8px 0 0}.town18-feedback small{display:block;margin-top:11px;color:#e2bc97}
.town18-actions{display:flex;gap:10px;flex-wrap:wrap}.town18-bottom{margin:24px 0 12px;display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.town18-official{color:#f6ce80;text-decoration:underline;text-underline-offset:4px}.town18-disclaimer{color:#c3a48e;font-size:.78rem;line-height:1.48}
.town18-map{margin:10px 0;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;padding:9px;background:#281b17;border:1px solid #77563b;border-radius:14px}
.town18-map button{min-width:0;padding:10px 0;border:1px solid #866143;border-radius:7px;background:#3b2a22;color:#f4d09d;font-weight:800;cursor:pointer}
.town18-map button.cleared{background:#1c503b;border-color:#53aa80}.town18-map button.active{outline:2px solid #ffcf68}.town18-map button:disabled{opacity:.34;cursor:default}
@media(max-width:600px){.town18-shell{padding-top:0}.town18-portrait{height:245px}.town18-portrait img{max-width:360px}.town18-gist{padding:16px 17px 19px}.town18-choice{font-size:.94rem;min-height:60px;padding:12px 13px}.town18-map{grid-template-columns:repeat(5,minmax(0,1fr))}.town18-top{align-items:flex-start}.town18-progress{flex-wrap:wrap}.town18-reaction img{height:105px;width:105px}}


/* ---- v19.css ---- */
/* v1.9: simple phone-first food gameplay, no new generic fruits. */
.board{grid-template-columns:repeat(var(--market-cols,6),minmax(0,1fr));gap:6px;border-color:#b48a45;padding:3px;max-width:550px;margin-inline:auto}
.tile{border-radius:12px;min-height:0}
.tile.neighbor{outline:2px solid #f5bc54;outline-offset:-3px;box-shadow:0 0 0 2px rgba(255,232,150,.36),inset 0 -4px #b89461}
.tile.selected{box-shadow:0 0 0 3px rgba(255,217,96,.85),0 0 18px rgba(255,224,94,.5);}
.ww12-options{display:grid;grid-template-columns:1fr;gap:10px}
.ww12-options button{min-height:56px}
@media(max-width:440px){.board{gap:5px;border-width:4px}.tile{border-radius:10px}.tile svg{max-width:70px}.ww12-options button{min-height:58px}}
@media(prefers-reduced-motion:reduce){.tile{transition:none}}


/* ---- v110.css ---- */
/* Gist Compound v1.10: pick-your-interests feature, game-native rather than a long settings form. */
.ww20-shell{max-width:980px;margin:20px auto 45px;color:#fff0d4}
.ww20-pagehead{border-radius:24px;padding:25px 26px 21px;border:1px solid #a8774a;background:radial-gradient(circle at 88% -10%,#8e563e66,transparent 52%),linear-gradient(115deg,#563320,#291a17 70%)}
.ww20-pagehead .chapter{color:#f4c678;letter-spacing:.16em}
.ww20-pagehead h1{font:800 clamp(2rem,5vw,3.15rem)/1.08 Georgia,serif;margin:10px 0 13px;letter-spacing:-.027em}
.ww20-pagehead p{max-width:61ch;font-size:1rem;line-height:1.6;color:#f0d6bc}
.ww20-count{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;color:#e3c4a1;margin:20px 2px 12px;font-size:.91rem}
.ww20-count b{color:#ffdc87}
.ww20-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ww20-topic{position:relative;cursor:pointer;appearance:none;text-align:left;border-radius:17px;min-height:125px;padding:16px 15px;display:flex;align-items:center;gap:13px;min-width:0;border:1.5px solid #815b44;background:linear-gradient(155deg,#3d291f,#271b17);color:#fff3dd;transition:transform .12s,border-color .12s,background .12s}
.ww20-topic:nth-child(4n+1){background:linear-gradient(130deg,#443021,#281e18)}
.ww20-topic:nth-child(4n+2){background:linear-gradient(130deg,#343e2b,#251e1a)}
.ww20-topic:nth-child(4n+3){background:linear-gradient(130deg,#53303d,#281b21)}
.ww20-topic:nth-child(4n){background:linear-gradient(130deg,#323958,#252029)}
.ww20-topic.selected{border-color:#ffcc63;box-shadow:inset 0 0 0 1px #ffd47d88,0 5px 23px #e8ad5130;transform:translateY(-1px)}
.ww20-topic:hover{border-color:#f5cd89}
.ww20-topic:focus-visible,.ww20-lang:focus-visible,.ww20-pickcard:focus-visible,.ww20-edit:focus-visible,.ww20-dailyplay:focus-visible{outline:3px solid #fbe4a2;outline-offset:3px}
.ww20-topic-art{height:63px;width:66px;flex-shrink:0;display:grid;place-items:center;font-size:2.1rem;border:1px solid #ffffff28;background:radial-gradient(circle at 30% 18%,#ffffff27,transparent 70%),#30221a;border-radius:15px;text-shadow:0 5px 15px #0006}
.ww20-topic-text{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0;padding-right:8px}
.ww20-topic-text strong{font:800 1.16rem/1.12 Georgia,serif}
.ww20-topic-text small{font-size:.79rem;line-height:1.38;color:#e9caad}
.ww20-check{height:26px;width:26px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;font:900 1rem system-ui;border:1px solid #bf9561;color:#ffe6b2}
.ww20-topic.selected .ww20-check{background:#e8b459;color:#40230c}
.ww20-language-box{border-radius:18px;background:#2e241d;border:1px solid #9d7348;padding:21px;margin:18px 0}
.ww20-language-box h2{font:800 1.5rem Georgia,serif;margin:0 0 8px}
.ww20-language-box p{margin:0 0 14px;color:#e6c9a8;font-size:.91rem}
.ww20-langchips{display:flex;gap:9px;flex-wrap:wrap}
.ww20-lang{color:#f9e7c8;background:#463128;border:1px solid #a67c54;border-radius:30px;padding:11px 17px;font:750 .9rem system-ui;cursor:pointer}
.ww20-lang.selected{background:#276048;border-color:#efc67b;color:#fff5df}
.ww20-pageactions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:23px 0 10px}
.ww20-pageactions .btn{min-height:49px}
.ww20-pageactions button:disabled{opacity:.48;cursor:not-allowed}
.ww20-localnote{font-size:.8rem;color:#d5b997}
.ww20-spotlight{margin:20px 0 28px;border-radius:21px;padding:22px 23px;background:linear-gradient(125deg,#3d2a1e,#30231b 75%);border:1px solid #ba8c55;color:#fff0d7;box-shadow:0 12px 22px #100a0847}
.ww20-invite{position:relative;display:flex;align-items:center;gap:12px;overflow:hidden;background:radial-gradient(ellipse at 96% 16%,#7e493d77,transparent 42%),linear-gradient(115deg,#432b21,#2a2019)}
.ww20-spotlight-main{flex:1;position:relative;z-index:1}
.ww20-spotlight .chapter{color:#f4c775;letter-spacing:.15em;font-size:.73rem}
.ww20-spotlight h2{font:800 clamp(1.35rem,3.6vw,1.85rem) Georgia,serif;margin:8px 0 7px}
.ww20-spotlight p{font-size:.89rem;line-height:1.55;color:#e6cbb1;margin:0 0 15px}
.ww20-spotlight-art{width:140px;display:grid;grid-template-columns:repeat(2,1fr);gap:6px;align-items:center;transform:rotate(-10deg);opacity:.91}
.ww20-spotlight-art span{height:57px;width:57px;display:grid;place-items:center;font-size:1.8rem;border-radius:12px;border:1px solid #e3b87580;background:linear-gradient(145deg,#7c5030,#4c2c1b)}
.ww20-spotlight-art span:last-child{transform:translate(30px,-12px)}
.ww20-sectiontop{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.ww20-edit{border:1px solid #d3a164;background:#442f21;border-radius:30px;color:#ffd98e;padding:10px 15px;font:750 .85rem system-ui;cursor:pointer}
.ww20-pickedchips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;padding:10px 0 16px}
.ww20-pickedchips span{white-space:nowrap;background:#5a3c28;color:#ffe8bd;border:1px solid #936841;border-radius:30px;padding:7px 11px;font-size:.7rem;font-weight:700}
.ww20-personal-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ww20-pickcard{min-width:0;cursor:pointer;border:1px solid #a98451;background:linear-gradient(135deg,#5b3924,#2b231c);color:#fff2d9;border-radius:14px;padding:13px;display:flex;gap:10px;align-items:center;text-align:left}
.ww20-pickcard:nth-child(2){background:linear-gradient(130deg,#3c4931,#253326)}
.ww20-pick-visual{font-size:2rem;display:grid;place-items:center;width:52px;height:58px;flex-shrink:0;border-radius:11px;background:#fff3ce13}
.ww20-pickcard>span:nth-child(2){min-width:0;flex:1;display:flex;gap:4px;flex-direction:column}
.ww20-pickcard strong{font:800 1.04rem Georgia,serif}
.ww20-pickcard small{font-size:.73rem;color:#e9d0b3;line-height:1.3}
.ww20-pick-arrow{color:#ffce76;font-weight:900;font-size:1.1rem}
.ww20-dailyrec{margin-top:12px;border-radius:13px;padding:12px;display:flex;gap:12px;align-items:center;justify-content:space-between;background:#212f29;border:1px solid #6e946c}
.ww20-dailyrec>span{display:flex;flex-direction:column;gap:3px;font-size:.68rem;font-weight:800;letter-spacing:.08em;color:#efcd90}
.ww20-dailyrec strong{font:800 1.08rem Georgia,serif;letter-spacing:0;color:#f8f2db}
.ww20-dailyrec small{font:.75rem/1.3 system-ui;letter-spacing:0;color:#e0debd}
.ww20-dailyplay{flex-shrink:0;background:#f4c66e;color:#452c14;border:1px solid #ffe0a4;padding:11px 13px;font-weight:900;font-size:.8rem;border-radius:11px;cursor:pointer}
.ww20-allgames{font-size:.76rem!important;margin:12px 0 0!important;color:#cdb393!important}
.ww20-settingslink{padding:18px;margin:0 0 19px;border:1px solid #ae8354;border-radius:17px;background:#3b2a1f}
.ww20-settingslink h2{font:800 1.45rem Georgia,serif;margin-bottom:6px}
.ww20-settingslink p{font-size:.86rem;color:#e6cbae;margin:0 0 12px}
@media(max-width:680px){.ww20-shell{margin:8px auto 32px}.ww20-pagehead{padding:21px 17px}.ww20-topics{grid-template-columns:1fr;gap:9px}.ww20-topic{padding:12px;min-height:94px;gap:11px}.ww20-topic-art{width:57px;height:58px;font-size:1.8rem}.ww20-pagehead p{font-size:.92rem}.ww20-spotlight{padding:18px 15px;margin:16px 0 22px}.ww20-spotlight-art{width:90px;gap:0}.ww20-spotlight-art span{height:40px;width:42px;font-size:1.25rem}.ww20-personal-cards{grid-template-columns:1fr}.ww20-dailyrec{align-items:flex-start;flex-direction:column}.ww20-dailyplay{width:100%}.ww20-pageactions .btn{flex:1;min-width:160px}}
@media(max-width:370px){.ww20-topic-text strong{font-size:1.02rem}.ww20-topic-text small{font-size:.75rem}.ww20-spotlight-art{display:none}}
@media(prefers-reduced-motion:reduce){.ww20-topic{transition:none}}


/* v1.12: storytelling first, explanations optional */
.town18-reaction{align-items:center;gap:12px}
.town18-reaction img{object-fit:cover;object-position:center top;border-radius:17px;width:112px;height:120px;background:linear-gradient(130deg,#4d3223,#322016)}
.town18-reaction .town18-chat{position:relative;background:#fff0d2;border:1px solid #e8c181;border-radius:18px 18px 18px 4px;padding:14px 16px;color:#4a2d1c;font:700 clamp(.98rem,3.5vw,1.15rem)/1.42 system-ui,-apple-system,sans-serif;margin:0;flex:1}
.town18-more{margin:13px 0 1px;border-top:1px solid #70513d;padding-top:11px;color:#f8dfbe}
.town18-more summary{cursor:pointer;color:#edc17a;font-weight:700;list-style:none;display:inline-flex;align-items:center;gap:8px}
.town18-more summary::before{content:"▸";font-size:.85rem}
.town18-more[open] summary::before{content:"▾"}
.town18-more p{margin:10px 0 0;font-size:.94rem;line-height:1.56}
.town18-more small{color:#cba981;font-size:.77rem}
@media(max-width:600px){.town18-reaction img{width:103px;height:114px}.town18-reaction .town18-chat{padding:11px 13px}}

/* v1.13: clean Nigerian story interactions & consequences */
.town13-prompt{margin:17px 0 12px;border:1px solid #bb8e5e;background:linear-gradient(130deg,#543222,#31221e);border-radius:19px;padding:18px 20px;color:#fff0d0}
.town13-prompt>span{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;font-weight:900;color:#ffd78e}
.town13-prompt h2{font:750 clamp(1.18rem,3.7vw,1.6rem)/1.34 system-ui,sans-serif;margin:10px 0 3px}
.town13-prompt p{color:#ead2ae;font-size:.88rem;margin:9px 0 0}
.town13-options{display:grid;gap:11px;margin:12px 0 17px}
.town13-options button{width:100%;min-height:71px;color:#fff0d7;background:#3d2921;border:1.5px solid #9c704e;padding:15px 17px;border-radius:17px;font:650 1rem/1.47 system-ui;text-align:left;cursor:pointer;display:flex;align-items:center;gap:13px}
.town13-options button:hover,.town13-options button:focus-visible{border-color:#f3c471;background:#523427;outline-offset:3px}
.town13-options button span{border:1px solid #b5895a;border-radius:50%;width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;font-weight:800;color:#edc384}
.town13-slots{display:grid;gap:8px;margin:15px 0}
.town13-slots button,.town13-empty{display:flex;align-items:center;gap:10px;min-height:57px;width:100%;padding:11px 14px;border-radius:11px;text-align:left;font:.88rem/1.4 system-ui}
.town13-slots button{background:#234d3b;border:1px solid #79b595;color:#fff5df;cursor:pointer}
.town13-slots button b{border-radius:50%;border:1px solid #cee7b3;display:grid;place-items:center;width:27px;height:27px;flex-shrink:0}
.town13-slots button i{margin-left:auto;font-size:1.3rem;font-style:normal}
.town13-empty{border:1px dashed #906f54;color:#b99c7e;background:#2e231d}
.town13-submit{width:100%;margin-bottom:15px}.town13-submit:disabled{opacity:.48;cursor:not-allowed}
.town13-convo{display:grid;gap:8px;margin:12px 0}.town13-sent{background:#235240;border:1px solid #6e967c;padding:12px 15px;color:#f9f2d9;border-radius:13px;font-size:.9rem}.town13-sent strong{color:#ffdc8c;display:block;font-size:.76rem;margin-bottom:3px}
.town13-stepname{font-weight:850;color:#ffdc8a;margin:13px 0 4px}.town13-back{background:transparent;color:#efc07a;border:0;padding:10px 1px;font-weight:750;cursor:pointer}
.town13-impact,.town13-echo{background:#243f34;border-left:4px solid #ebc678;border-radius:13px;padding:12px 16px;margin:15px 0 0;color:#f7e9ce}
.town13-impact span,.town13-echo span{font-size:.72rem;font-weight:900;color:#f0d191;text-transform:uppercase;letter-spacing:.08em}.town13-impact p,.town13-echo p{line-height:1.5;font-size:.92rem;margin:5px 0 0}
.town13-echo{margin:13px 0 15px;background:#382d23;border-left-color:#7ca881}
.town13-better{margin:13px 0;padding:12px 14px;border:1px solid #a77b50;border-radius:12px;font-size:.9rem;line-height:1.5;color:#fff0dc}
.town18-shell:has(.town18-feedback) .town18-scene .town18-portrait{display:none}
@media(max-width:550px){.town13-prompt{padding:14px}.town13-options button{font-size:.93rem;min-height:62px;padding:13px}.town13-slots button,.town13-empty{font-size:.82rem}.town13-impact p{font-size:.88rem}}

/* Gist Compound v1.14: interactive Market Gist surprises */
.market14-wallet{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 16px;padding:12px 16px;border-radius:17px;border:1px solid #d69d57;background:linear-gradient(100deg,#493021,#1e3226);color:#ffe8bd;font-weight:700;justify-content:space-between}
.market14-wallet b{font-size:1.08rem;color:#ffcf62}.market14-wallet small{flex-basis:100%;font-size:.77rem;color:#ddc4a4;font-weight:400}
.market14-last,.market14-recap,.market14-summary,.market14-soup-carry{margin:14px 0;padding:13px 16px;border:1px solid #986641;border-radius:15px;color:#f6dfc4;background:#2e211c;line-height:1.55}
.market14-recap p,.market14-summary p{margin:7px 0}.market14-summary span,.market14-last b{display:block;color:#fbc865;margin-top:6px}.market14-soup-carry{font-size:.92rem}
.market14-screen{position:fixed;inset:0;z-index:99999;background:rgba(12,6,5,.86);display:flex;align-items:center;justify-content:center;padding:max(env(safe-area-inset-top),16px) 12px max(env(safe-area-inset-bottom),16px);overflow-y:auto}
.market14-dialog{width:min(100%,520px);border:2px solid #daa14a;border-radius:25px;box-shadow:0 18px 90px #100704;color:#fff1d8;background:linear-gradient(150deg,#523021,#26160f);padding:16px;max-height:94vh;overflow-y:auto}
.market14-scene{display:grid;grid-template-columns:minmax(95px,36%) 1fr;align-items:center;gap:10px;background:linear-gradient(130deg,#6a4326,#382119);border:1px solid #a17442;border-radius:19px;overflow:hidden;padding:8px}
.market14-scene img{width:100%;height:205px;object-fit:contain;object-position:center bottom}
.market14-scene p{font-size:clamp(.95rem,3.5vw,1.14rem);line-height:1.5;margin:10px 0;font-weight:600}
.market14-question{font-weight:700;color:#f8cb75;line-height:1.35;margin:13px 4px}
.market14-choices{display:grid;gap:9px}
.market14-choices button{padding:13px;text-align:left;border:1px solid #bd8e59;border-radius:15px;color:#ffefd8;background:linear-gradient(110deg,#4b2d23,#38241d);cursor:pointer;display:flex;flex-direction:column;gap:4px;font-size:1rem;font-weight:700;min-height:70px}
.market14-choices button small{font-size:.8rem;color:#f5ca7d;font-weight:500}
.market14-choices button:disabled{opacity:.4;cursor:not-allowed}
.market14-choices button:focus-visible{outline:3px solid #ffdf89;outline-offset:2px}
.market14-choices button:not(:disabled):active{transform:scale(.985);background:#62402a}
.market14-gained{padding:12px 6px;display:grid;gap:5px;line-height:1.4}.market14-gained b{color:#ffdf81;font-size:1.1rem}.market14-gained small{color:#c4aa91}
.market14-continue{width:100%;margin-top:12px}
@media(max-width:375px){.market14-scene{grid-template-columns:100px 1fr}.market14-scene img{height:165px}.market14-dialog{padding:11px}.market14-choices button{padding:11px;font-size:.93rem}}
@media(prefers-reduced-motion:reduce){.market14-choices button{transition:none}}

/* Character art takes the space previously occupied by repetitive name/personality inscriptions. */
.helper:has(.market14-faceonly){display:grid;grid-template-columns:minmax(110px,42%) 1fr;gap:12px;align-items:center;}
.market14-faceonly{min-height:145px;display:flex;align-items:end;justify-content:center;overflow:hidden;border-radius:14px;background:linear-gradient(125deg,#774526,#34231f)}
.market14-faceonly img{display:block;width:100%;max-height:225px;object-fit:contain;object-position:center bottom}
.helper:has(.market14-faceonly) .bubble{margin:0;line-height:1.5;max-width:none}
.helper:has(.market14-faceonly) .tip{grid-column:1/-1;margin-top:0}
@media(max-width:390px){.helper:has(.market14-faceonly){grid-template-columns:minmax(92px,40%) 1fr;gap:7px}.market14-faceonly img{max-height:180px}}

.market14-discoveries{border:1px solid #d8a455;background:#422b20;border-radius:18px;padding:15px;margin-bottom:22px;color:#fff0d4}.market14-discoveries h2{margin:8px 0}.market14-discoveries div{display:flex;flex-wrap:wrap;gap:7px}.market14-discoveries div span{border-radius:18px;padding:7px 12px;background:#6b4330;color:#ffe7b0;font-weight:700}.market14-discoveries small{display:block;margin-top:9px;color:#d9b89a}

.market14-scene img{height:auto;aspect-ratio:1/1;max-height:180px;object-fit:cover;object-position:center;border-radius:12px;}


/* v1.17 Complete the Gist: no classroom caption, a living Nigerian conversation */
.ww17-shell{max-width:870px;margin:0 auto}.ww17-shell h1{font-family:Georgia,serif;color:#ffdf97;font-size:clamp(1.7rem,5vw,2.5rem)}
.ww17-progress{display:flex;align-items:center;justify-content:space-between;color:#f9ce84;font-weight:750;margin:12px 0 16px}.ww17-progress span{display:flex;gap:7px}.ww17-progress i{width:34px;height:7px;background:#70482d;border-radius:20px}.ww17-progress i.active{background:linear-gradient(90deg,#f6a832,#ffdd81)}
.ww17-challenge-label{font-weight:900;letter-spacing:.12em;color:#f6c677;font-size:.77rem;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center}
.ww17-challenge-label span{letter-spacing:normal;color:#f9d3a3;font-weight:650}.ww17-character{display:grid;grid-template-columns:minmax(125px,39%) 1fr;align-items:center;gap:13px;margin:15px 0;background:linear-gradient(120deg,#503021,#211514);border:2px solid #b17a46;border-radius:23px;padding:12px;min-height:188px}
.ww17-character-photo{height:193px;border-radius:17px;overflow:hidden;background:radial-gradient(circle at 55% 40%,#aa6830,#322016);display:flex;justify-content:center;align-items:end}.ww17-character-photo img{display:block;height:100%;width:100%;object-fit:cover;object-position:center 24%;animation:ww17-show .35s ease both}
.ww17-character-bubble{position:relative;padding:17px 14px;background:#fff1d4;color:#472719;border:3px solid #d6a65c;border-radius:22px;font:750 clamp(1.02rem,3.7vw,1.42rem)/1.35 Georgia,serif;box-shadow:0 6px 18px #0004}.ww17-character-bubble:before{content:'';position:absolute;top:47%;left:-12px;border-width:11px 13px 11px 0;border-style:solid;border-color:transparent #d6a65c transparent transparent}
.ww17-scene{border:1px solid #9e6d3b;border-radius:21px;background:linear-gradient(145deg,#332019,#1f1614);padding:21px;margin-bottom:18px}.ww17-small-label{display:block;color:#eeb870;font-size:.74rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase;margin:0 0 12px}
.ww17-chat{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:4px 0 24px}.ww17-chatline{max-width:min(90%,640px);background:#5d3b2b;border:1px solid #a57346;border-radius:19px 19px 19px 5px;padding:13px 15px;color:#ffebcc;font-size:clamp(1rem,3vw,1.17rem);line-height:1.53}.ww17-chatline.other{align-self:flex-end;background:#264638;border-color:#5caa86;border-radius:19px 19px 5px 19px}
.ww17-replies{display:grid;gap:10px}.ww17-replies button{width:100%;background:#493026;color:#fff0d6;border:1px solid #af8056;border-radius:14px;display:grid;grid-template-columns:32px 1fr;align-items:center;gap:9px;padding:15px;text-align:left;min-height:65px;font-size:1.04rem;font-weight:720;line-height:1.45;transition:transform .14s,background .14s}.ww17-replies button:hover,.ww17-replies button:focus-visible{background:#66412b;border-color:#ffcb77;transform:translateY(-1px)}.ww17-replies button:disabled{opacity:.20;pointer-events:none}.ww17-reply-icon{width:30px;height:30px;border:1px solid #d6a05c;color:#f9cb73;border-radius:50%;display:grid;place-items:center;font-size:1rem}
.ww17-slots{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 22px}.ww17-slot{flex:1;min-width:100px;min-height:66px;border:2px dashed #b27d44;background:#1e1714;color:#f2d6a2;border-radius:12px;padding:10px;font-weight:780;font-size:1rem;overflow-wrap:anywhere}.ww17-slot:disabled{opacity:1}.ww17-slot.filled{border-style:solid;background:#6a452a;color:#fff0cb}.ww17-slot:not(:disabled){cursor:pointer}
.ww17-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:8px 0 20px}.ww17-tile{background:#573826;color:#ffe3ac;border:1px solid #bc8b52;border-radius:13px;padding:13px 11px;min-height:60px;font-size:1rem;font-weight:750;overflow-wrap:anywhere;touch-action:manipulation}.ww17-tile:hover:not(:disabled),.ww17-tile:focus-visible{background:#76492c;outline:2px solid #ffd88d}.ww17-tile:disabled,.ww17-tile.used{opacity:.22;text-decoration:line-through}
.ww17-send,.ww17-next{width:100%;margin:10px 0 2px;min-height:60px;font-size:1.05rem}.ww17-send:disabled{opacity:.38;cursor:not-allowed}.ww17-controls{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.ww17-controls .btn{flex:1}.ww17-hintbubble{margin:12px 0;background:#fff1d4;color:#59361f;border-radius:12px;padding:13px;font-weight:650}
.ww17-outcome{padding:21px;border-radius:20px;border:1px solid #b58a50;background:#30221c;margin:18px 0}.ww17-outcome-tag{color:#f5c779;font-size:.72rem;font-weight:850;letter-spacing:.13em}.ww17-outcome>p{font:650 clamp(1.1rem,3.4vw,1.38rem)/1.5 Georgia,serif;margin:13px 0}.ww17-better{background:#50382a;padding:13px;border-radius:14px}.ww17-better small{display:block;color:#f0bb83;letter-spacing:.09em;font-size:.7rem}.ww17-better strong{display:block;font-size:1rem;line-height:1.5;margin-top:6px}.ww17-outcome details{margin-top:16px;color:#edd1aa}.ww17-outcome summary{cursor:pointer;color:#f9cb7e;font-weight:800}.ww17-outcome details p{margin:10px 0 0;line-height:1.5}
.ww17-levelmap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:19px 0}.ww17-leveltile{display:flex;flex-direction:column;gap:7px;text-align:left;border:1px solid #926641;background:linear-gradient(140deg,#4a2f22,#291b18);border-radius:14px;color:#ffe8c5;padding:18px;min-height:120px}.ww17-leveltile:disabled{opacity:.45}.ww17-leveltile span{font-size:.69rem;color:#ffca73;letter-spacing:.08em;font-weight:850}.ww17-leveltile b{font:750 1.21rem Georgia,serif}.ww17-leveltile small{color:#e1c19b}.ww17-hub-portrait{margin:15px 0;display:flex;align-items:center;gap:14px;padding:12px;background:linear-gradient(110deg,#513321,#271b19);border:1px solid #b07849;border-radius:16px}.ww17-hub-portrait img{width:90px;height:105px;object-fit:cover;border-radius:12px}.ww17-hub-portrait span{font:700 1.1rem/1.4 Georgia,serif;color:#ffe6ba}
@keyframes ww17-show{from{transform:scale(.96);opacity:.7}to{transform:scale(1);opacity:1}}
@media(max-width:560px){.ww17-character{grid-template-columns:minmax(110px,38%) minmax(0,1fr);min-height:158px;padding:10px;gap:11px}.ww17-character-photo{height:162px}.ww17-character-bubble{padding:12px 11px;border-width:2px;font-size:clamp(.95rem,3.6vw,1.18rem)}.ww17-scene{padding:14px}.ww17-chatline{max-width:95%;padding:11px 12px}.ww17-levelmap{grid-template-columns:1fr;gap:9px}.ww17-leveltile{min-height:96px}.ww17-tiles{gap:7px}.ww17-tile{padding:10px 7px;font-size:.94rem}.ww17-slot{min-width:80px;font-size:.93rem;padding:8px}.ww17-replies button{font-size:.98rem;padding:12px}.ww17-progress i{width:26px}}
@media(prefers-reduced-motion:reduce){.ww17-character-photo img{animation:none}}

/* v1.22 · Branded premium landing · informational pills are non-interactive */
.ww12-hero{border:1px solid #d7a65a;box-shadow:0 12px 30px #0008,0 0 0 1px #ecbf673d}
.ww12-hero>img{height:auto;max-height:540px;min-height:unset;aspect-ratio:4/3;object-fit:cover;object-position:center top}
.ww12-hero-overlay{display:flex;flex-direction:column;align-items:flex-start;gap:11px;padding:clamp(21px,4vw,34px);
 background:linear-gradient(140deg,#24131b 0%,#302018 55%,#1d322b 100%)}
.ww12-hero-overlay .chapter{width:auto;color:#ffce82;letter-spacing:.15em;font-weight:900}
.ww12-hero-overlay h1{font-size:clamp(1.6rem,4.5vw,2.75rem);margin:0;line-height:1.18;color:#ffecbf}
.ww12-hero-overlay p.gc-hero-hook{flex:none;min-width:0;max-width:690px;margin:0;color:#f7dfc1;line-height:1.6;font-size:clamp(.99rem,2vw,1.13rem)}
.gc-hero-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:4px}
.gc-hero-pills{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:2px}
.gc-hero-pills span{display:inline-flex;align-items:center;padding:7px 13px;border:1px solid #e8c68e80;border-radius:999px;background:#ecd3a51b;color:#ffedcd;font-weight:780;line-height:1.25;font-size:.82rem;white-space:nowrap}
@media(max-width:620px){.ww12-hero-overlay{padding:21px 19px 22px}.ww12-hero>img{max-height:none}.gc-hero-actions{width:100%}.gc-hero-actions .btn{flex:1 1 145px}.gc-hero-pills{gap:7px}.gc-hero-pills span{padding:6px 10px}}


/* v1.22e: The Expression Bible now has an obvious 11-character selector. */
.v15-cast-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:9px;margin:15px 0 18px}
.v15-cast-choice{min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;border:2px solid #89603f;border-radius:14px;background:linear-gradient(180deg,#613825,#2e1b20);padding:7px 3px 8px;color:#fbe6ba;transition:background .15s,border-color .15s,transform .15s}
.v15-cast-choice img{width:56px;height:56px;max-width:100%;object-fit:cover;object-position:50% 25%;border-radius:10px;background:#482e25}
.v15-cast-choice span{font-size:clamp(.62rem,2.2vw,.79rem);font-weight:800;line-height:1.2;text-align:center;overflow-wrap:anywhere}
.v15-cast-choice.selected,.v15-cast-choice:hover,.v15-cast-choice:focus-visible{border-color:#ffda72;background:linear-gradient(180deg,#8e532b,#4e2741);box-shadow:0 0 0 2px #c28c4533;outline-offset:2px}
.v15-cast-choice:active{transform:scale(.98)}
.v15-expressions{scroll-margin-top:18px}
@media(max-width:480px){.v15-cast-selector{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.v15-cast-choice{padding:6px 2px}.v15-cast-choice img{width:48px;height:48px}}