/* Shared styles for every page (since v3.10.0): design tokens (light + dark) and shared components.
   Page-only rules stay in each page's own <style>, which loads after this file. */
:root{
  --bg:#FBF3E6; --surface:#FFFCF6; --sunk:#F2E7D3; --ink:#2E2218; --muted:#7D6B58; --line:#E6D6BB;
  --core:#B8733A; --core-t:#F7E0C6; --core-e:#8F5524; --core-i:#4C2B10;
  --conn:#F2B22C; --conn-t:#FFEBB5; --conn-e:#C48708; --conn-i:#6B4700;
  --ctx:#5BB04E;  --ctx-t:#DDF3C9;  --ctx-e:#3F8A35;  --ctx-i:#1D4A17;
  --sky:#4FB3C8; --sky-t:#D3F0F6; --sky-e:#2C8CA3; --pink:#F27C8D; --pink-t:#FFE0E4; --pink-e:#CC5468;
  --ok:#5BB04E; --ok-t:#DDF3C9; --bad:#E04460; --bad-t:#FDDCE2;
  --ol:#3A2418; --sh:rgba(150,85,30,.2); --on-core:#fff;
  --mut-band:#5E4E3D; --band-ink:var(--ink); --hl:rgba(255,255,255,.45);
  --f-d:"Bricolage Grotesque","IBM Plex Sans Thai",system-ui,sans-serif;
  --f-b:"IBM Plex Sans","IBM Plex Sans Thai",system-ui,sans-serif;
  --f-m:"IBM Plex Mono",ui-monospace,monospace;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark;
  --bg:#1D1712; --surface:#281F18; --sunk:#18130E; --ink:#F4EBDC; --muted:#B5A58F; --line:#3C3126;
  --core:#E0A262; --core-t:#41301F; --core-e:#B5793A; --core-i:#FBE0BE;
  --conn:#FFC84A; --conn-t:#44350F; --conn-e:#CC9710; --conn-i:#FFE69B;
  --ctx:#7AD06B;  --ctx-t:#1D3319;  --ctx-e:#4FA044;  --ctx-i:#BBF0B0;
  --sky:#67CBE0; --sky-t:#14333B; --sky-e:#3A9CB3; --pink:#FF94A3; --pink-t:#43202A; --pink-e:#D85F74;
  --ok:#7AD06B; --ok-t:#1D3319; --bad:#FF6B85; --bad-t:#43181F;
  --ol:#0E0905; --sh:rgba(0,0,0,.28); --on-core:#2A1A0C;
  --mut-band:#C7B8A2; --band-ink:var(--ink); --hl:rgba(255,240,220,.07);}}
:root[data-theme="dark"]{color-scheme:dark;
  --bg:#1D1712; --surface:#281F18; --sunk:#18130E; --ink:#F4EBDC; --muted:#B5A58F; --line:#3C3126;
  --core:#E0A262; --core-t:#41301F; --core-e:#B5793A; --core-i:#FBE0BE;
  --conn:#FFC84A; --conn-t:#44350F; --conn-e:#CC9710; --conn-i:#FFE69B;
  --ctx:#7AD06B;  --ctx-t:#1D3319;  --ctx-e:#4FA044;  --ctx-i:#BBF0B0;
  --sky:#67CBE0; --sky-t:#14333B; --sky-e:#3A9CB3; --pink:#FF94A3; --pink-t:#43202A; --pink-e:#D85F74;
  --ok:#7AD06B; --ok-t:#1D3319; --bad:#FF6B85; --bad-t:#43181F;
  --ol:#0E0905; --sh:rgba(0,0,0,.28); --on-core:#2A1A0C;
  --mut-band:#C7B8A2; --band-ink:var(--ink); --hl:rgba(255,240,220,.07);}
html,body{height:100%}
body{position:relative;background:var(--bg);color:var(--ink);font-family:var(--f-b);font-size:15px;line-height:1.5;-webkit-tap-highlight-color:transparent}
button{font:inherit;color:inherit;cursor:pointer}
button:focus-visible,input:focus-visible{outline:3px solid var(--core);outline-offset:2px}
.wrap{max-width:480px;margin:0 auto;padding-inline:16px;padding-block:16px 120px;display:flex;flex-direction:column;gap:16px}
h1,h2,h3{font-family:var(--f-d);text-wrap:balance;margin:0;line-height:1.1}
.mono{font-family:var(--f-m);font-variant-numeric:tabular-nums}
.muted{color:var(--muted)}
.eyebrow{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600;margin:0}

/* blocks */
.t-core{--t:var(--core-t);--e:var(--core-e);--i:var(--core-i);--c:var(--core)}
.t-conn{--t:var(--conn-t);--e:var(--conn-e);--i:var(--conn-i);--c:var(--conn)}
.t-ctx{--t:var(--ctx-t);--e:var(--ctx-e);--i:var(--ctx-i);--c:var(--ctx)}
.row{display:flex;flex-wrap:wrap;gap:12px 8px;align-items:flex-end}
.blk{display:inline-flex;flex-direction:column;gap:2px;padding:8px 12px 7px;border-radius:10px;background:var(--t);color:var(--i);border:1.5px solid color-mix(in srgb,var(--e) 45%,transparent);box-shadow:0 3px 0 var(--e);max-width:100%}
.blk .en{font-family:var(--f-d);font-weight:650;font-size:1.3rem;line-height:1.2}
.blk .th{font-size:.8rem;opacity:.85;line-height:1.3}
.slot{display:inline-block;min-width:calc(var(--len) * 0.62em + 14px);min-height:1.2em;border-bottom:2.5px dashed var(--e)}
.blank.filled .slot,.blank.revealed .slot{border-bottom-style:solid}
.blank.revealed .slot{text-decoration:underline wavy var(--bad) 1px;text-underline-offset:5px}
.punct{font-family:var(--f-d);font-size:1.4rem;font-weight:700;margin-left:-4px;padding-bottom:18px}
.guide .blk{box-shadow:0 3px 0 var(--e);opacity:.9}
.legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.8rem;color:var(--muted)}
.legend span{display:inline-flex;align-items:center;gap:6px}
.legend i{width:12px;height:12px;border-radius:3px;background:var(--c);display:inline-block}
.inl .c-core{color:var(--core-i);background:var(--core-t)}
.inl .c-conn{color:var(--conn-i);background:var(--conn-t)}
.inl .c-ctx{color:var(--ctx-i);background:var(--ctx-t)}
.inl span{padding:1px 4px;border-radius:4px;font-weight:600}
.inl{font-family:var(--f-d);font-size:1.05rem;line-height:1.7}

/* home */
.brand{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.brand h1{font-size:2rem;font-weight:800;letter-spacing:-.02em}
.brand-th{color:var(--conn)}
.brand p{margin:4px 0 0;color:var(--muted)}
.pill-btn{border:1.5px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 12px;font-size:.8rem;white-space:nowrap}
.demo{background:var(--surface);border-radius:18px;padding:18px 16px;display:flex;flex-direction:column;gap:14px;border:1.5px solid var(--line)}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.tile{background:var(--surface);border:1.5px solid var(--line);border-radius:14px;padding:12px}
.tile b{display:block;font-family:var(--f-d);font-size:2rem;font-weight:800;line-height:1}
.tile.hot b{color:var(--core)}
.tile span{font-size:.78rem;color:var(--muted)}
.btn{display:block;width:100%;border:0;border-radius:14px;padding:16px;font-family:var(--f-d);font-size:1.1rem;font-weight:700;text-align:center;transition:transform .08s}
.btn.primary{background:var(--core);color:var(--on-core);box-shadow:0 4px 0 var(--core-e)}
.btn.primary:active{transform:translateY(3px);box-shadow:0 1px 0 var(--core-e)}
.btn.primary:disabled{background:var(--sunk);color:var(--muted);box-shadow:none;cursor:default}
.btn.ghost{background:var(--surface);border:1.5px solid var(--line)}
.btn small{display:block;font-family:var(--f-b);font-weight:500;font-size:.8rem;opacity:.85;margin-top:2px}
.boxes{background:var(--surface);border:1.5px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px}
.bars{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;align-items:end;height:84px}
.bar-c{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;height:100%}
.bar-c i{width:100%;border-radius:5px 5px 2px 2px;background:var(--core);min-height:3px}
.bar-c.new i{background:var(--line)} .bar-c.again i{background:var(--bad)}
.bar-c em{font-style:normal;font-size:.72rem;font-family:var(--f-m)}
.bar-l{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;text-align:center;font-size:.68rem;color:var(--muted)}
.linkrow{display:flex;justify-content:space-between;align-items:center;background:var(--surface);border:1.5px solid var(--line);border-radius:14px;padding:14px 16px;width:100%;text-align:left}
.linkrow b{font-family:var(--f-d);font-size:1.05rem}
.count-badge{background:var(--bad-t);color:var(--bad);border-radius:999px;padding:2px 10px;font-weight:600;font-size:.85rem}
.sync{font-size:.75rem;color:var(--muted);text-align:center;margin:0}
.acct{background:var(--surface);border:1.5px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.gbtn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:11px 14px;border:1.5px solid var(--line);border-radius:12px;background:var(--surface);font-weight:600;font-size:.95rem}
.gbtn:active{transform:translateY(1px)}
.acct-row{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;font-size:.85rem}
.acct-row input{flex:1;min-width:0;font:inherit;font-size:16px;padding:8px 10px;border:1.5px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink)}

/* game */
.bar{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--bg);display:flex;align-items:center;gap:12px;max-width:480px;margin:0 auto;padding:12px 16px}
.icon{border:1.5px solid var(--line);background:var(--surface);border-radius:10px;width:40px;height:40px;font-size:1.1rem;flex:none}
.prog{flex:1;height:10px;background:var(--sunk);border-radius:99px;overflow:hidden}
.prog i{display:block;height:100%;background:var(--ok);border-radius:99px;transition:width .3s}
.count{font-size:.85rem;color:var(--muted)}
.game{padding-top:4px;padding-bottom:300px}
.card{background:var(--surface);border:2px solid var(--line);border-radius:18px;padding:18px 16px;display:flex;flex-direction:column;gap:14px;transition:border-color .2s}
.card.ok{border-color:var(--ok);box-shadow:0 0 0 4px var(--ok-t)}
.card.bad{border-color:var(--bad);box-shadow:0 0 0 4px var(--bad-t);animation:shake .42s}
@keyframes shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-9px)}40%{transform:translateX(8px)}60%{transform:translateX(-5px)}80%{transform:translateX(3px)}}
.lvrow{display:flex;justify-content:space-between;align-items:center;gap:8px}
.pips{display:flex;gap:6px}
.pip{font-family:var(--f-m);font-size:.72rem;padding:3px 8px;border-radius:6px;background:var(--sunk);color:var(--muted)}
.pip.open{background:var(--core-t);color:var(--core-i)}
.pip.on{background:var(--core);color:var(--on-core)}
.mode{font-family:var(--f-d);font-weight:700}
.instr{margin:-8px 0 0;font-size:.85rem;color:var(--muted)}
.thai-full{margin:0;font-size:1.05rem;font-weight:500;padding:10px 12px;background:var(--sunk);border-radius:10px}
.opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.opt{border:2px solid var(--line);border-bottom-width:4px;background:var(--surface);border-radius:12px;padding:14px 8px;font-family:var(--f-d);font-size:1.2rem;font-weight:650}
.opt:active{transform:translateY(2px)}
.opt.right{border-color:var(--ok);background:var(--ok-t)}
.opt.wrong{border-color:var(--bad);background:var(--bad-t);opacity:.7;text-decoration:line-through}
.zone{min-height:66px;border:2px dashed var(--line);border-radius:14px;padding:10px;display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start;transition:border-color .15s,background .15s}
.zone.over{border-color:var(--core);background:var(--core-t)}
.zone:empty::before{content:attr(data-empty);color:var(--muted);font-size:.85rem;align-self:center}
.pool{display:flex;flex-wrap:wrap;gap:8px;min-height:48px}
.chip{border:1.5px solid var(--line);border-bottom-width:3.5px;background:var(--surface);border-radius:10px;padding:9px 14px;font-family:var(--f-d);font-size:1.1rem;font-weight:600;touch-action:none;user-select:none;-webkit-user-select:none}
.chip.ph{opacity:.25}
.chip.seg{background:var(--t);color:var(--i);border-color:var(--e)}
.drag-ghost{position:fixed;left:0;top:0;z-index:60;pointer-events:none;box-shadow:0 10px 24px rgba(0,0,0,.2);transform-origin:center}
.typ{font-family:var(--f-d);font-weight:650;font-size:1.2rem;color:var(--i);background:transparent;border:0;border-bottom:2.5px dashed var(--e);padding:0 2px;border-radius:0;min-width:3ch;max-width:100%}
.typ::placeholder{color:var(--i);opacity:.45}
.typ.good{border-bottom:2.5px solid var(--ok)}
.typ.bad{border-bottom:2.5px solid var(--bad)}
.typ.revealed{border-bottom:2.5px solid var(--bad);text-decoration:line-through var(--bad) 2px;color:var(--bad);opacity:.85}
.was{color:var(--bad);text-decoration:line-through 2px;opacity:.85;font-weight:600}
.fix{font-family:var(--f-d);font-weight:700;font-size:1.2rem;color:var(--ok)}
.chip.cw{border-color:var(--ok);background:var(--ok-t);color:var(--ink)}
.chip.cx{border-color:var(--bad);background:var(--bad-t);color:var(--bad);text-decoration:line-through 2px}
.cmp{display:flex;flex-direction:column;gap:8px}
.cmp .eyebrow{margin:0}
.tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.tbtn{border:1.5px solid var(--line);background:var(--surface);border-radius:10px;padding:8px 12px;font-size:.85rem}
.tbtn[aria-pressed="true"]{background:var(--conn-t);border-color:var(--conn);color:var(--conn-i)}
.nudge{margin:0;color:var(--bad);font-weight:600;font-size:.9rem}

/* sheet */
.sheet{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--surface);border-top:4px solid var(--ok);padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px));transform:translateY(110%);transition:transform .22s ease-out;box-shadow:0 -10px 30px rgba(0,0,0,.12)}
.sheet.show{transform:none}
.sheet.miss{border-top-color:var(--bad)}
.sheet-in{max-width:448px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
.sheet h3{font-size:1.25rem}
.sheet.ok h3{color:var(--ok)} .sheet.miss h3{color:var(--bad)}
.sheet p{margin:0}

/* summary + weak */
.hero-sum{background:var(--surface);border:1.5px solid var(--line);border-radius:18px;padding:18px 16px;display:flex;flex-direction:column;gap:12px}
.hero-sum h2{font-size:1.7rem;font-weight:800}
.list{display:flex;flex-direction:column;gap:10px}
.item{background:var(--surface);border:1.5px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}
.item .meta{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:.8rem;color:var(--muted)}
.lv{font-family:var(--f-m);font-size:.72rem;padding:2px 7px;border-radius:6px}
.lv.first{background:var(--ok-t);color:var(--ok)}
.lv.retry{background:var(--conn-t);color:var(--conn-i)}
.lv.miss{background:var(--bad-t);color:var(--bad)}
.boxp{font-family:var(--f-m);font-size:.72rem;padding:2px 7px;border-radius:6px;background:var(--core-t);color:var(--core-i)}
.meter{height:6px;background:var(--sunk);border-radius:9px;overflow:hidden}
.meter i{display:block;height:100%;background:var(--bad)}
.empty{background:var(--surface);border:1.5px dashed var(--line);border-radius:14px;padding:24px 16px;text-align:center;color:var(--muted)}
.btnrow{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.page-h{display:flex;align-items:center;gap:12px}
.page-h h2{font-size:1.5rem;font-weight:800}
.cat-num{flex:none;width:30px;height:30px;border-radius:8px;background:var(--conn-t);color:var(--conn-i);display:grid;place-items:center;font-size:.8rem;font-weight:600}
.opt-card[data-cat]{padding:10px 14px;gap:10px}
.opt-card[data-cat] b{font-size:1rem}
.pat-eb{margin:-6px 0 0;color:var(--conn-i)}
.steps{display:flex;gap:6px}
.steps i{flex:1;height:6px;border-radius:9px;background:var(--sunk)}
.steps i.on{background:var(--core)}
.opt-card{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;text-align:left;background:var(--surface);border:2px solid var(--line);border-bottom-width:4px;border-radius:14px;padding:14px 16px}
.opt-card:active{transform:translateY(2px)}
.opt-card[aria-pressed="true"]{border-color:var(--core);background:var(--core-t)}
.opt-card b{font-family:var(--f-d);font-size:1.1rem;display:block}
.th-s{display:block;font-size:.82rem;color:var(--muted)}
.cat-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:.75rem;color:var(--muted);flex:none}
.cat-meta em{font-style:normal;font-weight:600;border-radius:99px;padding:1px 8px;margin-left:4px}
.due-chip{background:var(--core-t);color:var(--core-i)}
.new-chip{background:var(--sunk);color:var(--muted)}
.mode-card{flex-direction:column;align-items:stretch;gap:4px}
.mc-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.mode-tag{font-style:normal;font-family:var(--f-m);font-size:.7rem;padding:2px 8px;border-radius:6px;background:var(--sunk);color:var(--muted)}
.mode-tag.rec{background:var(--ok-t);color:var(--ok)}
.mini-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px;align-items:center}
.mini{font-family:var(--f-d);font-size:.8rem;font-weight:600;padding:2px 8px;border-radius:6px;background:var(--t);color:var(--i);box-shadow:0 2px 0 var(--e)}
.mini.gap{border:1.5px dashed var(--e);background:transparent;min-width:2.4em;box-shadow:none}
.mini.chipm{background:var(--surface);color:var(--ink);border:1.5px solid var(--line);box-shadow:0 2px 0 var(--line)}
.mini-arrow{font-family:var(--f-m);font-size:.72rem;color:var(--muted)}
.picked{display:flex;align-items:center;gap:10px;width:100%;background:var(--surface);border:1.5px solid var(--line);border-radius:12px;padding:10px 14px;text-align:left;font-size:.85rem}
.picked b{font-family:var(--f-d);flex:1}
.lenbox{display:flex;flex-direction:column;gap:8px}
.seg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.seg button{display:flex;flex-direction:column;align-items:center;gap:0;padding:10px 6px;border:2px solid var(--line);border-bottom-width:4px;border-radius:12px;background:var(--surface)}
.seg button b{font-size:1.3rem;line-height:1.1}
.seg button span{font-size:.78rem;color:var(--muted)}
.seg button[aria-checked="true"]{border-color:var(--core);background:var(--core-t)}
.seg button[aria-checked="true"] span{color:var(--core-i)}
.chg{color:var(--core);font-weight:600}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ===== page backgrounds (v3.26.0) — from reports/design/2026-11-03-page-backgrounds.css ===== */
/* page background family — shared (base.css) */
body{background-color:var(--bg);background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22%3E%3Cg fill-opacity=%22.05%22%3E%3Ccircle cx=%223%22 cy=%225%22 r=%221%22/%3E%3Ccircle cx=%2215%22 cy=%222%22 r=%22.8%22/%3E%3Ccircle cx=%2220%22 cy=%2213%22 r=%221%22/%3E%3Ccircle cx=%228%22 cy=%2217%22 r=%22.8%22/%3E%3Ccircle cx=%2213%22 cy=%2222%22 r=%221%22/%3E%3C/g%3E%3C/svg%3E")}
:root{--mut-band:#5E4E3D;--band-ink:var(--ink)}
.pgbg{--bh:168px;position:absolute;left:0;right:0;top:0;height:calc(var(--bh) + 28px);z-index:0;pointer-events:none;background:radial-gradient(60% 40% at 12% 0,var(--hl,rgba(255,255,255,.45)),transparent 70%),linear-gradient(var(--band) 0 var(--bh),color-mix(in srgb,var(--ol) 55%,var(--band)) 0 calc(var(--bh) + 3px),var(--floor) 0)}
.pgbg::before,.pgbg::after{content:"";position:absolute;right:0;bottom:28px;width:calc(var(--mh,80px)*1.64);height:var(--mh,80px);background:var(--mo);-webkit-mask:var(--scene) right calc(var(--mh,80px)*-.818) bottom 0/auto 100% no-repeat;mask:var(--scene) right calc(var(--mh,80px)*-.818) bottom 0/auto 100% no-repeat}
.pgbg::after{display:none;z-index:-1;background:color-mix(in srgb,var(--mo) 50%,var(--band));-webkit-mask-image:var(--far);mask-image:var(--far)}
:root[data-theme=dark]{--mut-band:#C7B8A2;--band-ink:var(--ink);--hl:rgba(255,240,220,.07)}:root[data-theme=dark] body{background-image:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--mut-band:#C7B8A2;--band-ink:var(--ink);--hl:rgba(255,240,220,.07)}:root:not([data-theme=light]) body{background-image:none}}
@media (min-width:900px){.pgbg{--bh:260px}.pgbg::before,.pgbg::after{left:0;width:auto;height:var(--sch,220px);-webkit-mask-position:center bottom;mask-position:center bottom}.pgbg::after{display:block}}
@media (min-width:1600px){.pgbg::before,.pgbg::after{-webkit-mask-size:100% 100%;mask-size:100% 100%}}
.pg-home{--band:#D3F0F6;--floor:#F7E0C6;--mo:#A2D9E5;--scene:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%221600%22 height=%22220%22%3E%3Cdefs%3E%3Cg id=%22a%22%3E%3Cpath d=%22M330 130h22v90h-22zM289 100a52 52 0 1 0 104 0a52 52 0 1 0 -104 0zM264 134a34 34 0 1 0 68 0a34 34 0 1 0 -68 0zM352 134a34 34 0 1 0 68 0a34 34 0 1 0 -68 0zM208 212a22 22 0 1 0 44 0a22 22 0 1 0 -44 0zM232 206a28 28 0 1 0 56 0a28 28 0 1 0 -56 0zM458 212a22 22 0 1 0 44 0a22 22 0 1 0 -44 0zM419 214a5 5 0 1 0 10 0a5 5 0 1 0 -10 0zM451 212a5 5 0 1 0 10 0a5 5 0 1 0 -10 0zM483 214a5 5 0 1 0 10 0a5 5 0 1 0 -10 0zM515 212a5 5 0 1 0 10 0a5 5 0 1 0 -10 0z%22/%3E%3Cpath fill-rule=%22evenodd%22 d=%22M1050 220Q1240 140 1430 220zM1180 194v-64l50-40 50 40v64zM1220 160h20v34h-20zM1194 140h18v18h-18z%22/%3E%3Cpath d=%22M1340 112h4v70h-4zM1344 112l34 10-34 10zM1085 212a5 5 0 1 0 10 0a5 5 0 1 0 -10 0zM1115 204a5 5 0 1 0 10 0a5 5 0 1 0 -10 0zM1145 198a5 5 0 1 0 10 0a5 5 0 1 0 -10 0z%22/%3E%3Cpath fill=%22none%22 stroke=%22black%22 stroke-width=%224%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 d=%22M1330 52q8-8 16 0q8-8 16 0M1370 34q6-6 12 0q6-6 12 0%22/%3E%3C/g%3E%3C/defs%3E%3Csvg width=%2250%25%22 height=%22100%25%22 viewBox=%220 0 800 220%22 preserveAspectRatio=%22xMinYMax meet%22%3E%3Cuse href=%22%23a%22/%3E%3C/svg%3E%3Csvg x=%2250%25%22 width=%2250%25%22 height=%22100%25%22 viewBox=%22800 0 800 220%22 preserveAspectRatio=%22xMaxYMax meet%22%3E%3Cuse href=%22%23a%22/%3E%3C/svg%3E%3C/svg%3E");--far:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%221600%22 height=%22220%22%3E%3Cdefs%3E%3Cg id=%22a%22%3E%3Cpath d=%22M0 220V140Q140 96 300 128T600 160Q800 176 1000 160T1300 120T1600 136V220zM212 50a18 18 0 1 0 36 0a18 18 0 1 0 -36 0zM232 42a24 24 0 1 0 48 0a24 24 0 1 0 -48 0zM268 50a16 16 0 1 0 32 0a16 16 0 1 0 -32 0zM230 50h54v16h-54zM1362 30a18 18 0 1 0 36 0a18 18 0 1 0 -36 0zM1382 22a24 24 0 1 0 48 0a24 24 0 1 0 -48 0zM1418 30a16 16 0 1 0 32 0a16 16 0 1 0 -32 0zM1380 30h54v16h-54z%22/%3E%3C/g%3E%3C/defs%3E%3Crect y=%22178%22 width=%22100%25%22 height=%2242%22/%3E%3Csvg width=%2250%25%22 height=%22100%25%22 viewBox=%220 0 800 220%22 preserveAspectRatio=%22xMinYMax meet%22%3E%3Cuse href=%22%23a%22/%3E%3C/svg%3E%3Csvg x=%2250%25%22 width=%2250%25%22 height=%22100%25%22 viewBox=%22800 0 800 220%22 preserveAspectRatio=%22xMaxYMax meet%22%3E%3Cuse href=%22%23a%22/%3E%3C/svg%3E%3C/svg%3E")}
:root[data-theme=dark] .pg-home{--band:#14333B;--floor:#41301F;--mo:#20515D}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .pg-home{--band:#14333B;--floor:#41301F;--mo:#20515D}}
.pg-words{--band:#F7E0C6;--floor:#E3C29C;--mo:#E8C092;--scene:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%221600%22 height=%22220%22%3E%3Cdefs%3E%3Cg id=%22a%22%3E%3Cpath fill-rule=%22evenodd%22 d=%22M170 30h250v190h-250zM182 42h226v48h-226zM182 102h226v48h-226zM182 162h226v58h-226z%22/%3E%3Cpath d=%22M190 50h16v40h-16zM208 58h14v32h-14zM224 46h18v44h-18zM290 62h40v12h-40zM294 74h34v16h-34zM350 52h14v38h-14zM366 56h14v34h-14zM382 48h16v42h-16zM190 112h18v38h-18zM210 118h14v32h-14zM226 108h16v42h-16zM336 146h8v4h-8zM380 110h16v40h-16zM192 176h80v44h-80zM290 170h40v50h-40zM340 176h60v44h-60zM246 90l14-38 10 4-14 38zM318 124a22 22 0 1 0 44 0a22 22 0 1 0 -44 0z%22/%3E%3Cpath d=%22M1080 150h340v12h-340zM1096 162h12v58h-12zM1392 162h12v58h-12zM1300 162h80v30h-80zM1110 138h50v12h-50zM1270 134h90v16h-90zM1280 118h76v16h-76zM1274 102h84v16h-84zM1190 46l50 30-24 26-46-26zM1374 140a10 10 0 1 0 20 0a10 10 0 1 0 -20 0z%22/%3E%3Cpath fill=%22none%22 stroke=%22black%22 stroke-width=%228%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 d=%22M1135 138L1160 82L1206 62%22/%3E%3C/g%3E%3C/defs%3E%3Csvg width=%2250%25%22 height=%22100%25%22 viewBox=%220 0 800 220%22 preserveAspectRatio=%22xMinYMax meet%22%3E%3Cuse href=%22%23a%22/%3E%3C/svg%3E%3Csvg x=%2250%25%22 width=%2250%25%22 height=%22100%25%22 viewBox=%22800 0 800 220%22 preserveAspectRatio=%22xMaxYMax meet%22%3E%3Cuse href=%22%23a%22/%3E%3C/svg%3E%3C/svg%3E");--far:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%221600%22 height=%22220%22%3E%3Cdefs%3E%3Cg id=%22a%22%3E%3Cpath fill-rule=%22evenodd%22 d=%22M200 30h170v120h-170zM212 42h68v96h-68zM290 42h68v96h-68zM1352 70a40 40 0 1 0 80 0a40 40 0 1 0 -80 0zM1360 70a32 32 0 1 0 64 0a32 32 0 1 0 -64 0z%22/%3E%3Cpath d=%22M1390 46h4v26h-4zM1392 68h18v4h-18zM0 176h1600v6h-1600z%22/%3E%3C/g%3E%3C/defs%3E%3Csvg width=%2250%25%22 height=%22100%25%22 viewBox=%220 0 800 220%22 preserveAspectRatio=%22xMinYMax meet%22%3E%3Cuse href=%22%23a%22/%3E%3C/svg%3E%3Csvg x=%2250%25%22 width=%2250%25%22 height=%22100%25%22 viewBox=%22800 0 800 220%22 preserveAspectRatio=%22xMaxYMax meet%22%3E%3Cuse href=%22%23a%22/%3E%3C/svg%3E%3C/svg%3E")}
:root[data-theme=dark] .pg-words{--band:#3A2A1B;--floor:#4A3522;--mo:#59412A}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .pg-words{--band:#3A2A1B;--floor:#4A3522;--mo:#59412A}}
.pg-sentences{--band:#2F4A3B;--floor:#C48A52;--mo:#9FB5A5;--band-ink:#F4EBDC;--mut-band:#C3D3C6;--hl:rgba(255,255,255,.06);--scene:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%221600%22 height=%22220%22%3E%3Cdefs%3E%3Cg id=%22a%22%3E%3Cpath fill=%22none%22 stroke=%22black%22 stroke-width=%226%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 d=%22M198 50h80a8 8 0 0 1 8 8v28a8 8 0 0 1-8 8h-80a8 8 0 0 1-8-8v-28a8 8 0 0 1 8-8zM328 50h80a8 8 0 0 1 8 8v28a8 8 0 0 1-8 8h-80a8 8 0 0 1-8-8v-28a8 8 0 0 1 8-8zM458 50h54a8 8 0 0 1 8 8v28a8 8 0 0 1-8 8h-54a8 8 0 0 1-8-8v-28a8 8 0 0 1 8-8zM290 72h24m-8-8l8 8-8 8M420 72h24m-8-8l8 8-8 8M196 130q40-14 80 0t80 0t80 0M500 136l8 18 20 2-15 13 5 20-18-11-18 11 5-20-15-13 20-2z%22/%3E%3Cpath fill=%22none%22 stroke=%22black%22 stroke-width=%226%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 d=%22M1100 40h260a20 20 0 0 1 20 20v70a20 20 0 0 1-20 20h-180l-34 28 6-28h-52a20 20 0 0 1-20-20v-70a20 20 0 0 1 20-20zM1120 80h70m20 0h50m20 0h60M1120 110h110m20 0h80M1366 182l14 14 26-30%22/%3E%3Cpath d=%22M230 211h36v9h-36zM1250 209h40v10h-40zM1300 211h28v9h-28zM1340 196h60v24h-60z%22/%3E%3C/g%3E%3C/defs%3E%3Csvg width=%2250%25%22 height=%22100%25%22 viewBox=%220 0 800 220%22 preserveAspectRatio=%22xMinYMax meet%22%3E%3Cuse href=%22%23a%22/%3E%3C/svg%3E%3Csvg x=%2250%25%22 width=%2250%25%22 height=%22100%25%22 viewBox=%22800 0 800 220%22 preserveAspectRatio=%22xMaxYMax meet%22%3E%3Cuse href=%22%23a%22/%3E%3C/svg%3E%3C/svg%3E");--far:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%221600%22 height=%22220%22%3E%3Cdefs%3E%3Cg id=%22a%22%3E%3Cg fill-opacity=%22.5%22%3E%3Cpath d=%22M140 90a190 60 0 1 0 380 0a190 60 0 1 0-380 0z%22/%3E%3Cpath d=%22M1060 116a200 70 0 1 0 400 0a200 70 0 1 0-400 0z%22/%3E%3C/g%3E%3C/g%3E%3C/defs%3E%3Csvg width=%2250%25%22 height=%22100%25%22 viewBox=%220 0 800 220%22 preserveAspectRatio=%22xMinYMax meet%22%3E%3Cuse href=%22%23a%22/%3E%3C/svg%3E%3Csvg x=%2250%25%22 width=%2250%25%22 height=%22100%25%22 viewBox=%22800 0 800 220%22 preserveAspectRatio=%22xMaxYMax meet%22%3E%3Cuse href=%22%23a%22/%3E%3C/svg%3E%3C/svg%3E")}
:root[data-theme=dark] .pg-sentences{--band:#1B2922;--floor:#5A3B22;--mo:#55705F;--band-ink:#F4EBDC;--mut-band:#A9BBAE;--hl:rgba(255,255,255,.06)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .pg-sentences{--band:#1B2922;--floor:#5A3B22;--mo:#55705F;--band-ink:#F4EBDC;--mut-band:#A9BBAE;--hl:rgba(255,255,255,.06)}}
.pg-sentences .pgbg{box-shadow:inset 0 8px 0 var(--floor),inset 0 11px 0 var(--ol)}
@media (min-width:900px){.pg-sentences .pgbg{box-shadow:inset 0 8px 0 var(--floor),inset 0 11px 0 var(--ol),inset 10px 0 0 var(--floor),inset 13px 0 0 var(--ol),inset -10px 0 0 var(--floor),inset -13px 0 0 var(--ol)}}
.pg-room{--band:#E7DDF0;--floor:#D9C6E6;--mo:#C6B5D6;--scene:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%221600%22 height=%22220%22%3E%3Cdefs%3E%3Cg id=%22a%22%3E%3Cpath fill-rule=%22evenodd%22 d=%22M200 26h160v140h-160zM212 38h62v56h-62zM286 38h62v56h-62zM212 104h62v50h-62zM286 104h62v50h-62z%22/%3E%3Cpath d=%22M330 48a18 18 0 1 0 12 30a14 14 0 1 1-12-30zM229 58a3 3 0 1 0 6 0a3 3 0 1 0 -6 0zM250 78a2 2 0 1 0 4 0a2 2 0 1 0 -4 0zM234 124a2 2 0 1 0 4 0a2 2 0 1 0 -4 0zM307 130a3 3 0 1 0 6 0a3 3 0 1 0 -6 0zM190 166h180v10h-180zM410 220l-8-40h52l-8 40zM400 164a16 16 0 1 0 32 0a16 16 0 1 0 -32 0zM422 150a18 18 0 1 0 36 0a18 18 0 1 0 -36 0zM448 166a14 14 0 1 0 28 0a14 14 0 1 0 -28 0z%22/%3E%3Cpath d=%22M1120 220a90 40 0 0 1 180 0zM1164 190a46 22 0 1 0 92 0a46 22 0 1 0-92 0zM1236 172a18 18 0 1 0 36 0a18 18 0 1 0 -36 0zM1240 160l4-16 10 10zM1258 156l8-14 4 16zM1370 62h6v158h-6zM1348 212h50v8h-50zM1346 30h54l14 36h-82z%22/%3E%3C/g%3E%3C/defs%3E%3Csvg width=%2250%25%22 height=%22100%25%22 viewBox=%220 0 800 220%22 preserveAspectRatio=%22xMinYMax meet%22%3E%3Cuse href=%22%23a%22/%3E%3C/svg%3E%3Csvg x=%2250%25%22 width=%2250%25%22 height=%22100%25%22 viewBox=%22800 0 800 220%22 preserveAspectRatio=%22xMaxYMax meet%22%3E%3Cuse href=%22%23a%22/%3E%3C/svg%3E%3C/svg%3E");--far:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%221600%22 height=%22220%22%3E%3Cdefs%3E%3Cg id=%22a%22%3E%3Cpath fill-rule=%22evenodd%22 d=%22M150 16h44q-14 80 6 164h-50zM410 16h-44q14 80-6 164h50zM1180 40h70v54h-70zM1188 48h54v38h-54zM1270 56h56v44h-56zM1278 64h40v28h-40z%22/%3E%3C/g%3E%3C/defs%3E%3Csvg width=%2250%25%22 height=%22100%25%22 viewBox=%220 0 800 220%22 preserveAspectRatio=%22xMinYMax meet%22%3E%3Cuse href=%22%23a%22/%3E%3C/svg%3E%3Csvg x=%2250%25%22 width=%2250%25%22 height=%22100%25%22 viewBox=%22800 0 800 220%22 preserveAspectRatio=%22xMaxYMax meet%22%3E%3Cuse href=%22%23a%22/%3E%3C/svg%3E%3C/svg%3E")}
:root[data-theme=dark] .pg-room{--band:#2A2339;--floor:#221C2E;--mo:#3F3455}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .pg-room{--band:#2A2339;--floor:#221C2E;--mo:#3F3455}}
.pg-survival{--band:#D3F0F6;--floor:#E6DCCB;--mo:#A2D9E5;--far:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%221600%22 height=%22220%22%3E%3Cdefs%3E%3Cg id=%22a%22%3E%3Cpath d=%22M0 130h60v90h-60zM60 90h50v130h-50zM110 120h70v100h-70zM180 70h40v150h-40zM220 110h60v110h-60zM280 80h50v140h-50zM330 130h80v90h-80zM410 100h40v120h-40zM450 120h60v100h-60zM510 140h50v80h-50zM560 180h80v40h-80zM640 190h60v30h-60zM700 184h90v36h-90zM790 192h70v28h-70zM860 186h80v34h-80zM940 190h100v30h-100zM1040 130h50v90h-50zM1090 100h60v120h-60zM1150 120h40v100h-40zM1190 80h70v140h-70zM1260 110h50v110h-50zM1310 90h60v130h-60zM1370 130h40v90h-40zM1410 70h70v150h-70zM1480 120h50v100h-50zM1530 100h70v120h-70z%22/%3E%3C/g%3E%3C/defs%3E%3Cdefs%3E%3Cpattern id=%22p%22 width=%22480%22 height=%22220%22 patternUnits=%22userSpaceOnUse%22%3E%3Cpath d=%22M0 180h80v40h-80zM80 190h60v30h-60zM140 184h90v36h-90zM230 192h70v28h-70zM300 186h80v34h-80zM380 190h100v30h-100z%22/%3E%3C/pattern%3E%3C/defs%3E%3Crect width=%22100%25%22 height=%22100%25%22 fill=%22url%28%23p%29%22/%3E%3Csvg width=%2250%25%22 height=%22100%25%22 viewBox=%220 0 800 220%22 preserveAspectRatio=%22xMinYMax meet%22%3E%3Cuse href=%22%23a%22/%3E%3C/svg%3E%3Csvg x=%2250%25%22 width=%2250%25%22 height=%22100%25%22 viewBox=%22800 0 800 220%22 preserveAspectRatio=%22xMaxYMax meet%22%3E%3Cuse href=%22%23a%22/%3E%3C/svg%3E%3C/svg%3E")}
:root[data-theme=dark] .pg-survival{--band:#14333B;--floor:#2A231C;--mo:#20515D}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .pg-survival{--band:#14333B;--floor:#2A231C;--mo:#20515D}}
.pg-survival.sc-cafe{--band:#F7E0C6;--mo:#E8C092;--scene:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%221600%22 height=%22220%22%3E%3Cdefs%3E%3Cg id=%22a%22%3E%3Cpath fill-rule=%22evenodd%22 d=%22M1080 70h320v150h-320zM1100 110h170v80h-170zM1300 110h70v110h-70z%22/%3E%3Cpath d=%22M1070 56h340v24h-340zM1070 80a21 21 0 1 0 42 0a21 21 0 1 0 -42 0zM1112 80a21 21 0 1 0 42 0a21 21 0 1 0 -42 0zM1154 80a21 21 0 1 0 42 0a21 21 0 1 0 -42 0zM1196 80a21 21 0 1 0 42 0a21 21 0 1 0 -42 0zM1238 80a21 21 0 1 0 42 0a21 21 0 1 0 -42 0zM1280 80a21 21 0 1 0 42 0a21 21 0 1 0 -42 0zM1322 80a21 21 0 1 0 42 0a21 21 0 1 0 -42 0zM1364 80a21 21 0 1 0 42 0a21 21 0 1 0 -42 0zM1216 14h44l-6 36h-32z%22/%3E%3Cpath fill=%22none%22 stroke=%22black%22 stroke-width=%225%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 d=%22M1260 22a9 9 0 0 1 0 18M1228 10q-5-5 0-9M1244 10q-5-5 0-9%22/%3E%3Cpath d=%22M220 100a110 50 0 0 1 220 0zM328 100h6v100h-6zM270 170h120v8h-120zM280 178h6v42h-6zM374 178h6v42h-6zM232 220v-50h8v20h30v30h-8v-22h-22v22zM428 220v-50h-8v20h-30v30h8v-22h22v22zM480 220l-8-80h56l-8 80zM468 130h64v12h-64z%22/%3E%3C/g%3E%3C/defs%3E%3Csvg width=%2250%25%22 height=%22100%25%22 viewBox=%220 0 800 220%22 preserveAspectRatio=%22xMinYMax meet%22%3E%3Cuse href=%22%23a%22/%3E%3C/svg%3E%3Csvg x=%2250%25%22 width=%2250%25%22 height=%22100%25%22 viewBox=%22800 0 800 220%22 preserveAspectRatio=%22xMaxYMax meet%22%3E%3Cuse href=%22%23a%22/%3E%3C/svg%3E%3C/svg%3E")}
:root[data-theme=dark] .pg-survival.sc-cafe{--band:#41301F;--mo:#60472E}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .pg-survival.sc-cafe{--band:#41301F;--mo:#60472E}}
.pg-survival.sc-airport{--band:#D3F0F6;--mo:#A2D9E5;--scene:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%221600%22 height=%22220%22%3E%3Cdefs%3E%3Cg id=%22a%22%3E%3Cpath fill-rule=%22evenodd%22 d=%22M1290 220l8-130h28l8 130zM1270 90l-10-40h104l-10 40zM1274 58h76v20h-76z%22/%3E%3Cpath d=%22M1276 40h72v10h-72zM1310 14h4v26h-4zM1080 212h14v4h-14zM1110 212h14v4h-14zM1140 212h14v4h-14zM1170 212h14v4h-14zM1200 212h14v4h-14zM1230 212h14v4h-14zM1260 212h14v4h-14zM1290 212h14v4h-14zM1320 212h14v4h-14zM1350 212h14v4h-14zM1380 212h14v4h-14zM1410 212h14v4h-14z%22/%3E%3Cg transform=%22rotate%28-16 1160 90%29%22%3E%3Cpath d=%22M1070 90h150a14 14 0 0 1 0 28h-150l-20-14zM1150 106l-34 44h24l44-44zM1150 104l-20-26h16l30 26zM1080 92l-20-34h16l26 34z%22/%3E%3C/g%3E%3Cpath fill-rule=%22evenodd%22 d=%22M180 120h360v100h-360zM196 138h54v40h-54zM266 138h54v40h-54zM336 138h54v40h-54zM406 138h54v40h-54zM476 138h54v40h-54z%22/%3E%3Cpath d=%22M170 126q190-56 380 0zM500 60h4v60h-4zM504 62l30 8-30 8z%22/%3E%3C/g%3E%3C/defs%3E%3Csvg width=%2250%25%22 height=%22100%25%22 viewBox=%220 0 800 220%22 preserveAspectRatio=%22xMinYMax meet%22%3E%3Cuse href=%22%23a%22/%3E%3C/svg%3E%3Csvg x=%2250%25%22 width=%2250%25%22 height=%22100%25%22 viewBox=%22800 0 800 220%22 preserveAspectRatio=%22xMaxYMax meet%22%3E%3Cuse href=%22%23a%22/%3E%3C/svg%3E%3C/svg%3E")}
:root[data-theme=dark] .pg-survival.sc-airport{--band:#14333B;--mo:#20515D}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .pg-survival.sc-airport{--band:#14333B;--mo:#20515D}}
.pg-survival.sc-street{--band:#DDF3C9;--mo:#BBE099;--scene:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%221600%22 height=%22220%22%3E%3Cdefs%3E%3Cg id=%22a%22%3E%3Cpath d=%22M1236 36h10v184h-10zM1250 48h100l20 16-20 16h-100zM1232 92h-100l-20 16 20 16h100zM1250 136h80l18 14-18 14h-80zM1270 212h20v8h-20zM1302 212h20v8h-20zM1334 212h20v8h-20zM1366 212h20v8h-20zM1398 212h20v8h-20z%22/%3E%3Cpath fill-rule=%22evenodd%22 d=%22M1384 30h32v72h-32zM1392 46a8 8 0 1 0 16 0a8 8 0 1 0 -16 0zM1392 66a8 8 0 1 0 16 0a8 8 0 1 0 -16 0zM1392 86a8 8 0 1 0 16 0a8 8 0 1 0 -16 0z%22/%3E%3Cpath d=%22M1396 102h8v118h-8z%22/%3E%3Cpath d=%22M240 50h8v170h-8zM244 52q0-22 30-22h24v8h-24q-22 0-22 14zM290 36h30l-6 16h-18zM372 130h16v90h-16zM330 100a50 50 0 1 0 100 0a50 50 0 1 0 -100 0zM314 132a34 34 0 1 0 68 0a34 34 0 1 0 -68 0zM380 132a34 34 0 1 0 68 0a34 34 0 1 0 -68 0zM450 184h80v8h-80zM450 164h80v6h-80zM456 192h6v28h-6zM518 192h6v28h-6z%22/%3E%3C/g%3E%3C/defs%3E%3Csvg width=%2250%25%22 height=%22100%25%22 viewBox=%220 0 800 220%22 preserveAspectRatio=%22xMinYMax meet%22%3E%3Cuse href=%22%23a%22/%3E%3C/svg%3E%3Csvg x=%2250%25%22 width=%2250%25%22 height=%22100%25%22 viewBox=%22800 0 800 220%22 preserveAspectRatio=%22xMaxYMax meet%22%3E%3Cuse href=%22%23a%22/%3E%3C/svg%3E%3C/svg%3E")}
:root[data-theme=dark] .pg-survival.sc-street{--band:#1D3319;--mo:#2F5228}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .pg-survival.sc-street{--band:#1D3319;--mo:#2F5228}}
.pg-survival.sc-hotel{--band:#FFE0E4;--mo:#FAA3AE;--scene:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%221600%22 height=%22220%22%3E%3Cdefs%3E%3Cg id=%22a%22%3E%3Cpath fill-rule=%22evenodd%22 d=%22M1120 40h180v180h-180zM1136 66h30v18h-30zM1136 98h30v18h-30zM1136 130h30v18h-30zM1136 162h30v18h-30zM1190 66h30v18h-30zM1190 98h30v18h-30zM1190 130h30v18h-30zM1190 162h30v18h-30zM1244 66h30v18h-30zM1244 98h30v18h-30zM1244 130h30v18h-30zM1244 162h30v18h-30zM1186 186h48v34h-48zM1180 8h60v30h-60zM1192 14h8v18h-8zM1220 14h8v18h-8zM1200 20h20v6h-20z%22/%3E%3Cpath d=%22M1330 200a36 36 0 0 1 72 0zM1320 200h92v10h-92zM1360 160a6 6 0 1 0 12 0a6 6 0 1 0 -12 0zM1350 210h32v10h-32z%22/%3E%3Cpath fill=%22none%22 stroke=%22black%22 stroke-width=%226%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 d=%22M200 80v130h170M240 92v-12h30v12M420 130v-22h30v22%22/%3E%3Cpath d=%22M212 212a8 8 0 1 0 16 0a8 8 0 1 0 -16 0zM342 212a8 8 0 1 0 16 0a8 8 0 1 0 -16 0zM210 140h100v64h-100zM220 92h70v48h-70zM400 130h70v82h-70zM406 214a6 6 0 1 0 12 0a6 6 0 1 0 -12 0zM452 214a6 6 0 1 0 12 0a6 6 0 1 0 -12 0z%22/%3E%3C/g%3E%3C/defs%3E%3Csvg width=%2250%25%22 height=%22100%25%22 viewBox=%220 0 800 220%22 preserveAspectRatio=%22xMinYMax meet%22%3E%3Cuse href=%22%23a%22/%3E%3C/svg%3E%3Csvg x=%2250%25%22 width=%2250%25%22 height=%22100%25%22 viewBox=%22800 0 800 220%22 preserveAspectRatio=%22xMaxYMax meet%22%3E%3Cuse href=%22%23a%22/%3E%3C/svg%3E%3C/svg%3E")}
:root[data-theme=dark] .pg-survival.sc-hotel{--band:#43202A;--mo:#622F3D}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .pg-survival.sc-hotel{--band:#43202A;--mo:#622F3D}}
.pg-survival.sc-hospital{--band:#DCF0EA;--mo:#B3D6CC;--scene:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%221600%22 height=%22220%22%3E%3Cdefs%3E%3Cg id=%22a%22%3E%3Cpath fill-rule=%22evenodd%22 d=%22M1100 60h300v160h-300zM1120 90h40v26h-40zM1120 136h40v26h-40zM1190 90h40v26h-40zM1190 136h40v26h-40zM1260 90h40v26h-40zM1260 136h40v26h-40zM1360 90h40v26h-40zM1360 136h40v26h-40zM1220 170h60v50h-60z%22/%3E%3Cpath d=%22M1238 4h24v18h18v24h-18v18h-24v-18h-18v-24h18z%22/%3E%3Cpath fill-rule=%22evenodd%22 d=%22M200 140h180v66h-180zM380 160h50l30 30v16h-80zM282 156h16v12h12v16h-12v12h-16v-12h-12v-16h12zM392 168h36l20 20h-56z%22/%3E%3Cpath d=%22M224 210a16 16 0 1 0 32 0a16 16 0 1 0 -32 0zM404 210a16 16 0 1 0 32 0a16 16 0 1 0 -32 0zM280 128h24v12h-24z%22/%3E%3C/g%3E%3C/defs%3E%3Csvg width=%2250%25%22 height=%22100%25%22 viewBox=%220 0 800 220%22 preserveAspectRatio=%22xMinYMax meet%22%3E%3Cuse href=%22%23a%22/%3E%3C/svg%3E%3Csvg x=%2250%25%22 width=%2250%25%22 height=%22100%25%22 viewBox=%22800 0 800 220%22 preserveAspectRatio=%22xMaxYMax meet%22%3E%3Cuse href=%22%23a%22/%3E%3C/svg%3E%3C/svg%3E")}
:root[data-theme=dark] .pg-survival.sc-hospital{--band:#16302B;--mo:#244F47}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .pg-survival.sc-hospital{--band:#16302B;--mo:#244F47}}
.pg-survival.sc-market{--band:#FFEBB5;--mo:#F8D67A;--scene:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%221600%22 height=%22220%22%3E%3Cdefs%3E%3Cg id=%22a%22%3E%3Cpath d=%22M1100 70h10v150h-10zM1390 70h10v150h-10zM1090 150h320v14h-320zM1100 164h300v56h-300zM1080 36h38l-2 44h-34zM1122 36h38l-2 44h-34zM1164 36h38l-2 44h-34zM1206 36h38l-2 44h-34zM1248 36h38l-2 44h-34zM1290 36h38l-2 44h-34zM1332 36h38l-2 44h-34zM1374 36h38l-2 44h-34zM1080 80a19 19 0 1 0 38 0a19 19 0 1 0 -38 0zM1122 80a19 19 0 1 0 38 0a19 19 0 1 0 -38 0zM1164 80a19 19 0 1 0 38 0a19 19 0 1 0 -38 0zM1206 80a19 19 0 1 0 38 0a19 19 0 1 0 -38 0zM1248 80a19 19 0 1 0 38 0a19 19 0 1 0 -38 0zM1290 80a19 19 0 1 0 38 0a19 19 0 1 0 -38 0zM1332 80a19 19 0 1 0 38 0a19 19 0 1 0 -38 0zM1374 80a19 19 0 1 0 38 0a19 19 0 1 0 -38 0zM1128 138a12 12 0 1 0 24 0a12 12 0 1 0 -24 0zM1152 138a12 12 0 1 0 24 0a12 12 0 1 0 -24 0zM1140 122a12 12 0 1 0 24 0a12 12 0 1 0 -24 0zM1210 140a10 10 0 1 0 20 0a10 10 0 1 0 -20 0zM1230 140a10 10 0 1 0 20 0a10 10 0 1 0 -20 0zM1220 126a10 10 0 1 0 20 0a10 10 0 1 0 -20 0zM1300 150a30 30 0 0 1 60 0z%22/%3E%3Cpath d=%22M200 220l-10-50h100l-10 50zM196 162a14 14 0 1 0 28 0a14 14 0 1 0 -28 0zM226 158a14 14 0 1 0 28 0a14 14 0 1 0 -28 0zM256 162a14 14 0 1 0 28 0a14 14 0 1 0 -28 0zM214 144a12 12 0 1 0 24 0a12 12 0 1 0 -24 0zM244 144a12 12 0 1 0 24 0a12 12 0 1 0 -24 0zM360 90a90 40 0 0 1 180 0zM447 90h6v130h-6z%22/%3E%3Cpath fill-rule=%22evenodd%22 d=%22M400 170h90v50h-90zM408 180h74v10h-74zM408 200h74v10h-74z%22/%3E%3C/g%3E%3C/defs%3E%3Csvg width=%2250%25%22 height=%22100%25%22 viewBox=%220 0 800 220%22 preserveAspectRatio=%22xMinYMax meet%22%3E%3Cuse href=%22%23a%22/%3E%3C/svg%3E%3Csvg x=%2250%25%22 width=%2250%25%22 height=%22100%25%22 viewBox=%22800 0 800 220%22 preserveAspectRatio=%22xMaxYMax meet%22%3E%3Cuse href=%22%23a%22/%3E%3C/svg%3E%3C/svg%3E")}
:root[data-theme=dark] .pg-survival.sc-market{--band:#44350F;--mo:#6A5217}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .pg-survival.sc-market{--band:#44350F;--mo:#6A5217}}

/* content above pgbg */
#app,.wrap{position:relative}/* no z-index: it would trap the settings sheet under #snd-mute; .pgbg is earlier in the DOM so it still paints below */
/* band-area text (headers sitting on the colored band) */
.pg-home .hud h1,.pg-room .hud h1,.pg-words .brand h1,.pg-sentences .brand h1{color:var(--band-ink)}
.pg-home .hud h1 small,.pg-room .hud h1 small,.pg-words .brand h1 small,.pg-words .brand p,.pg-sentences .brand p{color:var(--mut-band)}
.pg-words .back-link,.pg-sentences a[href="./#practice"]{color:var(--mut-band)}
.pg-words .back-link:hover{color:var(--band-ink)}