/* Gist Compound v1.23 · Sunset Owambe theme. Loaded last so it brightens every screen. */
:root{
  --sun-1:#2a0b3d; --sun-2:#5c1557; --sun-3:#c2412f; --sun-4:#ef6a3a;
  --sun-gold:#ffd45c; --sun-gold-2:#ffb11f; --sun-pink:#ff4f9a; --sun-ink:#3a0c3f;
  --sun-panel:rgba(42,8,52,.62); --sun-panel-2:rgba(64,14,70,.72); --sun-line:rgba(255,212,92,.45);
  --bg:#2a0b3d; --deep:#3b0f4f; --panel:#4a1352; --line:#9b4a8a; --gold:#ffd45c; --muted:#f2cfe6;
  --ww14-panel:#45114f; --ww14-gold:#ffd45c;
}
body.gc-sunset{background:linear-gradient(170deg,var(--sun-1) 0%,var(--sun-2) 38%,var(--sun-3) 72%,var(--sun-4) 100%) fixed!important;background-color:var(--sun-1)!important;color:#fff7ee}
body.gc-sunset .page{background:transparent!important}
body.gc-sunset .topbar{background:rgba(30,6,40,.55)!important;backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,212,92,.25)!important}
body.gc-sunset .topbar .brand span{color:var(--sun-gold)}body.gc-sunset .topbar .brand b{color:#ffb11f}
body.gc-sunset .coinbox{background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important;cursor:pointer}
body.gc-sunset .coinbox:hover{background:rgba(255,255,255,.24)!important}

/* panels across the game: deep plum glass instead of brown */
body.gc-sunset .card, body.gc-sunset .ww12-question, body.gc-sunset .ww12-progress, body.gc-sunset .ww14-shopitem,
body.gc-sunset .ww14-daily-panel, body.gc-sunset .mode-card, body.gc-sunset .st-season, body.gc-sunset .st-ask, body.gc-sunset .st-ch,
body.gc-sunset .st-fam, body.gc-sunset .st-keep, body.gc-sunset .st-soon, body.gc-sunset .st-next-season, body.gc-sunset .st-daily,
body.gc-sunset .wh-board, body.gc-sunset .wh-panel, body.gc-sunset .town18-card, body.gc-sunset .ww12-gamecard, body.gc-sunset .ww12-soupentry,
body.gc-sunset .st-vn, body.gc-sunset .st-donecard{background-color:var(--sun-panel)!important;border-color:var(--sun-line)!important}
body.gc-sunset .ww12-shell, body.gc-sunset .wh-shell, body.gc-sunset .setting-page{color:#fff7ee}
body.gc-sunset .chapter{color:var(--sun-gold)!important}
body.gc-sunset h1, body.gc-sunset h2{color:#fff}
body.gc-sunset .subtle, body.gc-sunset .smallprint, body.gc-sunset small{color:#f7d6ea}

/* buttons: glossy gold primary, white ghost */
body.gc-sunset .btn:not(.ghost), body.gc-sunset .st-btn:not(.st-ghost){background:linear-gradient(180deg,#ffe07a,#ffb11f)!important;color:var(--sun-ink)!important;box-shadow:0 4px 0 #b8650a,0 10px 20px rgba(22,5,31,.45)!important;border:0!important}
body.gc-sunset .btn.ghost, body.gc-sunset .st-ghost{background:rgba(255,255,255,.92)!important;color:var(--sun-ink)!important;box-shadow:0 4px 0 rgba(0,0,0,.18)!important;border:0!important}
body.gc-sunset .btn.green{background:linear-gradient(180deg,#3ad69a,#12996b)!important;color:#fff!important;box-shadow:0 4px 0 #0b6a4a!important}
body.gc-sunset .st-opt, body.gc-sunset .st-whobtn{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.3)!important;color:#fff!important}
body.gc-sunset .st-opt.st-right, body.gc-sunset .st-whobtn.st-right{background:#1d8f62!important;border-color:#7ff0bd!important}
body.gc-sunset .st-opt.st-wrong, body.gc-sunset .st-whobtn.st-wrong{background:#a3244f!important;border-color:#ff9fc3!important}
body.gc-sunset .foot{color:#f2cfe6}

/* branded tick and cross (replace emoji) */
.gc-tick,.gc-cross{display:inline-block;width:1.1em;height:1.1em;border-radius:50%;vertical-align:-.18em;position:relative;flex:none}
.gc-tick{background:linear-gradient(180deg,#ffe07a,#ffb11f);box-shadow:0 1px 0 #b8650a}
.gc-tick::after{content:"";position:absolute;left:.36em;top:.17em;width:.26em;height:.52em;border:solid #3a0c3f;border-width:0 .14em .14em 0;transform:rotate(45deg)}
.gc-cross{background:#e5484d}
.gc-cross::before,.gc-cross::after{content:"";position:absolute;left:.48em;top:.22em;width:.14em;height:.66em;background:#fff;border-radius:1px;transform:rotate(45deg)}
.gc-cross::after{transform:rotate(-45deg)}

/* ---------- home ---------- */
.gc-home{max-width:560px;margin:6px auto 30px;display:grid;gap:0}
.gc-cover{border-radius:22px;overflow:hidden;border:3px solid var(--sun-gold);box-shadow:0 10px 26px rgba(22,5,31,.55);aspect-ratio:16/9;max-width:100%}
.gc-cover img{width:100%;height:100%;object-fit:cover;object-position:center 14%;display:block}
.gc-welcome{margin:14px 4px 0;font-weight:800;color:#ffe6f2;font-size:1rem}
.gc-play{margin-top:10px;display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:14px 16px;border:0;border-radius:24px;cursor:pointer;
  background:linear-gradient(180deg,#ffe07a,#ffb11f);color:var(--sun-ink);box-shadow:0 6px 0 #b8650a,0 14px 28px rgba(22,5,31,.5);font:inherit;transition:transform .12s}
.gc-play:active{transform:translateY(4px);box-shadow:0 2px 0 #b8650a}
.gc-play:focus-visible,.gc-tile:focus-visible,.gc-row:focus-visible,.gc-btn:focus-visible,.gc-exit:focus-visible{outline:3px solid #fff;outline-offset:3px}
.gc-tri{width:50px;height:50px;border-radius:50%;background:var(--sun-ink);color:var(--sun-gold);display:grid;place-items:center;font-size:1.25rem;flex:none;padding-left:3px}
.gc-play-txt{display:grid;min-width:0}
.gc-play-txt b{font-size:1.65rem;font-weight:900;letter-spacing:-.02em;line-height:1}
.gc-play-txt small{font-weight:800;font-size:.85rem;opacity:.85;margin-top:3px;color:var(--sun-ink)!important}
.gc-play img{width:56px;height:56px;border-radius:50%;margin-left:auto;object-fit:cover;object-position:top;border:3px solid var(--sun-ink);flex:none;background:#fff3}
.gc-label{margin:22px 4px 10px;font-size:.78rem;font-weight:900;letter-spacing:.14em;color:#ffd9ec!important}
.gc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.gc-tile{position:relative;min-height:122px;border:0;border-radius:22px;padding:13px;color:#fff;text-align:left;overflow:hidden;cursor:pointer;font:inherit;
  box-shadow:0 5px 0 rgba(0,0,0,.24),0 12px 20px rgba(22,5,31,.4);transition:transform .12s}
.gc-tile:active{transform:translateY(3px)}
.gc-tile-txt{display:grid;gap:3px;position:relative;z-index:2;max-width:72%}
.gc-tile-txt b{font-size:1.08rem;font-weight:900;line-height:1.05;letter-spacing:-.01em}
.gc-tile-txt small{font-size:.76rem;font-weight:700;color:#fff!important;opacity:.93;line-height:1.25}
.gc-tile img{position:absolute;right:-6px;bottom:-5px;width:74px;height:74px;border-radius:50%;object-fit:cover;object-position:top;border:3px solid rgba(255,255,255,.88);background:#fff3}
.gc-tile-ico{position:absolute;right:12px;bottom:10px;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.22);display:grid;place-items:center}
.gc-tile-ico .ui-icon{width:26px;height:26px}
.gc-badge{position:absolute;top:10px;right:10px;font-size:.62rem;font-weight:900;letter-spacing:.08em;background:#fff;color:#c2185b;border-radius:999px;padding:3px 7px;z-index:2}
.gc-tile.t1{background:linear-gradient(150deg,#ff4f9a,#c2185b)}
.gc-tile.t2{background:linear-gradient(150deg,#ffb11f,#e8650a)}
.gc-tile.t3{background:linear-gradient(150deg,#22c48a,#0b7d58)}
.gc-tile.t4{background:linear-gradient(150deg,#9b6bff,#5b2bd1)}
.gc-tile.t5{background:linear-gradient(150deg,#28b9d6,#0d7895)}
.gc-tile.t6{background:linear-gradient(150deg,#ff7043,#c4361c)}
.gc-list{margin-top:16px;background:rgba(30,6,40,.42);border:1px solid rgba(255,255,255,.14);border-radius:20px;overflow:hidden}
.gc-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:13px 16px;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.1);color:#fff;cursor:pointer;font:inherit}
.gc-row:last-child{border-bottom:0}
.gc-row:hover{background:rgba(255,255,255,.07)}
.gc-row .ui-icon{width:22px;height:22px;color:var(--sun-gold);flex:none}
.gc-row span{display:grid;min-width:0}.gc-row b{font-weight:800}.gc-row small{font-size:.8rem;color:#f7d6ea!important}
.gc-row i{margin-left:auto;font-style:normal;font-size:1.4rem;color:var(--sun-gold)}
.gc-row:disabled{opacity:1;cursor:default}
.gc-row.gc-done small{color:#9ff0c9!important}

/* ---------- exit bar ---------- */
.gc-exitbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:6px auto 10px;max-width:1010px;padding:7px 10px;border-radius:16px;background:rgba(30,6,40,.78);backdrop-filter:blur(8px);border:1px solid rgba(255,212,92,.35);color:#fff;font-weight:800;font-size:.9rem}
.gc-exit{border:0;border-radius:12px;padding:8px 14px;background:#fff;color:var(--sun-ink);font:inherit;font-weight:900;cursor:pointer}
.gc-exitbar.gc-confirming{background:rgba(120,20,70,.92)}
.gc-exitq{flex:1 1 180px}
.gc-btn-sm{border:0;border-radius:12px;padding:8px 13px;font:inherit;font-weight:900;cursor:pointer;background:rgba(255,255,255,.92);color:var(--sun-ink)}
.gc-leave{background:linear-gradient(180deg,#ffe07a,#ffb11f)}

/* ---------- sheets (funny Play line, coins & gems) ---------- */
.gc-sheet-wrap{position:fixed;inset:0;z-index:2147483000;background:rgba(20,4,28,.62);display:flex;align-items:flex-end;justify-content:center;padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom,0px));animation:gcFade .18s ease-out}
.gc-sheet{width:min(460px,100%);max-height:88vh;overflow:auto;background:linear-gradient(180deg,#5c1557,#2a0b3d);border:2px solid var(--sun-gold);border-radius:26px;padding:22px 18px 18px;color:#fff;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.6);animation:gcUp .25s cubic-bezier(.2,1.2,.4,1)}
.gc-sheet h2{font-size:1.35rem;line-height:1.25;margin:4px 0 10px;color:#fff}
.gc-sheet h3{font-size:1rem;margin:14px 0 4px;color:var(--sun-gold);text-align:left}
.gc-sheet p{color:#f7dcea;line-height:1.5;margin:0 0 12px;text-align:left}
.gc-sheet p.gc-fine{font-size:.8rem;color:#e8bfd6}
.gc-sheet-face{width:96px;height:96px;border-radius:50%;object-fit:cover;object-position:top;border:3px solid var(--sun-gold);background:#fff2}
.gc-sheet-who{font-size:.72rem!important;letter-spacing:.14em;font-weight:900;color:var(--sun-gold)!important;margin:6px 0 0!important;text-align:center!important}
.gc-wallet{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:6px 0 4px}
.gc-wallet div{background:rgba(255,255,255,.12);border-radius:16px;padding:10px}
.gc-wallet b{display:block;font-size:1.4rem}.gc-wallet span{font-size:.8rem;color:#f7d6ea}
.gc-btn{display:block;width:100%;border:0;border-radius:16px;padding:13px;margin-top:9px;font:inherit;font-weight:900;font-size:1rem;cursor:pointer}
.gc-btn-gold{background:linear-gradient(180deg,#ffe07a,#ffb11f);color:var(--sun-ink);box-shadow:0 4px 0 #b8650a}
.gc-btn-ghost{background:rgba(255,255,255,.14);color:#fff}
.gc-shopinfo{margin:8px 0 14px;padding:12px 14px;border-radius:16px;background:rgba(255,212,92,.16);border:1px solid rgba(255,212,92,.5);color:#fff;line-height:1.45}
.gc-linkbtn{background:none;border:0;color:var(--sun-gold);font:inherit;font-weight:900;text-decoration:underline;cursor:pointer;padding:0 2px}
@keyframes gcFade{from{opacity:0}to{opacity:1}}
@keyframes gcUp{from{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.gc-sheet-wrap,.gc-sheet{animation:none}.gc-play,.gc-tile{transition:none}}
@media (min-width:700px){.gc-sheet-wrap{align-items:center}}
/* v1.23 polish */
html{background:#2a0b3d}
body.gc-sunset .ww-legal-links{background:rgba(30,6,40,.55)!important;border-top:1px solid rgba(255,212,92,.25)!important}
body.gc-sunset .ww-legal-links a{color:#ffe6f2!important}
body.gc-sunset .ww18-tools-link{background:rgba(255,255,255,.14)!important;border-color:rgba(255,212,92,.55)!important;color:#fff!important}
.gc-tile-txt{max-width:64%}
.gc-tile-txt small{max-width:100%}
.gc-tile img{width:66px;height:66px}
@media (max-width:360px){.gc-tile-txt b{font-size:1rem}.gc-tile img{width:58px;height:58px}}
/* v1.23: remaining brown panels → plum glass (state classes keep their own highlight colours) */
body.gc-sunset .st-daily, body.gc-sunset .ww12-chopchoice, body.gc-sunset .wh-host, body.gc-sunset .wh-mode, body.gc-sunset .cast-banner,
body.gc-sunset .mode-card, body.gc-sunset .ww17-leveltile, body.gc-sunset .town18-mapbtn, body.gc-sunset .town18-scene, body.gc-sunset .town13-prompt,
body.gc-sunset .v16-economy, body.gc-sunset .slang-tile, body.gc-sunset .ww20-pagehead, body.gc-sunset .card-note, body.gc-sunset .district,
body.gc-sunset .v16-scene, body.gc-sunset .ww20-settingslink, body.gc-sunset .wh-goal, body.gc-sunset .pair-hud, body.gc-sunset .pair-guide,
body.gc-sunset .market14-wallet, body.gc-sunset .playpanel, body.gc-sunset .helper, body.gc-sunset .tip, body.gc-sunset .ww17-scene,
body.gc-sunset .ww17-chatline, body.gc-sunset .wh-character, body.gc-sunset .ww17-character{background:var(--sun-panel-2)!important;background-image:none!important;border-color:var(--sun-line)!important;color:#fff7ee}
body.gc-sunset .st-bar{background:rgba(0,0,0,.35)!important}
body.gc-sunset .ww14-shop-icon, body.gc-sunset .st-season-icon{background:rgba(255,255,255,.18)!important}
body.gc-sunset .wh-chip:not(.on), body.gc-sunset .filterchip:not(.active){background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.3)!important;color:#fff!important}
body.gc-sunset .wh-chip.on, body.gc-sunset .filterchip.active{background:var(--sun-gold)!important;color:var(--sun-ink)!important;border-color:var(--sun-gold)!important}
body.gc-sunset .phrase-choice:not(.pair-done):not(.selected-pair), body.gc-sunset .meaning-choice:not(.pair-done){background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.32)!important;color:#fff!important}
body.gc-sunset .phrase-choice.selected-pair{background:var(--sun-gold)!important;color:var(--sun-ink)!important}
body.gc-sunset .wh-cell:not(.is-found):not(.is-hint):not(.is-pending){background:#fff4e6!important;color:#3a0c3f!important;border-color:#f3c98a!important}
body.gc-sunset .ww20-topic:not(.selected){background:var(--sun-panel-2)!important;border-color:var(--sun-line)!important}
body.gc-sunset .level-dot.locked{background:rgba(255,255,255,.12)!important}
body.gc-sunset .cast-face, body.gc-sunset .v15-cast-choice:not(.selected), body.gc-sunset .v15-expression-choice:not(.selected){background:var(--sun-panel-2)!important;border-color:var(--sun-line)!important}
body.gc-sunset .ww17-leveltile *{color:inherit}

/* v1.24 · shop themes now visibly change the game */
body.gc-sunset[data-ww-theme="royal"]{--sun-1:#160828;--sun-2:#34105a;--sun-3:#6a2a9c;--sun-4:#c9902e;--sun-panel:rgba(28,8,52,.64);--sun-panel-2:rgba(46,14,78,.74);--sun-pink:#c77dff}
body.gc-sunset[data-ww-theme="emerald"]{--sun-1:#03201a;--sun-2:#08473a;--sun-3:#11775a;--sun-4:#d8a531;--sun-panel:rgba(3,36,29,.64);--sun-panel-2:rgba(6,56,44,.74);--sun-pink:#3fd6a0}
.gc-shopback{margin-bottom:12px}

/* ===== v1.25 · tap-to-play home ===== */
.gc-home2 .gc-cover{aspect-ratio:16/8.5}
.gc-greet{margin:14px 0 0;padding:14px 16px 15px;border-radius:20px;background:linear-gradient(135deg,rgba(255,212,92,.20),rgba(64,14,70,.72) 55%);border:1.5px solid rgba(255,212,92,.55);box-shadow:0 8px 20px rgba(22,5,31,.35)}
.gc-greet h1{margin:0;font:800 1.55rem/1.1 Georgia,"Times New Roman",serif;color:#fff;letter-spacing:-.01em}
.gc-greet p{margin:5px 0 0;color:#ffe3a3!important;font-weight:600;font-size:.92rem}
.gc-home2 .gc-label{margin:20px 4px 10px;color:#ffe3a3!important}
.gc-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.gc-tile2{position:relative;height:158px;border:0;border-radius:22px;padding:13px 12px;color:#fff;text-align:left;overflow:hidden;cursor:pointer;font:inherit;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;
 box-shadow:0 5px 0 rgba(0,0,0,.25),0 12px 22px rgba(22,5,31,.4);transition:transform .12s ease}
.gc-tile2:active,.gc-quizban:active{transform:translateY(3px);box-shadow:0 2px 0 rgba(0,0,0,.25),0 6px 12px rgba(22,5,31,.4)}
.gc-tile2::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.22),transparent 58%);pointer-events:none;z-index:1}
.gc-t2-txt{position:relative;z-index:3;display:grid;gap:5px;max-width:62%}
.gc-t2-txt b{font:800 1.22rem/1.02 Georgia,"Times New Roman",serif;letter-spacing:-.01em;text-shadow:0 2px 6px rgba(0,0,0,.3)}
.gc-t2-txt small{font-size:.74rem;font-weight:700;line-height:1.25;color:#fff!important;opacity:.95;text-shadow:0 1px 4px rgba(0,0,0,.35)}
.gc-t2-ico{position:absolute;left:12px;bottom:12px;z-index:3;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.2);border:1.5px solid rgba(255,255,255,.55);backdrop-filter:blur(2px)}
.gc-t2-ico .ui-icon{width:22px;height:22px}
.gc-t2-who{position:absolute;right:-14px;bottom:-60px;height:205px;width:auto;z-index:2;pointer-events:none;
 -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22%,#000 100%),linear-gradient(180deg,transparent 0,#000 9%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 22%),linear-gradient(180deg,transparent 0,#000 9%);mask-composite:intersect;filter:drop-shadow(-4px 4px 8px rgba(0,0,0,.25))}
.gc-tile2 .gc-badge{z-index:4}
.gc-tile2.t1{background:linear-gradient(150deg,#3b7bff,#1c3f9e)}
.gc-tile2.t2{background:linear-gradient(150deg,#ffb11f,#e0620a)}
.gc-tile2.t3{background:linear-gradient(150deg,#22c48a,#0b6e4f)}
.gc-tile2.t4{background:linear-gradient(150deg,#9b6bff,#5328c4)}
.gc-tile2.t5{background:linear-gradient(150deg,#22b5d4,#0b6f8c)}
.gc-tile2.t6{background:linear-gradient(150deg,#ff7043,#bd3218)}
.gc-quizban{grid-column:1/-1;position:relative;display:flex;align-items:center;gap:12px;height:118px;border:0;border-radius:22px;padding:14px;color:#fff;text-align:left;overflow:hidden;cursor:pointer;font:inherit;
 background:linear-gradient(120deg,#5b2bd1,#3a1890 60%,#2a0f6b);box-shadow:0 5px 0 rgba(0,0,0,.25),0 12px 22px rgba(22,5,31,.4)}
.gc-qb-ico{position:relative;z-index:3;flex:none;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.14);border:1.5px solid rgba(255,212,92,.6);color:var(--sun-gold)}
.gc-qb-ico .ui-icon{width:26px;height:26px}
.gc-qb-txt{position:relative;z-index:3;display:grid;gap:4px;max-width:52%}
.gc-qb-txt b{font:800 1.7rem/1 Georgia,"Times New Roman",serif;color:var(--sun-gold);letter-spacing:.02em}
.gc-qb-txt small{font-size:.76rem;font-weight:700;line-height:1.25;color:#fff!important}
.gc-qb-people{position:absolute;right:-10px;bottom:-78px;display:flex;z-index:2;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18%);mask-image:linear-gradient(90deg,transparent 0,#000 18%)}
.gc-qb-people img{height:196px;width:auto;margin-left:-42px}
.gc-mini3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.gc-mini{display:grid;justify-items:start;gap:2px;padding:11px 10px;border-radius:16px;background:rgba(30,6,40,.5);border:1px solid rgba(255,212,92,.3);color:#fff;text-align:left;font:inherit;cursor:pointer;min-width:0}
.gc-mini .ui-icon{width:24px;height:24px;color:var(--sun-gold);margin-bottom:4px}
.gc-mini b{font-size:.8rem;font-weight:800;line-height:1.15}
.gc-mini small{font-size:.68rem;color:#f7d6ea!important;line-height:1.2}
.gc-mini.gc-done small{color:#9ff0c9!important}
.gc-mini:active{transform:translateY(2px)}
/* bottom menu */
body.gc-hasnav main{padding-bottom:96px}
body.gc-hasnav .foot{padding-bottom:86px}
.gc-nav{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:7px 10px calc(7px + env(safe-area-inset-bottom,0px));
 background:rgba(26,5,36,.9);backdrop-filter:blur(10px);border-top:1px solid rgba(255,212,92,.28);max-width:100%}
.gc-nav button{display:grid;justify-items:center;gap:2px;padding:6px 2px;border:0;border-radius:14px;background:transparent;color:#e9cfe0;font:inherit;font-size:.72rem;font-weight:700;cursor:pointer}
.gc-nav button .ui-icon{width:23px;height:23px}
.gc-nav button.on{color:var(--sun-gold);background:rgba(255,212,92,.12)}
@media (min-width:600px){.gc-nav{left:50%;right:auto;transform:translateX(-50%);width:min(560px,100%);border-radius:20px 20px 0 0;border:1px solid rgba(255,212,92,.28);border-bottom:0}}
/* exit bar: Home + Change level */
.gc-exitbar .gc-exit,.gc-exitbar .gc-levels{display:inline-flex;align-items:center;gap:6px}
.gc-exitbar .gc-exit .ui-icon,.gc-exitbar .gc-levels .ui-icon{width:17px;height:17px}
.gc-exitbar .gc-exit-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gc-levels{font:inherit;font-weight:800;font-size:.85rem;padding:8px 12px;border-radius:999px;border:1.5px solid rgba(255,212,92,.7);background:rgba(255,212,92,.12);color:var(--sun-gold);cursor:pointer}
.gc-list-sheet{margin:6px 0 12px}
.gc-sheet h3{margin-top:4px}
.gc-sheet a.gc-btn{display:block;text-align:center;text-decoration:none}
@media (min-width:700px){.gc-home2{max-width:680px}.gc-grid2{grid-template-columns:repeat(3,1fr)}}
@media (max-width:360px){.gc-tile2{height:146px}.gc-t2-txt b{font-size:1.08rem}.gc-t2-who{height:185px}}
.gc-tile2:focus-visible,.gc-quizban:focus-visible,.gc-mini:focus-visible,.gc-nav button:focus-visible,.gc-levels:focus-visible{outline:3px solid #fff;outline-offset:3px}

/* ===== v1.26 · mockup-style hero ===== */
body.gc-onhome .topbar{display:none!important}
body.gc-onhome main{padding-top:0!important}
.gc-hero{position:relative;margin:0 -16px;aspect-ratio:1.42/1;overflow:hidden;border-radius:0 0 4px 4px}
.gc-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:4% 0}
.gc-hero::before{content:"";position:absolute;inset:0 0 auto 0;height:46%;background:linear-gradient(180deg,rgba(26,5,36,.55),transparent);z-index:1}
.gc-hero-top{position:absolute;inset:8px 12px auto 12px;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.gc-logo{display:flex;align-items:center;gap:4px;border:0;background:none;padding:0;cursor:pointer;color:inherit;text-align:left;font:inherit}
.gc-logo-ico{width:50px;height:50px;flex:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}
.gc-logo span{display:grid;line-height:.92}
.gc-logo b{font:800 1.7rem/0.92 Georgia,"Times New Roman",serif;color:#ffd45c;text-shadow:0 2px 0 #7a2a00,0 3px 8px rgba(0,0,0,.55);letter-spacing:-.01em}
.gc-logo small{margin-top:4px;font:700 .64rem/1.1 Georgia,serif;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8)}
.gc-hero-right{display:flex;align-items:center;gap:6px}
.gc-purse{display:flex;align-items:center;gap:5px;padding:5px 10px 5px 5px;border-radius:999px;border:1px solid rgba(255,212,92,.45);background:rgba(26,5,36,.72);color:#fff;font:inherit;font-weight:800;font-size:.84rem;cursor:pointer;backdrop-filter:blur(6px)}
.gc-coin{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#ffe9a0,#f5a531 70%);color:#7a3d00;font-size:.72rem;font-weight:900;box-shadow:inset 0 -1px 0 #b86d16}
.gc-gem{margin-left:4px;font-size:.9rem}
.gc-me{width:40px;height:40px;border-radius:50%;padding:0;border:2.5px solid #ffd45c;overflow:hidden;background:#3a0c3f;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.5)}
.gc-me img{width:100%;height:100%;object-fit:cover}
.gc-home2 .gc-greet{position:relative;z-index:3;margin:-15% 0 0;background:linear-gradient(120deg,#8e1d4f 0%,#5c1557 60%,#3f0f4a 100%);border:1.5px solid rgba(255,212,92,.6)}
.gc-labelrow{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:20px 4px 10px}
.gc-labelrow .gc-label{margin:0!important;letter-spacing:.22em}
.gc-labelrow span{font:italic 600 .72rem Georgia,serif;color:#f7d6ea;text-align:right}
@media (max-width:370px){.gc-labelrow span{display:none}}
@media (min-width:700px){.gc-hero{margin:0;border-radius:22px;aspect-ratio:2.3/1}.gc-hero-img{object-position:50% 0}.gc-home2 .gc-greet{margin-top:-8%}}

.gc-home2 .gc-t2-who{height:262px;bottom:-118px;right:-26px}
.gc-home2 .gc-t2-txt b{font-size:1.38rem}
@media (max-width:360px){.gc-home2 .gc-t2-who{height:236px;bottom:-104px}.gc-home2 .gc-t2-txt b{font-size:1.18rem}}

/* v1.27 · legal links and Town Hall notice */
.gc-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;margin:18px 0 4px;font-size:.8rem}
.gc-legal a{color:#ffe3a3;text-decoration:underline;text-underline-offset:3px}
.gc-civic-p{text-align:left;line-height:1.55}

/* ===== v1.28 · picture tiles + header alignment ===== */
.gc-art{position:relative;display:block;padding:0;border:0;border-radius:18px;overflow:hidden;cursor:pointer;background:#3a0c3f;aspect-ratio:315/216;
 box-shadow:0 5px 0 rgba(0,0,0,.25),0 12px 22px rgba(22,5,31,.4);transition:transform .12s ease}
.gc-art img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none}
.gc-art:active{transform:translateY(3px);box-shadow:0 2px 0 rgba(0,0,0,.25),0 6px 12px rgba(22,5,31,.4)}
.gc-art-wide{grid-column:1/-1;aspect-ratio:auto;height:118px}
.gc-art-wide img{object-position:left center}
.gc-art-next{position:absolute;right:6px;bottom:6px;max-width:62%;padding:3px 8px;border-radius:999px;background:rgba(26,5,36,.78);border:1px solid rgba(255,212,92,.55);color:#ffe3a3;font-size:.66rem;font-weight:800;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}
.gc-art:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media (min-width:700px){.gc-art-wide{height:auto;aspect-ratio:970/168}.gc-art-next{font-size:.74rem}}
/* header: logo, coins and photo on one centre line; tagline never wraps */
.gc-hero-top{align-items:center}
.gc-logo small{white-space:nowrap;font-size:.6rem}
.gc-purse{align-self:center}
@media (max-width:389px){.gc-logo-ico{width:42px;height:42px}.gc-logo b{font-size:1.45rem}.gc-logo small{font-size:.54rem}.gc-purse{font-size:.78rem;padding:4px 8px 4px 4px;gap:4px}.gc-coin{width:18px;height:18px}.gc-me{width:36px;height:36px}}
@media (max-width:340px){.gc-logo small{display:none}}

/* ===== v1.31 · shopping list bar, install card ===== */
.gc-listbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 10px;padding:10px 12px;border-radius:16px;background:#fff7e6;color:#3a0c3f;border:2px solid #ffd45c;box-shadow:0 4px 0 rgba(0,0,0,.18)}
.gc-listbar-t{width:100%;font:900 .72rem/1 system-ui,sans-serif;letter-spacing:.14em;color:#8e1d4f}
.gc-listitem{flex:1 1 140px;display:flex;align-items:center;gap:8px;min-width:0}
.gc-li-img{width:40px;height:40px;flex:none}.gc-li-img svg{width:100%;height:100%}
.gc-li-txt{flex:1;min-width:0;display:grid;gap:4px}.gc-li-txt b{font-size:.95rem;line-height:1}
.gc-li-txt i{display:block;height:8px;border-radius:99px;background:#f3dcc0;overflow:hidden}.gc-li-txt em{display:block;height:100%;background:linear-gradient(90deg,#22c48a,#0b7d58);border-radius:99px;transition:width .3s}
.gc-li-n{font:900 1.05rem/1 system-ui,sans-serif;color:#3a0c3f;white-space:nowrap}
.gc-listitem.done .gc-li-n{color:#0b7d58}
.playpanel .orders{display:none}
.gc-install{display:flex;align-items:center;gap:10px;margin:14px 0 0;padding:10px 12px;border-radius:16px;background:rgba(26,5,36,.62);border:1px solid rgba(255,212,92,.5)}
.gc-install img{width:40px;height:40px;border-radius:10px;flex:none}
.gc-install div{flex:1;min-width:0;display:grid;gap:2px}.gc-install b{font-size:.86rem;color:#ffd45c}.gc-install small{font-size:.74rem;color:#f7d6ea}
.gc-install button{font:inherit;font-weight:800;border:0;border-radius:11px;padding:9px 14px;cursor:pointer;background:linear-gradient(180deg,#ffe07a,#ffb11f);color:#3a0c3f}
.gc-install .gc-install-x{background:transparent;color:#f7d6ea;padding:6px 8px}
.gc-steps{text-align:left;line-height:1.6;padding-left:20px}.gc-steps li{margin:6px 0}

/* ===== v1.32 · approved polish ===== */
/* exit bar: clearer way out */
.gc-exitbar .gc-exit{background:linear-gradient(180deg,#ffe07a,#ffb11f);color:#3a0c3f;box-shadow:0 3px 0 #b8650a;padding:9px 14px;font-size:.95rem}
.gc-exitbar .gc-exit-name{font-size:.95rem}
/* dashboard: tighter top, guest note inside the greeting, bigger tiles on small phones */
.gc-home2 .gc-greet{padding:12px 14px 12px}
.gc-home2 .gc-greet h1{font-size:1.4rem}
.gc-home2 .gc-greet p{font-size:.88rem;margin-top:3px}
.gc-greet .gc-guestline{display:flex;align-items:center;gap:8px;margin-top:9px;padding-top:9px;border-top:1px solid rgba(255,212,92,.3);font-size:.84rem;line-height:1.35;color:#ffe9c7}
.gc-greet .gc-guestline span{flex:1}.gc-greet .gc-guestline b{color:#ffd45c}
.gc-greet .gc-guestline button{font:inherit;font-weight:800;font-size:.82rem;border:0;border-radius:10px;padding:8px 11px;cursor:pointer;background:linear-gradient(180deg,#ffe07a,#ffb11f);color:#3a0c3f;white-space:nowrap}
.gc-home2 .gc-labelrow{margin:14px 2px 9px}
.gc-labelrow span{font-size:.78rem}
@media (max-width:430px){.gc-home2 .gc-grid2{gap:9px}.gc-home2{margin-left:-6px;margin-right:-6px}}
.gc-art-next{font-size:.74rem;padding:4px 9px}
.gc-mini b{font-size:.86rem}.gc-mini small{font-size:.76rem}
.gc-legal{font-size:.88rem;gap:8px 18px}
/* sign-in: shorter panel, larger small print, no ghost text behind forms */
.gc-auth-card{background:linear-gradient(160deg,#4b0028,#1b0012)!important}
.gc-auth-brand img{max-height:31vh;object-fit:cover;object-position:center 30%}
.gc-auth-card h1{font-size:clamp(26px,6vw,38px)!important;margin-bottom:4px!important}
.gc-auth-tagline{margin-bottom:10px!important}
.gc-auth-btn{min-height:52px!important;margin:9px 0!important}
.gc-auth-guest-note{font-size:14px!important;line-height:1.5!important}
.gc-auth-links{font-size:14px!important;gap:6px 16px!important;margin-top:14px!important}
.gc-auth-features{display:none!important}
.gc-auth-form label{font-size:14px!important;margin-top:12px!important}
.gc-check{gap:12px!important;margin:16px 0 6px!important;font-size:15px!important;line-height:1.5!important;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,212,92,.25)}
.gc-check input{width:24px!important;height:24px!important}
/* profile: patterned background, clearer cards */
body.gc-sunset.gc-onprofile{background:
 radial-gradient(circle at 20% 0%,rgba(255,212,92,.10),transparent 40%),
 repeating-linear-gradient(45deg,rgba(255,212,92,.045) 0 2px,transparent 2px 22px),
 repeating-linear-gradient(-45deg,rgba(255,122,184,.04) 0 2px,transparent 2px 22px),
 linear-gradient(170deg,var(--sun-1) 0%,var(--sun-2) 38%,var(--sun-3) 72%,var(--sun-4) 100%) fixed!important}
.gc-prof-head{display:flex;align-items:center;gap:14px;margin:4px 0 14px;padding:14px;border-radius:20px;background:linear-gradient(135deg,rgba(255,212,92,.18),rgba(64,14,70,.75) 60%);border:1.5px solid rgba(255,212,92,.5)}
.gc-prof-head img{width:64px;height:64px;border-radius:50%;flex:none}
.gc-prof-head h1{margin:0;font:800 1.5rem/1.1 Georgia,serif}
.gc-prof-head small{display:block;margin-top:4px;color:#ffe3a3;font-weight:700}
.gc-prof-wallet{display:flex;gap:8px;margin-top:8px}.gc-prof-wallet span{padding:4px 10px;border-radius:999px;background:rgba(26,5,36,.6);font-weight:800;font-size:.85rem}
.gc-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
.gc-stat{padding:12px;border-radius:16px;background:rgba(26,5,36,.55);border:1px solid rgba(255,212,92,.22);display:grid;gap:2px}
.gc-stat b{font:800 1.5rem/1 Georgia,serif;color:#ffd45c}.gc-stat span{font-size:.82rem;color:#f7d6ea}
.gc-onprofile .setting-page>.chapter{display:none}

/* ===== v1.32 · approved real-text tiles ===== */
/* tiles: real text over the original artwork */
.gc-art-text{position:absolute;left:7%;top:9%;display:grid;gap:5px;text-align:left;pointer-events:none;white-space:nowrap}
.gc-art-text b{font:800 clamp(1.15rem,5.6vw,1.55rem)/.98 Georgia,"Times New Roman",serif;color:#fff;letter-spacing:-.01em;text-shadow:0 2px 6px rgba(0,0,0,.28)}
.gc-art-text small{font:700 clamp(.74rem,3.2vw,.86rem)/1.22 system-ui,sans-serif;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.35)}
.gc-at-slang,.gc-at-family{top:12%}
.gc-at-quiz{left:88px;top:50%;transform:translateY(-50%);gap:6px}
@media (min-width:700px){.gc-at-quiz{left:13.2%}}
.gc-at-quiz b{font-size:clamp(2rem,9vw,2.6rem);letter-spacing:.02em}
.gc-at-quiz small{font-size:clamp(.78rem,3.4vw,.92rem)}
@media (max-width:370px){.gc-art-text{left:6%;gap:4px}.gc-art-text small{font-size:.74rem;letter-spacing:-.005em}.gc-at-word small,.gc-at-town small{font-size:.71rem;letter-spacing:-.01em}.gc-at-quiz{left:84px}}
.gc-at-town small,.gc-at-chop small{font-size:clamp(.71rem,3vw,.8rem);letter-spacing:-.01em}

/* ===== v1.32 · tile titles in EB Garamond (titles only; descriptions stay in the clear sans-serif) ===== */
@font-face{font-family:'GC Garamond';src:url(fonts/eb-garamond-800.woff) format('woff');font-weight:800;font-style:normal;font-display:swap}
.gc-art-text b{font-family:'GC Garamond',Georgia,'Times New Roman',serif!important;font-weight:800!important}
/* v1.32 · Quiz Corner picker */
.gcq .gcq-h{font-size:1rem;margin:18px 0 8px;color:var(--gold);letter-spacing:.02em}
.gcq-daily{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;margin:12px 0 4px;padding:14px 16px;border-radius:16px;border:1px solid var(--gold);background:linear-gradient(135deg,rgba(255,212,92,.22),rgba(255,212,92,.06));color:var(--cream);font:inherit;cursor:pointer}
.gcq-daily b{font-size:1.05rem;color:var(--gold)}.gcq-daily span{font-size:.85rem;color:var(--muted)}
.gcq-groups{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.gcq-grp,.gcq-sub,.gcq-lv{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;min-height:48px;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:var(--panel);color:var(--cream);font:inherit;cursor:pointer}
.gcq-grp b,.gcq-sub b,.gcq-lv b{font-size:.95rem;line-height:1.2}
.gcq-grp span,.gcq-sub span,.gcq-lv span{font-size:.78rem;color:var(--muted);line-height:1.25}
.gcq-grp.on{background:var(--gold);border-color:var(--gold);color:#2b1a12}.gcq-grp.on span{color:#4a2b17}
.gcq-subs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;padding:10px;border-radius:16px;background:rgba(0,0,0,.18)}
.gcq-sub.on{border:2px solid var(--gold);box-shadow:0 0 0 3px rgba(255,212,92,.18)}.gcq-sub.on b{color:var(--gold)}
.gcq-sub.is-locked{opacity:.62;border-style:dashed}
.gcq-levels{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.gcq-lv{align-items:center;text-align:center}
.gcq-lv.on{background:var(--gold);border-color:var(--gold);color:#2b1a12}.gcq-lv.on span{color:#4a2b17}
.gcq-go{margin-top:16px}
.gcq-note{margin-top:10px}
.gcq-grp:focus-visible,.gcq-sub:focus-visible,.gcq-lv:focus-visible,.gcq-daily:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
@media (max-width:520px){.gcq-levels{grid-template-columns:1fr 1fr}}
.gcq-sub.is-locked{grid-column:1/-1}
/* v1.32 · Garamond on quiz titles and questions (answers and buttons stay sans-serif) */
@font-face{font-family:'GC Garamond';src:url(fonts/eb-garamond-600.woff) format('woff');font-weight:600;font-style:normal;font-display:swap}
.gcq h1,.gcq-h,.qres h2,body.gc-v-quiz .setting-page h1:not(.qq){font-family:'GC Garamond',Georgia,'Times New Roman',serif!important;font-weight:800!important;letter-spacing:0}
.gcq h1{font-size:2.15rem;line-height:1.05}
h1.qq{font-family:'GC Garamond',Georgia,'Times New Roman',serif!important;font-weight:600!important;font-size:2rem;line-height:1.12;letter-spacing:0}
.gcq-grp b{font-family:'GC Garamond',Georgia,'Times New Roman',serif;font-weight:800;font-size:1.12rem}
/* v1.33 · Soup Kitchen cooking */
.sk .sk-steps{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 10px}
.sk-step{font-size:.78rem;padding:5px 10px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}
.sk-step.now{border-color:var(--gold);color:var(--gold);font-weight:800}.sk-step.ok{background:rgba(120,200,90,.18);color:#c9f0b0}.sk-step.no{background:rgba(255,90,90,.15);color:#ffb3b3}
.sk-host{display:flex;gap:12px;align-items:center}
.sk-host img{width:78px;height:78px;border-radius:18px;object-fit:cover;object-position:top;border:2px solid var(--gold);background:var(--panel);flex:none}
.sk-host b{color:var(--gold);font-size:.9rem}
.sk-bubble{margin:4px 0 0;background:#fff6e7;color:#3a2016;border-radius:14px;padding:9px 12px;font-weight:700;line-height:1.3;position:relative}
.sk-bubble.pop{animation:skPop .35s ease}
@keyframes skPop{0%{transform:scale(.92)}60%{transform:scale(1.04)}100%{transform:scale(1)}}
.sk-kitchen{position:relative;display:flex;flex-direction:column;align-items:center;margin:14px 0 4px}
.sk-pot{position:relative;width:min(250px,70vw);height:150px;border-radius:0 0 46% 46%/0 0 60% 60%;background:linear-gradient(180deg,#5b5f66,#2c2f35);box-shadow:inset 0 -14px 24px rgba(0,0,0,.45),0 8px 18px rgba(0,0,0,.35);transition:transform .2s}
.sk-pot::before{content:"";position:absolute;left:-8px;right:-8px;top:-10px;height:22px;border-radius:50%;background:linear-gradient(180deg,#8b9098,#4a4e55);}
.sk-liquid{position:absolute;left:4px;right:4px;top:-4px;height:30px;border-radius:50%;background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--soup) 75%,#fff 25%),var(--soup));overflow:hidden}
.sk-in{position:absolute;inset:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;padding:2px 20px}
.sk-drop{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;animation:skDrop .45s ease}
.sk-drop svg{width:22px;height:22px}
@keyframes skDrop{0%{transform:translateY(-60px) scale(1.4);opacity:0}70%{transform:translateY(3px)}100%{transform:none;opacity:1}}
.sk-handle{position:absolute;top:8px;width:26px;height:14px;border:5px solid #4a4e55;border-radius:10px}.sk-handle.l{left:-26px}.sk-handle.r{right:-26px}
.sk-steam{position:absolute;top:-46px;left:42%;width:14px;height:34px;border-radius:50%;background:rgba(255,255,255,.35);filter:blur(4px);animation:skSteam 2.4s infinite ease-in}
.sk-steam.s2{left:30%;animation-delay:.8s}.sk-steam.s3{left:58%;animation-delay:1.5s}
@keyframes skSteam{0%{transform:translateY(10px) scale(.6);opacity:0}40%{opacity:.8}100%{transform:translateY(-26px) scale(1.2);opacity:0}}
.sk-pot.bubble{animation:skBubble .4s ease}.sk-pot.splash{animation:skShake .35s ease}.sk-pot.over{transform:scale(1.05);box-shadow:0 0 0 4px var(--gold),inset 0 -14px 24px rgba(0,0,0,.45)}
@keyframes skBubble{50%{transform:scale(1.04)}}
@keyframes skShake{25%{transform:translateX(-7px)}50%{transform:translateX(7px)}75%{transform:translateX(-4px)}}
.sk-fire{font-size:22px;letter-spacing:6px;margin-top:2px;animation:skFire 1s infinite alternate}
@keyframes skFire{to{transform:scaleY(1.15);filter:brightness(1.2)}}
.sk-timebar{height:10px;border-radius:99px;background:rgba(0,0,0,.3);overflow:hidden;margin:10px 0}
.sk-timebar span{display:block;height:100%;background:linear-gradient(90deg,#7ad04a,#ffd45c);border-radius:99px;transition:width .1s linear}
.sk-timebar span.low{background:#ff6a4a}
.sk-tray{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.sk-tray.sk-one{grid-template-columns:1fr;justify-items:center}
.sk-ing{touch-action:none;user-select:none;-webkit-user-select:none;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border-radius:16px;border:1px solid var(--line);background:var(--panel);color:var(--cream);font:inherit;cursor:grab;min-height:84px}
.sk-ing small{font-size:.74rem;line-height:1.15;text-align:center}
.sk-art{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.sk-art svg{width:44px;height:44px}
.sk-emoji{font-size:34px;line-height:1}
.sk-oil{display:block;width:26px;height:34px;background:var(--c,#d9481c);border-radius:50% 50% 50% 50%/62% 62% 40% 40%;transform:rotate(180deg);box-shadow:inset -4px 4px 0 rgba(255,255,255,.25)}
.sk-ing.used{opacity:.3;pointer-events:none}.sk-ing.lifting{opacity:.4}
.sk-ing.hint{border:2px solid var(--gold);box-shadow:0 0 0 4px rgba(255,212,92,.3);animation:skPulse 1s infinite}
@keyframes skPulse{50%{transform:scale(1.05)}}
.sk-ing.shake{animation:skShake .35s ease;border-color:#ff6a4a}
.sk-ing.big{width:150px;min-height:110px}.sk-ing.big .sk-art{width:64px;height:64px}.sk-ing.big .sk-emoji{font-size:52px}
.sk-ghost{position:fixed;z-index:9999;width:56px;height:56px;transform:translate(-50%,-60%);pointer-events:none;filter:drop-shadow(0 6px 8px rgba(0,0,0,.4))}
.sk-ghost svg{width:56px;height:56px}.sk-ghost .sk-emoji{font-size:44px}
.sk-heat{position:relative;height:30px;margin:14px 0 22px;border-radius:99px;background:linear-gradient(90deg,#4a7bd6,#e9c34a 55%,#e5462e)}
.sk-zone{position:absolute;top:-3px;bottom:-3px;border-radius:8px;background:rgba(120,230,90,.55);border:2px solid #b8ff8a}
#sk-needle{position:absolute;top:-8px;width:6px;height:46px;margin-left:-3px;border-radius:3px;background:#fff;box-shadow:0 0 6px rgba(0,0,0,.6)}
.sk-heat em{position:absolute;top:34px;font-size:.7rem;font-style:normal;color:var(--muted)}.sk-heat em:nth-of-type(1){left:0}.sk-heat em:nth-of-type(2){left:50%;transform:translateX(-30%)}.sk-heat em:nth-of-type(3){right:0}
.sk-help{text-align:center;font-size:.82rem;color:var(--muted);margin:8px 0 0}
.sk-judge{display:flex;gap:14px;align-items:center;margin:10px 0}
.sk-judge img{width:120px;height:140px;object-fit:cover;object-position:top;border-radius:20px;border:3px solid var(--gold);flex:none}
.sk-judge p{background:#fff6e7;color:#3a2016;border-radius:14px;padding:10px 12px;font-weight:700;margin:4px 0 0}
.sk-result h1{letter-spacing:4px}.sk-rh{margin:0}
@media (prefers-reduced-motion:reduce){.sk-steam,.sk-fire,.sk-ing.hint{animation:none}}

.sk-recipe{margin:4px 0 10px;padding:10px 14px;border-radius:14px;background:rgba(255,215,122,.14);border:1.5px solid rgba(255,215,122,.55);font-size:.95rem;line-height:1.45;color:#fff4d6;font-style:normal}.sk-recipe b{color:#ffd77a}
.sk-tray.sk-four{grid-template-columns:repeat(2,1fr)}.sk-tray.sk-two{grid-template-columns:repeat(2,1fr);justify-items:center}
.sk-progwrap{position:relative;height:22px;border-radius:99px;background:rgba(0,0,0,.3);overflow:hidden;margin:4px 0 10px}
.sk-progwrap span{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#7ad04a,#b8ff8a);transition:width .1s}
.sk-progwrap b{position:relative;display:block;text-align:center;font-size:.75rem;line-height:22px;color:#fff;text-shadow:0 1px 2px #000}
.sk-heatbtns{display:flex;gap:10px;justify-content:center;margin-top:6px}.sk-heatbtns .btn{flex:1;max-width:180px;touch-action:manipulation}
#sk-heatwrap.hot{box-shadow:0 0 0 3px #ff6a4a}
.sk-meterwrap{position:relative;height:30px;border-radius:99px;background:rgba(0,0,0,.35);overflow:hidden;margin:14px 0 4px}
.sk-meterwrap .sk-zone{top:0;bottom:0;border-radius:0}
#sk-meter{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#c9a24a,#f0d27a);opacity:.85;transition:width .15s}
.sk-tlabels{display:flex;justify-content:space-between;font-size:.72rem;color:var(--muted);margin-bottom:8px}.sk-tlabels em{font-style:normal}
.sk-serve{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;margin:8px 0}
.sk-serve .sk-judge{flex:1;min-width:220px;margin:0}
.sk-bowl{position:relative;width:170px;height:120px;flex:none}
.sk-bowl-body{position:absolute;left:0;right:0;top:34px;height:72px;border-radius:0 0 50% 50%/0 0 100% 100%;background:linear-gradient(180deg,#a65a2e,#6b331a);box-shadow:inset 0 -10px 16px rgba(0,0,0,.35);z-index:1}
.sk-bowl-body::after{content:"";position:absolute;left:12px;right:12px;top:22px;height:6px;border-radius:3px;background:repeating-linear-gradient(90deg,#f2c46a 0 10px,transparent 10px 18px);opacity:.7}
.sk-bowl-base{position:absolute;left:52px;right:52px;bottom:0;height:14px;border-radius:0 0 10px 10px;background:#5a2a14}
.sk-bowl-soup{position:absolute;left:4px;right:4px;top:22px;height:30px;border-radius:50%;background:radial-gradient(ellipse at 45% 40%,color-mix(in srgb,var(--soup) 70%,#fff 30%),var(--soup));z-index:2;border:4px solid #b8683a}
.sk-top{position:absolute;width:30px;height:30px;top:-6px;display:flex;align-items:center;justify-content:center;font-size:24px}.sk-top svg{width:30px;height:30px}
.sk-top.t0{left:18%}.sk-top.t1{left:43%;top:-2px}.sk-top.t2{left:66%}
.sk-bowl .sk-steam{top:-34px;left:40%}.sk-bowl .sk-steam.s2{left:56%}

.sk-dish{position:relative;width:200px;max-width:60vw;flex:none}.sk-dish img{width:100%;display:block;filter:drop-shadow(0 10px 14px rgba(0,0,0,.35))}
.sk-dish .sk-steam{top:-30px;left:38%;z-index:2}.sk-dish .sk-steam.s2{left:52%}.sk-dish .sk-steam.s3{left:64%}
.sk-mname{display:block;text-align:center;font-size:.8rem;color:var(--gold);margin-top:10px}
.sk-meterwrap.down #sk-meter{background:linear-gradient(90deg,#6a8a2a,#2f5d22)}

.sk-meterwrap.down .sk-zone{background:transparent;border:3px solid #b8ff8a;z-index:2;top:0;bottom:0}
.sk-meterwrap.down #sk-meter{background:linear-gradient(90deg,#3d6b1f,#6b4a1a)}
/* v1.35 · iPhone notch, Play button */
body{padding-top:env(safe-area-inset-top,0px)}
.gc-playbig{display:flex;align-items:center;gap:14px;width:100%;margin:12px 0 4px;padding:14px 18px;border:0;border-radius:20px;background:linear-gradient(180deg,#ffd45c,#f5a623);color:#3a1a3e;font:inherit;cursor:pointer;box-shadow:0 6px 0 #b8741a,0 10px 22px rgba(0,0,0,.3);text-align:left}
.gc-playbig:active{transform:translateY(3px);box-shadow:0 3px 0 #b8741a}
.gc-pb-ico{font-size:1.6rem;color:#6a1f6e}.gc-pb-txt{flex:1;display:flex;flex-direction:column;align-items:center}
.gc-pb-txt b{font-family:'GC Garamond',Georgia,serif;font-weight:800;font-size:1.7rem;line-height:1}.gc-pb-txt small{font-size:.85rem;opacity:.85}
.gc-pb-go{font-size:2rem;line-height:1;color:#6a1f6e}
/* v1.35 · answered buttons: normal pointer, not a red "no entry" sign */
button:disabled,.qopt[disabled],.st-opt[disabled],[aria-disabled="true"]{cursor:default!important}
/* v1.35 · laptops and big screens: home fills the screen */
@media (min-width:1000px){
 .gc-home,.gc-home2{max-width:min(1240px,92vw)!important}
 .gc-hero{border-radius:26px;overflow:hidden}
 .gc-hero-img{max-height:440px;width:100%;object-fit:cover;object-position:center 30%}
 .gc-grid2{grid-template-columns:repeat(3,1fr)!important;gap:18px!important}
 .gc-art-text b{font-size:clamp(1.9rem,2.6vw,2.6rem)!important}
 .gc-art-text small{font-size:clamp(1rem,1.2vw,1.2rem)!important}
 .gc-home{padding-bottom:110px}
}
@media (min-width:1500px){.gc-home,.gc-home2{max-width:1380px!important}}
.gc-pb-txt small{color:#5a2a14!important;opacity:1!important;font-weight:700}
body.gc-hasnav main{padding-bottom:110px}

/* v1.36 · Quiz Corner on home */
.gc-hq{margin:14px 0 4px;padding:14px;border-radius:20px;background:rgba(40,8,50,.55);border:1px solid rgba(255,212,92,.35)}
.gc-hq-head{display:flex;justify-content:space-between;align-items:center;gap:8px}
.gc-hq-head h2{margin:0;font-family:'GC Garamond',Georgia,serif;font-weight:800;color:var(--gold,#ffd45c);font-size:1.5rem}
.gc-hq-more{border:1px solid rgba(255,212,92,.5);background:transparent;color:#ffe9a8;border-radius:999px;padding:6px 12px;font:inherit;font-size:.8rem;cursor:pointer}
.gc-hq-daily{display:flex;align-items:center;gap:8px;width:100%;margin:10px 0 4px;padding:10px 14px;border-radius:14px;border:1px solid #ffd45c;background:linear-gradient(135deg,rgba(255,212,92,.25),rgba(255,212,92,.06));color:#fff6e7;font:inherit;cursor:pointer;text-align:left}
.gc-hq-daily b{color:#ffd45c}.gc-hq-daily span{font-size:.8rem;opacity:.85}
.gc-hq-group h3{margin:12px 0 6px;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:#f2cfe6}
.gc-hq-chips{display:flex;flex-wrap:wrap;gap:6px}
.gc-hq-chip{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff6e7;border-radius:999px;padding:8px 12px;font:inherit;font-size:.85rem;cursor:pointer;min-height:38px}
.gc-hq-chip:hover{border-color:#ffd45c}.gc-hq-chip.locked{opacity:.55;border-style:dashed}
@media (min-width:1000px){.gc-hq{display:grid;grid-template-columns:repeat(4,1fr);gap:0 16px}.gc-hq-head,.gc-hq-daily{grid-column:1/-1}}
.gc-hq-levels{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}
.gc-hq-lv{border:1px solid rgba(255,212,92,.45);background:transparent;color:#ffe9a8;border-radius:12px;padding:8px 4px;font:inherit;font-weight:700;font-size:.85rem;cursor:pointer;min-height:40px}
.gc-hq-lv.on{background:#ffd45c;color:#3a1a3e;border-color:#ffd45c}
.gc-qnext{display:grid;gap:8px;margin:12px 0}
/* v1.36 · the bottom menu never covers the page's last links */
body.gc-hasnav{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))!important}

/* v1.36 · new themes */
body.gc-sunset[data-ww-theme="ankara"]{--sun-1:#1d0b05;--sun-2:#5a1e0c;--sun-3:#b34a12;--sun-4:#f2b632;--sun-panel:rgba(29,11,5,0.66);--sun-panel-2:rgba(90,30,12,0.76);--sun-pink:#ff8a3d}
body.gc-sunset[data-ww-theme="adire"]{--sun-1:#050b24;--sun-2:#0e2059;--sun-3:#2a4fa8;--sun-4:#9fb6ff;--sun-panel:rgba(5,11,36,0.66);--sun-panel-2:rgba(14,32,89,0.76);--sun-pink:#7fa6ff}
body.gc-sunset[data-ww-theme="harmattan"]{--sun-1:#2b1a08;--sun-2:#6b4513;--sun-3:#b4802e;--sun-4:#f1d9a0;--sun-panel:rgba(43,26,8,0.66);--sun-panel-2:rgba(107,69,19,0.76);--sun-pink:#ffc96b}
body.gc-sunset[data-ww-theme="lagosnight"]{--sun-1:#02030c;--sun-2:#0b1238;--sun-3:#1d2f6e;--sun-4:#ff8f3a;--sun-panel:rgba(2,3,12,0.66);--sun-panel-2:rgba(11,18,56,0.76);--sun-pink:#ffb347}
body.gc-sunset[data-ww-theme="owambe"]{--sun-1:#2a0618;--sun-2:#6b1240;--sun-3:#c2416e;--sun-4:#f3c47a;--sun-panel:rgba(42,6,24,0.66);--sun-panel-2:rgba(107,18,64,0.76);--sun-pink:#ff7aa8}
body.gc-sunset[data-ww-theme="asooke"]{--sun-1:#021a1c;--sun-2:#07484b;--sun-3:#0f8a86;--sun-4:#e7c35a;--sun-panel:rgba(2,26,28,0.66);--sun-panel-2:rgba(7,72,75,0.76);--sun-pink:#46e0d0}
body.gc-sunset[data-ww-theme="calabar"]{--sun-1:#1a0326;--sun-2:#4b0a6b;--sun-3:#d4145a;--sun-4:#ffcc00;--sun-panel:rgba(26,3,38,0.66);--sun-panel-2:rgba(75,10,107,0.76);--sun-pink:#ff4fa3}

/* v1.36 Market Run: how to play */
.mrh-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:space-between;margin:0 0 10px;padding:10px 12px;border-radius:14px;background:#fff3cf;border:2px solid #f2b632;color:#4a1430;font:600 14px/1.4 Inter,system-ui,sans-serif;text-align:left}
.mrh-bar span{flex:1 1 220px}.mrh-bar b{color:#7a0f3d}
.mrh-link{border:0;background:#7a0f3d;color:#fff;font:700 13px/1 Inter,system-ui,sans-serif;padding:9px 12px;border-radius:999px;cursor:pointer;white-space:nowrap}
#mr-how{position:fixed;inset:0;z-index:100000;background:rgba(20,0,12,.72);display:flex;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(3px)}
.mrh-card{width:min(420px,100%);max-height:92vh;overflow:auto;background:linear-gradient(170deg,#4a0b2c,#2a0618);border:2px solid #f2c45a;border-radius:22px;padding:20px 18px;color:#fff;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.45)}
.mrh-card h2{margin:0 0 12px;font:800 1.5rem/1.2 'EB Garamond',Georgia,serif;color:#ffd77a}
.mrh-demo{position:relative;display:flex;justify-content:center;gap:6px;margin:6px auto 16px;padding:10px;width:max-content;border-radius:16px;background:#14523f}
.mrh-cell{display:grid;place-items:center;width:58px;height:58px;border-radius:12px;background:#fdf1d8;box-shadow:inset 0 -3px 0 rgba(0,0,0,.12)}
.mrh-cell img,.mrh-cell svg{width:44px;height:44px;object-fit:contain}
.mrh-b{animation:mrhB 3.6s infinite}.mrh-a{animation:mrhA 3.6s infinite}
.mrh-demo .mrh-cell:nth-child(-n+2){animation:mrhPop 3.6s infinite}
.mrh-hand{position:absolute;font-size:30px;left:calc(50% + 40px);bottom:-14px;animation:mrhHand 3.6s infinite;pointer-events:none}
@keyframes mrhB{0%,25%{transform:none}45%,100%{transform:translateX(64px)}}
@keyframes mrhA{0%,25%{transform:none}45%,55%{transform:translateX(-64px)}62%{transform:translateX(-64px) scale(1.15);box-shadow:0 0 0 4px #ffd77a}75%,100%{transform:translateX(-64px) scale(0);opacity:0}}
@keyframes mrhPop{0%,55%{transform:none}62%{transform:scale(1.15);box-shadow:0 0 0 4px #ffd77a}75%,100%{transform:scale(0);opacity:0}}
@keyframes mrhHand{0%{transform:translate(-40px,0)}12%{transform:translate(-40px,-8px)}25%{transform:translate(20px,-8px)}45%,100%{transform:translate(20px,0);opacity:.0}}
.mrh-steps{text-align:left;margin:0 0 16px;padding-left:22px;font:15px/1.5 Inter,system-ui,sans-serif;color:#ffefd9}.mrh-steps li{margin:6px 0}.mrh-steps b{color:#ffd77a}
.mrh-go{width:100%;min-height:50px;font-size:16px;background:linear-gradient(180deg,#ffd77a,#f2b632)!important;color:#3a0a20!important;border:0!important}
@media(prefers-reduced-motion:reduce){.mrh-b,.mrh-a,.mrh-demo .mrh-cell,.mrh-hand{animation:none}}
.board .tile.hint{box-shadow:0 0 0 4px #ffd77a,0 0 20px 4px rgba(255,215,122,.9)!important;position:relative;z-index:2}

/* v1.37 · share, Game of the Day, tour */
.gc-sharebtn{display:inline-flex;align-items:center;gap:8px;margin:6px 0 12px;padding:12px 20px;border:0;border-radius:999px;background:linear-gradient(180deg,#ffd77a,#f2b632);color:#3a0a20;font:800 16px/1 Inter,system-ui,sans-serif;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.gc-gotd{display:flex;align-items:center;gap:12px;width:100%;margin:12px 0 16px;padding:12px 14px;border-radius:20px;border:2px solid #f2c45a;background:linear-gradient(135deg,rgba(255,215,122,.22),rgba(201,30,110,.30));color:#fff;text-align:left;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.22)}
.gc-gotd img{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:top;border:3px solid #ffd77a;flex:none;background:#3a0a20}
.gc-gotd-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.gc-gotd-txt small{font:800 11px/1.2 Inter,system-ui,sans-serif;letter-spacing:.12em;color:#ffd77a}
.gc-gotd-txt b{font:800 21px/1.15 'EB Garamond',Georgia,serif}
.gc-gotd-txt em{font:italic 500 13px/1.35 Inter,system-ui,sans-serif;color:#ffeccc}
.gc-gotd-coin{flex:none;padding:8px 10px;border-radius:999px;background:#ffd77a;color:#3a0a20;font:800 13px/1 Inter,system-ui,sans-serif}
.gc-tourlink{border:0;background:none;color:#ffd77a;text-decoration:underline;font:700 inherit/inherit Inter,system-ui,sans-serif;padding:0;margin-left:4px;cursor:pointer}
#gc-tour{position:fixed;inset:0;z-index:100002}
#gc-tour.gc-tour-dim{background:rgba(20,0,12,.72)}
.gc-tour-hole{position:fixed;border-radius:22px;box-shadow:0 0 0 9999px rgba(20,0,12,.72),0 0 0 4px #ffd77a,0 0 30px 8px rgba(255,215,122,.7);pointer-events:none;transition:all .25s}
.gc-tour-card{position:fixed;left:50%;transform:translateX(-50%);width:min(380px,calc(100vw - 32px));display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:20px;background:linear-gradient(170deg,#4a0b2c,#2a0618);border:2px solid #f2c45a;color:#fff;box-shadow:0 18px 40px rgba(0,0,0,.5)}
.gc-tour-center{top:50%;transform:translate(-50%,-50%)}.gc-tour-top{top:calc(14px + env(safe-area-inset-top,0px))}.gc-tour-bottom{bottom:calc(16px + env(safe-area-inset-bottom,0px))}
.gc-tour-card img{width:62px;height:62px;border-radius:50%;object-fit:cover;object-position:top;border:3px solid #ffd77a;flex:none}
.gc-tour-card small{font:800 11px/1 Inter,system-ui,sans-serif;letter-spacing:.1em;color:#ffd77a;text-transform:uppercase}
.gc-tour-card h3{margin:4px 0 4px;font:800 22px/1.15 'EB Garamond',Georgia,serif}
.gc-tour-card p{margin:0 0 10px;font:15px/1.45 Inter,system-ui,sans-serif;color:#ffefd9}
.gc-tour-btns{display:flex;gap:8px;justify-content:flex-end}
.gc-tour-next,.gc-tour-skip{border:0;border-radius:999px;padding:10px 16px;font:800 14px/1 Inter,system-ui,sans-serif;cursor:pointer}
.gc-tour-next{background:linear-gradient(180deg,#ffd77a,#f2b632);color:#3a0a20}.gc-tour-skip{background:rgba(255,255,255,.12);color:#fff}
@media(min-width:900px){.gc-gotd{max-width:none}}

/* v1.37b · Soup Kitchen how to play */
#sk-how{position:fixed;inset:0;z-index:100000;background:rgba(20,0,12,.72);display:flex;align-items:center;justify-content:center;padding:12px;backdrop-filter:blur(3px)}
.skh-card{padding:14px 14px 12px}
.skh-face{display:block;width:62px;height:62px;margin:0 auto 4px;border-radius:50%;object-fit:cover;object-position:top;border:3px solid #ffd77a;background:#3a0a20}
.skh-card h2{margin:0 0 6px}
.skh-intro{margin:0 0 8px;font:13.5px/1.45 Inter,system-ui,sans-serif;color:#ffefd9;text-align:left}.skh-intro b{color:#ffd77a}
.skh-list{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:5px;text-align:left}
.skh-list li{display:flex;gap:9px;align-items:flex-start;padding:6px 9px;border-radius:12px;background:rgba(255,255,255,.06);border:1.5px solid transparent}
.skh-list li.on{border-color:#ffd77a;background:rgba(255,215,122,.16)}
.skh-list li>span{font-size:20px;line-height:1.1}.skh-list b{display:block;font:800 13.5px/1.25 Inter,system-ui,sans-serif;color:#fff}.skh-list small{display:block;font:12.5px/1.35 Inter,system-ui,sans-serif;color:#ffe9cf}.skh-list small b{display:inline;font-size:inherit;color:#ffd77a}
.skh-note{margin:6px 0 0;font:11.5px/1.3 Inter,system-ui,sans-serif;color:#e8cfb8;text-align:center}
.skh-link{border:0;background:#7a0f3d;color:#fff;font:700 12.5px/1 Inter,system-ui,sans-serif;padding:7px 11px;border-radius:999px;cursor:pointer;margin-right:6px;vertical-align:middle}
.skh-maplink{display:block;margin:0 0 10px;padding:11px 16px;font-size:14px;background:linear-gradient(180deg,#ffd77a,#f2b632);color:#3a0a20}
