@font-face{font-family:"Libre Franklin"; font-style:normal; font-display:swap; font-weight:100 900; src:url(/fonts/libre-franklin-vietnamese.woff2) format("woff2"); unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Libre Franklin"; font-style:normal; font-display:swap; font-weight:100 900; src:url(/fonts/libre-franklin-latin-ext.woff2) format("woff2"); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Libre Franklin"; font-style:normal; font-display:swap; font-weight:100 900; src:url(/fonts/libre-franklin-latin.woff2) format("woff2"); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Newsreader"; font-style:normal; font-display:swap; font-weight:200 800; src:url(/fonts/newsreader-vietnamese.woff2) format("woff2"); unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Newsreader"; font-style:normal; font-display:swap; font-weight:200 800; src:url(/fonts/newsreader-latin-ext.woff2) format("woff2"); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Newsreader"; font-style:normal; font-display:swap; font-weight:200 800; src:url(/fonts/newsreader-latin.woff2) format("woff2"); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
--bg:#F1F4F1; --card:#FFFFFF; --ink:#14221A; --muted:#5A6A60; --line:#DCE3DD; --tint:#E5EEE7;
--brand:#173226; --brand-2:#2E6A4E; --lamp:#D49A2A; --up:#1D7A49; --down:#B3412E; --warn:#A86B00;
--nav-ink:#C9D9CE; --r-s:8px; --r:12px; --brand-ico:#000;
--board:#173226; --board-ink:#F3EBD7; --board-muted:#A9BFB1; --board-rule:rgba(243,235,215,.12); --board-edge:transparent;
--gold-ink:#8A5E0B; --focus:#8A5E0B; --r-board:16px; --r-pop:12px;
--font:"Libre Franklin","Helvetica Neue",Arial,sans-serif; --serif:"Newsreader",Georgia,serif;
box-sizing:border-box;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
--bg:#0E1612; --card:#16211B; --ink:#E4ECE6; --muted:#9FB0A5; --line:#26352C; --tint:#1C2C23;
--brand:#0A120E; --brand-2:#7DBB96; --lamp:#E7B24C; --up:#6FCB92; --down:#F08A76; --warn:#E7B24C; --brand-ico:#fff;
--board:#21402F; --board-edge:rgba(231,178,76,.55); --gold-ink:#E7B24C; --focus:#E7B24C;}}
:root[data-theme="dark"]{
--bg:#0E1612; --card:#16211B; --ink:#E4ECE6; --muted:#9FB0A5; --line:#26352C; --tint:#1C2C23;
--brand:#0A120E; --brand-2:#7DBB96; --lamp:#E7B24C; --up:#6FCB92; --down:#F08A76; --warn:#E7B24C; --brand-ico:#fff;
--board:#21402F; --board-edge:rgba(231,178,76,.55); --gold-ink:#E7B24C; --focus:#E7B24C;}
html:lang(ko){--font:"Libre Franklin","Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR","Noto Sans CJK KR","Helvetica Neue",Arial,sans-serif;
--serif:"Newsreader","Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR","Noto Sans CJK KR",Georgia,sans-serif}
html:lang(ko) body{word-break:keep-all; overflow-wrap:break-word}
html:lang(ru){--font:"Libre Franklin","Helvetica Neue","Segoe UI",Roboto,Arial,"Noto Sans","Liberation Sans",sans-serif;
--serif:"Newsreader",Georgia,"Times New Roman","Noto Serif","Liberation Serif",serif}
html:lang(hi){--font:"Libre Franklin","Kohinoor Devanagari","Devanagari Sangam MN","Noto Sans Devanagari","Nirmala UI","Mangal","Helvetica Neue",Arial,sans-serif;
--serif:"Newsreader","Kohinoor Devanagari","Devanagari Sangam MN","Noto Sans Devanagari","Nirmala UI","Mangal",Georgia,sans-serif}
html:lang(hi) body{line-height:1.7}
html:lang(hi) :is(h1,h2,h3,h4){line-height:1.4}
html:lang(ar){--font:"Libre Franklin","Noto Naskh Arabic","Geeza Pro","Segoe UI",Tahoma,"Helvetica Neue",Arial,sans-serif;
--serif:"Newsreader","Noto Naskh Arabic","Geeza Pro","Segoe UI",Tahoma,Georgia,serif}
html:lang(ar) body{line-height:1.7}
html:lang(ar) :is(h1,h2,h3,h4){line-height:1.45}
html:lang(ar) *,html:lang(ar) *::before,html:lang(ar) *::after,html:lang(hi) *,html:lang(hi) *::before,html:lang(hi) *::after{letter-spacing:0 !important}
*,*::before,*::after{box-sizing:inherit}
html,body{height:100%}
body{margin:0; background:var(--bg); color:var(--ink); font-family:var(--font); font-size:16px; line-height:1.5; font-variant-numeric:tabular-nums}
a{color:var(--brand-2)}
:focus-visible{outline:3px solid var(--focus); outline-offset:2px}
.utility :focus-visible,.board :focus-visible,.resbar:focus-visible{outline-color:var(--lamp)}
button{font:inherit; cursor:pointer; color:inherit}
svg.i{width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; flex:none}
.sr{position:absolute; left:-9999px}
.wrap{max-width:1240px; margin:0 auto; padding-left:24px; padding-right:24px}
.skip{position:absolute; left:-9999px} .skip:focus{left:12px; top:8px; z-index:100; background:var(--card); padding:8px 12px; border-radius:var(--r-s)}
.site-head{position:sticky; top:0; z-index:50}
.utility{background:var(--brand); color:var(--nav-ink); font-size:.82rem}
.utility .wrap{display:flex; align-items:center; gap:10px; min-height:44px; padding-top:calc(env(safe-area-inset-top,0px) + 4px); padding-bottom:4px}
.tagline{flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; opacity:.85}
.utils{display:flex; align-items:center; gap:6px; flex-wrap:wrap; justify-content:flex-end}
.utility .pill,.utility .ctl{background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.14); color:#EEF3EF; padding:4px 10px; font-size:.8rem}
.utility .pill .muted{color:#A9BDB0}
.utility select.ctl option{color:#14221A}
.navbar{background:var(--card); border-bottom:1px solid var(--line); box-shadow:0 1px 0 rgba(0,0,0,.02)}
.navbar .wrap{display:flex; align-items:center; gap:18px; min-height:60px}
.brand{display:flex; align-items:center; gap:9px; color:var(--brand); text-decoration:none; font-weight:800; font-size:1.2rem; flex:none}
.brand svg{width:30px; height:30px; color:var(--brand)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .brand,:root:not([data-theme="light"]) .brand svg{color:#E4ECE6}}
:root[data-theme="dark"] .brand,:root[data-theme="dark"] .brand svg{color:#E4ECE6}
.topnav{display:flex; align-items:stretch; gap:2px; flex:1; min-width:0}
.nav-item{position:relative; display:flex}
.nav-link{display:flex; align-items:center; gap:7px; padding:0 11px; min-height:60px; border:0; background:none; color:var(--ink); text-decoration:none; font-weight:600; font-size:.9rem; white-space:nowrap; border-bottom:3px solid transparent}
.nav-link svg.i{width:17px; height:17px; color:var(--muted)}
.nav-link .caret{font-size:.7rem; color:var(--muted); margin-left:-2px}
.nav-item:hover > .nav-link,.nav-item:focus-within > .nav-link{color:var(--brand-2)}
.nav-item.active > .nav-link{border-bottom-color:var(--lamp)}
.nav-item.active > .nav-link svg.i{color:var(--brand-2)}
.sub{display:none; position:absolute; top:100%; left:0; min-width:260px; max-width:calc(100vw - 16px); transform:translateX(var(--sub-shift,0px)); background:var(--card); border:1px solid var(--line); border-radius:0 0 var(--r) var(--r); box-shadow:0 14px 34px rgba(0,0,0,.12); padding:8px; z-index:60}
.sub a{display:block; padding:9px 12px; border-radius:var(--r-s); color:var(--ink); text-decoration:none; font-size:.9rem; white-space:nowrap}
.sub a:hover{background:var(--tint); color:var(--brand-2)}
.sub a:focus-visible{outline:3px solid var(--focus); outline-offset:-3px}
.sub a[aria-current="page"]{background:color-mix(in srgb, var(--brand-2) 12%, transparent); font-weight:600}
@media (hover:hover) and (min-width:901px){ .nav-item.has-sub:hover > .sub{display:block} }
@media (min-width:901px){ .nav-link svg.i{display:none} .nav-item[data-v="dashboard"]{display:none} .nav-link{padding:0 8px; gap:4px; font-size:.85rem} .topnav{justify-content:flex-end} .navbar .wrap{gap:14px} }
.nav-item.has-sub.open > .sub{display:block}
@media (min-width:901px){ .sub.wide{columns:2; column-gap:4px; width:min(560px, calc(100vw - 16px))} .sub.wide a{break-inside:avoid; white-space:normal} .nav-item[data-v="retire"] > .sub,.nav-item[data-v="loans"] > .sub,.nav-item[data-v="money"] > .sub,.nav-item[data-v="travel"] > .sub,.sub.flip{left:auto; right:0} }
.nav-toggle{display:none; margin-left:auto; border:1px solid var(--line); background:var(--card); border-radius:var(--r-s); padding:8px 12px; font-weight:600; color:var(--ink)}
.page-head{background:var(--card); border-bottom:1px solid var(--line)}
.page-head .wrap{padding-top:16px; padding-bottom:16px}
.crumbs{font-size:.8rem; color:var(--muted); margin-bottom:4px} .crumbs a{color:var(--muted); text-decoration:none} .crumbs a:hover{color:var(--brand-2)}
.page-head h1{font-family:var(--serif); font-weight:600; font-size:1.75rem; margin:0; line-height:1.2}
.pill{display:inline-flex; align-items:center; gap:7px; background:var(--card); border:1px solid var(--line); border-radius:99px; padding:6px 12px; font-size:.88rem; white-space:nowrap; text-decoration:none; color:var(--ink)}
.pill b{font-weight:700}
.ctl{width:auto; flex:none; background:var(--card); border:1px solid var(--line); border-radius:99px; padding:6px 10px; font:inherit; font-size:.88rem; color:var(--ink); cursor:pointer}
select.ctl{padding-right:24px}
main{padding-top:22px; padding-bottom:40px}
.view{display:none}
.view.on{display:block}
.view > p.intro{color:var(--muted); margin:0 0 18px; max-width:70ch}
.g{display:grid; gap:16px; grid-template-columns:minmax(0,1fr)}
.g > *{min-width:0}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.span2{grid-column:span 2}
.card{background:var(--card); border:1px solid var(--line); border-radius:var(--r); padding:18px}
.card h2{font-size:1rem; font-weight:700; margin:0 0 12px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:4px 8px}
.card h2 a{font-size:.82rem; font-weight:600; text-decoration:none}
.card-head{display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:4px 12px; margin:0 0 12px} .card-head h2{margin:0}
.card-head a{font-size:.82rem; font-weight:600; text-decoration:none}
.card h3{font-size:.95rem; margin:14px 0 8px}
.muted{color:var(--muted)} .small{font-size:.82rem}
.big{font-size:2.1rem; font-weight:800; letter-spacing:-.02em; line-height:1.1; color:var(--ink)}
.up{color:var(--up)} .down{color:var(--down)}
.kv{display:flex; justify-content:space-between; gap:12px; padding:8px 0; border-bottom:1px solid var(--line)}
.kv:last-child{border-bottom:0}
.kv > :last-child{font-weight:700; text-align:right}
.fields{display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:10px 12px}
label{display:block; font-size:.8rem; font-weight:600; color:var(--muted); margin-bottom:4px}
input,select,textarea{width:100%; font:inherit; color:var(--ink); background:var(--bg); border:1px solid var(--line); border-radius:var(--r-s); padding:9px 10px}
input::placeholder,textarea::placeholder{color:var(--muted); opacity:1}
input:focus,select:focus,textarea:focus{border-color:var(--brand-2)}
.btn{background:var(--brand-2); color:#fff; border:0; border-radius:var(--r-s); padding:9px 14px; font-weight:600}
:root[data-theme="dark"] .btn:not(.ghost){color:#0E1612}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .btn:not(.ghost){color:#0E1612}}
.btn.ghost{background:transparent; color:var(--brand-2); border:1px solid var(--line)}
.row{display:flex; gap:8px; align-items:end; flex-wrap:wrap}
.scroll{overflow-x:auto}
table{width:100%; border-collapse:collapse; font-size:.9rem}
th,td{text-align:right; padding:8px 8px; border-bottom:1px solid var(--line); white-space:nowrap}
th:first-child,td:first-child{text-align:left}
th{color:var(--muted); font-weight:600; font-size:.78rem}
details summary{cursor:pointer; font-weight:600; color:var(--brand-2); padding:6px 0}
.notice{border:1px dashed var(--warn); border-radius:var(--r-s); padding:10px 12px; font-size:.86rem; margin-bottom:14px}
.empty{color:var(--muted); font-size:.9rem; padding:8px 0}
.tick{display:flex; justify-content:space-between; align-items:baseline; padding:9px 0; border-bottom:1px solid var(--line)}
.tick:last-child{border-bottom:0}
.tick .n{color:var(--muted)}
.tick .v{font-weight:700; font-size:1.02rem; text-align:right}
.tick .c{font-size:.8rem; font-weight:600; margin-left:6px}
.quotes{display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:10px}
.quote{background:var(--card); border:1px solid var(--line); border-radius:var(--r-s); padding:12px 14px}
.quote .n{font-size:.82rem; color:var(--muted)}
.quote .p{font-size:1.3rem; font-weight:800; margin:2px 0}
.quote .c{font-size:.82rem; font-weight:600}
.spark{display:block; width:100%; height:34px; margin-top:6px}
.chips{display:flex; flex-wrap:wrap; gap:6px; margin:0 0 14px}
.chip{border:1px solid var(--line); background:var(--card); border-radius:99px; padding:6px 12px; font-size:.85rem}
.chip[aria-pressed="true"]{background:var(--brand-2); border-color:var(--brand-2); color:#fff}
a.chip{text-decoration:none; color:var(--ink)}
a.chip:hover{border-color:var(--brand-2)}
a.chip[aria-current="page"]{background:var(--brand-2); border-color:var(--brand-2); color:#fff}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) a.chip[aria-current="page"], :root:not([data-theme="light"]) .chip[aria-pressed="true"]{color:#0E1612}}
:root[data-theme="dark"] a.chip[aria-current="page"], :root[data-theme="dark"] .chip[aria-pressed="true"]{color:#0E1612}
.subnav{margin-bottom:18px}
.tool-layout{grid-template-columns:minmax(0,2fr) minmax(0,1fr); align-items:start}
.side-col{align-content:start}
.related a{text-decoration:none; font-weight:500}
.dot{display:inline-block; width:10px; height:10px; border-radius:3px; margin-right:8px}
.note-warn{background:color-mix(in srgb, var(--warn) 14%, transparent); border-left:3px solid var(--warn); border-radius:0; padding:8px 12px; font-size:.88rem; margin:10px 0}
.progress{height:12px; background:var(--tint); border-radius:99px; overflow:hidden; margin:8px 0 4px}
.bank{border:1px solid var(--line); border-radius:var(--r-s); padding:12px 14px; margin-top:10px}
.bank-head{display:flex; justify-content:space-between; gap:10px; align-items:baseline}
.bank .facts{display:grid; grid-template-columns:repeat(auto-fill,minmax(170px,1fr)); gap:4px 12px; font-size:.84rem; color:var(--muted); margin:8px 0}
.bank .facts b{color:var(--ink); font-weight:600}
.tag.ok{background:color-mix(in srgb, var(--up) 14%, transparent); color:var(--ink); white-space:nowrap}
tr.grp td{font-size:.85rem; font-weight:600; color:var(--muted); padding-top:14px; background:none}
tr.pick{cursor:pointer} tr.pick:hover td{background:var(--tint)} tr.pick.sel td{background:color-mix(in srgb, var(--brand-2) 12%, transparent)}
:is(tr.pick:hover,tr.pick.sel) .up{color:color-mix(in srgb, var(--up) 80%, var(--ink))} :is(tr.pick:hover,tr.pick.sel) .down{color:color-mix(in srgb, var(--down) 80%, var(--ink))} :is(tr.pick:hover,tr.pick.sel) .muted{color:color-mix(in srgb, var(--muted) 75%, var(--ink))}
.chart{position:relative; margin:4px 0 6px; touch-action:pan-y}
.chart svg{display:block; overflow:visible}
.ch-line{fill:none; stroke:var(--brand-2); stroke-width:2; stroke-linejoin:round; stroke-linecap:round}
.ch-area{fill:var(--brand-2); opacity:.1}
.ch-grid{stroke:var(--line); stroke-width:1}
.ch-base{stroke:var(--muted); stroke-width:1; opacity:.5}
.ch-ax{fill:var(--muted); font-size:11px; font-family:var(--font)}
.ch-cross{stroke:var(--muted); stroke-width:1}
.ch-dot{fill:var(--brand-2); stroke:var(--card); stroke-width:2}
.ch-ref{stroke:var(--warn); stroke-width:1.5; stroke-dasharray:6 4}
.ch-hit{cursor:crosshair; outline:none}
.ch-hit:focus-visible{outline:2px solid var(--brand-2)}
.ch-tip{position:absolute; pointer-events:none; background:var(--card); border:1px solid var(--line); border-radius:var(--r-s); padding:6px 10px; font-size:.82rem; box-shadow:0 4px 14px rgba(0,0,0,.12); white-space:nowrap; z-index:2}
.progress i{display:block; height:100%; background:var(--up); border-radius:99px}
.news{list-style:none; margin:0; padding:0}
.news li{display:grid; grid-template-columns:1fr 112px; gap:14px; padding:14px 0; border-bottom:1px solid var(--line)}
.news li:last-child{border-bottom:0}
.news a.h{font-family:var(--serif); font-size:1.12rem; font-weight:600; color:var(--ink); text-decoration:none; line-height:1.3}
.news a.h:hover{text-decoration:underline}
.news p{margin:6px 0 4px; color:var(--muted); font-size:.9rem; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
.news img{width:112px; height:78px; object-fit:cover; border-radius:var(--r-s); background:var(--tint)}
.news.compact li{grid-template-columns:1fr; padding:10px 0}
.news.compact a.h{font-size:1rem}
.src{font-size:.78rem; color:var(--muted); display:flex; flex-wrap:wrap; gap:0 12px}
.src b{color:var(--brand-2); font-weight:600}
.bar{height:10px; background:var(--tint); border-radius:99px; overflow:hidden}
.bar i{display:block; height:100%; background:var(--brand-2); border-radius:99px}
.stack{display:flex; height:14px; border-radius:99px; overflow:hidden; background:var(--tint); margin:12px 0 8px}
.stack i{display:block; height:100%}
.legend{display:flex; flex-wrap:wrap; gap:4px 14px; font-size:.82rem; color:var(--muted)}
.legend b{display:inline-block; width:10px; height:10px; border-radius:2px; margin-right:5px; vertical-align:middle}
.catrow{display:grid; grid-template-columns:130px 1fr 90px; gap:10px; align-items:center; padding:5px 0; font-size:.88rem}
.catrow span:last-child{text-align:right; font-weight:700}
.list{list-style:none; margin:0; padding:0}
.list li{display:flex; align-items:center; gap:10px; padding:9px 0; border-bottom:1px solid var(--line)}
.list li:last-child{border-bottom:0}
.list .grow{flex:1; min-width:0}
.list .x{background:none; border:0; color:var(--muted); font-size:1.15rem; padding:2px 6px}
.tag{font-size:.74rem; background:var(--tint); border-radius:99px; padding:2px 8px; color:var(--muted)}
.wx-hero{display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:16px}
.wx-hero > .card{min-width:0}
.wx-big{display:flex; align-items:center; gap:16px}
.wx-big .t{font-size:4rem; font-weight:800; letter-spacing:-.04em; line-height:1}
.wx-big .ico{font-size:3.2rem}
.metrics{display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); column-gap:24px; margin:0}
.metric{display:flex; justify-content:space-between; align-items:baseline; gap:12px; padding:9px 0; border-bottom:1px solid var(--line)}
.metric .n{font-size:.9rem; color:var(--muted); margin:0}
.metric .v{font-weight:600; font-size:1rem; margin:0; text-align:right; font-variant-numeric:lining-nums tabular-nums}
.hours{display:flex; overflow-x:auto; padding-bottom:6px; border-top:1px solid var(--line); border-bottom:1px solid var(--line)}
.hour{flex:none; width:64px; text-align:center; padding:8px 4px; font-size:.82rem; border-right:1px solid var(--line)}
.hour:last-child{border-right:0}
.hour b{display:block; font-size:1rem}
.days7 .kv{align-items:center}
.alert{background:color-mix(in srgb, var(--down) 12%, transparent); border-left:3px solid var(--down); border-radius:0; padding:10px 12px; margin-bottom:10px; font-size:.9rem}
.cities{display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:12px}
.city .top-row{display:flex; justify-content:space-between; align-items:baseline; gap:8px; padding-right:18px}
.city .clock{font-size:.8rem; color:var(--muted); white-space:nowrap}
.city .facts{display:grid; grid-template-columns:1fr 1fr; gap:4px 10px; font-size:.8rem; margin:10px 0; color:var(--muted)}
.city .facts b{color:var(--ink); font-weight:600}
.city .d3{display:grid; grid-template-columns:repeat(3,1fr); gap:6px; border-top:1px solid var(--line); padding-top:8px; text-align:center; font-size:.78rem}
.city .d3 b{display:block; font-size:.9rem}
.city{background:var(--card); border:1px solid var(--line); border-radius:var(--r-s); padding:12px 14px; position:relative}
.city .t{font-size:1.7rem; font-weight:800}
.city .x{position:absolute; right:6px; top:4px; background:none; border:0; color:var(--muted); font-size:1.1rem}
.region{font-size:.78rem; font-weight:700; color:var(--muted); margin:10px 0 4px}
.tiles{display:grid; grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:10px}
.tile{display:flex; gap:10px; align-items:center; background:var(--card); border:1px solid var(--line); border-radius:var(--r-s); padding:12px; text-decoration:none; color:var(--ink); font-weight:600; font-size:.9rem}
.tile:hover{border-color:var(--brand-2)}
.tile svg{color:var(--brand-2)}
.guide h3{font-family:var(--serif); font-size:1.25rem; font-weight:600; margin:0 0 8px; line-height:1.25}
.guide p{font-family:var(--serif); font-size:1.02rem; line-height:1.65; margin:6px 0}
.faq details{border-bottom:1px solid var(--line); padding:6px 0}
footer{color:var(--muted); font-size:.8rem; margin-top:28px; max-width:90ch}
@media (max-width:1080px){ .g4{grid-template-columns:repeat(2,minmax(0,1fr))} .g3{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:900px){
.nav-toggle{display:block}
.topnav{display:none; position:absolute; left:0; right:0; top:100%; flex-direction:column; background:var(--card); border-bottom:1px solid var(--line); box-shadow:0 14px 30px rgba(0,0,0,.14); padding:8px 12px 14px; max-height:calc(100vh - 110px); overflow-y:auto}
.navbar .wrap{position:relative}
.topnav.open{display:flex}
.nav-item{flex-direction:column}
.nav-link{min-height:46px; border-bottom:1px solid var(--line); width:100%; justify-content:flex-start}
.nav-link .caret{margin-left:auto}
.nav-item.active > .nav-link{border-bottom-color:var(--line); color:var(--brand-2)}
.sub{position:static; box-shadow:none; border:0; padding:4px 0 8px 26px; min-width:0}
.tagline{display:none}
}
@media (max-width:820px){
.wrap{padding-left:14px; padding-right:14px}
.utils{justify-content:flex-start}
.g2,.g3,.g4,.wx-hero,.tool-layout{grid-template-columns:minmax(0,1fr)} .span2{grid-column:auto}
.page-head h1{font-size:1.35rem}
main{padding-top:16px}
.news li{grid-template-columns:1fr 84px} .news img{width:84px; height:64px}
.catrow{grid-template-columns:100px 1fr 80px}
}
@media (prefers-reduced-motion: reduce){*{transition:none!important}}
.lang-hint{position:fixed; left:0; right:0; bottom:var(--ad-bottom,0px); z-index:45; background:color-mix(in srgb, var(--lamp) 18%, var(--card)); border-top:1px solid var(--line); box-shadow:0 -6px 20px rgba(0,0,0,.12); font-size:.9rem;
padding:0 env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px); animation:hint-in .25s ease-out}
.lang-hint .wrap{display:flex; justify-content:space-between; align-items:center; gap:12px; min-height:48px}
.lang-hint a{font-weight:600; padding:10px 0}
.lang-hint button{flex:none; display:grid; place-items:center; width:40px; height:40px; margin-right:-10px; border:0; border-radius:50%; background:none; font-size:1.4rem; line-height:1; color:var(--muted); cursor:pointer}
.lang-hint button:hover{background:color-mix(in srgb, var(--ink) 8%, transparent); color:var(--ink)}
body.has-hint .site-foot{padding-bottom:calc(var(--hint-h,56px) + var(--ad-bottom,0px))}
@keyframes hint-in{from{transform:translateY(100%)}}
@media (prefers-reduced-motion: reduce){.lang-hint{animation:none}}
#locName{display:inline-block; vertical-align:bottom; min-width:9ch; max-width:16ch; overflow:hidden; text-overflow:ellipsis}
#clock{display:inline-block; min-width:7.3ch; text-align:right}
:lang(vi) #clock,:lang(zh) #clock,:lang(pt) #clock{min-width:4.2ch}
#tz{display:inline-block; min-width:3.5ch}
#topIcon{display:inline-block; min-width:1.3em; text-align:center}
#topTemp{display:inline-block; min-width:3.5ch; text-align:right}
@media (max-width:820px){ #locName{width:11ch} }
.tool-search{position:relative; max-width:560px; z-index:2}
.tool-search > svg.i{position:absolute; left:14px; top:50%; transform:translateY(-50%); color:var(--muted); pointer-events:none}
.tool-search input{background:var(--card); color:var(--ink); border:1px solid color-mix(in srgb, var(--ink) 28%, transparent); border-radius:var(--r-s); padding:13px 16px 13px 44px; font-size:1rem; min-height:50px}
.hits{position:absolute; left:0; right:0; top:calc(100% + 6px); background:var(--card); border:1px solid var(--line); border-radius:var(--r); box-shadow:0 14px 34px rgba(0,0,0,.2); padding:6px; max-height:360px; overflow-y:auto}
.hits a{display:block; padding:9px 12px; border-radius:var(--r-s); color:var(--ink); text-decoration:none}
.hits a:hover,.hits a.sel{background:var(--tint)}
.hits a small{display:block; color:var(--muted); font-size:.78rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.list li{flex-wrap:wrap}
.trust{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-top:28px; border-top:1px solid var(--line); padding-top:22px}
.trust div{display:flex; flex-direction:column; gap:4px} .trust span{font-size:.85rem; color:var(--muted)}
@media (max-width:1080px){ .trust{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:820px){ .trust{grid-template-columns:1fr} }
.article{margin-top:22px; max-width:none; line-height:1.65}
.article h2{font-family:var(--serif); font-weight:600; font-size:1.3rem; margin:22px 0 8px; display:block}
.article h2:first-of-type{margin-top:4px}
.article p,.article li{max-width:78ch}
.article ul{padding-left:20px}
.article table{margin:8px 0 14px}
.article table :is(th,td){text-align:left; white-space:normal; overflow-wrap:anywhere; vertical-align:top}
.article table td.num{white-space:nowrap; overflow-wrap:normal}
.article details.faq{border-top:1px solid var(--line); padding:10px 0}
.article details.faq summary{font-weight:600; cursor:pointer}
.article details.faq p{margin:8px 0 0; color:var(--muted)}
.sources h2{font-size:1.1rem}
.sources p{margin:0 0 6px}
.sources .src-list{margin:0; font-size:.9rem; line-height:1.5} .sources .src-list li{margin:5px 0; overflow-wrap:anywhere}
.method h2{font-size:1.15rem}
.article.method h3{font-size:1rem; font-weight:650; margin:14px 0 4px}
.method p,.method li{font-size:.95rem}
.method ul{margin:4px 0; padding-left:20px}
.method li{margin:3px 0}
.corr-log{list-style:none; padding:0; margin:8px 0}
.corr-log li{border-top:1px solid var(--line); padding:10px 0}
.corr-log p{margin:4px 0 0}
.article h3{font-size:1.05rem; margin:16px 0 4px}
.link-cols{columns:4 180px; padding:0; list-style:none; margin:0} .link-cols li{padding:4px 0; break-inside:avoid} .link-cols a{text-decoration:none}
.card-inset{background:var(--bg); border-radius:var(--r-s); padding:12px 14px; margin:10px 0}
.site-foot{background:var(--card); border-top:1px solid var(--line); margin-top:30px}
.site-foot .wrap{padding-top:28px; padding-bottom:calc(env(safe-area-inset-bottom,0px) + 28px)}
.foot-cols{display:grid; grid-template-columns:repeat(auto-fill,minmax(170px,1fr)); gap:18px; margin-bottom:18px}
.foot-cols h3{font-size:.85rem; margin:0 0 8px} .foot-cols ul{list-style:none; margin:0; padding:0}
.foot-cols li{padding:3px 0} .foot-cols a{color:var(--muted); text-decoration:none; font-size:.85rem} .foot-cols a:hover{color:var(--brand-2)}
.site-foot footer{border-top:1px solid var(--line); padding-top:14px; margin-top:0; max-width:none}
.debt-head,.debt-row{display:grid; grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr)); gap:8px; align-items:center}
.debt-head{font-size:.78rem; color:var(--muted); font-weight:600; margin:4px 0 6px}
.debt-row{margin-bottom:8px}
.debt-row input{min-width:0; padding:8px}
tr.sel td{background:var(--tint); font-weight:700}
#dp-table td:first-child,#dp-table th{white-space:normal}
@media (max-width:600px){
.debt-head{grid-template-columns:repeat(3,minmax(0,1fr))} .debt-head span:first-child{display:none}
.debt-row{grid-template-columns:repeat(3,minmax(0,1fr)); padding-bottom:10px; border-bottom:1px dashed var(--line)}
.debt-row input:first-child{grid-column:1/-1}
}
.brand .logo{width:30px; height:30px; flex:none}
.brand-name{font-weight:500; letter-spacing:-.01em} .brand-name b{font-weight:800}
.tagline .slogan{font-weight:500; color:#F2D49A; font-family:var(--serif); font-style:italic; font-size:1.05em; margin-right:.9em}
.foot-top{display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:10px}
.foot-top .brand{font-size:1.1rem} .foot-top .slogan{color:var(--muted); font-style:italic; font-family:var(--serif); font-size:1rem}
.foot-legal{display:flex; flex-wrap:wrap; gap:6px 18px; margin:6px 0 12px}
.foot-legal a{color:var(--ink); font-size:.85rem; text-decoration:none} .foot-legal a:hover{color:var(--brand-2); text-decoration:underline}
.foot-langs{display:flex; flex-wrap:wrap; align-items:center; gap:6px 16px; margin:0 0 12px; font-size:.85rem}
.foot-langs svg.i{width:16px; height:16px; color:var(--muted)}
.foot-langs a{color:var(--ink); text-decoration:none} .foot-langs a:hover{color:var(--brand-2); text-decoration:underline}
.foot-langs a[aria-current]{font-weight:700; color:var(--brand-2)}
@media (max-width:400px){.foot-langs{gap:6px 12px}}
footer .credits{font-size:.75rem; line-height:1.55}
footer .credits a{color:var(--muted)}
.brief{font-size:1rem; line-height:1.6; margin:0 0 6px}
.brief-card{margin-bottom:14px}
a.quote{color:inherit; text-decoration:none; transition:border-color .15s, box-shadow .15s}
a.quote:hover{border-color:var(--brand-2); box-shadow:0 2px 10px rgba(0,0,0,.06)}
.quote .spark{width:100%; height:26px; margin-top:6px; display:block}
.tv-card{padding:8px; min-height:540px}
.tv-card .tradingview-widget-copyright{font-size:.75rem; text-align:right; padding:4px 6px}
.tv-card .tradingview-widget-copyright a,.tv-card .tradingview-widget-copyright a:visited,.tv-card .tradingview-widget-copyright a *{color:var(--brand-2)!important; text-decoration:underline!important}
.tv-card .tradingview-widget-copyright a:hover{color:var(--ink)!important}
.view > h2.sec-h{font-size:1.17em; margin:1em 0}
.btns{display:flex; flex-wrap:wrap; gap:8px; margin-top:12px}
.btns .btn{text-decoration:none}
#newsList li[hidden]{display:none}
.notfound .lead{font-size:1.05rem}
.notfound .tool-search{margin:14px 0 18px}
.notfound .tool-search input{box-shadow:none; border:1px solid var(--line); width:100%}
.clk-sec{margin-top:16px}
.clock-hero{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 24px}
.clock-big{font-size:3.4rem; font-weight:800; letter-spacing:-.03em; line-height:1.05; margin:4px 0 6px}
.clock-hero .place{font-family:var(--serif); font-size:1.15rem; font-weight:600}
.clk .top-row a.n{color:var(--ink); text-decoration:none} .clk .top-row a.n:hover{text-decoration:underline}
.clk .t{font-size:1.6rem; margin:2px 0}
.clk-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
@media (max-width:600px){ .clock-big{font-size:2.6rem} .clk-grid{grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px} .clk{padding:10px} .clk .t{font-size:1.3rem} }
.game [hidden]{display:none!important}
.lem-top{display:flex; justify-content:space-between; align-items:center; gap:12px}
.lem-forecast{display:flex; gap:14px; align-items:center}
.lem-wx{font-size:3rem; line-height:1}
.lem-item{display:flex; align-items:center; gap:12px; padding:10px 0; border-bottom:1px solid var(--line)}
.lem-item .grow{flex:1; min-width:0}
.lem-ico{font-size:1.9rem; width:2.2rem; text-align:center}
.lem-step{display:flex; align-items:center; gap:8px}
.lem-step b{min-width:1.6em; text-align:center; font-size:1.1rem}
.lem-step .btn{width:38px; height:38px; padding:0; font-size:1.2rem; line-height:1}
.lem-step .btn:disabled{opacity:.35; cursor:default}
.lem-check{display:flex; gap:8px; align-items:flex-start; font-size:.9rem; color:var(--ink); font-weight:500; margin:12px 0 0}
.lem-check input{width:auto; margin-top:3px}
.btn.lem-go{font-size:1.05rem; padding:12px 22px; border-radius:99px}
.btn.lem-go:disabled{opacity:.45; cursor:default}
.lem-stars{font-size:2rem; letter-spacing:4px}
.lem-chart .spark{width:100%; height:80px}
body[data-group="games"] #locBtn,body[data-group="games"] #topWx,body[data-page="coin-counting-game"] #unit{display:none}
.cent{display:flex; align-items:flex-end; gap:8px; margin:0 0 14px}
.cent-fig{flex:none; width:60px; line-height:0}
.cent-fig svg{display:block; width:100%; height:auto}
.cent.cent-lg .cent-fig{width:72px}
.cent-bubble{position:relative; flex:1; min-width:0; margin:0 0 12px 6px; padding:10px 14px; background:var(--bg); border:1px solid var(--line); border-radius:14px; color:var(--ink)}
.cent-bubble::before{content:""; position:absolute; left:-7px; bottom:12px; width:12px; height:12px; background:var(--bg); border-left:1px solid var(--line); border-bottom:1px solid var(--line); transform:rotate(45deg)}
.cent-bubble:empty{background:none; border-color:transparent}
.cent-bubble:empty::before{display:none}
.cent-hop svg{animation:cent-hop .5s ease-out}
@keyframes cent-hop{35%{transform:translateY(-9px)} 65%{transform:none} 82%{transform:translateY(-2px)}}
.lem-tip{margin:14px 0 0}
@media (prefers-reduced-motion: reduce){.cent-hop svg{animation:none}}
#xu-play,#xu-end{scroll-margin-top:110px}
#xu-next{scroll-margin:110px 0 16px}
#xu-game .btn:disabled{opacity:.45; cursor:default}
.xu-prog{font-weight:600}
.xu-dots{display:flex; flex-wrap:wrap; gap:5px; margin-top:6px}
.xu-dots span{width:11px; height:11px; border-radius:50%; border:2px solid var(--line)}
.xu-dots .f{background:var(--up); border-color:var(--up)} .xu-dots .h{background:var(--lamp); border-color:var(--lamp)}
.xu-dots .m{border-color:var(--muted)} .xu-dots .cur{border-color:var(--ink); transform:scale(1.2)}
.xu-levels{display:grid; gap:10px; grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.xu-lvl{display:flex; align-items:center; gap:12px; min-height:72px; padding:12px 14px; border:1px solid var(--line); border-radius:var(--r); background:var(--card); color:var(--ink); text-align:left}
.xu-lvl:hover{border-color:var(--brand-2)}
.xu-ico{font-size:1.8rem; line-height:1}
.xu-lvl-t{flex:1; display:flex; flex-direction:column; align-items:flex-start; gap:4px; min-width:0}
.xu-lvl-s{white-space:nowrap; font-size:.8rem}
.xu-qrow{display:flex; justify-content:space-between; align-items:flex-start; gap:12px}
#xu-game .xu-q{display:block; font-family:var(--serif); font-weight:600; font-size:clamp(1.4rem,4vw,1.85rem); line-height:1.2; letter-spacing:-.01em; margin:0 0 16px}
#xu-game .xu-q:focus{outline:none}
.xu-say{flex:none; min-width:48px; min-height:48px; padding:0; font-size:1.3rem}
.xu-felt{background:color-mix(in srgb, var(--brand-2) 22%, var(--brand)); color:#EAF1EC; border-radius:var(--r); padding:18px 14px; outline:1px dashed rgba(255,255,255,.16); outline-offset:-7px}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .xu-felt{background:#1E4A35}}
:root[data-theme="dark"] .xu-felt{background:#1E4A35}
.xu-coin{display:inline-flex; flex-direction:column; align-items:center; gap:4px; background:none; border:0; padding:3px; border-radius:12px; color:inherit; font:inherit; position:relative}
button.xu-coin{min-width:48px; min-height:48px; justify-content:center; touch-action:manipulation}
.xu-coin svg{display:block; width:calc(var(--mm) * var(--px, 2.5px)); height:auto; filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.35))}
.xu-big{--px:5px} .xu-find{--px:4px} .xu-pile{--px:2.5px} .xu-tray,.xu-pal{--px:3px} .xu-guide{--px:2.2px}
@media (min-width:821px){.xu-pile{--px:3px}}
.xu-find,.xu-pile,.xu-big,.xu-pal,.xu-tray{display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-end; gap:10px}
@media (max-width:400px){.xu-big{--px:4.2px} .xu-find{--px:3.2px} .xu-tray,.xu-pal{--px:2.5px} .xu-pal{gap:6px} .xu-pal button.xu-coin{padding:0}}
.xu-name{display:inline-block; font-weight:600}
.xu-name::first-letter{text-transform:uppercase}
.xu-run{font-size:.8rem; font-weight:700; color:#F2D49A; animation:xu-pop .25s both; animation-delay:calc(var(--i) * 90ms)}
.xu-answers{display:flex; flex-wrap:wrap; justify-content:center; gap:12px 18px; margin-top:16px}
.xu-answers.xu-find{align-items:flex-end; gap:14px; padding:20px 14px 16px}
@media (max-width:400px){.xu-answers.xu-find{gap:8px; padding-left:5px; padding-right:5px}}
.xu-answers.xu-cmp{display:block; margin-top:0}
.xu-amt{--tag:#EDD5A6; position:relative; display:flex; flex:1 1 112px; max-width:200px; min-height:56px; padding:0 0 0 18px; background:none; border:0; border-radius:10px; color:#14221A; touch-action:manipulation; filter:drop-shadow(0 1px 0 rgba(0,0,0,.22))}
.xu-amt::before{content:""; position:absolute; left:0; top:0; bottom:0; width:19px; background:var(--tag); clip-path:polygon(100% 0,100% 100%,0 50%)}
.xu-tagb{position:relative; flex:1; display:flex; align-items:center; justify-content:center; padding:8px 14px 8px 8px; background:var(--tag); border-radius:0 10px 10px 0; font-size:1.3rem; font-weight:800; white-space:nowrap}
:lang(es) .xu-tagb,:lang(tl) .xu-tagb,:lang(pt) .xu-tagb{font-size:clamp(1rem,4.2vw,1.3rem)}
.xu-tagb::before{content:""; position:absolute; left:-8px; top:50%; width:10px; height:10px; margin-top:-5px; border-radius:50%; background:var(--card); box-shadow:inset 0 0 0 1.5px rgba(0,0,0,.28)}
.xu-amt:not(:disabled):hover{--tag:#E5C27F}
#xu-game .ok{outline:3px solid var(--up); outline-offset:3px}
#xu-game .xu-felt .ok{outline-color:#8FE0AE}
#xu-game .xu-felt .xu-coin.ok{outline:0}
#xu-game .xu-felt .xu-coin.ok svg{border-radius:50%; outline:3px solid #8FE0AE; outline-offset:3px}
#xu-game .ok::after,#xu-game .no::after{position:absolute; top:-8px; right:-8px; width:24px; height:24px; border-radius:50%; display:grid; place-items:center; font-size:.85rem; font-weight:800; line-height:1; color:var(--card)}
#xu-game .ok::after{content:"✓"; background:var(--up)}
#xu-game .no::after{content:"✗"; background:var(--down)}
#xu-game .no > *,#xu-game .xu-amt.no::before{opacity:.5}
#xu-game .btn.ok:disabled{opacity:1}
#xu-game .btn.no:disabled{opacity:1; color:var(--muted)}
#xu-game .xu-amt.off{opacity:.35; cursor:default}
#xu-game .xu-amt.off .xu-tagb{text-decoration:line-through 2px}
.xu-vs{display:grid; grid-template-columns:1fr 1fr; gap:12px}
@media (max-width:560px){.xu-vs{grid-template-columns:minmax(0,1fr)}}
.xu-side{position:relative; display:flex; flex-direction:column; align-items:stretch; gap:8px; width:100%; min-height:120px; margin:0; padding:10px; border:1px solid var(--line); border-radius:var(--r); background:var(--card); color:var(--ink); text-align:left}
.xu-side:not(:disabled):hover{border-color:var(--brand-2)}
.xu-who{font-weight:700; font-size:1.05rem}
.xu-side .xu-pile{flex:1; align-content:center; min-height:96px; padding:14px 10px}
.xu-same{position:relative; width:100%; min-height:52px; margin-top:12px; font-size:1.05rem}
.xu-shop{display:flex; justify-content:center; align-items:center; gap:22px; padding:4px 0 18px}
.xu-item{font-size:3.4rem; line-height:1}
.xu-tag{position:relative; background:var(--lamp); color:#14221A; font-weight:800; font-size:1.5rem; padding:6px 16px 6px 28px; border-radius:6px 12px 12px 6px; transform:rotate(-4deg)}
.xu-tag::before{content:""; position:absolute; left:10px; top:50%; width:9px; height:9px; margin-top:-4.5px; border-radius:50%; background:var(--card)}
.xu-tray{min-height:112px; align-items:center; gap:6px}
.xu-empty{margin:0; max-width:32ch; text-align:center; font-size:.9rem; color:#B9CCBF}
.xu-have{text-align:center; font-weight:700; font-size:1.1rem; margin:10px 0 4px}
.xu-palette{padding:0 0 12px}
.xu-pal button.xu-coin{min-width:56px; min-height:56px}
.xu-pal button.xu-coin:disabled{opacity:.5; cursor:default}
.xu-pal .xu-name{font-size:.82rem}
.xu-shop-btns{justify-content:center}
.xu-new{animation:xu-drop .22s ease-out both}
.xu-glow{animation:xu-glow .6s 2}
@keyframes xu-pop{from{transform:scale(.6); opacity:0}}
@keyframes xu-drop{from{transform:translateY(-16px) scale(.85); opacity:0}}
@keyframes xu-glow{50%{box-shadow:0 0 0 6px var(--lamp)}}
.xu-cent{margin:18px 0 0}
.xu-msg{font-size:1.05rem; font-weight:600; min-height:3em}
.xu-eq{display:block; margin-top:4px; font-weight:400; color:var(--muted)}
.xu-guide-row{display:flex; gap:12px; align-items:center; padding:8px 0; border-bottom:1px solid var(--line)}
.xu-guide-row .xu-coin{flex:none; width:72px}
#xu-end .lem-stars{margin:0 0 6px}
@media (prefers-reduced-motion: reduce){#xu-game *{animation:none!important}}
#cola-history td:last-child,#cola-history th:last-child{text-align:right}
#cola-2027 .big{margin:4px 0}
.share{margin:24px 0 4px; padding-top:12px; border-top:1px solid var(--line)}
.card .share{margin:14px 0 0}
.share-h{font-family:var(--font); font-size:.8rem; font-weight:600; color:var(--muted); margin:0 0 6px}
.share-list{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:2px 14px}
.share-a{display:inline-flex; align-items:center; gap:6px; min-height:32px; padding:4px 0; background:none; border:0; color:var(--ink); font:inherit; font-size:.84rem; text-decoration:none; cursor:pointer}
.share-a:hover > span:not(.sr){text-decoration:underline}
.share-ico{width:16px; height:16px; flex:none}
.share-ico.logo-ico{fill:var(--brand-ico)}
.share-ico.gen{fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round}
.share-status{min-height:1.2em; font-size:.8rem; color:var(--muted); margin:4px 0 0}
textarea{min-height:140px; resize:vertical; line-height:1.5}
.ct-form{max-width:560px; margin:18px 0 6px}
.ct-form label{display:block; font-weight:600; font-size:.88rem; margin:0 0 4px}
.ct-f{margin:0 0 12px}
.ct-hint{font-size:.8rem; color:var(--muted); margin:4px 0 0}
.ct-err{font-size:.82rem; color:var(--down); margin:4px 0 0; font-weight:600}
.ct-form [aria-invalid="true"]{border-color:var(--down)}
.ct-ts{min-height:65px; margin:6px 0 12px}
.ct-status{min-height:1.4em; font-size:.86rem; margin:8px 0 0}
.ct-status-err{color:var(--down); font-weight:600}
.ct-done{border-left:3px solid var(--up); padding:8px 12px; background:var(--tint); border-radius:var(--r-s)}
.ct-done:focus{outline:none} .ct-done:focus-visible{outline:3px solid var(--lamp)}
.cds-opt{margin:10px 0 16px}
.cds-opt p{margin:0 0 8px}
.ct-form :is(input,select,textarea,button),.share-a,.cds-opt button{scroll-margin-top:126px}
.adm main{padding:24px 16px}
.adm .card{margin:0 0 14px}
.adm-range{display:flex; gap:8px; margin:12px 0}
.adm-range .btn[aria-pressed="true"]{background:var(--brand-2); color:var(--card)}
.adm-tiles{display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:10px; margin:0 0 14px}
.adm-tile .big{font-size:1.6rem}
.adm-bar{height:8px; background:var(--brand-2); border-radius:4px; min-width:2px}
.tbl td:has(> .adm-bar){width:45%; min-width:96px}
.adm caption{text-align:left; font-size:.82rem; color:var(--muted); padding:0 0 6px}
.adm-pill{display:inline-block; padding:1px 8px; border-radius:999px; font-size:.78rem; border:1px solid var(--line); white-space:nowrap}
.adm-pill.done{background:var(--brand-2); border-color:var(--brand-2); color:var(--card)}
.adm-pill.doing{border-color:var(--lamp); color:var(--warn)}
.adm-pill.skipped,.adm-pill.moved{color:var(--muted); text-decoration:line-through}
.adm-day{border-top:1px solid var(--line); padding:8px 0 4px}
.adm-day.adm-today{background:var(--tint); border-radius:var(--r-s); padding:8px 10px 4px}
.adm-day h3{font-size:.95rem; margin:4px 0 6px}
.adm-list{list-style:none; margin:0 0 6px; padding:0}
.adm-list li{margin:0 0 8px; max-width:none}
.adm-prog{height:10px; background:var(--tint); border-radius:5px; overflow:hidden; margin:6px 0 0}
.adm-prog > div{height:100%; background:var(--brand-2)}
.adm-new{font-style:italic}
.adm-copy{margin:0 0 12px}
.adm .tbl th[scope="row"]{text-align:left; white-space:normal; min-width:12em}
.cola-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ntd-det{margin:12px 0 4px; border:1px solid var(--line); border-radius:var(--r-s); padding:2px 12px}
.ntd-det ul{margin:4px 0 10px; padding-left:20px; font-size:.88rem}
.ntd-det li{margin:5px 0}
.ntd-occ-box{border:1px solid var(--line); border-radius:var(--r-s); max-height:19rem; overflow-y:auto}
.ntd-occ{list-style:none; margin:0; padding:0}
.ntd-occ li{padding:8px 12px; border-bottom:1px solid var(--line); font-size:.9rem}
.ntd-occ li:last-child{border-bottom:0}
.ntd-occ small{display:block; color:var(--muted); font-size:.8rem; margin-top:2px}
.ntd-occ .ntd-off{display:block; font-weight:600; color:var(--ink)}
.ntd-occ .empty{padding:12px}
.ntd-why{margin:10px 0 4px; padding-left:18px}
.ntd-why:empty{display:none}
.ntd-why li{margin:4px 0}
.ntd-err{color:var(--down); font-weight:600; border-left:4px solid var(--down); padding-left:8px}
#v-ntd input[aria-invalid="true"]{border-color:var(--down)}
.ntd-langs{list-style:none; margin:0 0 6px; padding:0; display:flex; flex-wrap:wrap; gap:0 6px}
.ntd-langs a{display:inline-flex; align-items:center; min-height:44px; padding:0 10px}
@media (max-width:520px){
#v-ntd .fields{grid-template-columns:1fr}
.ntd-occ-box{max-height:70vh}
}
#v-tipc [hidden],#v-rtrip [hidden],#v-tbud [hidden]{display:none!important}
#v-tipc .fields,#v-rtrip .fields,#v-tbud .fields{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.ucv-row{display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:8px 10px; align-items:end; padding:10px 0; border-bottom:1px solid var(--line)}
.ucv-row3{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto minmax(0,1.3fr)}
.ucv-eq{padding-bottom:10px; color:var(--muted); font-weight:700}
.ucv-note{margin:6px 0 0}
.ucv-sizes{display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:18px 20px}
.ucv-size h3{margin-top:0}
#tbud-foot td{font-weight:700; border-top:2px solid var(--line); border-bottom:0}
@media (max-width:520px){
.ucv-row3{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.ucv-row3 .ucv-eq{display:none}
.ucv-row3 > div:last-child{grid-column:1/-1}
}
@media (max-width:520px){
#v-tipc :is(th,td),#v-ucv :is(th,td),#v-tbud :is(th,td),#v-rtrip :is(th,td){white-space:normal; padding:6px 4px; overflow-wrap:anywhere}
#v-tbud :is(th,td){font-size:.8rem}
#v-tipc .scroll,#v-ucv .scroll,#v-tbud .scroll{
background:linear-gradient(to right,var(--card) 30%,rgba(255,255,255,0)),linear-gradient(to left,var(--card) 30%,rgba(255,255,255,0)) 100% 0,
radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.18),rgba(0,0,0,0)),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.18),rgba(0,0,0,0)) 100% 0;
background-repeat:no-repeat; background-size:36px 100%,36px 100%,12px 100%,12px 100%; background-attachment:local,local,scroll,scroll}
body:has(#v-tipc,#v-ucv,#v-rtrip,#v-tbud) .subnav{flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:thin; padding-bottom:6px}
body:has(#v-tipc,#v-ucv,#v-rtrip,#v-tbud) .subnav .chip{flex:0 0 auto; white-space:nowrap}
}
#v-hol [hidden],#v-mw [hidden]{display:none!important}
.hol-top{margin-bottom:16px; align-items:stretch}
.hol-nextname b{font-size:1.5rem; line-height:1.2; font-family:var(--serif); font-weight:600}
.hol-cd{display:flex; gap:10px; margin:12px 0}
.hol-cd div{flex:1; text-align:center; background:var(--tint); border-radius:var(--r-s); padding:8px 4px}
.hol-cd b{display:block; font-size:1.7rem; line-height:1.1; font-variant-numeric:tabular-nums}
.hol-cd span{font-size:.74rem; color:var(--muted)}
.hol-chips{list-style:none; margin:8px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:8px 16px}
.hol-chips li{display:flex; gap:6px; align-items:center; font-size:.88rem}
.hol-year{margin-bottom:16px}
.hol-t th,.hol-t td{white-space:normal; text-align:left; vertical-align:top; min-width:128px}
.hol-t th:first-child,.hol-t td:first-child{min-width:176px}
.hol-t tbody th{color:var(--ink); font-size:.9rem; font-weight:600}
.hol-t th > span.small,.hol-t td > span.small{display:block; font-weight:400; margin-top:2px}
.hol-t tr.past{opacity:.78}
.hol-early{list-style:none; margin:0 0 12px; padding:0; display:flex; flex-wrap:wrap; gap:6px 18px}
.hol-notes{margin:0; padding-left:18px} .hol-notes li{margin-bottom:4px}
.hol-rel{margin-top:16px}
.mw-tablecard{margin-top:16px}
.mw-t th,.mw-t td{white-space:normal; text-align:left; vertical-align:top; min-width:104px}
.mw-t th:first-child,.mw-t td:first-child{min-width:128px} .mw-t td:nth-child(4){min-width:210px}
.mw-t tbody th{color:var(--ink); font-size:.9rem; font-weight:600}
.mw-t td > span.small{display:block; margin-top:4px; max-width:36ch}
.mw-t ul{margin:4px 0 0; padding:0; list-style:none} .mw-t li{margin-bottom:3px}
.mw-t tr{scroll-margin-top:12px} .mw-t tr:target,.mw-t tr.sel{background:var(--tint)}
.mw-t tr.sel th{box-shadow:inset 3px 0 0 var(--lamp)}
.mw-due,.mw-warn{color:var(--warn); font-weight:600}
.mw-pick:empty,.mw-pick[hidden]{display:none} .mw-pick h3:first-child{margin-top:0}
.mw-kv{display:grid; gap:2px; padding:8px 0; border-bottom:1px solid var(--line)} .mw-kv:last-of-type{border-bottom:0}
.mw-kv > b{font-size:.78rem; font-weight:600; color:var(--muted)}
.mw-kv ul{margin:0; padding:0; list-style:none}
.mw-kv span.small{display:block}
@media (max-width:600px){ .hol-cd b{font-size:1.35rem} .hol-cd{gap:6px} }
@media (max-width:700px){
.hol-t th:first-child,.hol-t td:first-child,.mw-t th:first-child,.mw-t td:first-child{position:sticky; left:0; z-index:1; background:var(--card); min-width:112px}
.hol-t,.mw-t{min-width:640px}
.hol-year .scroll,.mw-tablecard .scroll{background:linear-gradient(to left,var(--card) 30%,transparent) right/28px 100% no-repeat local,radial-gradient(farthest-side at 100% 50%,color-mix(in srgb,var(--ink) 28%,transparent),transparent) right/10px 100% no-repeat scroll}
.mw-t td > span.small{max-width:none}
}
#v-ecc [hidden],#v-vw [hidden],#v-ivg [hidden]{display:none!important}
#v-ecc .fields,#v-vw .fields{grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); align-items:end}
.ecc-t th,.ecc-t td,.vw-t th,.vw-t td{white-space:normal; vertical-align:top}
.ecc-t td,.ecc-t th:not(:first-child),.vw-t td,.vw-t th:not(:first-child){text-align:right}
.ecc-t td:first-child{text-align:left}
.vw-t tbody th{text-align:left; font-weight:500; color:var(--ink); min-width:170px}
.ecc-tot th,.ecc-tot td,.vw-net th,.vw-net td{font-weight:700; border-top:2px solid var(--line)}
.ecc-tot th{text-align:left}
.vw-warn{margin-bottom:16px; border-left:4px solid var(--lamp)} .vw-warn p{margin:0}
.vw-chk{display:flex; gap:8px; align-items:flex-start; margin:14px 0 0; font-size:.88rem; font-weight:500; color:var(--ink)}
.vw-bottom,.ivg-bottom{margin-top:16px; align-items:start}
.vw-ck,.vw-notes{margin:6px 0 10px; padding:0; list-style:none}
.vw-ck li{margin-bottom:8px}
.vw-notes{padding-left:18px; list-style:disc} .vw-notes li{margin-bottom:8px; font-size:.9rem}
.vw-links{margin:0 0 12px; padding-left:18px}
.ivg-chk{display:flex; gap:8px; align-items:flex-start; font-size:.86rem; font-weight:500; color:var(--ink); margin:0}
.ivg-chk input{width:auto; margin-top:3px; flex:none}
.ivg-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:start}
.ivg-form h2{margin:22px 0 10px} .ivg-form h2:first-child{margin-top:0}
.ivg-wide{grid-column:1 / -1}
.ivg-form .fields{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.ivg-form input[type=file]{padding:6px}
.ivg-lines{display:grid; gap:10px}
.ivg-row{display:grid; grid-template-columns:minmax(0,2.4fr) minmax(0,.8fr) minmax(0,1fr) minmax(0,1fr); gap:8px 10px; align-items:end; padding:10px; border:1px solid var(--line); border-radius:var(--r-s); background:var(--tint)}
.ivg-row .ivg-c-x{grid-column:1 / -1; display:flex; justify-content:space-between; align-items:center; gap:12px}
.ivg-row .ivg-c-a{align-self:end; text-align:right}
.ivg-row .ivg-lbl{display:block; font-size:.8rem; font-weight:600; color:var(--muted); margin-bottom:4px}
.ivg-row output{display:block; font-weight:700; padding:9px 0}
.ivg-rm{padding:5px 10px; font-size:.8rem}
.ivg-rm:disabled,#ivg-add:disabled{opacity:.45; cursor:default}
.ivg-adj{margin-top:14px}
.ivg-prev-col{display:grid; gap:12px; align-content:start; min-width:0; position:sticky; top:118px}
.ivg-actions .btn{font-size:1rem; padding:11px 20px}
.ivg-actions p{margin:8px 0 0}
.ivg-sheetwrap{max-height:calc(100vh - 230px); overflow:auto; border-radius:var(--r-s); border:1px solid var(--line); background:#fff}
.ivg-sheet{background:#fff; color:#14221A; padding:28px; font-size:.86rem; line-height:1.45; min-height:320px; color-scheme:light}
.ivg-top{display:flex; justify-content:space-between; gap:20px; align-items:flex-start; margin-bottom:22px}
.ivg-from{min-width:0; overflow-wrap:anywhere}
.ivg-logo{display:block; max-width:180px; max-height:70px; object-fit:contain; margin-bottom:8px}
.ivg-bn{font-weight:700; font-size:1rem}
.ivg-meta{text-align:right; flex:none}
.ivg-title{font-family:var(--serif); font-size:1.7rem; font-weight:600; line-height:1.1; margin-bottom:8px}
.ivg-meta dl{margin:0; display:grid; grid-template-columns:auto auto; gap:2px 12px; justify-content:end}
.ivg-meta dt{color:#5A6A60} .ivg-meta dd{margin:0; font-weight:600}
.ivg-bill{margin-bottom:20px; overflow-wrap:anywhere}
.ivg-h{font-size:.8rem; font-weight:600; color:#4A5A50; margin-bottom:3px}
.ivg-ph{color:#6B6B6B; font-weight:400}
.ivg-tbl{width:100%; border-collapse:collapse; font-size:.86rem; margin-bottom:14px}
.ivg-tbl th{font-size:.8rem; font-weight:600; color:#4A5A50; text-align:left; padding:6px 8px; border-bottom:2px solid #14221A; white-space:normal}
.ivg-tbl td{padding:8px; border-bottom:1px solid #DCE3DD; vertical-align:top; overflow-wrap:anywhere; white-space:normal}
.ivg-tbl .n{text-align:right; white-space:nowrap} .ivg-tbl .c{text-align:center}
.ivg-tot{margin-left:auto; max-width:300px}
.ivg-kv{display:flex; justify-content:space-between; gap:16px; padding:4px 0}
.ivg-kv.tot{border-top:1px solid #14221A; font-weight:700; margin-top:4px; padding-top:6px}
.ivg-kv.due{font-weight:800; font-size:1.05rem; border-top:2px solid #14221A; margin-top:6px; padding-top:8px}
.ivg-notes{margin-top:22px; overflow-wrap:anywhere}
@media (max-width:900px){
.ivg-layout{grid-template-columns:minmax(0,1fr)}
.ivg-prev-col{position:static}
.ivg-sheetwrap{max-height:none}
}
@media (max-width:600px){
.ivg-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)} .ivg-row .ivg-c-d{grid-column:1 / -1}
.ivg-row .ivg-c-a{grid-column:1 / -1; display:flex; justify-content:space-between; align-items:center} .ivg-row .ivg-c-a .ivg-lbl{margin:0} .ivg-row output{padding:0}
.ivg-sheet{padding:16px} .ivg-top{flex-direction:column} .ivg-meta{text-align:left} .ivg-meta dl{justify-content:start}
.ivg-tbl{font-size:.76rem} .ivg-tbl th{font-size:.7rem; padding:5px 4px} .ivg-tbl td{padding:7px 4px} .ivg-sheetwrap{overflow-x:auto}
.ecc-t,.vw-t{font-size:.8rem} .ecc-t th,.ecc-t td,.vw-t th,.vw-t td{padding-left:5px; padding-right:5px} .vw-t tbody th{min-width:0}
}
@media print{
@page{margin:14mm}
body:has(#v-ivg){background:#fff!important}
body:has(#v-ivg) > :not(main):not(script){display:none!important}
body:has(#v-ivg) main > :not(#v-ivg){display:none!important}
body:has(#v-ivg) main{padding:0!important; max-width:none!important}
#v-ivg > :not(.ivg-layout),#v-ivg .ivg-form,#v-ivg .ivg-actions,#v-ivg .ivg-bottom{display:none!important}
#v-ivg .ivg-layout{display:block!important}
#v-ivg .ivg-prev-col{position:static!important; display:block!important}
#v-ivg .ivg-sheetwrap{max-height:none!important; overflow:visible!important; border:0!important}
#v-ivg .ivg-sheet{padding:0!important; min-height:0!important; font-size:10.5pt; color:#000!important; background:#fff!important}
#v-ivg .ivg-ph{display:none!important}
.ivg-tbl{min-width:0!important} .ivg-tbl tr,.ivg-kv,.ivg-top{break-inside:avoid; page-break-inside:avoid}
.ivg-tbl thead{display:table-header-group}
.ivg-title,.ivg-bn{color:#000}
.ivg-logo{-webkit-print-color-adjust:exact; print-color-adjust:exact}
}
#v-hsa [hidden],#v-mcr [hidden]{display:none!important}
#v-hsa .fields,#v-mcr .fields{grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); align-items:end}
#hsa-tbl th,#hsa-tbl td,.mcr-t th,.mcr-t td{white-space:normal; vertical-align:top}
#hsa-tbl tbody th,.mcr-t tbody th{text-align:left; font-weight:500; color:var(--ink); min-width:170px}
#hsa-tbl td,#hsa-tbl thead th:not(:first-child){text-align:right}
#mcr-irmaa .mcr-t td,#mcr-irmaa .mcr-t thead th{text-align:right} #mcr-irmaa .mcr-t td:first-child,#mcr-irmaa .mcr-t td:nth-child(2),#mcr-irmaa .mcr-t thead th:first-child,#mcr-irmaa .mcr-t thead th:nth-child(2){text-align:left}
#mcr-2026 .mcr-t td{text-align:right}
.mcr-count-card .big{margin:6px 0}
.mcr-list{margin:6px 0 10px; padding-left:18px} .mcr-list li{margin-bottom:6px}
.mcr-27 h3{margin-top:16px} .mcr-pending{margin-top:14px} .mcr-pending p{margin:0 0 6px}
.dst-note{margin:0 0 16px; border-left:4px solid var(--lamp)} .dst-note p{margin:0}
.fafsa-card{border-left:4px solid var(--lamp)} .fafsa-card p{margin:0 0 8px}
.mcr-count-card .mcr-t td,.mcr-count-card .mcr-t thead th{text-align:left}
#v-hsa .vw-chk{margin:16px 0 10px} #v-hsa h3{margin-top:20px}
#hsa-zero{color:color-mix(in srgb,var(--warn) 78%,var(--ink))}
#mcr-2026 .mcr-t td .small{display:block}
#mcr-irmaa .scroll,#hsa-limits .scroll{background:linear-gradient(to left,var(--card) 30%,transparent) right/28px 100% no-repeat local,radial-gradient(farthest-side at 100% 50%,color-mix(in srgb,var(--ink) 28%,transparent),transparent) right/10px 100% no-repeat scroll}
@media (max-width:640px){
#hsa-tbl th,#hsa-tbl td{padding-left:6px; padding-right:6px; font-size:.86rem}
#hsa-tbl tbody th{min-width:0}
.mcr-count-card .mcr-t thead{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0)}
.mcr-count-card .mcr-t,.mcr-count-card .mcr-t tbody,.mcr-count-card .mcr-t tr,.mcr-count-card .mcr-t th,.mcr-count-card .mcr-t td{display:block; width:auto; min-width:0}
.mcr-count-card .mcr-t tr{padding:8px 0; border-bottom:1px solid var(--line)}
.mcr-count-card .mcr-t tbody th{font-weight:700; padding:0 0 2px; border:0}
.mcr-count-card .mcr-t td{padding:0; border:0}
}
#v-aca [hidden]{display:none!important}
#v-aca .fields{grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); align-items:start}
#v-aca .fields>div:nth-child(3){grid-column:1/-1}
#v-aca select{text-overflow:ellipsis}
#v-aca h3{margin-top:20px}
.aca-t th,.aca-t td,#aca-bands-tbl th,#aca-bands-tbl td,#aca-fpl-tbl th,#aca-fpl-tbl td{white-space:normal; vertical-align:top}
.aca-t th,.aca-t td{text-align:left}
.aca-t tbody th,#aca-bands-tbl tbody th,#aca-fpl-tbl tbody th{text-align:left; font-weight:500; color:var(--ink); min-width:150px}
.aca-t tbody th{font-weight:700; white-space:nowrap}
#aca-bands-tbl td,#aca-bands-tbl thead th:not(:first-child),#aca-fpl-tbl td,#aca-fpl-tbl thead th:not(:first-child){text-align:right}
.aca-dates-card{margin-bottom:16px; border-left:4px solid var(--lamp)} .aca-dates-card p{margin:10px 0 0}
.aca-dates-card p a{margin-right:14px}
.aca-how{margin:8px 0 0} .aca-how summary{cursor:pointer; font-weight:600} .aca-how ol{margin:4px 0 0; padding-left:20px} .aca-how li{margin-bottom:4px}
.aca-status{margin:10px 0; padding:10px 14px; border-left:3px solid var(--lamp); border-radius:0; font-size:.92rem; background:color-mix(in srgb,var(--ink) 6%,transparent)}
.aca-status[data-state="warn"]{border-left-color:var(--warn); background:color-mix(in srgb,var(--warn) 14%,transparent)}
.aca-cliff{margin:18px 0 12px; padding:4px 14px 10px; border:1px solid var(--line); border-left:4px solid var(--lamp); border-radius:var(--r-s)}
.aca-cliff h3{margin-top:10px}
.aca-mcd{margin:8px 0 0}
#aca-bands .scroll,#aca-fpl-sec .scroll{background:linear-gradient(to left,var(--card) 30%,transparent) right/28px 100% no-repeat local,radial-gradient(farthest-side at 100% 50%,color-mix(in srgb,var(--ink) 28%,transparent),transparent) right/10px 100% no-repeat scroll}
@media (max-width:640px){
.aca-dates-card .aca-t thead{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0)}
.aca-dates-card .aca-t,.aca-dates-card .aca-t tbody,.aca-dates-card .aca-t tr,.aca-dates-card .aca-t th,.aca-dates-card .aca-t td{display:block; width:auto; min-width:0}
.aca-dates-card .aca-t tr{padding:8px 0; border-bottom:1px solid var(--line)}
.aca-dates-card .aca-t tbody th{padding:0 0 2px; border:0; white-space:normal}
.aca-dates-card .aca-t td{padding:0; border:0}
.aca-dates-card p a{display:block; margin:0 0 6px}
#aca-bands-tbl th,#aca-bands-tbl td,#aca-fpl-tbl th,#aca-fpl-tbl td{padding-left:6px; padding-right:6px; font-size:.86rem}
#aca-bands-tbl tbody th,#aca-fpl-tbl tbody th{min-width:0}
}
html.nav-compact .nav-toggle{display:block}
html.nav-compact .topnav{display:none; position:absolute; left:0; right:0; top:100%; flex-direction:column; justify-content:flex-start; background:var(--card); border-bottom:1px solid var(--line); box-shadow:0 14px 30px rgba(0,0,0,.14); padding:8px 12px 14px; max-height:calc(100vh - 110px); overflow-y:auto; z-index:70}
html.nav-compact .navbar .wrap{position:relative}
html.nav-compact .topnav.open{display:flex}
html.nav-compact .nav-item{flex-direction:column}
html.nav-compact .nav-link{min-height:46px; padding:0 11px; font-size:.9rem; border-bottom:1px solid var(--line); width:100%; justify-content:flex-start}
html.nav-compact .nav-link .caret{margin-left:auto}
html.nav-compact .nav-item.active > .nav-link{border-bottom-color:var(--line); color:var(--brand-2)}
html.nav-compact .sub,html.nav-compact .sub.wide{transform:none; max-width:none; position:static; box-shadow:none; border:0; padding:4px 0 8px 26px; min-width:0; width:auto; columns:auto}
html.nav-compact .nav-item.has-sub:not(.open):hover > .sub{display:none}
html.nav-compact .tagline{display:none}
html.nav-row2 .navbar .wrap{flex-wrap:wrap; row-gap:0}
html.nav-row2 .topnav{flex-basis:100%; order:3; justify-content:space-between; border-top:1px solid var(--line); margin:0 -8px}
html.nav-row2 .nav-link{min-height:46px}
@media (min-width:901px){ html.nav-row2 .topnav{gap:0} html.nav-row2 .nav-link{padding:0 7px} }
html.nav-row2 .brand{min-height:58px}
.nav-more[hidden]{display:none}
.nav-more > .sub{left:auto; right:0; width:max-content; min-width:260px; max-width:min(420px,92vw); max-height:calc(100vh - 170px); overflow-y:auto; overscroll-behavior:contain}
.nav-more.has-active > .nav-link{border-bottom-color:var(--lamp)}
.nav-more-sub .nav-item{position:static; display:block; margin:0}
.nav-more-sub .nav-item + .nav-item{border-top:1px solid var(--line); margin-top:4px; padding-top:4px}
.nav-more-sub .nav-item > .nav-link{min-height:0; width:100%; padding:8px 12px 2px; border:0; font-size:.78rem; font-weight:700; color:var(--muted); letter-spacing:.02em; pointer-events:none}
.nav-more-sub .nav-item > .nav-link .caret{display:none}
.nav-more-sub .nav-item > a.nav-link{pointer-events:auto; padding:9px 12px; font-size:.9rem; font-weight:600; color:var(--ink); border-radius:var(--r-s)}
.nav-more-sub .nav-item > a.nav-link:hover{background:var(--tint); color:var(--brand-2)}
.nav-more-sub .nav-item.active > .nav-link{color:var(--brand-2)}
.nav-more > .nav-more-sub .nav-item > .sub{display:block; position:static; width:auto; min-width:0; columns:auto; box-shadow:none; border:0; border-radius:0; padding:0 0 4px; background:none}
.nav-more-sub .sub a{white-space:normal; padding:7px 12px 7px 20px}
.nav-search{display:inline-flex; align-items:center; justify-content:center; flex:none; width:42px; height:42px; padding:0; border:1px solid var(--line); border-radius:99px; background:var(--card); color:var(--ink)}
.nav-search:hover,.nav-search[aria-expanded="true"]{background:var(--tint); color:var(--brand-2); border-color:var(--brand-2)}
html.nav-row2 .nav-search{margin-left:auto; order:2}
@media (max-width:900px){ .nav-search{width:44px; height:44px} }
html.srch-open body{overflow:hidden}
.srch{position:fixed; inset:0; z-index:300; display:flex; align-items:flex-start; justify-content:center; padding:max(56px,9vh) 16px 16px; background:rgba(8,16,11,.55)}
.srch[hidden]{display:none}
.srch-box{display:flex; flex-direction:column; width:100%; max-width:640px; max-height:calc(100vh - max(72px,10vh)); max-height:calc(100dvh - max(72px,10vh)); background:var(--card); color:var(--ink); border:1px solid var(--line); border-radius:var(--r); box-shadow:0 24px 60px rgba(0,0,0,.35); overflow:hidden}
.srch-in{display:flex; align-items:center; gap:10px; margin:0; padding:6px 8px 6px 16px; border-bottom:1px solid var(--line)}
.srch-in > svg.i{color:var(--muted)}
.srch-in input{flex:1; min-width:0; width:auto; min-height:48px; padding:0; border:0; border-radius:0; background:none; box-shadow:none; color:var(--ink); font-size:1.05rem}
.srch-in input:focus-visible{outline:0}
.srch-in input::-webkit-search-cancel-button,.srch-in input::-webkit-search-decoration{display:none; -webkit-appearance:none}
.srch-in:focus-within{box-shadow:inset 0 -2px 0 var(--lamp)}
.srch-x{display:inline-flex; align-items:center; justify-content:center; flex:none; width:44px; height:44px; border:0; border-radius:99px; background:none; color:var(--muted)}
.srch-x:hover{background:var(--tint); color:var(--ink)}
.srch-hits{overflow-y:auto; padding:6px; overscroll-behavior:contain}
.srch-hits a{display:block; padding:10px 12px; border-radius:var(--r-s); color:var(--ink); text-decoration:none; font-weight:500}
.srch-hits a:hover{background:var(--tint)}
.srch-hits a:focus-visible{outline:3px solid var(--focus); outline-offset:-3px; background:var(--tint)}
.srch-hits a small{display:block; color:var(--muted); font-size:.78rem; font-weight:400; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.srch-pop{margin:4px 12px 2px; font-size:.78rem; font-weight:700; color:var(--muted)}
.lang-box{position:relative; display:inline-flex; align-items:center}
.lang-box > svg.i{position:absolute; left:10px; width:15px; height:15px; color:#EEF3EF; pointer-events:none}
.utility .lang-box select.ctl{padding-left:30px}
.wk{display:grid; gap:16px; max-width:860px}
.wk > *{min-width:0}
.wk-head .cent{margin:0 0 6px}
.wk-head .cent-bubble p{margin:0}
.wk-meta{display:flex; flex-wrap:wrap; gap:2px 14px; margin:0; font-size:.85rem; color:var(--muted)}
.wk-toc h2{margin-bottom:8px}
.wk-toc ol{margin:0; padding-left:22px} .wk-toc li{margin:5px 0}
.wk-when-s{color:var(--muted); font-size:.85rem; margin-left:.5em}
.wk-body{margin-top:0}
.wk-body .wk-item{padding:20px 0 4px; border-top:1px solid var(--line)}
.wk-body .wk-item:first-of-type{border-top:0; padding-top:0}
.wk-body .wk-item h2{margin:0 0 8px}
.wk-when{display:inline-block; margin:0 0 10px; padding:2px 10px; border-radius:99px; background:var(--tint); color:var(--brand-2); font-weight:600; font-size:.82rem}
.wk-src{font-size:.85rem; color:var(--muted)}
.wk-tool{font-size:.9rem}
.wk-disc{border-left:3px solid var(--lamp)}
.wk-disc h2{margin-bottom:8px}
.wk-disc p{margin:0 0 8px; max-width:78ch}
.wk-pn{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px}
.wk-pn-a{display:grid; gap:2px; text-decoration:none; color:var(--ink)}
.wk-pn-a:hover{border-color:var(--brand-2)}
.wk-all{align-self:center; font-weight:600}
.wk-hub-cent{max-width:860px}
.wk-hub-cent .cent-bubble p{margin:0}
.wk-list{list-style:none; margin:0 0 18px; padding:0; display:grid; gap:12px; max-width:860px}
.wk-li p{margin:0}
.wk-li h2{display:block; font-family:var(--serif); font-weight:600; font-size:1.25rem; margin:4px 0 6px}
.wk-li h2 a{font-size:inherit; font-weight:inherit; color:var(--ink); text-decoration:none}
.wk-li h2 a:hover{color:var(--brand-2); text-decoration:underline}
.wk-badge{display:inline-block; padding:1px 8px; border-radius:99px; background:var(--lamp); color:#14221A; font-weight:700; font-size:.78rem}
.wk-home{margin-top:14px; padding-top:12px; border-top:1px solid var(--line)}
.wk-home p{margin:0 0 4px}
.wk-home-m{display:flex; flex-wrap:wrap; gap:0 12px}
main:has(> #v-guide){display:flex; flex-direction:column}
main:has(> #v-guide) > *{order:1}
main:has(> #v-guide) > .subnav{order:0}
main:has(> #v-guide) > #v-guide{order:9; margin-top:18px}
.board{--ink:var(--board-ink); --muted:var(--board-muted); --line:var(--board-rule); --tint:rgba(243,235,215,.1);
--up:#6FCB92; --down:#F08A76; --brand-2:#7DBB96;
position:relative; background:var(--board); color:var(--board-ink); border-radius:var(--r-board); box-shadow:inset 0 0 0 1px var(--board-edge); overflow:hidden}
.board::before{content:""; position:absolute; left:0; right:0; top:0; height:5px;
background:repeating-linear-gradient(90deg, var(--lamp) 0 3px, color-mix(in srgb, var(--lamp) 45%, var(--board)) 3px 5px)}
.board a{color:var(--board-ink)}
.home-top{display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); grid-template-areas:"intro board" "news board"; grid-template-rows:auto 1fr; gap:24px 48px; align-items:start; margin-top:6px}
.home-intro{grid-area:intro; padding-top:30px} .home-board{grid-area:board} .home-news{grid-area:news}
.home-title{font-family:var(--serif); font-weight:600; font-size:clamp(26px,3vw,34px); line-height:1.15; letter-spacing:-.005em; margin:0 0 12px; max-width:20ch; text-wrap:balance}
.home-sub{color:var(--muted); margin:0 0 22px; max-width:46ch}
.popular{display:flex; flex-wrap:wrap; gap:6px 16px; margin:16px 0 0; font-size:.95rem}
.popular > span{color:var(--muted); width:100%}
.popular a{color:var(--brand-2); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; padding:4px 0}
.popular a:hover{text-decoration-thickness:2px}
.home-board{padding:14px 26px 22px}
.b-table{width:100%; border-collapse:collapse; font-size:1rem}
.b-head{padding:16px 0 6px}
.b-title{display:block; margin:0; font-family:var(--serif); font-weight:600; font-size:1.55rem; line-height:1.2; color:var(--board-ink)}
.b-upd{display:block; font-size:.85rem; color:var(--board-muted); margin:2px 0 0}
.b-table th,.b-table td{border-bottom:1px solid var(--board-rule); padding:11px 0; white-space:normal; color:var(--board-ink); font-size:1rem; font-weight:500; vertical-align:middle}
.b-table th[scope="row"]{text-align:left; padding-right:12px}
.b-table th[scope="row"] > a{text-decoration:none; font-weight:500}
.b-table th[scope="row"] > a:hover{text-decoration:underline; text-underline-offset:3px}
.b-grp th{font-size:.875rem; font-weight:600; color:var(--board-muted); text-align:left; padding:18px 0 6px}
.b-meta{display:flex; flex-wrap:wrap; gap:0 12px; font-size:.82rem; font-weight:400; color:var(--board-muted); margin-top:2px}
.b-chg:empty{display:none}
.b-table td.b-sp{width:112px; padding:0 14px; color:var(--lamp)}
.b-sp .spark{width:100%; height:26px; margin:0}
.b-table .b-v{text-align:right; white-space:nowrap; font-family:var(--serif); font-weight:600; font-size:clamp(22px,2.6vw,30px); line-height:1.1;
font-variant-numeric:lining-nums tabular-nums; letter-spacing:-.005em}
.b-empty{font-family:var(--font); font-size:.85rem; font-weight:400; color:var(--board-muted); white-space:normal; letter-spacing:0}
.b-means{margin:16px 0 0; font-size:.95rem; line-height:1.55; max-width:62ch}
.b-means a{color:var(--lamp); font-weight:600; text-underline-offset:3px; white-space:nowrap}
.b-src{margin:10px 0 0; font-size:.8rem; line-height:1.5; color:var(--board-muted); max-width:70ch}
.b-v.fresh{background:linear-gradient(var(--lamp),var(--lamp)) no-repeat 100% 100% / 100% 2px; animation:b-fresh .6s ease-out}
@keyframes b-fresh{from{background-size:0 2px}}
@media (prefers-reduced-motion: reduce){.b-v.fresh{animation:none; background:none}}
.dir-h{font-family:var(--serif); font-weight:600; font-size:1.55rem; margin:52px 0 18px}
.cat-dir{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:34px 44px}
.cat-top{display:flex; align-items:center; gap:12px}
.cat-ico{display:inline-flex; align-items:center; justify-content:center; flex:none; width:40px; height:40px; border-radius:50%; background:color-mix(in srgb,var(--lamp) 20%,var(--card)); color:var(--brand-2); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--lamp) 45%,transparent)}
.cat-ico svg.i{width:21px; height:21px}
.cat h3{font-family:var(--serif); font-weight:600; font-size:1.25rem; line-height:1.25; margin:0}
.cat-d{color:var(--muted); font-size:.875rem; margin:3px 0 8px; max-width:42ch}
.cat ul{list-style:none; margin:0; padding:0}
.cat li a{display:inline-block; padding:5px 0; color:var(--brand-2); text-decoration:none; font-weight:500}
.cat li a:hover{text-decoration:underline; text-underline-offset:3px}
@media (max-width:1080px){ .home-top{gap:24px 32px} .cat-dir{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:900px){
.home-top{grid-template-columns:minmax(0,1fr); grid-template-areas:"intro" "board" "news"; grid-template-rows:none} .home-intro{padding-top:8px}
.home-title{font-size:clamp(25px,6.5vw,31px)}
}
@media (max-width:600px){
.cat-dir{grid-template-columns:minmax(0,1fr); gap:26px}
.home-board{padding:10px 16px 18px}
.b-table .b-v{font-size:22px}
}
@media (max-width:480px){ .b-sp{display:none} }
.ph-row{display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:12px 24px}
.ph-main{min-width:0; flex:1 1 320px}
.toolswitch-nav{position:relative; flex:none}
.toolswitch-nav.sib{flex:1 1 auto; min-width:0; max-width:100%}
.toolswitch > summary{box-sizing:border-box; display:inline-flex; align-items:center; gap:10px; min-height:44px; padding:9px 14px; list-style:none; cursor:pointer;
border:1px solid color-mix(in srgb, var(--ink) 22%, transparent); border-radius:var(--r-s); background:var(--bg); font-weight:600; font-size:.95rem; color:var(--ink); user-select:none}
.toolswitch > summary::-webkit-details-marker{display:none}
.toolswitch > summary:hover{border-color:var(--brand-2)}
.ts-caret{width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; flex:none; transition:transform .15s}
.toolswitch[open] .ts-caret{transform:rotate(180deg)}
.ts-pop{position:absolute; right:0; top:calc(100% + 6px); z-index:40; width:min(640px, calc(100vw - 32px)); max-height:min(70vh, 560px); overflow-y:auto;
background:var(--card); border:1px solid var(--line); border-radius:var(--r-pop); box-shadow:0 18px 44px rgba(20,34,26,.18); padding:8px}
.ts-pop ul{list-style:none; margin:0; padding:0; columns:2; column-gap:6px}
.ts-pop li{break-inside:avoid}
.ts-pop a{display:block; padding:9px 12px; border-radius:var(--r-s); color:var(--ink); text-decoration:none; font-size:.95rem; line-height:1.35}
.ts-pop a:hover{background:var(--tint); color:var(--brand-2)}
.ts-pop a[aria-current="page"]{font-weight:700; color:var(--brand-2); box-shadow:inset 3px 0 0 var(--lamp); border-radius:0 var(--r-s) var(--r-s) 0}
@media (max-width:820px){
.toolswitch-nav,.toolswitch,.toolswitch > summary{width:100%}
.toolswitch > summary{justify-content:space-between}
.ts-pop{left:0; right:0; width:auto}
.ts-pop ul{columns:1}
}
.sib-list{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:2px 20px}
.sib-list a{display:inline-block; padding:8px 0; color:var(--brand-2); font-weight:500; text-underline-offset:3px}
.sib-list a[aria-current="page"]{color:var(--ink); font-weight:700; text-decoration:none; box-shadow:inset 0 -3px 0 var(--lamp)}
@media (max-width:820px){ .toolswitch-nav.sib{width:100%} }
.related-plain{padding:2px 0 4px}
.related-plain h2{font-family:var(--serif); font-weight:600; font-size:1.2rem; margin:0 0 6px}
.related-plain ul{list-style:none; margin:0; padding:0}
.related-plain li a{display:inline-block; padding:6px 0; color:var(--brand-2); text-decoration:none; font-weight:500}
.related-plain li a:hover{text-decoration:underline; text-underline-offset:3px}
.tool-layout .big{font-family:var(--serif); font-weight:600; font-size:clamp(34px,4.6vw,46px); letter-spacing:-.01em; line-height:1.08; font-variant-numeric:lining-nums tabular-nums}
.result-col{align-self:stretch; min-width:0}
.board.result{padding:24px 22px 18px; container-type:inline-size}
.board.result h2{font-size:1rem; font-weight:600; margin:0 0 6px; color:var(--board-ink)}
.res-big{display:flex; flex-wrap:wrap; align-items:baseline; column-gap:.2em; font-family:var(--serif); font-weight:600; font-size:clamp(30px,14cqi,56px); line-height:1.04; letter-spacing:-.015em; font-variant-numeric:lining-nums tabular-nums}
.res-big .res-n{white-space:nowrap}
.res-big .res-u{font-family:var(--font); font-weight:500; font-size:.4em; letter-spacing:0; color:var(--board-muted); white-space:nowrap}
.res-sub{color:var(--board-muted); font-size:.9rem; margin-top:4px}
.board.result .stack{height:12px; margin:16px 0 10px}
.res-legend{display:grid; gap:0; color:var(--board-ink); font-size:.95rem}
.res-legend span{padding:7px 0; border-bottom:1px solid var(--board-rule)}
.res-kv{margin-top:2px}
.board.result .kv{border-bottom-color:var(--board-rule); font-size:.95rem}
.board.result .kv:last-child{border-bottom:0}
.board.result table{font-size:.9rem}
.board.result th{color:var(--board-muted)}
.board.result th,.board.result td{border-bottom-color:var(--board-rule); padding:8px 4px}
.board.result td:first-child{white-space:normal}
.board.result tbody tr:first-child td{font-weight:600}
.res-note{color:var(--board-muted); font-size:.8rem; margin:10px 0 0}
.res-note span{display:block}
.res-note span+span{margin-top:.5em}
.slr-f{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.ib-rates>p.small a{display:inline-block; margin:.25em 1em .25em 0}
.slr-wide{grid-column:1/-1}
.slr-chk{margin-top:.75rem}
.slr-sm{display:block; font-size:.78rem; font-weight:400; color:var(--board-muted); margin-top:2px}
.board.result .slr-t td:first-child{min-width:7.5em}
.board.result .slr-t td:nth-child(n+2){white-space:nowrap}
@media (min-width:821px){ .board.result{position:sticky; top:calc(var(--head-h, 0px) + 16px)} }
@media (max-width:820px){
.tool-layout > .tool-main{display:contents}
.tool-layout > .tool-main > .tool-in{order:-2} .tool-layout > .result-col{order:-1}
}
.resbar{position:fixed; left:12px; right:12px; bottom:calc(12px + env(safe-area-inset-bottom,0px) + var(--ad-bottom,0px)); z-index:44;
display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:52px; padding:8px 16px;
background:var(--board); color:var(--board-ink); border-radius:var(--r-pop); box-shadow:0 10px 28px rgba(0,0,0,.28), inset 0 0 0 1px var(--board-edge); text-decoration:none}
.resbar[hidden],.resbar.is-txt,body:not(.has-resbar) .resbar,body.typing .resbar,body.kbd .resbar{display:none}
@media (max-width:820px){ body.has-resbar main{padding-bottom:76px} }
.resbar b{font-family:var(--serif); font-weight:600; font-size:1.35rem; font-variant-numeric:lining-nums tabular-nums; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.resbar .rb-go{flex:none; color:var(--lamp); font-weight:600; font-size:.9rem; text-decoration:underline; text-underline-offset:3px}
body.has-hint .resbar{bottom:calc(var(--hint-h,56px) + 10px + var(--ad-bottom,0px))}
@media (min-width:821px){ .resbar{display:none!important} }
@media (prefers-reduced-motion: reduce){ .ts-caret{transition:none} }
.home-news{margin-top:10px; padding-top:18px; border-top:1px solid var(--line)}
.home-news h2{font-family:var(--serif); font-weight:600; font-size:1.25rem; margin:0 0 2px}
.home-news .news.compact li{padding:10px 0}
.home-news .news.compact a.h{font-family:var(--font); font-size:1rem; font-weight:500; line-height:1.4}
@media (max-width:900px){ .home-news{margin-top:16px} }
.hn-all{display:inline-block; margin-top:8px; font-weight:600; color:var(--brand-2); text-underline-offset:3px}
.home-cols{margin-top:44px}
.home-cards{grid-template-columns:repeat(3,minmax(0,1fr)); align-items:start; gap:18px 32px}
.home-cards > .card{background:none; border:0; border-top:2px solid var(--lamp); border-radius:0; padding:14px 0 0}
.home-cards > .card h2{font-family:var(--serif); font-weight:600; font-size:1.2rem}
@media (max-width:1080px){ .home-cards{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:700px){ .home-cards{grid-template-columns:minmax(0,1fr)} }
.tool-layout .card h3:has(+ .big){margin-top:22px; padding-top:14px; border-top:3px solid var(--lamp)}
.side-col > .related-plain:first-child{border-top:1px solid var(--line); padding-top:14px}
body[data-page="investing-game-for-kids"] #unit{display:none}
#kiv-game{max-width:1000px; width:100%; margin:0 auto; font-size:18px}
#kiv-game .small{font-size:15px}
.kiv-card{scroll-margin-top:110px}
#kiv-game .kiv-h{font-family:var(--serif); font-weight:600; font-size:clamp(1.6rem,4.6vw,2.2rem); line-height:1.15; letter-spacing:-.01em; margin:4px 0 8px}
#kiv-game .kiv-h:focus{outline:none}
#kiv-game .kiv-h3{font-family:var(--serif); font-size:1.3rem; margin:18px 0 6px}
#kiv-game .kiv-sec h3{font-family:var(--serif); font-size:1.4rem; margin:0 0 6px}
.kiv-sec{margin-top:26px; padding-top:18px; border-top:1px solid var(--line)}
.kiv-sub{margin:0 0 4px}
.kiv-fs{border:0; padding:0; margin:20px 0 0; min-width:0}
.kiv-fs legend{font-weight:700; padding:0; margin:0 0 8px; font-size:1.05rem}
.kiv-opt{position:relative; display:block; cursor:pointer}
.kiv-opt input{position:absolute; inset:0; width:100%; height:100%; margin:0; opacity:0; cursor:pointer}
.kiv-opt > span{display:flex; min-height:56px; padding:10px 12px; border:2px solid var(--line); border-radius:var(--r); background:var(--card); height:100%}
.kiv-opt input:checked + span{border-color:var(--lamp); background:color-mix(in srgb, var(--lamp) 14%, var(--card))}
.kiv-opt input:checked + span::after{content:"✓"; position:absolute; top:8px; right:10px; font-weight:800; color:var(--ink)}
.kiv-opt input:focus-visible + span{outline:3px solid var(--lamp); outline-offset:2px}
.kiv-opt.off{cursor:default} .kiv-opt.off > span{border-style:dashed; background:var(--tint)} .kiv-opt.off input{cursor:default}
.kiv-avs{display:grid; grid-template-columns:repeat(auto-fill,minmax(92px,1fr)); gap:8px}
.kiv-optav > span{flex-direction:column; align-items:center; gap:4px; text-align:center}
.kiv-av{width:56px; height:56px; display:block}
.kiv-lvls{display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:10px}
.kiv-optlv > span{flex-direction:column; gap:3px; padding-right:30px}
.kiv-optlv b{font-family:var(--serif); font-size:1.25rem}
.kiv-opt > span{color:var(--ink)} .kiv-opt .small{color:color-mix(in srgb, var(--ink) 78%, var(--card))}
.kiv-lock{color:var(--muted)}
.kiv-stars{color:var(--warn); letter-spacing:2px; font-size:1.2em; white-space:nowrap}
.kiv-codes{display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:10px}
.kiv-sel{display:flex; flex-direction:column; gap:3px}
.kiv-sel select{min-height:48px; font-size:1rem; padding:0 10px; border:1px solid var(--line); border-radius:var(--r-s); background:var(--card); color:var(--ink)}
.kiv-co{margin-top:18px; font-weight:600} .kiv-cohint{margin:2px 0 0 28px}
.kiv-go{min-height:56px; margin-top:18px}
.kiv-btns .kiv-go{margin-top:6px}
.kiv-disc{margin-top:14px}
#kiv-game .btn:disabled{opacity:.4; cursor:default}
.kiv-top{display:flex; align-items:center; gap:14px 18px; flex-wrap:wrap; padding:12px 16px; border:1px solid var(--line); border-radius:var(--r); background:var(--card)}
.kiv-top[data-season="w"]{background:color-mix(in srgb, #6FA8DC 15%, var(--card))}
.kiv-top[data-season="s"]{background:color-mix(in srgb, #7DBB96 16%, var(--card))}
.kiv-top[data-season="u"]{background:color-mix(in srgb, #F4C542 17%, var(--card))}
.kiv-top[data-season="a"]{background:color-mix(in srgb, #E0803A 15%, var(--card))}
.kiv-who{display:flex; align-items:center; gap:8px} .kiv-who:empty{display:none}
.kiv-av-s .kiv-av{width:40px; height:40px}
.kiv-prog{flex:1; min-width:170px; display:flex; flex-direction:column; gap:2px}
.kiv-coins{display:flex; flex-wrap:wrap; gap:4px; margin-top:4px}
.kiv-coins i{width:13px; height:13px; border-radius:50%; border:2px solid #8A5F12; background:transparent}
.kiv-coins i.on{background:var(--lamp)}
.kiv-tot{display:flex; flex-direction:column; align-items:flex-end; margin-left:auto}
.kiv-big{font-weight:800; font-size:clamp(1.9rem,5vw,2.5rem); line-height:1.1; font-variant-numeric:tabular-nums}
.kiv-street{display:grid; grid-template-columns:repeat(auto-fill,minmax(176px,1fr)); gap:14px; padding:16px 14px; margin-top:12px}
.kiv-shop{display:flex; flex-direction:column; gap:8px; padding:0 12px 12px; overflow:hidden; background:var(--card); color:var(--ink); border-radius:12px; box-shadow:0 2px 0 rgba(0,0,0,.28)}
.kiv-awn{height:14px; margin:0 -12px; background:repeating-linear-gradient(90deg, var(--lamp) 0 14px, var(--tint) 14px 28px)}
.kiv-shop-h{display:flex; gap:8px; align-items:flex-start}
.kiv-svg{width:44px; height:44px; flex:none}
.kiv-shop-h b{display:block; font-size:1rem; line-height:1.2}
.kiv-shop-h .small{display:block; line-height:1.25; font-size:13px}
.kiv-rk{color:var(--ink)}
.kiv-risk{display:inline-flex; gap:3px; margin-right:6px; vertical-align:middle}
.kiv-risk i{width:9px; height:9px; border-radius:50%; border:2px solid var(--muted)}
.kiv-risk i.on{background:var(--ink); border-color:var(--ink)}
.kiv-shop-b{display:flex; flex:1; align-items:flex-end; gap:10px; min-height:72px}
.kiv-tower{display:flex; flex-direction:column-reverse; width:34px; flex:none; gap:1px}
.kiv-tower i{height:5px; border-radius:50%/60%; background:var(--lamp); box-shadow:inset 0 -1.5px 0 rgba(0,0,0,.25), 0 0 0 1px #8A5F12}
.kiv-vals{display:flex; flex-direction:column; min-width:0}
.kiv-amt{font-weight:800; font-size:1.55rem; line-height:1.1; font-variant-numeric:tabular-nums}
.kiv-chg{font-weight:700; font-size:1rem}
.kiv-step{display:flex; justify-content:flex-end; gap:10px}
.kiv-rb{width:48px; height:48px; padding:0; border-radius:50%; border:2px solid #8A5F12; background:#D49A2A; color:#173226; font-size:1.8rem; font-weight:800; line-height:1; touch-action:manipulation}
.kiv-rb:not(.kiv-plus){background:var(--card); color:var(--ink); border-color:var(--lamp)}
.kiv-rb:disabled{opacity:.35; cursor:default}
.kiv-pig{background:color-mix(in srgb, #F4A7B5 18%, var(--card))}
.kiv-pignote{margin:0; align-self:flex-end}
.kiv-tools{display:flex; flex-wrap:wrap; gap:8px; margin:14px 0 4px}
.kiv-meter{margin:10px 0}
.kiv-mbar{position:relative; height:12px; border-radius:6px; background:var(--line); overflow:hidden; margin-bottom:6px}
.kiv-mbar span{display:block; height:100%; background:var(--up)} .kiv-mbar span.over{background:var(--down)}
.kiv-mbar i{position:absolute; left:50%; top:0; bottom:0; width:3px; background:var(--ink)}
.kiv-meter p{margin:0}
.kiv-fees{font-weight:700; margin:6px 0}
.kiv-tbl{font-size:1rem} .kiv-tbl th[scope=row]{text-align:left} .kiv-tbl td,.kiv-tbl th{white-space:normal}
.kiv-tstep{display:flex; gap:8px; justify-content:flex-end; white-space:nowrap}
.kiv-tabd{margin-top:10px} .kiv-tabd summary{cursor:pointer; font-weight:600}
.kiv-rumor{display:flex; gap:12px; align-items:flex-start; padding:12px 14px; margin:0 0 14px; border:2px dashed var(--lamp); border-radius:var(--r)}
.kiv-rumor p{margin:2px 0}
.kiv-bird{font-size:2rem; line-height:1}
.kiv-curtain{text-align:center}
.kiv-av-l .kiv-av{width:104px; height:104px; margin:6px auto 0}
.kiv-paper{margin:12px 0; padding:14px 18px 16px; background:#F7F1E1; color:#1D2A22; border:1px solid #CDBF9C; border-radius:6px; box-shadow:0 2px 0 rgba(0,0,0,.18), 5px 5px 0 -1px #E3D8B8}
.kiv-bad{background:#F3E2D9; border-color:#C99B8C}
.kiv-mast{display:flex; justify-content:space-between; gap:10px; font-family:var(--serif); font-style:italic; font-weight:600; padding-bottom:6px; margin-bottom:10px; border-bottom:3px double #8F7F58}
.kiv-art{display:flex; gap:14px; align-items:center}
.kiv-art .kiv-svg{width:76px; height:76px; padding:6px; background:#EADFC2; border-radius:8px}
#kiv-game .kiv-head{font-family:var(--serif); font-weight:700; font-size:clamp(1.5rem,4.6vw,2.1rem); line-height:1.1; margin:0 0 6px}
.kiv-why{margin:0; font-size:1.02rem}
.kiv-later{margin:10px 0 0; padding-top:8px; border-top:1px dashed #8F7F58; color:#1D2A22}
.kiv-flip{animation:kiv-flip .7s ease-out both}
@keyframes kiv-flip{from{transform:perspective(900px) rotateY(90deg); opacity:.15}}
.kiv-resbox{margin:12px 0}
.kiv-res{margin:4px 0; font-weight:700; font-size:1.3rem}
.kiv-res b{font-weight:800}
.kiv-resT{color:var(--ink); margin-left:.7em; white-space:nowrap}
.kiv-moves{list-style:none; margin:8px 0; padding:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:2px 22px}
.kiv-moves li{display:flex; justify-content:space-between; gap:8px; padding:5px 0; border-bottom:1px solid var(--line); font-size:1rem}
.kiv-q{font-family:var(--serif); font-size:1.5rem; line-height:1.25; margin:8px 0 12px}
.kiv-talk{padding:10px 14px; border-left:4px solid var(--lamp); background:var(--tint); border-radius:0 var(--r-s) var(--r-s) 0}
.kiv-habits{list-style:none; margin:10px 0; padding:0; display:grid; gap:4px}
.kiv-habits2 li{display:flex; flex-wrap:wrap; gap:4px 10px; align-items:baseline; padding:8px 12px; border:1px solid var(--line); border-radius:var(--r-s)}
.kiv-habits2 li.yes{border-color:var(--up)} .kiv-habits2 li.no{border-style:dashed}
.kiv-habits2 li > span:first-child{color:var(--warn); font-size:1.3em}
.kiv-ov{position:fixed; inset:0; z-index:200; display:grid; place-items:center; padding:16px; background:rgba(8,16,12,.64)}
.kiv-dlg{width:100%; max-width:520px; max-height:92vh; overflow:auto; padding:22px; background:var(--card); color:var(--ink); border-radius:var(--r); box-shadow:0 14px 40px rgba(0,0,0,.45)}
.kiv-dipico{width:78px; margin:0 0 4px} .kiv-dipico svg{display:block; width:100%; height:auto}
.kiv-dbtns{display:grid; gap:10px; margin-top:16px}
.kiv-dbtns .btn{min-height:54px; font-size:1.05rem; border-radius:99px}
.kiv-final{margin:6px 0 2px} .kiv-starsbig{margin:2px 0 8px; font-size:1.2rem}
.kiv-badges{list-style:none; margin:6px 0; padding:0; display:flex; flex-wrap:wrap; gap:8px}
.kiv-badges li{display:flex; flex-direction:column; padding:8px 12px; border:2px solid var(--lamp); border-radius:var(--r)}
.kiv-whos{display:flex; flex-wrap:wrap; gap:8px; margin:8px 0}
.kiv-whos .btn{display:inline-flex; align-items:center; gap:8px; min-height:52px}
.kiv-whos .kiv-av{width:34px; height:34px}
.kiv-whos .btn:not(.ghost) .kiv-stars{color:inherit}
.kiv-chartw{overflow-x:auto}
.kiv-chart{display:block; width:100%; height:auto}
.kiv-leg{list-style:none; margin:8px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:6px 18px} .kiv-leg li{display:flex; align-items:center; gap:6px; font-size:15px} .kiv-leg svg{flex:none; overflow:visible}
.kiv-same{margin:4px 0 0} .kiv-noise{margin:10px 0 0; font-style:italic}
.kiv-left{display:none}
.kiv-line{fill:none; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round}
.s-you{stroke:var(--brand-2); stroke-width:4} .s-sam{stroke:#3A78B5} .s-jay{stroke:var(--down)} .s-pig{stroke:var(--muted)} .s-kept{stroke:var(--brand-2); stroke-width:2}
:root[data-theme="dark"] .s-sam{stroke:#7FB0E0}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .s-sam{stroke:#7FB0E0}}
.kiv-grid{stroke:var(--line); stroke-width:1} .kiv-base{stroke:var(--muted); stroke-width:1.5; stroke-dasharray:4 4}
.kiv-ax{font-size:13px; fill:var(--muted)} .kiv-lab{font-size:12.5px; font-weight:700; fill:var(--ink)}
.kiv-stripw{margin:8px 0} .kiv-stripw p{margin:0 0 2px}
.kiv-strip{display:block; width:100%; height:auto; background:var(--tint); border-radius:var(--r-s)}
.kiv-dot.up{fill:var(--up)} .kiv-dot.down{fill:var(--down)}
.kiv-why3s{display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:10px; margin:8px 0}
.kiv-why3{display:flex; flex-direction:column; gap:2px; padding:10px 12px; border:1px solid var(--line); border-radius:var(--r-s); background:var(--tint)}
.kiv-why3 b{font-size:1.5rem; line-height:1.15}
.kiv-real{margin-top:12px}
.kiv-gu summary{cursor:pointer; font-weight:700; font-size:1.1rem; min-height:48px; display:flex; align-items:center; list-style:none}
.kiv-gu summary::-webkit-details-marker{display:none}
.kiv-gu summary::after{content:"+"; margin-left:auto; font-size:1.6rem; line-height:1}
.kiv-gu[open] summary::after{content:"−"}
#kiv-game .kiv-gu h3{font-size:1.05rem; margin:16px 0 4px}
@media (max-width:560px){
#kiv-game{font-size:17px}
.kiv-street{grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding:12px 10px}
.kiv-shop{padding:0 9px 10px} .kiv-awn{margin:0 -9px}
.kiv-shop-b{min-height:64px} .kiv-amt{font-size:1.3rem}
.kiv-tower{width:26px}
.kiv-svg{width:36px; height:36px}
.kiv-shop-h{flex-direction:column; gap:4px} .kiv-shop-h b{overflow-wrap:anywhere}
.kiv-art .kiv-svg{width:56px; height:56px}
.kiv-rb{width:46px; height:46px}
.kiv-tblw .kiv-tbl th,.kiv-tblw .kiv-tbl td{padding:6px 3px; font-size:.9rem} .kiv-tblw .kiv-tbl th:nth-child(3),.kiv-tblw .kiv-tbl td:nth-child(3){display:none}
.kiv-tstep{gap:4px} .kiv-tstep .kiv-rb{width:44px; height:44px; font-size:1.5rem}
}
.kiv-stick{align-items:center}
@media (max-width:560px){ .kiv-stick{position:sticky; bottom:0; z-index:5; margin:10px -16px -16px; padding:10px 16px; background:var(--card); border-top:1px solid var(--line); flex-wrap:nowrap; gap:12px} .kiv-stick .kiv-go{margin:0; flex:1} .kiv-left{display:flex; flex-direction:column; line-height:1.15} .kiv-left b{font-size:1.2rem; font-variant-numeric:tabular-nums} }
@media (max-width:330px){ .kiv-street{grid-template-columns:minmax(0,1fr)} }
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .kiv-av{filter:drop-shadow(0 0 1px rgba(255,255,255,.7))}}
:root[data-theme="dark"] .kiv-av{filter:drop-shadow(0 0 1px rgba(255,255,255,.7))}
@media (prefers-reduced-motion: reduce){#kiv-game *{animation:none!important; transition:none!important}}
#v-ib [hidden]{display:none!important}
#v-ib .fields{grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); align-items:start}
.ib-pair{display:contents}
#ib-msg p{margin:0 0 6px} #ib-msg p:last-child{margin:0}
.ib-rates{margin-bottom:16px; border-left:4px solid var(--lamp)}
.ib-rate-grid{display:grid; grid-template-columns:1fr 1fr; gap:8px 28px}
.ib-box h2{font-size:.95rem; font-weight:600; margin:0 0 2px; color:var(--muted)}
.ib-big{font-family:var(--serif); font-weight:600; font-size:clamp(34px,6vw,46px); line-height:1.08; letter-spacing:-.01em; font-variant-numeric:lining-nums tabular-nums; color:var(--ink)}
.ib-box p{margin:4px 0 0}
.ib-next{padding-left:28px; border-left:1px dashed var(--line)}
.ib-next .ib-big{color:var(--muted)}
.ib-rules{margin:4px 0 10px; padding-left:20px} .ib-rules li{margin-bottom:4px}
tr.ib-est td{color:var(--muted)}
#ib-sched th,#ib-sched td{white-space:normal; padding:8px 6px; vertical-align:top} #ib-sched td:nth-child(n+2),#ib-sched th:nth-child(n+2){text-align:right} #ib-sched td:last-child{white-space:nowrap}
@media (max-width:640px){ .ib-rate-grid{grid-template-columns:1fr} .ib-next{padding:12px 0 0; border-left:0; border-top:1px dashed var(--line)} }
.ht-f{grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); align-items:end}
.ht-msg p{margin:6px 0 0}
.ht-sub{color:var(--board-muted); font-size:.92rem; margin:6px 0 10px}
.ht-sm{display:block; font-size:.78rem; font-weight:400; color:var(--board-muted); margin-top:2px}
.ht-tbl th[scope="row"]{text-align:left; font-weight:600}
.ht-tbl td{font-variant-numeric:tabular-nums}
.ht-tips{padding-left:1.2em; margin:0 0 10px}
.ht-tips li{margin:0 0 8px}
#v-hbud [hidden]{display:none!important}
.hb-f{grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); align-items:end}
.hb-cat{display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr); gap:8px; align-items:center; padding:5px 0}
.hb-cat input,.hb-grow input{width:100%; min-width:0}
.hb-cat-h,.hb-grow-h{font-size:.82rem; font-weight:600; color:var(--muted)}
.hb-cl,.hb-cat label.hb-cl{font-weight:500; font-size:1rem; color:var(--ink); margin:0}
.hb-cv{font-variant-numeric:tabular-nums; padding:0 2px}
.hb-cat-t{border-top:1px solid var(--line); margin-top:4px; padding-top:9px; font-weight:700}
.hb-grow{display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr) 52px 44px; gap:8px; align-items:center; margin-bottom:8px}
.hb-gbw{display:flex; justify-content:center; align-items:center; min-height:44px; margin:0; cursor:pointer}
.hb-grow .hb-gb{width:22px; height:22px; min-width:22px; margin:0}
.hb-sh-img{display:block; width:100%; max-width:360px; height:auto; border-radius:10px; margin:6px 0 10px}
.hb-rm{padding:8px 0; min-width:44px; min-height:44px; font-size:1.2rem; line-height:1}
.hb-bar{height:10px; background:rgba(243,235,215,.16); border-radius:99px; overflow:hidden; margin:4px 0 12px}
.hb-bar i{display:block; height:100%; width:0; background:var(--lamp); border-radius:99px}
.hb-bar.over i{background:#F4967A}
.hb-barrow{display:flex; justify-content:space-between; font-size:.85rem; color:var(--board-muted)}
.hb-warn{margin:4px 0 12px; font-size:.88rem; color:#F8B7A3; font-weight:600}
.hb-cdh{font-size:.95rem; font-weight:600; margin:16px 0 2px; color:var(--board-ink)}
@media (max-width:560px){
.hb-cat{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr); gap:6px}
.hb-grow{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px 44px}
.hb-grow .hb-gn{grid-column:1 / -1}
.hb-grow-h{display:none}
}
body[data-page="spend-save-give-game"] #unit{display:none}
#jar-game{--wall:#173226; --cream:#FFF7E6; --wood:#B9803A; --wood-d:#8A5F12; max-width:980px; width:100%; margin:0 auto; font-size:18px}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) #jar-game{--wall:#1E4A35}}
:root[data-theme="dark"] #jar-game{--wall:#1E4A35}
#jar-game .small{font-size:15px}
#jar-game .btn[aria-disabled="true"],#jar-game .jar-rb[aria-disabled="true"],#jar-game .jar-item[aria-disabled="true"],#jar-modal .btn[aria-disabled="true"]{opacity:.45; cursor:default}
.jar-card{scroll-margin-top:110px}
#jar-game .jar-h{font-family:var(--serif); font-weight:600; font-size:clamp(1.6rem,4.6vw,2.2rem); line-height:1.15; letter-spacing:-.01em; margin:4px 0 6px}
#jar-game .jar-h:focus,#jar-dh:focus{outline:none}
#jar-game .jar-h3{font-family:var(--serif); font-size:1.3rem; margin:18px 0 6px}
.jar-sub{margin:0 0 10px}
.jar-top{display:flex; justify-content:space-between; align-items:center; gap:12px; margin:0 0 8px}
.jar-wkl{margin:0; display:flex; flex-direction:column; gap:5px}
.jar-dots{display:flex; flex-wrap:wrap; gap:4px}
.jar-dots i{width:9px; height:9px; border-radius:50%; border:2px solid var(--line)}
.jar-dots .d{background:var(--up); border-color:var(--up)} .jar-dots .c{background:var(--lamp); border-color:var(--lamp)}
.jar-stars{font-size:1.5rem; letter-spacing:3px; color:var(--gold-ink); white-space:nowrap}
.jar-big-stars{font-size:2.4rem}
.jar-cent{margin-bottom:6px}
.jar-wall{background:var(--wall); color:var(--cream); border-radius:var(--r); padding:14px 8px 14px; margin:8px 0 12px; outline:1px dashed rgba(255,255,255,.16); outline-offset:-7px}
.jar-rem{margin:0 0 8px; text-align:center; font-weight:700; color:var(--cream)}
.jar-pile{display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:6px; min-height:56px; padding:0 4px 14px}
.jar-coin{display:block; width:44px; height:44px; touch-action:none; cursor:grab; animation:jar-pop .2s both}
.jar-coin.q{width:34px; height:34px}
.jar-coin svg{display:block; width:100%; height:100%; filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.4))}
.jar-empty{font-weight:700; color:#DDEBE1}
.jar-more{font-weight:800}
.jar-ghost{position:fixed; left:0; top:0; z-index:300; width:44px; height:44px; pointer-events:none; filter:drop-shadow(0 4px 6px rgba(0,0,0,.4))}
.jar-ghost svg{display:block; width:100%; height:100%}
.jar-shelf{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; align-items:start}
.jar-col{display:flex; flex-direction:column; align-items:center; gap:3px; text-align:center; min-width:0}
.jar-glass{position:relative; width:100%; max-width:124px; padding-bottom:11px}
.jar-glass::after{content:""; position:absolute; left:-4px; right:-4px; bottom:0; height:11px; background:linear-gradient(#CB9350,var(--wood)); border-top:3px solid #DDAA66; border-radius:3px}
.jar-svg{display:block; width:100%; height:auto; position:relative; z-index:1}
.jar-nm{min-height:2.7em; display:flex; align-items:center; justify-content:center; gap:4px; font-weight:700; color:var(--cream); margin-top:4px}
.jar-ic{display:block; width:36px; height:36px; flex:none}
.jar-ic-s{width:22px; height:22px} .jar-ic-m{width:44px; height:44px} .jar-ic-l{width:64px; height:64px} .jar-ic-xl{width:96px; height:96px}
.jar-amt{font-weight:800; font-size:1.55rem; line-height:1.1; color:var(--cream); font-variant-numeric:tabular-nums}
.jar-m-little .jar-amt{font-size:1.9rem}
.jar-ctl{display:flex; flex-direction:column; gap:6px; margin-top:6px; width:100%; align-items:center}
.jar-step{display:flex; gap:4px; justify-content:center; width:100%}
.jar-step .jar-rb{flex:1 1 0; min-width:0}
.jar-rb{min-width:46px; min-height:48px; padding:0 2px; border-radius:12px; border:2px solid rgba(255,247,230,.55); background:rgba(255,255,255,.1); color:var(--cream); font-weight:800; font-size:.95rem; touch-action:manipulation}
.jar-rb.jar-plus{background:var(--cream); color:#14221A; border-color:var(--cream)}
.jar-m-little .jar-rb{min-height:56px; font-size:1.1rem}
@media (max-width:400px){.jar-amt{font-size:1.35rem} .jar-m-little .jar-amt{font-size:1.5rem} .jar-rb{font-size:.9rem} .jar-wall{padding-left:4px; padding-right:4px} .jar-shelf{gap:4px}}
.jar-btns{margin-top:14px}
.jar-btns .btn{min-height:52px}
.jar-big{font-size:1.1rem}
.jar-modes{display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:12px; margin:16px 0 4px}
.jar-modes.one{grid-template-columns:minmax(0,420px)}
.jar-mode{display:flex; align-items:center; gap:14px; min-height:96px; padding:14px 16px; text-align:left; border:2px solid var(--line); border-radius:var(--r); background:var(--card); color:var(--ink); touch-action:manipulation}
.jar-mode:hover,.jar-goal:hover{border-color:var(--lamp)}
.jar-mode-art .jar-ic{width:56px; height:56px}
.jar-mode-t{display:flex; flex-direction:column; gap:2px}
.jar-mode-t b{font-family:var(--serif); font-size:1.5rem; font-weight:600}
.jar-gu-row{margin-top:18px; padding-top:12px; border-top:1px solid var(--line)}
.jar-goals{display:grid; grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); gap:12px; margin-top:8px}
.jar-goal{display:flex; flex-direction:column; align-items:center; gap:6px; padding:14px 8px; text-align:center; border:2px solid var(--line); border-radius:var(--r); background:var(--card); color:var(--ink); touch-action:manipulation}
.jar-goal b{font-size:1.1rem}
.jar-causes .jar-goal{justify-content:flex-start}
.jar-price{position:relative; display:inline-block; background:var(--lamp); color:#14221A; font-weight:800; font-size:1.15rem; padding:3px 12px 3px 20px; border-radius:6px 12px 12px 6px}
.jar-price::before{content:""; position:absolute; left:7px; top:50%; width:7px; height:7px; margin-top:-3.5px; border-radius:50%; background:var(--card)}
.jar-price.big{font-size:1.6rem; margin:0 0 6px}
.jar-goalrow{display:flex; align-items:center; gap:12px; margin:0 0 12px}
.jar-goalrow > div{flex:1; min-width:0}
.jar-bar{height:12px; margin:5px 0; border-radius:99px; background:var(--tint); border:1px solid var(--line); overflow:hidden}
.jar-bar span{display:block; height:100%; background:var(--lamp)}
.jar-acts .btn{min-height:52px}
.jar-buygoal{animation:jar-pulse 1.2s 3}
.jar-items{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px}
.jar-item{display:flex; flex-direction:column; align-items:center; gap:3px; min-height:130px; padding:10px 4px; text-align:center; border:2px solid var(--line); border-radius:var(--r); background:var(--card); color:var(--ink); touch-action:manipulation}
.jar-item:not([aria-disabled="true"]):hover{border-color:var(--lamp)}
.jar-item.got{border-style:dashed}
.jar-item b{font-size:.95rem}
.jar-mine h3{font-family:var(--serif); font-size:1.2rem; margin:16px 0 6px}
.jar-shelfrow{display:flex; flex-wrap:wrap; gap:6px; padding:10px; border-bottom:8px solid var(--wood); background:var(--tint); border-radius:var(--r-s) var(--r-s) 0 0}
.jar-sh .jar-ic{width:34px; height:34px} .jar-sh.big .jar-ic{width:52px; height:52px}
.jar-bonus{display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:6px 0 4px; padding:10px 14px; border:2px solid var(--lamp); border-radius:var(--r); background:color-mix(in srgb, var(--lamp) 14%, var(--card))}
.jar-bonus.none{border-color:var(--line); background:var(--tint)}
.jar-bcoins{display:flex; height:30px}
.jar-bcoins i{display:block; width:30px; height:30px; margin-right:-8px; animation:jar-drop .5s both; animation-delay:calc(var(--i) * 120ms)}
.jar-bcoins svg{width:100%; height:100%; display:block}
.jar-talk{margin:12px 0 0; padding:12px 14px; border:2px dashed var(--line); border-radius:var(--r)}
.jar-talk h3{margin:0 0 4px; font-family:var(--serif); font-size:1.15rem}
.jar-talk p{margin:0}
.jar-party{text-align:center}
.jar-party .cent{text-align:left}
.jar-pop{animation:jar-pop .5s both}
.jar-bigpic{margin:8px 0; animation:jar-pop .6s both}
.jar-bigpic .jar-ic{margin:0 auto}
.jar-cnt{font-weight:600}
.jar-endstars{display:flex; align-items:center; flex-wrap:wrap; gap:6px 14px; margin:0 0 4px}
.jar-stack{display:flex; height:30px; margin:8px 0; border:2px solid var(--ink); border-radius:var(--r-s); overflow:hidden; background:var(--tint)}
.jar-seg{display:block; min-width:6px}
.jar-seg.treat,.jar-sl.treat .jar-sw{background:#E0703A}
.jar-seg.goal,.jar-sl.goal .jar-sw{background:#2E6A4E; background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.35) 0 4px,transparent 4px 8px)}
.jar-seg.give,.jar-sl.give .jar-sw{background:#6B5BA8; background-image:radial-gradient(rgba(255,255,255,.5) 2px,transparent 2.5px); background-size:8px 8px}
.jar-seg.left,.jar-sl.left .jar-sw{background:#9AA79F; background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.4) 0 3px,transparent 3px 7px)}
.jar-legend{list-style:none; margin:6px 0 10px; padding:0; display:grid; gap:4px}
.jar-sl{display:flex; align-items:center; gap:10px}
.jar-sl span:nth-child(2){flex:1}
.jar-sw{width:18px; height:18px; border-radius:4px; border:1px solid var(--ink)}
.jar-sum-in{margin:0}
.jar-starlist{list-style:none; margin:12px 0; padding:0; display:grid; gap:6px}
.jar-starlist li{display:flex; gap:10px; align-items:baseline; padding:8px 12px; border:1px solid var(--line); border-radius:var(--r-s)}
.jar-starlist li.ok{border-color:var(--up)} .jar-starlist li.no{border-style:dashed}
.jar-sm{color:var(--gold-ink); font-size:1.3em}
.jar-fs{border:0; padding:0; margin:18px 0 0; min-width:0}
.jar-fs legend{font-weight:700; padding:0; margin:0 0 8px; font-size:1.05rem}
.jar-rads{display:flex; flex-wrap:wrap; gap:8px}
.jar-rad{display:flex; align-items:center; gap:8px; min-height:48px; padding:6px 14px; border:2px solid var(--line); border-radius:var(--r); background:var(--card); cursor:pointer}
.jar-rad input{width:20px; height:20px; margin:0; flex:none}
.jar-rad:has(input:checked){border-color:var(--lamp); background:color-mix(in srgb, var(--lamp) 14%, var(--card))}
.jar-rad:has(input:focus-visible){outline:3px solid var(--focus); outline-offset:2px}
.jar-setm{padding:12px 14px; border:1px solid var(--line); border-radius:var(--r)}
.jar-setm legend{padding:0 6px}
.jar-allow{display:flex; align-items:center; flex-wrap:wrap; gap:10px}
.jar-allow > span{font-weight:600; flex-basis:100%}
.jar-allow .jar-rb{background:var(--card); color:var(--ink); border-color:var(--line); min-width:48px}
.jar-aval{min-width:5ch; text-align:center; font-size:1.4rem}
.jar-pres{display:flex; flex-wrap:wrap; gap:8px; margin:10px 0 0}
.jar-pre{min-height:48px; min-width:56px}
.jar-pre[aria-pressed="true"]{background:var(--brand-2); color:var(--card); border-color:var(--brand-2)}
.jar-lg{margin:12px 0 6px; font-weight:600}
.jar-talkc{min-height:48px; align-items:center}
#jar-modal .jar-ov{position:fixed; inset:0; z-index:200; display:grid; place-items:center; padding:16px; background:rgba(8,16,12,.64); overflow:auto}
.jar-dlg{width:100%; max-width:520px; max-height:92vh; overflow:auto; padding:20px; background:var(--card); color:var(--ink); border-radius:var(--r); box-shadow:0 14px 40px rgba(0,0,0,.45)}
.jar-dlg .jar-h{font-family:var(--serif); font-weight:600; font-size:1.7rem; line-height:1.15; margin:4px 0 8px}
.jar-dlg .btn{min-height:52px; font-size:1.05rem; border-radius:99px}
.jar-dlg .btns{flex-direction:column}
.jar-evart{position:relative; display:flex; justify-content:center; margin:4px 0 8px}
.jar-mega{padding:8px 0 4px}
.jar-tag{position:absolute; top:4px; right:8%; transform:rotate(6deg); background:var(--lamp); color:#14221A; font-weight:800; padding:4px 12px; border-radius:6px 12px 12px 6px}
.jar-tag.sale{background:#E0703A; color:#fff}
.jar-holdw{margin:12px 0}
.jar-hold{position:relative; display:block; width:100%; min-height:64px; overflow:hidden; border:2px solid var(--brand-2); border-radius:99px; background:var(--card); color:var(--ink); font-weight:700; font-size:1.1rem; user-select:none; -webkit-user-select:none; -webkit-touch-callout:none; touch-action:none}
.jar-holdbar{position:absolute; inset:0 auto 0 0; width:0; background:color-mix(in srgb, var(--lamp) 55%, transparent)}
.jar-hold.on .jar-holdbar{animation:jar-hold 2s linear forwards}
.jar-holdt{position:relative}
.jar-gans{display:grid; gap:10px; margin:12px 0}
.jar-soft{margin:0 0 8px; font-weight:600}
.jar-czs{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:10px 0}
.jar-cz{display:flex; align-items:center; gap:8px; min-height:56px; padding:6px 10px; text-align:left; font-size:.9rem; font-weight:600; border:2px solid var(--line); border-radius:var(--r-s); background:var(--card); color:var(--ink); touch-action:manipulation}
.jar-cz .jar-ic{width:34px; height:34px}
.jar-cz.on{border-color:var(--lamp); background:color-mix(in srgb, var(--lamp) 14%, var(--card))}
.jar-meter{display:flex; gap:4px; margin:8px 0}
.jar-meter span{opacity:.28; filter:grayscale(1)} .jar-meter span.on{opacity:1; filter:none; animation:jar-pop .4s both}
.jar-meter .jar-ic{width:44px; height:44px}
.jar-mvs{display:grid; gap:8px; margin:10px 0}
@keyframes jar-pop{from{transform:scale(.6); opacity:0}}
@keyframes jar-drop{from{transform:translateY(-22px); opacity:0}}
@keyframes jar-pulse{50%{box-shadow:0 0 0 7px color-mix(in srgb, var(--lamp) 55%, transparent)}}
@keyframes jar-hold{to{width:100%}}
@media (prefers-reduced-motion: reduce){#jar-game *,#jar-modal *{animation:none!important}}
.mgh-ageh h2,.mgh-home h2{font-family:var(--serif); font-weight:600; font-size:1.5rem; margin:0 0 4px}
.mgh-ruler{margin-top:14px}
.mgh-ages{display:grid; grid-template-columns:repeat(10,minmax(0,1fr)); font-size:.8rem; font-weight:700; color:var(--muted); text-align:center; border-bottom:2px solid var(--ink); padding-bottom:3px}
.mgh-rows{list-style:none; margin:0; padding:0}
.mgh-rows li{padding:10px 0 8px; border-bottom:1px solid var(--line)}
.mgh-rows a{display:block; font-weight:600; margin-bottom:5px}
.mgh-track{display:grid; grid-template-columns:repeat(10,minmax(0,1fr)); height:16px}
.mgh-bar{grid-column:calc(var(--s) + 1) / span var(--n); background:var(--lamp); border:2px solid var(--gold-ink); border-radius:99px}
.mgh-rows li.open .mgh-bar{border-radius:99px 4px 4px 99px; background:var(--lamp)}
.mgh-boxes{display:grid; gap:16px; margin:16px 0; grid-template-columns:minmax(0,1fr)}
@media (min-width:720px){.mgh-boxes{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mgh-box{display:flex; flex-direction:column; background:var(--card); border:1px solid var(--line); border-radius:var(--r); overflow:hidden; scroll-margin-top:100px}
.mgh-art{display:block; width:100%; height:auto; aspect-ratio:240/110}
.mgh-body{padding:14px 18px 18px; display:flex; flex-direction:column; flex:1}
.mgh-body h3{font-family:var(--serif); font-weight:600; font-size:1.35rem; margin:0}
.mgh-body h3 a{color:var(--ink); text-decoration:none} .mgh-body h3 a:hover{text-decoration:underline}
.mgh-body p{margin:6px 0 0}
.mgh-ag{font-weight:700; color:var(--gold-ink)}
.mgh-go{margin-top:auto!important; padding-top:12px}
.mgh-go .btn{display:inline-block; text-decoration:none; font-size:1.05rem; padding:11px 26px; border-radius:99px}
.mgh-home ul{margin:8px 0 10px; padding-left:1.2em}
.mgh-home li{margin:4px 0}
.gp-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.gp-fields .gp-wide{grid-column:1/-1}
.rhp-t th,.rhp-t td{padding:8px 10px}
.rhp-t thead th{vertical-align:bottom; white-space:normal; line-height:1.2}
.rhp-t thead th:not(:first-child) .rhp-sort{justify-content:flex-end; text-align:right}
.rhp-t td{white-space:nowrap}
.rhp-t tbody th{font-weight:600; font-size:.9rem; color:var(--ink); text-align:left; white-space:nowrap}
.rhp-t tr[data-pin] th,.rhp-t tr[data-pin] td{background:var(--tint); font-weight:700}
.rhp-sort{background:none; border:0; padding:4px 0; min-width:44px; min-height:44px; margin:0; font:inherit; font-weight:600; font-size:.78rem; color:var(--muted); cursor:pointer; text-align:inherit; white-space:normal; display:inline-flex; align-items:center; gap:.3em; min-height:32px}
.rhp-sort:hover{color:var(--ink)} .rhp-sort:focus-visible{outline:2px solid var(--brand-2); outline-offset:2px; border-radius:3px}
th[aria-sort=ascending] .rhp-sort::after{content:"▲"; font-size:.7em} th[aria-sort=descending] .rhp-sort::after{content:"▼"; font-size:.7em}
th[aria-sort=ascending] .rhp-sort,th[aria-sort=descending] .rhp-sort{color:var(--ink)}
.rhp-tablecard .scroll{max-height:560px; overflow:auto}
.rhp-t thead th{position:sticky; top:0; z-index:2; background:var(--card)}
.rhp-t tbody th:first-child{position:sticky; left:0; z-index:1; background:var(--card)}
.rhp-t tr[data-pin] th:first-child{background:var(--tint)}
.rhp-t tr.sel td,.rhp-t tr.sel th{background:var(--tint); font-weight:700}
.rhp-t tr.sel th{box-shadow:inset 3px 0 0 var(--lamp)}
.rhp-t thead th:first-child{left:0; z-index:3}
.rhp-sr{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; margin:0}
@media (max-width:820px){ .rhp-t{min-width:640px} .rhp-tablecard .scroll{background:linear-gradient(to left,var(--card) 30%,transparent) right/28px 100% no-repeat local,radial-gradient(farthest-side at 100% 50%,color-mix(in srgb,var(--ink) 28%,transparent),transparent) right/10px 100% no-repeat scroll} }
.rmt-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.rmt-fields .rmt-wide{grid-column:1/-1}
.rmt-fx[hidden],.rmt-fields [hidden],#rmt-r-taxrow[hidden]{display:none}
.rmt-check{display:flex; align-items:flex-start; gap:10px; margin:12px 0 4px; font-weight:500; cursor:pointer}
.rmt-check input{width:auto; margin-top:.3em; flex:none}
.rmt-all th,.rmt-all td{white-space:normal; padding-left:8px; padding-right:8px; vertical-align:bottom}
.rmt-all th:first-child,.rmt-all td:first-child{padding-left:0; text-align:left; vertical-align:bottom}
.rmt-all tr.rmt-cur td{background:var(--tint); font-weight:700}
.rmt-all tr.rmt-cur td:first-child{box-shadow:inset 3px 0 0 var(--lamp)}
.ec-board{padding:22px 24px 20px; margin-bottom:16px}
.ec-board h2{font-size:1rem; font-weight:600; margin:0 0 2px; color:var(--board-ink)}
.ec-sub{margin:0 0 14px; color:var(--board-muted); font-size:.9rem}
.ec-next{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px 28px}
.ec-nx{border-top:1px solid var(--board-rule); padding-top:12px; min-width:0}
.ec-nx-l{display:block; font-weight:600; font-size:.95rem; text-underline-offset:3px}
.ec-nx-big{font-family:var(--serif); font-weight:600; font-size:clamp(26px,3.2vw,36px); line-height:1.1; margin:4px 0 4px; letter-spacing:-.01em; font-variant-numeric:lining-nums tabular-nums}
.ec-nx-big.small-text{font-family:var(--font); font-size:1.05rem}
.ec-nx-d{font-size:.95rem}
.ec-nx-y,.ec-nx-r{font-size:.85rem; color:var(--board-muted)}
.ec-card .chips{margin:6px 0 8px}
.ec-count{margin:0 0 2px}
.ec-week{display:flex; flex-wrap:wrap; align-items:baseline; gap:0 10px; margin:22px 0 6px; font-size:1.05rem; font-weight:700; font-family:var(--serif)}
.ec-week span{font-family:var(--font); font-weight:400; font-size:.88rem; color:var(--muted)}
.ec-ul{list-style:none; margin:0; padding:0; border-top:1px solid var(--line)}
.ec-item{border-bottom:1px solid var(--line)}
.ec-row{--ec-d:84px}
.ec-row summary{list-style:none; display:grid; grid-template-columns:var(--ec-d) minmax(0,1fr) auto; gap:4px 14px; align-items:center; padding:10px 4px; cursor:pointer}
.ec-row summary::-webkit-details-marker{display:none}
.ec-row summary:hover{background:var(--tint)}
.ec-date{display:flex; flex-direction:column; align-items:center; text-align:center; line-height:1.2}
.ec-date span{font-size:.8rem; color:var(--muted)}
.ec-date b{font-size:.92rem; font-weight:600; white-space:nowrap}
.ec-main{display:flex; flex-direction:column; min-width:0}
.ec-name{font-weight:600}
.ec-name::after{content:"\25BE"; margin-left:6px; color:var(--muted); font-size:.8em}
.ec-row[open] .ec-name::after{content:"\25B4"}
.ec-when{font-size:.88rem; color:var(--muted)}
.ec-tags{display:flex; flex-wrap:wrap; gap:4px; justify-content:flex-end}
.ec-t-today{background:var(--lamp); color:#1B1405}
.ec-t-exp{background:transparent; box-shadow:inset 0 0 0 1px var(--line)}
.ec-out .ec-name,.ec-out .ec-date{opacity:.72}
.ec-more{padding:2px 4px 14px calc(var(--ec-d) + 18px)}
.ec-more h4{margin:10px 0 2px; font-size:.9rem; font-weight:600; color:var(--ink)}
.ec-more p{margin:0 0 6px; max-width:68ch}
.ec-links{display:flex; flex-wrap:wrap; gap:4px 16px}
.ec-btns{margin:16px 0 12px}
.ec-static{margin:0; padding-left:18px} .ec-static li{margin-bottom:4px}
@media (max-width:820px){ .ec-next{grid-template-columns:1fr} }
@media (max-width:600px){
.ec-board{padding:18px 16px 16px}
.ec-row{--ec-d:70px}
.ec-date b{font-size:.84rem}
.ec-row summary{grid-template-columns:var(--ec-d) minmax(0,1fr)}
.ec-tags{grid-column:2; justify-content:flex-start}
.ec-more{padding-left:4px}
}
.tool-main > .card:not(.tool-in), .card.article, .card.sources, .card.brief-card{background:transparent; border:0; border-top:1px solid var(--line); border-radius:0; padding:18px 0 0}
.tool-main > .card:not(.tool-in) > h2, .tool-main > .card:not(.tool-in) > .card-head h2, .card.brief-card > h2{font-family:var(--serif); font-weight:600; font-size:1.2rem}
.card.article.sources h2{font-size:1.15rem}
.tool-main > .card:not(.tool-in) + .related-plain, .tool-main > .related-plain + .card{margin-top:4px}
.rate-tile{border-top:2px solid var(--lamp); padding-top:10px}
.rate-tile .big{font-family:var(--serif); font-weight:600; font-variant-numeric:lining-nums tabular-nums}
.rate-tile .rt-l{font-weight:600; margin-top:2px}
.src-links{display:flex; flex-wrap:wrap; gap:4px 16px}
span.src-links{display:inline-flex; vertical-align:baseline}
.meta-row{display:flex; flex-wrap:wrap; gap:0 12px}
.fx-row{display:flex; flex-wrap:wrap; gap:4px 18px; list-style:none; padding:0; margin:6px 0 10px; font-variant-numeric:tabular-nums}
.ch-sum{display:inline-flex; flex-wrap:wrap; gap:0 14px}
.ec-sub span+span, .ec-nx-r span+span, .ec-when span+span{margin-left:.8em}
.res-big.res-txt{font-size:clamp(22px,8cqi,32px); line-height:1.2}
.board.result .res-sub:empty,.board.result .res-note:empty{display:none}
.res-sub.res-status{font-size:1rem; font-weight:600; color:var(--board-ink); margin-top:12px}
.board.result .res-home > span:last-child{font-family:var(--serif); font-weight:600; font-size:1.2rem; font-variant-numeric:lining-nums tabular-nums; text-align:right}
.board.result h3.res-h3{font-size:.95rem; font-weight:600; margin:18px 0 2px; color:var(--board-ink)}
.res-verdict{font-weight:600; font-size:.95rem; margin:12px 0 0; color:var(--board-ink)}
.res-verdict:empty{display:none}
.board.result .res-big + .scroll{margin-top:14px}
.board.result .aca-status{margin:12px 0 0; padding:0 0 0 10px; border-left:3px solid var(--lamp); border-radius:0; background:none; color:var(--board-ink); font-size:.92rem}
.board.result .aca-status[data-state="warn"]{border-left-color:var(--down)}
.board.result .aca-status:empty{display:none}
.tool-main > .card.aca-cliff{margin:0; padding:18px; border-radius:var(--r); border-left:4px solid var(--lamp)}
.tool-main > .card.aca-cliff p{margin:10px 0 0}
.board.result .ntd-why{margin:12px 0 0; padding-left:18px; font-size:.9rem; color:var(--board-ink)}
.board.result .vw-t{width:100%}
.board.result .vw-t tbody th{min-width:0; font-weight:400; color:var(--board-ink)}
.board.result .vw-t tbody tr:first-child td{font-weight:400}
.board.result .vw-t td{white-space:nowrap}
.board.result .vw-net th,.board.result .vw-net td{font-weight:700}
.board.result .res-note + .res-note{margin-top:8px}
#vw-diff{font-size:clamp(18px,6.4cqi,24px)}
#tbud-tbl td:nth-child(n+2),#tbud-foot td:nth-child(n+2){white-space:nowrap}
.cur-fields{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:end}
.cur-fields .cur-amt{grid-column:1/-1}
.cur-swap .btn{min-height:42px}
@media (max-width:560px){ .cur-fields{grid-template-columns:minmax(0,1fr)} .cur-swap .btn{width:100%} }
.cur-tablewrap{max-height:440px; overflow-y:auto}
.cur-hist{margin-top:16px}
.board.result.hol-bankboard{position:relative; top:auto}
.hb-cc-kv{margin-top:14px; border-top:1px solid var(--line); padding-top:8px} .hb-cc-kv b{font-family:var(--serif); font-weight:600; font-size:1.25rem; font-variant-numeric:lining-nums tabular-nums}
.gd-explain{display:grid; grid-template-columns:minmax(0,3fr) minmax(0,2fr); column-gap:40px; border-top:1px solid var(--line); padding-top:18px}
.gd-explain .gd-lead{grid-row:span 2}
.gd-explain .gd-lead h3{font-size:1.6rem; line-height:1.2}
.gd-explain .guide:not(.gd-lead){padding:0 0 16px}
.gd-explain .guide:not(.gd-lead) + .guide{border-top:1px solid var(--line); padding-top:16px}
.gd-explain .guide:not(.gd-lead) h3{font-size:1.12rem}
.gd-explain .guide:not(.gd-lead) p{font-size:.96rem}
@media (max-width:820px){ .gd-explain{grid-template-columns:minmax(0,1fr)} .gd-explain .gd-lead{grid-row:auto; padding-bottom:16px} .gd-explain .guide:not(.gd-lead){border-top:1px solid var(--line); padding-top:16px} }
.gd-more,.gd-faq{margin-top:16px}
.card.fq-stage{background:radial-gradient(120% 70% at 50% -12%, rgba(231,178,76,.3), transparent 62%), var(--board); color:var(--board-ink); border-color:var(--board-edge); border-radius:var(--r-board); padding:18px 16px 20px; scroll-margin-top:110px}
.card.fq-stage h2{display:block; font-family:var(--serif); font-weight:600; font-size:clamp(1.5rem,4.4vw,2rem); line-height:1.18; letter-spacing:-.01em; margin:0 0 10px; color:var(--board-ink)}
.fq-stage h2:focus,.fq-stage h3:focus{outline:none}
.fq-stage :focus-visible{outline-color:var(--lamp)}
.fq-stage .btn.lem-go{background:var(--lamp); color:#14221A; font-weight:700}
.fq-stage .btn.ghost.fq-ghost{background:transparent; color:var(--board-ink); border:1px solid rgba(243,235,215,.45)}
.fq-stage .btn.ghost.fq-ghost:hover{background:rgba(243,235,215,.1)}
.fq-stage .btn.small{border-radius:99px}
.fq-note{margin:0 0 12px; color:var(--board-muted)}
.fq-btns{margin-top:16px}
.fq-av{display:inline-block; flex:none; width:44px; line-height:0}
.fq-av svg{display:block; width:100%; height:auto}
.fq-av.sm{width:32px} .fq-av.md{width:48px} .fq-av.lg{width:64px} .fq-av.xl{width:104px}
.fq-stage .cent{margin:10px 0 0}
.fq-stage .cent-bubble{background:#FFF7E6; color:#14221A; border-color:rgba(0,0,0,.18)}
.fq-stage .cent-bubble::before{background:#FFF7E6; border-color:rgba(0,0,0,.18)}
.fq-stage .cent-bubble p{margin:0 0 4px}
.fq-stage .cent-bubble .muted{color:#4A5A50}
.fq-chips{display:flex; flex-wrap:wrap; gap:8px; list-style:none; margin:14px 0 4px; padding:0}
.fq-chip{display:flex; gap:8px; align-items:center; padding:5px 14px 5px 5px; background:rgba(255,247,230,.08); border:1px solid rgba(243,235,215,.25); border-radius:99px}
.fq-chip small{display:block; color:var(--board-muted)}
.fq-pl{min-width:0; margin:0 0 12px; padding:12px 14px 14px; border:1px solid rgba(243,235,215,.25); border-radius:var(--r)}
.fq-pl legend{padding:0 6px; font-weight:600} .fq-pl legend b{color:var(--lamp)}
.fq-pl-top{display:flex; justify-content:space-between; align-items:center; gap:10px}
.fq-gl{display:block; margin:12px 0 6px; font-size:.85rem; font-weight:600; color:var(--board-muted)}
.fq-row{display:grid; grid-template-columns:repeat(auto-fill,minmax(66px,1fr)); gap:6px}
.fq-pick{color:var(--board-ink); position:relative; display:flex; flex-direction:column; align-items:center; gap:3px; padding:6px 4px; border:2px solid transparent; border-radius:12px; text-align:center; cursor:pointer}
.fq-pick input{position:absolute; inset:0; width:100%; height:100%; margin:0; opacity:0; cursor:pointer}
.fq-pick:has(input:checked){border-color:var(--lamp); background:rgba(231,178,76,.16)}
.fq-pick:has(input:checked)::after{content:"✓"; position:absolute; top:2px; right:5px; font-size:.8rem; font-weight:800; color:var(--lamp)}
.fq-pick:has(input:focus-visible){outline:3px solid var(--lamp); outline-offset:2px}
.fq-pick:has(input:disabled){opacity:.3; cursor:not-allowed}
.fq-pick-i{display:block; line-height:0}
.fq-pick-t{font-size:.78rem; font-weight:600}
.fq-sw{display:block; width:34px; height:34px; border-radius:50%; background:var(--c); border:2px solid #FFF7E6; box-shadow:0 0 0 1.5px #14221A}
.fq-lvs{display:grid; gap:8px; grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.fq-pick-lv{flex-direction:row; align-items:center; gap:10px; padding:8px 12px 8px 8px; text-align:left; border:2px dashed rgba(243,235,215,.4); border-radius:10px}
.fq-pick-lv:has(input:checked){border-style:solid}
.fq-pick-lv .fq-pick-t{display:flex; flex-direction:column; gap:1px; font-size:.95rem}
.fq-pick-lv small{font-weight:400; font-size:.78rem; color:var(--board-muted)} .fq-pick-lv small:first-of-type{font-weight:700; color:var(--lamp)}
.fq-lvc{display:block; width:44px; line-height:0; flex:none} .fq-lvc svg{width:100%; height:auto; filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.4))}
.fq-opts{margin:14px 0 0; padding:2px 0} .fq-opts summary{color:var(--board-ink)}
.fq-opts fieldset{border:0; margin:8px 0 0; padding:0; min-width:0} .fq-opts legend{padding:0; font-weight:600}
.fq-opt{color:var(--board-ink); display:flex; align-items:center; gap:10px; min-height:40px} .fq-opt input{width:20px; height:20px; accent-color:var(--lamp); flex:none; margin:0}
.fq-strip{display:flex; flex-wrap:wrap; gap:8px; align-items:flex-end; margin:0 0 6px}
.fq-pill{display:flex; align-items:flex-end; gap:6px; padding:6px 8px; border:2px solid transparent; border-radius:12px; background:rgba(255,247,230,.07)}
.fq-pill.cur{border-color:var(--lamp); background:rgba(231,178,76,.18)}
.fq-pill .fq-tower{width:20px}
.fq-pill.team{flex-direction:column; align-items:center; flex:1; min-width:96px; text-align:center} .fq-pill.team .fq-tower{width:30px}
.fq-pill-t b{font-size:1.05rem}
.fq-tower{display:block; height:auto}
.fq-prog{display:flex; justify-content:space-between; gap:10px; margin:8px 0 6px; font-weight:600} .fq-prog b{color:var(--lamp)}
.fq-bar{height:6px; margin:0 0 14px; overflow:hidden; border-radius:3px; background:rgba(255,247,230,.18)} .fq-bar span{display:block; height:100%; background:var(--lamp)}
.fq-cue{padding:16px 16px 18px; background:#FFF7E6; color:#14221A; border-radius:14px; box-shadow:0 2px 0 rgba(0,0,0,.28)}
.card.fq-stage .fq-cue h2{color:#14221A; margin:0 0 10px; font-size:clamp(1.35rem,4.2vw,1.9rem)}
.fq-read{display:inline-block; margin:0 0 10px; padding:4px 12px; border-radius:99px; background:#F6E2B0; color:#5B3E04; font-weight:700; font-size:.85rem}
.fq-lead{margin:0 0 4px; font-weight:700; color:#8A5E0B}
.fq-felt{margin-top:10px; display:flex; justify-content:center}
.fq-felt .xu-pile{--px:3.4px; justify-content:center; gap:10px}
.fq-item{display:flex; flex-direction:column; align-items:center; gap:4px; padding:4px 0 2px; color:#14221A} .fq-item svg{width:108px; height:auto} .fq-item b{font-size:1.1rem} .fq-item small{color:#5A4A2A}
.fq-answers{display:grid; gap:10px; margin-top:14px; grid-template-columns:repeat(auto-fit,minmax(min(100%,236px),1fr))} .fq-answers.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.fq-ans{--tag:#EDD5A6; position:relative; display:flex; align-items:stretch; min-height:56px; padding:0 0 0 18px; background:none; border:0; border-radius:10px; text-align:left; color:#14221A; touch-action:manipulation}
.fq-ans::before{content:""; position:absolute; left:0; top:0; bottom:0; width:19px; background:var(--tag); clip-path:polygon(100% 0,100% 100%,0 50%)}
.fq-ans-t{position:relative; flex:1; display:flex; align-items:center; padding:10px 14px 10px 26px; background:var(--tag); border-radius:0 10px 10px 0; font-weight:600; font-size:1.05rem; line-height:1.25}
.fq-ans-t::before{content:""; position:absolute; left:-8px; top:50%; width:10px; height:10px; margin-top:-5px; border-radius:50%; background:var(--board); box-shadow:inset 0 0 0 1.5px rgba(0,0,0,.28)}
.fq-ans:not(:disabled):hover{--tag:#E5C27F}
.fq-ans.ok,.fq-ans.no{padding-right:0} .fq-ans.ok .fq-ans-t,.fq-ans.no .fq-ans-t{padding-right:44px}
.fq-ans.ok{--tag:#CDEBD6} .fq-ans.ok .fq-ans-t{outline:3px solid #1D7A49; outline-offset:-3px}
.fq-ans.no{--tag:#EBD3CC} .fq-ans.no .fq-ans-t{text-decoration:line-through 1.5px; color:#5A2A20}
.fq-ans:disabled:not(.ok):not(.no){opacity:.65}
.fq-mark{position:absolute; right:10px; top:50%; z-index:1; display:grid; place-items:center; width:26px; height:26px; margin-top:-13px; border-radius:50%; font-size:.9rem; font-weight:800; line-height:1; color:#fff}
.ok > .fq-mark{background:#1D7A49} .no > .fq-mark{background:#B3412E}
.fq-ans:disabled .fq-key,.fq-coinb:disabled .fq-key,.fq-itemb:disabled .fq-key{display:none!important}
.fq-key{position:absolute; right:10px; top:6px; z-index:1; display:none; font-size:.72rem; font-weight:700; opacity:.6}
@media (hover:hover) and (pointer:fine){.fq-key{display:block} .fq-ans.ok .fq-key,.fq-ans.no .fq-key{display:none}}
.fq-coins{margin-top:14px}
.fq-coinb{color:var(--board-ink)} .fq-coinb .fq-key{color:var(--board-ink); right:2px; top:0}
.fq-coinb.ok svg{border-radius:50%; outline:3px solid #8FE0AE; outline-offset:3px} .fq-coinb.no svg{opacity:.4}
.fq-coinb .fq-mark{right:-4px; top:2px; margin-top:0}
.fq-coinb:disabled{opacity:1}
.fq-items{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:14px}
.fq-itemb{position:relative; display:flex; flex-direction:column; align-items:center; gap:6px; min-height:56px; padding:12px 8px 14px; background:#FFF7E6; color:#14221A; border:3px solid transparent; border-radius:14px; touch-action:manipulation}
.fq-itemb svg{width:80px; height:auto} .fq-itemb b{font-size:1.05rem}
.fq-itemb:not(:disabled):hover{border-color:var(--lamp)}
.fq-itemb.ok{border-color:#1D7A49; background:#EAF6EE} .fq-itemb.no{opacity:.6}
.fq-itemb .fq-mark{right:8px; top:8px; margin-top:0}
.fq-ptag{position:relative; padding:4px 14px 4px 24px; background:var(--lamp); color:#14221A; border-radius:6px 12px 12px 6px; font-size:1.3rem; font-weight:800}
.fq-ptag::before{content:""; position:absolute; left:9px; top:50%; width:8px; height:8px; margin-top:-4px; border-radius:50%; background:#FFF7E6}
.fq-tools{display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:12px}
.fq-timer{display:flex; align-items:center; gap:10px; flex:1; min-width:230px}
.fq-ttxt{min-width:7.6em; font-weight:600}
.fq-tbar{flex:1; height:8px; overflow:hidden; border-radius:4px; background:rgba(255,247,230,.22)} #fq-tbar{display:block; height:100%; background:var(--lamp)}
.fq-fb{margin-top:16px}
.card.fq-stage .fq-fb h3{display:flex; flex-wrap:wrap; align-items:center; gap:4px 10px; margin:0 0 6px; font-family:var(--serif); font-size:1.6rem; font-weight:600; line-height:1.2}
.fq-fb.good h3{color:#8FE0AE} .fq-fb.bad h3{color:#FFC2B5}
.fq-fb h3 span:first-child{font-family:var(--font); font-weight:800}
.fq-plus{padding:2px 12px; border-radius:99px; background:var(--lamp); color:#14221A; font-family:var(--font); font-size:1rem; font-weight:800}
.fq-theans{margin:0 0 6px; font-size:1.05rem} .fq-bonus{margin:0 0 6px; color:#F2D49A; font-weight:600}
.fq-curtain{padding:8px 0 4px; text-align:center} .fq-curtain .fq-av{margin:4px 0 10px} .fq-curtain .cent{justify-content:center} .fq-curtain .fq-btns{justify-content:center}
.fq-jar{display:flex; align-items:flex-end; gap:14px; margin:6px 0 4px} .fq-jar .fq-tower{width:50px} .fq-jar b{display:block; font-family:var(--serif); font-size:1.4rem; font-weight:600}
.fq-ress{display:grid; gap:10px; margin:12px 0 0; padding:0; list-style:none}
.fq-res{display:grid; grid-template-columns:auto auto minmax(0,1fr); gap:10px; align-items:end; padding:10px 12px; border-radius:var(--r); background:rgba(255,247,230,.07)}
.fq-rank{min-width:1.1ch; align-self:center; font-family:var(--serif); font-size:1.8rem; font-weight:700; color:var(--lamp)}
.fq-podium{display:flex; flex-direction:column; align-items:center; gap:4px} .fq-podium .fq-tower{width:34px; transform-origin:bottom; animation:fq-grow .6s ease-out both}
@keyframes fq-grow{from{transform:scaleY(.15)}}
.fq-res-t{display:flex; flex-direction:column; align-items:flex-start; gap:3px; align-self:center}
.fq-lvbadge{padding:1px 10px; border-radius:99px; background:var(--lamp); color:#14221A; font-size:.8rem; font-weight:700}
.fq-newb,.fq-bs{display:flex; flex-wrap:wrap; gap:6px}
.fq-badge{display:inline-flex; align-items:center; gap:8px; padding:2px 12px 2px 3px; border-radius:99px; background:rgba(255,247,230,.1); font-size:.85rem} .fq-badge small{display:block; font-size:.78rem; color:var(--board-muted)}
.fq-badge.big{border-radius:14px; padding:4px 12px 4px 4px}
.fq-medal{width:28px; height:28px; flex:none} .fq-badge.big .fq-medal{width:40px; height:40px}
.fq-lbg{margin:14px 0 0} .card.fq-stage .fq-lbg h3{margin:0 0 4px; font-family:var(--serif); font-size:1.3rem; font-weight:600} .fq-lbg h3 small{font-family:var(--font); font-size:.8rem; font-weight:600; color:var(--board-muted)}
.fq-lbg ol,.fq-bl{margin:0; padding:0; list-style:none; counter-reset:fqr}
.fq-bl li{flex-wrap:wrap} .fq-bl .fq-bs{flex:1 1 100%; padding-left:42px}
.fq-lbg li,.fq-bl li{display:flex; align-items:center; gap:10px; padding:8px 0; border-bottom:1px solid rgba(243,235,215,.16)}
.fq-lbg li::before{counter-increment:fqr; content:counter(fqr); width:1.4em; font-weight:800; color:var(--lamp)}
.fq-lb-n{flex:1; min-width:0} .fq-lb-s{font-weight:800; text-align:right} .fq-lb-s small{font-weight:400; color:var(--board-muted)}
.card.fq-stage .fq-sub{margin:18px 0 4px; font-size:1.1rem}
.fq-nights{margin:0 0 6px; font-weight:600; color:#F2D49A}
.fq-how{margin:0; padding-left:20px} .fq-how li{margin:0 0 6px}
.fq-srcs{margin:4px 0 14px; padding-left:20px; columns:2; column-gap:18px}
#fq-clear-msg:empty{display:none}
@media (max-width:420px){.fq-lvs{grid-template-columns:minmax(0,1fr)} .fq-row{grid-template-columns:repeat(4,minmax(0,1fr))} .fq-res{grid-template-columns:auto minmax(0,1fr)} .fq-rank:empty{display:none} .fq-srcs{columns:1}}
@media (prefers-reduced-motion: reduce){#fq-game *{animation:none!important; transition:none!important}}
#cvr-game{--wall:#173226; --cream:#FFF7E6; max-width:1060px; width:100%; margin:0 auto; font-size:18px}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) #cvr-game{--wall:#1E4A35}}
:root[data-theme="dark"] #cvr-game{--wall:#1E4A35}
#cvr-game .small{font-size:15px}
#cvr-game [aria-disabled="true"],#cvr-modal [aria-disabled="true"]{opacity:1; cursor:not-allowed; background:var(--tint)!important; background-image:none!important; color:var(--muted)!important; border:2px dashed var(--line)!important; box-shadow:none!important}
#cvr-game .cvr-h{font-family:var(--serif); font-weight:600; font-size:clamp(1.6rem,4.6vw,2.2rem); line-height:1.15; letter-spacing:-.01em; margin:4px 0 6px}
#cvr-game .cvr-h:focus,#cvr-dh:focus{outline:none}
.cvr-h3{font-family:var(--serif); font-size:1.3rem; margin:18px 0 6px}
.cvr-big{font-size:1.1rem}
.cvr-card{scroll-margin-top:110px}
.cvr-link{background:none; border:0; padding:0 10px; min-height:44px; color:var(--brand-2); font-weight:600; text-decoration:underline; text-underline-offset:3px}
.cvr-tk{display:block; width:40px; height:40px; flex:none}
.cvr-tk-m{width:46px; height:46px} .cvr-tk-l{width:64px; height:64px} .cvr-tk-xl{width:96px; height:96px}
.cvr-ic{display:block; width:36px; height:36px; flex:none}
.cvr-ic-s{width:26px; height:26px} .cvr-ic-l{width:64px; height:64px}
.cvr-fs{border:0; padding:0; margin:18px 0 0; min-width:0}
.cvr-fs legend{font-weight:700; font-size:1.1rem; padding:0; margin:0 0 8px}
.cvr-rads{display:flex; flex-wrap:wrap; gap:8px}
.cvr-rad{position:relative; display:flex; align-items:center; min-height:56px; font-size:1.05rem; padding:8px 16px; border:2px solid var(--line); border-radius:var(--r); background:var(--card); cursor:pointer}
.cvr-rad input{position:absolute; inset:0; width:100%; height:100%; margin:0; opacity:0; cursor:pointer}
.cvr-rad > span{display:flex; flex-direction:column; gap:2px}
.cvr-rad small{font-size:.85rem; color:var(--muted)}
.cvr-rad:has(input:checked){border-color:var(--lamp); background:color-mix(in srgb, var(--lamp) 16%, var(--card))}
.cvr-rad:has(input:focus-visible){outline:3px solid var(--focus); outline-offset:2px}
.cvr-rad.off{opacity:.4; cursor:not-allowed}
.cvr-toks{display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px}
.cvr-toks .cvr-rad{flex-direction:column; justify-content:center; padding:8px 2px}
.cvr-toks .cvr-rad > span{align-items:center}
.cvr-toks b{font-size:.95rem}
@media (max-width:560px){.cvr-toks{grid-template-columns:repeat(3,minmax(0,1fr))}}
.cvr-play{display:grid; gap:12px; grid-template-columns:minmax(0,1fr); grid-template-areas:"top" "p0" "bd" "p1"}
.cvr-top{grid-area:top; display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; padding:10px 14px; background:var(--card); border:1px solid var(--line); border-radius:var(--r)}
.cvr-p0{grid-area:p0} .cvr-bd{grid-area:bd} .cvr-p1{grid-area:p1}
@media (min-width:900px){.cvr-play{grid-template-columns:minmax(200px,1fr) minmax(0,560px) minmax(200px,1fr); grid-template-areas:"top top top" "p0 bd p1"; align-items:start}}
.cvr-turn{display:flex; align-items:center; gap:10px; flex:1 1 260px; min-width:0}
.cvr-turn .cvr-h{margin:0}
.cvr-turn .cvr-tk{filter:drop-shadow(0 0 0 var(--pc))}
.cvr-day{margin:0; display:flex; flex-direction:column; gap:5px}
.cvr-dots{display:flex; flex-wrap:wrap; gap:4px; max-width:260px}
.cvr-dots i{width:9px; height:9px; border-radius:50%; border:2px solid var(--line)}
.cvr-dots .d{background:var(--up); border-color:var(--up)} .cvr-dots .c{background:var(--lamp); border-color:var(--lamp)}
.cvr-tb{display:flex; gap:8px}
.cvr-tb .btn{min-height:48px}
.cvr-jarbar{flex:1 1 100%; display:flex; align-items:center; flex-wrap:wrap; gap:6px 12px; padding-top:8px; border-top:1px solid var(--line)}
.cvr-jarbar > span:first-child{display:flex; align-items:center; gap:6px}
.cvr-jarbar .cvr-bar{flex:1 1 140px}
.cvr-hearts{color:#C2456B; letter-spacing:1px; font-size:1.1rem}
.cvr-jarn{font-weight:700}
.cvr-pl{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 14px; align-content:start; padding:12px 14px; background:var(--card); border:2px solid var(--line); border-left:8px solid var(--pc); border-radius:var(--r)}
.cvr-pl.on{border-color:var(--pc); box-shadow:0 0 0 3px color-mix(in srgb, var(--pc) 32%, transparent)}
.cvr-pl > header,.cvr-pl > .cvr-stk,.cvr-pl > .cvr-chips{grid-column:1 / -1}
.cvr-stk{display:flex; align-items:center; gap:10px}
.cvr-stk h3{margin:0; white-space:nowrap}
.cvr-sls{flex-wrap:nowrap!important; align-items:center}
.cvr-slx{font-size:1rem; font-weight:800; color:var(--gold-ink)}
@media (min-width:900px){.cvr-pl{grid-template-columns:minmax(0,1fr)}}
.cvr-plh{display:flex; align-items:center; gap:10px}
.cvr-nm{display:block; font-family:var(--serif); font-size:1.4rem; line-height:1.1}
.cvr-role{display:block; font-size:.9rem; color:var(--muted)}
.cvr-turnmark{margin-left:auto; font-size:1.5rem; color:var(--ink)}
.cvr-goalt{display:block; font-size:.95rem; font-weight:600; line-height:1.25}
.cvr-pl h3{margin:0 0 4px; font-size:.95rem; font-weight:700; color:var(--muted)}
.cvr-amt{display:block; margin-top:6px; font-family:var(--serif); font-size:2rem; line-height:1.05; font-weight:600}
.cvr-bills{display:flex; flex-wrap:wrap; padding:0 22px 4px 0; min-height:30px}
.cvr-bill{display:block; width:58px; height:29px; margin-right:-24px; filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}
.cvr-more{align-self:center; margin-left:30px; font-size:1.1rem}
.cvr-pigrow{display:flex; align-items:center; gap:8px}
.cvr-pigsvg{display:block; width:46px; height:auto; flex:none; background:var(--wall); border-radius:8px; padding:3px}
.cvr-pigtx{flex:1; min-width:0}
.cvr-pigtx small{display:block; color:var(--muted); font-size:.85rem}
.cvr-bar{height:12px; margin:4px 0; border-radius:99px; background:var(--tint); border:1px solid var(--line); overflow:hidden}
.cvr-bar span{display:block; height:100%; background:var(--lamp)}
.cvr-sls{display:flex; flex-wrap:wrap; gap:6px}
.cvr-sl{display:grid; place-items:center; width:34px; height:34px; border:2px dashed var(--line); border-radius:50%; color:var(--muted); font-size:1.3rem}
.cvr-sl.on{border-style:solid; border-color:var(--lamp); background:color-mix(in srgb, var(--lamp) 18%, var(--card))}
.cvr-chips{margin:0; display:flex; flex-wrap:wrap; gap:6px; min-height:26px}
.cvr-chip{display:inline-block; font-size:.8rem; font-weight:700; padding:2px 10px; border-radius:99px; border:1px solid var(--lamp); background:color-mix(in srgb, var(--lamp) 20%, var(--card))}
.cvr-board{background:var(--wall); border-radius:var(--r); padding:8px; outline:1px dashed rgba(255,255,255,.16); outline-offset:-6px}
.cvr-grid{position:relative; width:100%; aspect-ratio:1 / 1}
.cvr-ring{position:absolute; inset:0; display:grid; grid-template:repeat(6,minmax(0,1fr)) / repeat(6,minmax(0,1fr)); list-style:none; margin:0; padding:0}
.cvr-sq{position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1px; min-width:0; margin:2px; border-radius:9px; background-color:var(--cream); color:#14221A; text-align:center; overflow:hidden}
.cvr-sq .cvr-ic{width:52%; height:auto; max-width:36px; aspect-ratio:1}
.cvr-sqn{max-width:98%; padding:0 3px; border-radius:4px; background:rgba(255,247,230,.88); font-size:clamp(.625rem,2.4vw,.76rem); font-weight:700; line-height:1.1}
.cvr-sqa{font-size:clamp(.72rem,2.8vw,.9rem); font-weight:800; line-height:1}
.sq-pay{background-color:#D49A2A; background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.32) 0 5px,transparent 5px 10px)}
.sq-chore{background-color:#EADFC2; background-image:repeating-linear-gradient(0deg,rgba(23,50,38,.12) 0 3px,transparent 3px 7px)}
.sq-mkt{background-color:#FFF7E6; background-image:repeating-linear-gradient(90deg,rgba(224,112,58,.3) 0 6px,transparent 6px 12px)}
.sq-sur{background-color:#E2D9F5; background-image:radial-gradient(rgba(107,91,168,.5) 1.5px,transparent 2px); background-size:8px 8px}
.sq-bank{background-color:#D7E4EE; background-image:repeating-linear-gradient(90deg,rgba(38,67,111,.2) 0 1px,transparent 1px 8px),repeating-linear-gradient(0deg,rgba(38,67,111,.2) 0 1px,transparent 1px 8px)}
.sq-park{background-color:#CFE9C4; background-image:repeating-linear-gradient(135deg,rgba(46,138,51,.22) 0 4px,transparent 4px 9px)}
.sq-fam{background-color:#F8D7E0; background-image:radial-gradient(rgba(232,74,106,.4) 2px,transparent 2.5px); background-size:10px 10px}
.cvr-pawn{position:absolute; left:calc(var(--c) * 100% / 6); top:calc(var(--r) * 100% / 6); width:calc(100% / 6); height:calc(100% / 6); display:flex; pointer-events:none; z-index:3; transition:left .11s linear,top .11s linear}
.cvr-pawn .cvr-tk{position:relative; width:46%; height:46%; margin:1%; border-radius:50%; background:var(--cream); box-shadow:0 0 0 2px var(--pc),0 2px 3px rgba(0,0,0,.5)}
.cvr-pawn.p1{justify-content:flex-end}
.cvr-pawn.act .cvr-tk{animation:cvr-bob 1.1s ease-in-out infinite}
.cvr-mid{position:absolute; left:calc(100% / 6); top:calc(100% / 6); width:calc(400% / 6); height:calc(400% / 6); padding:4px 6px; display:flex; flex-direction:column; align-items:center; justify-content:space-between; gap:4px; color:var(--cream); z-index:2}
.cvr-cent{width:100%; margin:0; align-items:center}
.cvr-cent .cent-fig{width:clamp(38px,9vw,56px)}
.cvr-cent .cent-bubble{margin:0 0 0 6px; padding:5px 10px; font-size:clamp(.72rem,2.5vw,.98rem); line-height:1.25}
.cvr-dierow{display:flex; align-items:center; gap:10px}
.cvr-die{display:block; width:clamp(48px,11vw,72px)}
.cvr-die svg{display:block; width:100%; height:auto; filter:drop-shadow(0 3px 3px rgba(0,0,0,.4))}
.cvr-die.roll{animation:cvr-tumble .32s linear infinite}
.cvr-rolln{font-family:var(--serif); font-size:clamp(1rem,3vw,1.3rem); font-weight:600; min-width:4.5em}
.cvr-act{display:flex; flex-direction:column; align-items:center; width:100%}
.cvr-roll{width:100%; min-height:48px; padding:8px 12px; font-size:clamp(.95rem,3.2vw,1.2rem)}
.cvr-mid .cvr-link{color:var(--cream)}
#cvr-modal .cvr-ov{position:fixed; inset:0; z-index:200; display:flex; align-items:flex-end; justify-content:center; background:rgba(8,16,12,.6)}
.cvr-sheet{width:100%; max-width:600px; max-height:92vh; overflow:auto; padding:16px 16px calc(18px + env(safe-area-inset-bottom)); background:var(--card); color:var(--ink); border-radius:18px 18px 0 0; box-shadow:0 -10px 40px rgba(0,0,0,.4); animation:cvr-up .22s ease-out}
@media (min-width:700px){#cvr-modal .cvr-ov{align-items:center; padding:16px} .cvr-sheet{border-radius:18px; padding-bottom:18px}}
.cvr-shh{display:flex; align-items:center; gap:12px}
.cvr-shh .cvr-h{margin:0}
.cvr-cent-s{margin:8px 0 0}
.cvr-cent-s .cent-fig{width:50px}
.cvr-cent-s .cent-bubble{margin:0 0 0 6px; padding:8px 12px; font-size:1.05rem}
.cvr-p{font-size:1.25rem; line-height:1.35; margin:10px 0}
.cvr-cardline{font-weight:600}
.cvr-big-n{margin:6px 0; font-family:var(--serif); font-size:2.6rem; font-weight:600; line-height:1}
.cvr-price{display:inline-block; background:var(--lamp); color:#14221A; font-weight:800; font-size:1.5rem; padding:2px 14px; border-radius:6px 14px 14px 6px}
.cvr-bonus{margin:8px 0; padding:8px 12px; font-size:1.15rem; font-weight:700; border:2px solid var(--lamp); border-radius:var(--r); background:color-mix(in srgb, var(--lamp) 16%, var(--card))}
.cvr-pd{margin:6px 0; padding-left:1.2em; font-size:1.15rem}
.cvr-ask{margin:10px 0 0; padding:8px 12px; border:2px dashed var(--line); border-radius:var(--r); font-size:1rem}
.cvr-strip{display:flex; flex-wrap:wrap; gap:4px 18px; margin:10px 0 0; padding:6px 12px; background:var(--tint); border-radius:10px; font-size:1rem}
.cvr-btns{display:grid; gap:10px; margin-top:14px}
.cvr-btns .btn{min-height:56px; font-size:1.15rem; border-radius:99px}
.cvr-btns .cvr-link{justify-self:center}
.cvr-tools{display:flex; flex-wrap:wrap; justify-content:center; gap:4px 14px; margin-top:6px}
.cvr-picks{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:8px}
.cvr-pick{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; min-height:130px; padding:10px 6px; font-size:1.2rem; text-align:center; border:3px solid var(--line); border-radius:16px; background:var(--card); color:var(--ink); touch-action:manipulation}
.cvr-pick:hover{border-color:var(--lamp)}
.cvr-pick.hint{border-color:var(--lamp); box-shadow:0 0 0 4px color-mix(in srgb, var(--lamp) 45%, transparent); animation:cvr-bob 1.1s ease-in-out infinite}
.cvr-paid{display:flex; gap:10px; align-items:baseline; margin:8px 0; padding:6px 12px; font-size:1.05rem; border-radius:10px; background:var(--tint)}
.cvr-tick{color:var(--up); font-weight:800}
.cvr-short{margin:0; text-align:center}
.cvr-sum{display:none}
.cvr-how{margin:10px 0; padding-left:1.3em; font-size:1.2rem; line-height:1.4}
.cvr-how li{margin:8px 0}
.cvr-set{display:grid; gap:4px}
.cvr-chk{font-size:1.05rem; display:flex; align-items:center; gap:10px; min-height:48px; cursor:pointer}
.cvr-chk input{width:22px; height:22px; margin:0; flex:none}
.cvr-endc{position:relative; overflow:hidden}
.cvr-endc > *{position:relative}
.cvr-conf{position:absolute!important; inset:0; pointer-events:none; overflow:hidden}
.cvr-conf i{position:absolute; top:-30px; left:var(--x); width:22px; height:22px; border-radius:50%; background:radial-gradient(#F6CE63 58%,#D49A2A 60%); border:2px solid #8A5F12; animation:cvr-fall 3.4s linear var(--d) infinite; scale:var(--s)}
.cvr-pic{display:flex; justify-content:center; align-items:center; gap:10px; margin:8px 0}
.cvr-trophy{width:84px; height:84px}
.cvr-scene{width:100%; max-width:360px; height:auto; border-radius:var(--r)}
.cvr-jarpic .cvr-pigsvg{width:96px}
.cvr-es-row{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:8px 0}
@media (max-width:560px){.cvr-es-row{grid-template-columns:minmax(0,1fr)}}
.cvr-es{padding:12px 14px; border:2px solid var(--pc); border-radius:var(--r); background:var(--card)}
.cvr-es header{display:flex; align-items:center; gap:10px; flex-wrap:wrap}
.cvr-es header b{display:block; font-family:var(--serif); font-size:1.3rem}
.cvr-es-st{margin-left:auto}
.cvr-stars{font-size:1.5rem; letter-spacing:3px; color:var(--gold-ink); white-space:nowrap}
.cvr-sl-list{list-style:none; margin:10px 0 0; padding:0; display:grid; gap:6px}
.cvr-sl-list li{display:flex; gap:10px; align-items:baseline; padding:6px 10px; border:1px solid var(--line); border-radius:var(--r-s)}
.cvr-sl-list li.ok{border-color:var(--up)} .cvr-sl-list li.no{border-style:dashed}
.cvr-sm{color:var(--gold-ink); font-size:1.3em}
.cvr-fly{position:fixed; left:0; top:0; width:58px; z-index:400; pointer-events:none}
.cvr-fly svg{display:block; width:100%; height:auto}
@keyframes cvr-up{from{transform:translateY(30px); opacity:0}}
@keyframes cvr-bob{50%{transform:translateY(-3px)}}
@keyframes cvr-tumble{0%{transform:rotate(-14deg) scale(.94)}50%{transform:rotate(12deg) scale(1.06)}100%{transform:rotate(-14deg) scale(.94)}}
@keyframes cvr-fall{to{transform:translateY(520px) rotate(300deg)}}
@media (prefers-reduced-motion: reduce){#cvr-game *,#cvr-modal *{animation:none!important; transition:none!important} .cvr-conf{display:none}}
.cvr-tk-s{width:30px; height:30px}
@media (max-width:899px){
.cvr-play{grid-template-areas:"top" "bd" "p0" "p1"}
.cvr-sum{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-bottom:8px}
.cvr-sump{display:flex; align-items:center; gap:6px; padding:6px 8px; background:var(--card); border:2px solid var(--line); border-left:6px solid var(--pc); border-radius:var(--r-s); min-width:0}
.cvr-sump.on{border-color:var(--pc)}
.cvr-sump > span{display:flex; flex-direction:column; line-height:1.1; min-width:0}
.cvr-sump small{font-size:.7rem; color:var(--muted)}
.cvr-sump b{font-family:var(--serif); font-size:1.1rem}
}
@media (max-width:560px){
.cvr-top{padding:8px 12px; gap:4px 10px}
.cvr-turn{flex:1 1 100%}
.cvr-turn .cvr-h{font-size:1.5rem}
.cvr-day{flex:1 1 auto; flex-direction:row; align-items:center; gap:10px}
.cvr-dots{display:none}
.cvr-tb .btn{min-height:44px; padding:6px 12px; font-size:.95rem}
.cvr-jarbar{padding-top:6px; gap:2px 10px}
.cvr-hearts{display:none}
.cvr-pl{padding:10px 12px; gap:6px 12px}
.cvr-amt{font-size:1.7rem}
.cvr-nm{font-size:1.25rem}
}
.card.cq-card{position:relative; background:radial-gradient(120% 70% at 50% -12%, rgba(231,178,76,.3), transparent 62%), var(--board); color:var(--board-ink); border-color:var(--board-edge); border-radius:var(--r-board); padding:14px 14px 18px; scroll-margin-top:110px}
.cq-card :focus-visible{outline:3px solid var(--lamp); outline-offset:2px}
.cq-hero{border-radius:12px; overflow:hidden; background:#CFE6F2; border:2px solid rgba(255,247,230,.35)}
.cq-town{display:block; width:100%; height:112px}
.cq-hero-row{display:flex; align-items:center; gap:14px; padding:10px 14px 14px; background:var(--board)}
.cq-cent{flex:none; width:92px; margin-top:-46px; line-height:0; filter:drop-shadow(0 3px 4px rgba(0,0,0,.35))} .cq-cent svg{display:block; width:100%; height:auto}
.cq-hero-t{min-width:0}
.cq-hi{margin:0 0 8px; font-family:var(--serif); font-weight:600; font-size:clamp(1.15rem,3.6vw,1.5rem); line-height:1.2; color:var(--board-ink)}
.cq-hero-btns{margin:0}
.cq-card .btn.lem-go{background:var(--lamp); color:#14221A; font-weight:800; border-radius:99px}
.cq-big-btn{min-height:56px; min-width:160px; font-size:1.25rem; padding:10px 30px}
.cq-h2{font-family:var(--serif); font-weight:600; font-size:1.35rem; margin:18px 0 10px; color:var(--board-ink)}
.cq-lvs{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:10px}
.cq-lv{width:100%; display:flex; align-items:center; gap:12px; min-height:74px; text-align:left; cursor:pointer; color:#14221A; font:inherit; background:#FFF7E6; border:2px solid #14221A; border-radius:10px 24px 24px 10px; padding:8px 14px 8px 12px; position:relative}
.cq-lv::before{content:""; position:absolute; left:-2px; top:50%; width:10px; height:10px; margin-top:-5px; border-radius:50%; background:var(--board); border:2px solid #14221A}
.cq-lv:hover:not(:disabled){background:#FFEFC8}
.cq-lv.lock{opacity:.62; cursor:not-allowed}
.cq-lvn{flex:none; width:40px; height:40px; border-radius:50%; background:var(--lamp); border:3px solid #8A5F12; display:grid; place-items:center; font-weight:800; font-size:1.2rem; margin-left:6px}
.cq-lvt{display:flex; flex-direction:column; min-width:0} .cq-lvt b{font-size:1.02rem; line-height:1.2} .cq-lvt small{color:#4A5A50; font-size:.8rem}
.cq-st{color:#B97F12; font-size:1.15rem; letter-spacing:2px; line-height:1.1}
.cq-menu-foot{display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:14px 0 0; font-weight:600}
.cq-card .btn.ghost.cq-ghost{background:transparent; color:var(--board-ink); border:1px solid rgba(243,235,215,.45); border-radius:99px; min-height:44px; padding:6px 16px}
.cq-hud{display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px; margin:0 0 8px}
.cq-hb{font:inherit; font-weight:700; font-size:.9rem; min-height:44px; padding:6px 14px; border-radius:99px; cursor:pointer; background:rgba(255,247,230,.1); color:var(--board-ink); border:1px solid rgba(243,235,215,.45)}
.cq-hb:hover{background:rgba(255,247,230,.2)}
.cq-hlv{flex:1 1 150px; min-width:0; display:flex; flex-direction:column; gap:3px; font-size:.9rem; line-height:1.2} .cq-hlv span:not(.cq-prog){color:var(--board-muted)}
.cq-prog{display:block; height:6px; border-radius:3px; background:rgba(255,247,230,.18); overflow:hidden} .cq-prog i{display:block; height:100%; width:0; background:var(--lamp)}
.cq-hm{display:flex; flex-wrap:wrap; gap:6px; order:5; flex:1 1 100%}
@media (min-width:900px){.cq-hm{order:0; flex:0 1 auto; justify-content:flex-end}}
.cq-hit{display:flex; flex-direction:column; min-width:78px; padding:4px 10px; border-radius:10px; background:rgba(255,247,230,.1); border:1px solid rgba(243,235,215,.25)}
.cq-hit span{font-size:.72rem; color:var(--board-muted); line-height:1.2} .cq-hit b{font-family:var(--serif); font-size:1.2rem; font-variant-numeric:lining-nums tabular-nums; line-height:1.15}
.cq-hit.cq-w{border-color:var(--lamp)} .cq-hit.cq-owe b{color:#FFB4A8}
.cq-bars{display:flex; flex-wrap:wrap; gap:6px; flex:1 1 280px}
.cq-bar{flex:1 1 90px; min-width:90px; padding:4px 8px; border-radius:10px; border:1px solid rgba(243,235,215,.25); background:linear-gradient(90deg, rgba(231,178,76,.45) var(--p), rgba(255,247,230,.08) var(--p)); display:flex; flex-direction:column}
.cq-bar span{font-size:.72rem; color:var(--board-ink); line-height:1.2} .cq-bar b{font-size:.85rem; font-variant-numeric:lining-nums tabular-nums}
.cq-bar.over{background:repeating-linear-gradient(135deg, rgba(224,86,63,.55) 0 8px, rgba(224,86,63,.2) 8px 16px); border-color:#FFB4A8} .cq-bar i{font-style:normal; font-weight:800; color:#FFB4A8}
.cq-stage{position:relative; aspect-ratio:960/528; width:100%; background:#CFE6F2; border-radius:12px; overflow:hidden; border:2px solid rgba(255,247,230,.35); touch-action:none; user-select:none; -webkit-user-select:none}
.cq-stage:focus-visible{outline:4px solid var(--lamp); outline-offset:3px}
#cq-canvas{position:absolute; inset:0; display:flex; align-items:center; justify-content:center; overflow:hidden} #cq-canvas canvas{display:block; flex:none}
.cq-load{position:absolute; inset:0; margin:0; display:grid; place-items:center; font-weight:700; color:#173226; background:rgba(207,230,242,.9); z-index:3} .cq-load[hidden]{display:none}
.cq-bubble{position:absolute; left:8px; top:8px; max-width:min(70%,420px); z-index:2; display:flex; align-items:center; gap:8px; padding:6px 12px 6px 6px; background:#FFF7E6; color:#14221A; border:2px solid #14221A; border-radius:18px; font-weight:600; font-size:.95rem; line-height:1.25; pointer-events:none}
.cq-bub-fig{flex:none; width:40px; line-height:0} .cq-bub-fig svg{display:block; width:100%; height:auto}
.cq-rot{display:none; margin:8px 0 0; font-size:.9rem; color:var(--board-muted)}
@media (orientation:portrait) and (max-width:700px){.cq-rot{display:block}}
.cq-touch{display:flex; justify-content:space-between; align-items:center; gap:10px; margin:10px 0 0} .cq-touch[hidden]{display:none}
.cq-tpad{display:flex; gap:12px}
.cq-tb{width:76px; height:76px; border-radius:50%; font:inherit; font-weight:800; font-size:1.6rem; cursor:pointer; touch-action:none; color:#14221A; background:var(--lamp); border:3px solid #8A5F12; box-shadow:0 4px 0 #8A5F12; user-select:none; -webkit-user-select:none; -webkit-touch-callout:none}
.cq-tb.on{transform:translateY(3px); box-shadow:0 1px 0 #8A5F12}
.cq-tj{width:auto; min-width:116px; border-radius:99px; padding:0 22px; font-size:1.2rem}
.cq-dlg{position:fixed; inset:0; z-index:2000; display:flex; align-items:center; justify-content:center; padding:12px; background:rgba(10,18,14,.72)} .cq-dlg[hidden]{display:none}
.cq-dlg-card{width:min(520px,100%); max-height:calc(100vh - 24px); max-height:calc(100dvh - 24px); overflow:auto; background:#FFF7E6; color:#14221A; border:3px solid #14221A; border-radius:18px; padding:16px 18px 18px; box-shadow:0 10px 0 rgba(0,0,0,.25)}
.cq-dlg-card :focus-visible{outline:3px solid #8A5E0B; outline-offset:2px}
.cq-dlg-top{display:flex; align-items:center; gap:12px; margin:0 0 8px}
.cq-dlg-cent{flex:none; width:64px; line-height:0} .cq-dlg-cent svg{display:block; width:100%; height:auto}
.cq-dlg-card h2{margin:0; font-family:var(--serif); font-weight:600; font-size:clamp(1.4rem,4.6vw,1.8rem); line-height:1.15; color:#14221A} .cq-dlg-card h2:focus{outline:none}
.cq-dlg-body{font-size:1.05rem; line-height:1.4} .cq-dlg-body p{margin:0 0 8px} .cq-note{color:#4A5A50}
.cq-int{font-weight:800; color:#1D7A49} .cq-vals{display:flex; flex-wrap:wrap; gap:6px 18px}
.cq-stars-big{margin:0 0 8px; display:flex; align-items:center; gap:10px; font-weight:700} .cq-stars-big span:first-child{font-size:2rem; letter-spacing:4px; color:#B97F12; line-height:1}
.cq-less{font-size:1.1rem}
.cq-goals{list-style:none; margin:8px 0; padding:0; display:grid; gap:4px} .cq-goals li{padding:6px 10px; border-radius:8px; border:2px dashed #8A9A8F; font-size:.95rem} .cq-goals li.ok{border:2px solid #1D7A49; background:#E4F3E8; font-weight:700} .cq-goals li > span:first-child{display:inline-block; width:1.5em}
.cq-rib{font-weight:800; color:#8A5E0B}
.cq-talk-q{margin:10px 0 0; padding:10px 12px; background:#173226; color:#F3EBD7; border-radius:10px; font-weight:600}
.cq-dlg-btns{display:flex; flex-wrap:wrap; gap:10px; margin-top:14px}
.cq-db{flex:1 1 150px; min-height:56px; padding:10px 18px; font:inherit; font-weight:700; font-size:1.05rem; cursor:pointer; color:#14221A; background:#FFFFFF; border:2px solid #14221A; border-radius:10px 22px 22px 10px; display:flex; align-items:center; justify-content:center; gap:6px; text-align:center}
.cq-db:hover:not(:disabled){background:#FFEFC8} .cq-db.cq-primary{background:var(--lamp,#D49A2A)} .cq-db:disabled{opacity:.45; cursor:not-allowed; border-style:dashed}
.cq-db.cq-mode{flex-direction:column; min-height:84px; flex:1 1 200px} .cq-db.cq-mode span{font-weight:400; font-size:.9rem}
.cq-db b{font-variant-numeric:lining-nums tabular-nums}
.cq-chk,.cq-rad{display:flex; align-items:flex-start; gap:10px; min-height:44px; padding:6px 0; font-size:1.02rem; cursor:pointer} .cq-chk input,.cq-rad input{width:24px; height:24px; margin:0; flex:none}
.cq-card fieldset{border:0; margin:0 0 8px; padding:0; min-width:0} .cq-dlg-card legend{font-weight:800; padding:0; margin:0 0 4px}
.cq-talk{margin:0 0 10px; padding-left:20px} .cq-talk li{margin:0 0 6px} .cq-talk li > span{display:block}
@media (max-width:700px){
.cq-bubble{left:4px; top:4px; max-width:58%; gap:5px; padding:3px 8px 3px 3px; border-radius:12px; font-size:.72rem; line-height:1.15; opacity:.93}
.cq-bub-fig{width:24px}
.cq-hud{gap:4px 6px; margin-bottom:6px}
.cq-hb{min-height:44px; padding:4px 10px; font-size:.8rem}
.cq-hlv{flex:1 1 100px; font-size:.8rem}
.cq-hm{gap:4px} .cq-hit{min-width:0; flex:1 1 0; padding:2px 6px} .cq-hit span{font-size:.64rem} .cq-hit b{font-size:1rem}
.cq-bars{flex:1 1 100%; flex-wrap:nowrap; gap:4px} .cq-bar{min-width:0; padding:2px 6px} .cq-bar span{font-size:.64rem} .cq-bar b{font-size:.75rem}
}
html.cq-nosc,html.cq-nosc body{overflow:hidden}
.card.cq-card.cq-big{position:fixed; inset:0; z-index:1500; margin:0; border-radius:0; border:0; padding:8px; display:flex; flex-direction:column; background:#10241A; height:100vh; height:100dvh; max-width:none}
.cq-big #cq-play{flex:1; display:flex; flex-direction:column; min-height:0; position:relative}
.cq-big .cq-stage{flex:1; aspect-ratio:auto; min-height:0; width:100%; border-radius:8px; background:#10241A}
.cq-big .cq-touch{position:absolute; left:10px; right:10px; bottom:10px; margin:0; pointer-events:none; z-index:3} .cq-big .cq-touch > *{pointer-events:auto}
.cq-big .cq-hud{margin-bottom:6px} .cq-big .cq-rot{display:none}
.cq-rm .cq-bubble{transition:none}
.cq-hc .cq-stage{background:#F6F1DD; border-color:#000}
.cq-hc .cq-hit,.cq-hc .cq-bar{border:2px solid #FFF7E6} .cq-hc .cq-hit span,.cq-hc .cq-bar span{color:#FFFFFF}
.cq-hc .cq-tb,.cq-hc .cq-db,.cq-hc .cq-lv{border-width:4px}
@media (max-width:520px){.cq-hero-row{gap:10px; padding:8px 10px 12px} .cq-cent{width:76px; margin-top:-38px} .cq-lvs{grid-template-columns:minmax(0,1fr)} .cq-tb{width:72px; height:72px}}
.card.sk-card{position:relative; background:radial-gradient(120% 70% at 50% -12%, rgba(231,178,76,.3), transparent 62%), var(--board); color:var(--board-ink); border-color:var(--board-edge); border-radius:var(--r-board); padding:14px 14px 18px; scroll-margin-top:110px}
.sk-card :focus-visible{outline:3px solid var(--lamp); outline-offset:2px}
.sk-card.sk-bigtext{font-size:1.14rem}
.sk-hero{border-radius:12px; overflow:hidden; background:#CFE6F2; border:2px solid rgba(255,247,230,.35)}
.sk-town-art{display:block; width:100%; height:112px}
.sk-hero-row{display:flex; align-items:center; gap:14px; padding:10px 14px 14px; background:var(--board)}
.sk-cent{flex:none; width:92px; margin-top:-46px; line-height:0; filter:drop-shadow(0 3px 4px rgba(0,0,0,.35))} .sk-cent svg{display:block; width:100%; height:auto}
.sk-hi{margin:0 0 8px; font-family:var(--serif); font-weight:600; font-size:clamp(1.15rem,3.6vw,1.5rem); line-height:1.2; color:var(--board-ink)}
.sk-hero-btns{margin:0}
.sk-card .btn.lem-go{background:var(--lamp); color:#14221A; font-weight:800; border-radius:99px}
.sk-big-btn{min-height:56px; min-width:160px; font-size:1.2rem; padding:10px 26px}
.sk-h2{font-family:var(--serif); font-weight:600; font-size:1.35rem; margin:18px 0 10px; color:var(--board-ink)}
.sk-towns{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:10px}
.sk-town{width:100%; display:flex; align-items:center; gap:12px; min-height:76px; text-align:left; cursor:pointer; color:#14221A; font:inherit; background:#FFF7E6; border:2px solid #14221A; border-radius:10px 24px 24px 10px; padding:8px 14px 8px 12px}
.sk-town:hover:not(:disabled){background:#FFEFC8} .sk-town.lock{opacity:.7; cursor:not-allowed}
.sk-tn{flex:none; width:44px; height:44px; border-radius:50%; background:var(--lamp); border:3px solid #8A5F12; display:grid; place-items:center} .sk-tn .sk-ic{width:28px; height:28px}
.sk-tt{display:flex; flex-direction:column; min-width:0} .sk-tt b{font-size:1.05rem; line-height:1.2} .sk-tt small{color:#4A5A50; font-size:.82rem}
.sk-st{color:#B97F12; font-size:1.15rem; letter-spacing:2px; line-height:1.1}
.sk-menu-foot{display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:14px 0 0; font-weight:600}
.sk-card .btn.ghost.sk-ghost{background:transparent; color:var(--board-ink); border:1px solid rgba(243,235,215,.45); border-radius:99px; min-height:44px; padding:6px 16px}
.sk-ic{display:block; width:100%; height:100%}
.sk-hud{display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; margin:0 0 10px}
.sk-hday{flex:1 1 200px; min-width:0; display:flex; flex-direction:column; gap:2px; font-size:.95rem} .sk-hday b{font-family:var(--serif); font-size:1.25rem; line-height:1.15}
.sk-hwx{display:flex; flex-wrap:wrap; gap:2px 12px; color:var(--board-muted); font-size:.88rem} .sk-hwx .sk-ic{display:inline-block; width:20px; height:20px; vertical-align:-5px; margin-right:3px}
.sk-hm{display:flex; flex-wrap:wrap; gap:6px; flex:1 1 300px}
.sk-hit{display:flex; flex-direction:column; min-width:86px; flex:1 1 86px; padding:4px 10px; border-radius:10px; background:rgba(255,247,230,.1); border:1px solid rgba(243,235,215,.25)}
.sk-hit span{font-size:.72rem; color:var(--board-muted); line-height:1.2} .sk-hit b{font-family:var(--serif); font-size:1.15rem; font-variant-numeric:lining-nums tabular-nums; line-height:1.15}
.sk-hit.sk-w{border-color:var(--lamp)} .sk-hit.sk-owe b,.sk-hit.sk-neg b{color:#FFB4A8} .sk-hit.sk-tax{border-style:dashed}
.sk-hbtns{display:flex; gap:6px}
.sk-hb{font:inherit; font-weight:700; font-size:.9rem; min-height:44px; padding:6px 14px; border-radius:99px; cursor:pointer; background:rgba(255,247,230,.1); color:var(--board-ink); border:1px solid rgba(243,235,215,.45)}
.sk-hb:hover{background:rgba(255,247,230,.2)} .sk-hb.on{background:var(--lamp); color:#14221A; border-color:var(--lamp)}
.sk-banner{margin:0 0 10px; padding:8px 12px; border-radius:10px; background:#FFF7E6; color:#14221A; font-weight:600; border:2px solid #8A5F12}
.sk-main{display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:12px; align-items:start}
.sk-stage{position:relative; aspect-ratio:960/600; width:100%; background:#173226; border-radius:12px; overflow:hidden; border:2px solid rgba(255,247,230,.35); user-select:none; -webkit-user-select:none}
.sk-stage[hidden]{display:none}
#sk-canvas{position:absolute; inset:0; display:flex; align-items:center; justify-content:center; cursor:pointer} #sk-canvas canvas{display:block; max-width:100%; max-height:100%}
.sk-load{position:absolute; inset:0; margin:0; display:grid; place-items:center; font-weight:700; color:#F3EBD7; background:rgba(23,50,38,.92); z-index:3} .sk-load[hidden]{display:none}
.sk-simple .sk-main{grid-template-columns:minmax(0,1fr)}
.sk-gridwrap{min-width:0}
#sk-grid{display:grid; gap:5px}
.sk-grow{display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:5px}
.sk-cell{position:relative; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:1px; min-height:68px; padding:4px 2px 3px; font:inherit; color:#14221A; cursor:pointer; background:#FFF7E6; border:2px solid #14221A; border-radius:10px; overflow:hidden; text-align:center}
.sk-cell:hover{background:#FFEFC8}
.sk-cell.t-empty{background:rgba(255,247,230,.16); color:var(--board-ink); border-style:dashed; border-color:rgba(243,235,215,.55)} .sk-cell.t-empty:hover{background:rgba(255,247,230,.3)}
.sk-cell.t-proj{background:#E4F3E8} .sk-cell.t-rival{background:#E6E6E6; border-color:#555}
.sk-cell.off{background:repeating-linear-gradient(135deg, #E2DCCB 0 7px, #FFF7E6 7px 14px)}
.sk-cell.me{box-shadow:0 0 0 3px var(--lamp)}
.sk-cid{display:flex; align-items:center; gap:3px; font-size:.75rem; font-weight:800; line-height:1} .sk-dots{font-style:normal; font-size:.4rem; letter-spacing:1px; color:#8A5F12}
.sk-cell.t-empty .sk-dots{color:var(--lamp)}
.sk-cic{width:26px; height:26px} .sk-cn{font-size:.75rem; line-height:1.1; max-height:2.3em; overflow:hidden} .sk-cell.t-empty .sk-cn{display:none}
.sk-me{position:absolute; top:1px; right:3px; font-size:.8rem; color:#B97F12}
.sk-cp{font-style:normal; font-size:.66rem; font-weight:800; line-height:1.1; font-variant-numeric:tabular-nums} .sk-cp.up{color:#1D7A49} .sk-cp.down{color:#B3412E} .sk-cp.off{color:#555}
.sk-simple .sk-cell{min-height:78px} .sk-simple .sk-cic{width:32px; height:32px} .sk-simple .sk-cn{font-size:.78rem} .sk-simple .sk-cell.t-empty .sk-cn{display:block}
.sk-plan,.sk-dayrun{margin-top:12px; background:#FFF7E6; color:#14221A; border:3px solid #14221A; border-radius:12px; padding:12px 14px 14px}
.sk-plan[hidden],.sk-dayrun[hidden]{display:none}
.sk-plan-h{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:6px 16px} .sk-plan-h h2{margin:0; font-family:var(--serif); font-weight:600; font-size:1.4rem; color:#14221A}
.sk-chk,.sk-rad{display:flex; align-items:flex-start; gap:10px; min-height:44px; padding:6px 0; font-size:1rem; cursor:pointer} .sk-chk input,.sk-rad input{width:24px; height:24px; margin:0; flex:none}
.sk-rad small{display:block; color:#4A5A50; font-size:.84rem}
.sk-cent-strip{display:flex; align-items:flex-start; gap:10px; margin:6px 0 10px; padding:8px 12px; background:#173226; color:#F3EBD7; border-radius:12px} .sk-cent-strip p{margin:0 0 4px}
.sk-cs-fig{flex:none; width:48px; line-height:0} .sk-cs-fig svg{display:block; width:100%; height:auto}
.sk-shops{display:grid; grid-template-columns:repeat(auto-fill,minmax(290px,1fr)); gap:10px; margin:6px 0}
.sk-shop{background:#fff; border:2px solid #14221A; border-radius:12px; padding:10px 12px 12px; border-left-width:8px}
.sk-shop.t-lem{border-left-color:#E7B24C} .sk-shop.t-bak{border-left-color:#B98A4E} .sk-shop.t-bike{border-left-color:#3E7CA8} .sk-shop.t-book{border-left-color:#4E8F5F} .sk-shop.t-truck{border-left-color:#D4452A}
.sk-shop.off{background:repeating-linear-gradient(135deg, #F1ECDD 0 8px, #fff 8px 16px)}
.sk-sh{display:flex; align-items:center; gap:10px; margin:0 0 4px} .sk-sic{display:inline-block; width:30px; height:30px; flex:none; vertical-align:middle}
.sk-sht{min-width:0; display:flex; flex-wrap:wrap; align-items:center; gap:4px 10px} .sk-sht h3{margin:0; font-family:var(--serif); font-weight:600; font-size:1.2rem; color:#14221A} .sk-sht h3 small{font-family:inherit; font-size:.75rem; font-weight:700; color:#4A5A50}
.sk-chip{display:inline-flex; align-items:center; gap:6px; min-height:36px; padding:3px 12px; border-radius:99px; font:inherit; font-size:.88rem; font-weight:700; color:#14221A; background:#F3E6BF; border:2px solid #8A5F12}
button.sk-chip{cursor:pointer; min-height:44px} button.sk-chip:hover{background:#EBD79A}
.sk-chip.me{background:var(--lamp); border-color:#8A5F12}
.sk-mini{font:inherit; font-size:.88rem; font-weight:700; min-height:44px; padding:4px 14px; border-radius:99px; cursor:pointer; color:#14221A; background:#fff; border:2px solid #14221A} .sk-mini:hover{background:#FFEFC8}
.sk-staff{display:flex; flex-wrap:wrap; gap:6px; margin:4px 0 6px}
.sk-av{display:inline-grid; place-items:center; width:24px; height:24px; border-radius:50%; background:hsl(var(--h) 55% 62%); border:2px solid #14221A; font-size:.78rem; font-weight:800; color:#14221A} .sk-av.big{width:44px; height:44px; font-size:1.3rem}
.sk-offmsg{margin:6px 0; font-weight:700; color:#4A5A50}
.sk-ctl{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:4px 10px; margin:6px 0}
.sk-lab{font-weight:700; font-size:.95rem}
.sk-stp{display:flex; align-items:center; gap:6px}
.sk-step{width:48px; height:48px; flex:none; font:inherit; font-size:1.6rem; font-weight:800; line-height:1; cursor:pointer; border-radius:50%; color:#14221A; background:var(--lamp); border:3px solid #8A5F12; box-shadow:0 3px 0 #8A5F12; touch-action:manipulation; user-select:none; -webkit-user-select:none}
.sk-step:active:not(:disabled){transform:translateY(2px); box-shadow:0 1px 0 #8A5F12} .sk-step:disabled{opacity:.4; cursor:not-allowed; box-shadow:none}
.sk-tag{--tag:#EDD5A6; position:relative; display:inline-block; min-width:86px; padding:6px 14px 6px 24px; text-align:center; font-family:var(--serif); font-size:1.45rem; font-weight:700; font-variant-numeric:lining-nums tabular-nums; color:#14221A; background:var(--tag); border-radius:0 10px 10px 0; clip-path:polygon(0 50%, 16px 0, 100% 0, 100% 100%, 16px 100%)}
.sk-tag::before{content:""; position:absolute; left:11px; top:50%; width:8px; height:8px; margin-top:-4px; border-radius:50%; background:#fff; border:2px solid #8A5F12; box-sizing:border-box}
.sk-num{display:inline-block; min-width:56px; text-align:center; font-family:var(--serif); font-size:1.45rem; font-weight:700; font-variant-numeric:lining-nums tabular-nums}
.sk-meter{display:inline-flex; align-items:center; gap:2px} .sk-meter span{display:inline-block; width:14px; height:16px} .sk-meter svg{display:block; width:100%; height:100%; fill:none; stroke:#8A9A8F; stroke-width:1.2}
.sk-meter span.on svg{fill:#1D7A49; stroke:#14522F} .sk-meter.over span.on svg{fill:#D49A2A; stroke:#8A5F12} .sk-meter i{font-style:normal; font-weight:800; margin-left:4px; color:#8A5E0B}
.sk-want{margin:2px 0 4px; font-size:.95rem} .sk-want span{color:#4A5A50}
.sk-stockline{margin:6px 0 0}
.sk-cost,.sk-note{margin:2px 0; color:#4A5A50} .sk-note.small{font-size:.86rem}
.sk-est{margin:6px 0 0; font-weight:700; color:#173226}
.sk-sumrow{margin-top:10px; padding-top:8px; border-top:2px dashed #8A9A8F} .sk-sumrow p{margin:2px 0}
.sk-neg{color:#B3412E} .sk-warn{font-weight:700; color:#B3412E; min-height:1.2em}
.sk-openrow{margin:10px 0 0}
.sk-open{min-height:56px; min-width:220px; font-size:1.3rem; padding:10px 30px} .sk-open.blocked{opacity:.55; cursor:not-allowed}
.sk-dr-top{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px} .sk-dr-h{margin:0; font-family:var(--serif); font-size:1.3rem; font-weight:600}
.sk-dr-btns{display:flex; gap:6px} .sk-dayrun .sk-hb{color:#14221A; background:#fff; border:2px solid #14221A} .sk-dayrun .sk-hb.on{background:var(--lamp)}
.sk-dr-l{list-style:none; margin:10px 0 0; padding:0; display:grid; gap:4px; font-weight:600} .sk-dr-l li{display:flex; align-items:center; gap:8px}
.sk-dlg{position:fixed; inset:0; z-index:2000; display:flex; align-items:center; justify-content:center; padding:12px; background:rgba(10,18,14,.72)} .sk-dlg[hidden]{display:none}
.sk-dlg-card{width:min(640px,100%); max-height:calc(100vh - 24px); max-height:calc(100dvh - 24px); overflow:auto; background:#FFF7E6; color:#14221A; border:3px solid #14221A; border-radius:18px; padding:16px 18px 18px; box-shadow:0 10px 0 rgba(0,0,0,.25)}
.sk-dlg-card.sk-eve,.sk-dlg-card.sk-wk,.sk-dlg-card.sk-end{width:min(760px,100%)}
.sk-dlg-card :focus-visible{outline:3px solid #8A5E0B; outline-offset:2px}
.sk-dlg-top{display:flex; align-items:center; gap:12px; margin:0 0 8px} .sk-dlg-cent{flex:none; width:60px; line-height:0} .sk-dlg-cent svg{display:block; width:100%; height:auto}
.sk-dlg-card h2{margin:0; font-family:var(--serif); font-weight:600; font-size:clamp(1.35rem,4.4vw,1.75rem); line-height:1.15; color:#14221A} .sk-dlg-card h2:focus{outline:none}
.sk-dlg-card h3{font-family:var(--serif); font-weight:600; font-size:1.15rem; margin:12px 0 4px; color:#14221A}
.sk-dlg-body{font-size:1.04rem; line-height:1.4} .sk-dlg-body p{margin:0 0 8px}
.sk-dlg-btns{display:flex; flex-wrap:wrap; gap:10px; margin-top:14px}
.sk-db{flex:1 1 150px; min-height:56px; padding:10px 18px; font:inherit; font-weight:700; font-size:1.02rem; cursor:pointer; color:#14221A; background:#fff; border:2px solid #14221A; border-radius:10px 22px 22px 10px; display:flex; align-items:center; justify-content:center; gap:8px; text-align:center}
.sk-db:hover:not(:disabled){background:#FFEFC8} .sk-db.sk-primary{background:var(--lamp,#D49A2A)} .sk-db:disabled{opacity:.45; cursor:not-allowed; border-style:dashed}
.sk-db.sk-warnb{background:#F8D9D1; border-color:#8A2F1E}
.sk-db.sk-bigb{flex:1 1 100%; justify-content:flex-start; text-align:left; min-height:62px; gap:12px} .sk-bic{flex:none; width:34px; height:34px} .sk-btx{display:flex; flex-direction:column} .sk-btx small{font-weight:400; font-size:.86rem; color:#4A5A50}
.sk-db.sk-lotb{flex:0 1 120px}
.sk-sec-h{margin:10px 0 2px; font-weight:800}
.sk-pick{display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:6px; margin:8px 0}
.sk-pickb{min-height:48px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1px; font:inherit; font-size:.82rem; cursor:pointer; color:#14221A; background:#fff; border:2px solid #14221A; border-radius:10px} .sk-pickb:hover:not(:disabled){background:#FFEFC8} .sk-pickb i{font-style:normal; font-size:.4rem; color:#8A5F12; letter-spacing:1px} .sk-pickb.best{background:#FFEFC8; box-shadow:0 0 0 3px var(--lamp)} .sk-pickb.taken{opacity:.5; background:#E6E0CC; cursor:not-allowed; border-style:dashed} .sk-pickb .sk-ic{width:22px; height:22px}
.sk-bk{margin:0 0 10px; padding:0 0 8px; border-bottom:2px dashed #8A9A8F} .sk-bk h3{margin:0 0 4px} .sk-bk .btns{display:flex; flex-wrap:wrap; gap:8px; margin:6px 0}
.sk-lesson,.sk-lesson-card{margin:10px 0 0; padding:10px 12px; background:#E4F3E8; border-radius:10px; border:2px solid #1D7A49}
.sk-lesson-card{display:flex; gap:10px; align-items:flex-start} .sk-lesson-card p{margin:2px 0 0}
.sk-tq-fig{flex:none; display:inline-block; width:40px; line-height:0; vertical-align:middle} .sk-tq-fig svg{display:block; width:100%; height:auto}
.sk-talk-q{display:flex; align-items:center; gap:10px; margin:10px 0 0; padding:10px 12px; background:#173226; color:#F3EBD7; border-radius:10px; font-weight:600}
.sk-badge-new{margin:6px 0; font-weight:800; color:#8A5E0B}
.sk-modes-f{border:0; margin:0 0 8px; padding:0; min-width:0} .sk-dlg-card legend{font-weight:800; padding:0; margin:0 0 4px}
.sk-hname{display:flex; align-items:center; gap:10px; font-size:1.2rem; margin:0 0 6px}
.sk-set-row{display:flex; flex-wrap:wrap; gap:8px; margin:10px 0 4px}
.sk-bgl,.sk-hl{list-style:none; margin:0; padding:0; display:grid; gap:6px} .sk-bgl li{display:flex; gap:8px; padding:6px 10px; border-radius:8px; border:2px dashed #8A9A8F} .sk-bgl li.ok{border:2px solid #1D7A49; background:#E4F3E8} .sk-bgl small{display:block; color:#4A5A50}
.sk-stars-big{margin:0 0 8px; display:flex; align-items:center; gap:10px; font-weight:700} .sk-stars-big span:first-child{font-size:2rem; letter-spacing:4px; color:#B97F12; line-height:1}
.sk-hh{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:10px} .sk-hh ul{margin:0; padding-left:20px}
.sk-left{margin:6px 0; padding-left:20px; font-size:.95rem}
.sk-tw{overflow-x:auto; margin:0 0 8px; -webkit-overflow-scrolling:touch}
.sk-tbl{width:100%; border-collapse:collapse; font-size:.95rem; font-variant-numeric:lining-nums tabular-nums} .sk-tbl th,.sk-tbl td{padding:6px 8px; border-bottom:1px solid #C9BFA3; text-align:right; white-space:nowrap}
.sk-tbl th[scope="row"],.sk-tbl thead th:first-child{text-align:left; white-space:normal} .sk-tbl thead th{font-size:.8rem; color:#4A5A50; border-bottom:2px solid #14221A}
.sk-tbl .up{color:#1D7A49; font-weight:800} .sk-tbl .down{color:#B3412E; font-weight:800}
.sk-tbl .sk-tot th,.sk-tbl .sk-tot td{border-top:2px solid #14221A; font-weight:800} .sk-tbl .sk-grp th{padding-top:12px; color:#4A5A50; font-size:.85rem}
.sk-tbl small{color:#4A5A50; font-weight:400} .sk-pl{max-width:520px}
.sk-chart{display:block; width:100%; height:auto; max-height:260px} .sk-cv{font-size:14px; font-weight:800; fill:#14221A} .sk-cd{font-size:14px; fill:#4A5A50}
#sk-play,#sk-card,.sk-plan,.sk-step,#sk-open{scroll-margin-top:110px}
.sk-dlg-card,.sk-plan,.sk-dayrun,.sk-banner{color:#14221A}
.sk-dlg-card :is(th,td,label,legend),.sk-plan :is(th,td,label){color:#14221A}
.sk-dlg-card :is(.muted,.sk-note),.sk-plan :is(.muted,.sk-note){color:#4A5A50}
.sk-dlg-card :is(.up),.sk-plan :is(.up){color:#1D7A49} .sk-dlg-card :is(.down),.sk-plan :is(.down){color:#B3412E}
.sk-dlg-card .sk-tbl thead th{color:#4A5A50} .sk-dlg-card .sk-tbl .sk-grp th{color:#4A5A50}
@media (max-width:820px){
.sk-main{grid-template-columns:minmax(0,1fr)}
#sk-play:not([hidden]){display:flex; flex-direction:column} .sk-main{display:contents}
#sk-play>.sk-hud{order:0} #sk-play>.sk-banner{order:1} .sk-stage{order:2; margin-bottom:0} #sk-play>.sk-plan,#sk-play>.sk-dayrun{order:3} .sk-gridwrap{order:4; margin-top:12px}
.sk-hud{gap:6px} .sk-hit{min-width:0; flex:1 1 0; padding:2px 6px} .sk-hit span{font-size:.62rem} .sk-hit b{font-size:.9rem; letter-spacing:-.01em} .sk-hb{min-height:44px; padding:4px 10px; font-size:.8rem}
.sk-hm{flex:1 1 100%; order:5} .sk-hday{flex:1 1 100%}
.sk-hero-row{gap:10px; padding:8px 10px 12px} .sk-cent{width:76px; margin-top:-38px} .sk-towns{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:520px){
.sk-cell{min-height:56px; padding:3px 1px} .sk-cn{display:none} .sk-cic{width:24px; height:24px} .sk-simple .sk-cn{display:block; font-size:.58rem}
.sk-shops{grid-template-columns:minmax(0,1fr)} .sk-tbl .sk-sic{display:none} .sk-dlg-card{padding:12px 12px 14px} .sk-plan,.sk-dayrun{padding:10px 10px 12px} .sk-open{width:100%}
.sk-ev th,.sk-ev td{padding:6px 3px; font-size:.84rem} .sk-ev :is(th,td):nth-child(2),.sk-ev :is(th,td):nth-child(4){display:none}
.sk-ev :is(th,td):last-child{position:sticky; right:0; background:#FFF7E6; box-shadow:-6px 0 6px -6px rgba(0,0,0,.35)}
}
.sk-hc .sk-stage{background:#F6F1DD; border-color:#000} .sk-hc .sk-hit{border:2px solid #FFF7E6} .sk-hc .sk-hit span{color:#fff}
.sk-hc .sk-cell,.sk-hc .sk-shop,.sk-hc .sk-town,.sk-hc .sk-db,.sk-hc .sk-plan{border-width:4px} .sk-hc .sk-cp.up{color:#0B4A28} .sk-hc .sk-cp.down{color:#7A1F10}
.sk-hc .sk-tbl .up{color:#0B4A28} .sk-hc .sk-tbl .down{color:#7A1F10}
.sk-rm *{scroll-behavior:auto !important; transition:none !important; animation:none !important}
.card.mt3-card{position:relative; background:radial-gradient(120% 70% at 50% -12%, rgba(231,178,76,.3), transparent 62%), var(--board); color:var(--board-ink); border-color:var(--board-edge); border-radius:var(--r-board); padding:14px 14px 18px; scroll-margin-top:90px}
.mt3-card :focus-visible{outline:3px solid var(--lamp); outline-offset:2px}
.mt3-card.mt3-big{font-size:1.14rem}
.mt3-hero{border-radius:12px; overflow:hidden; background:#CFE6F2; border:2px solid rgba(255,247,230,.35)}
.mt3-art{display:block; width:100%; height:112px}
.mt3-hero-row{display:flex; align-items:center; gap:14px; padding:10px 14px 14px; background:var(--board)}
.mt3-cent{flex:none; width:92px; margin-top:-46px; line-height:0; filter:drop-shadow(0 3px 4px rgba(0,0,0,.35))} .mt3-cent svg{display:block; width:100%; height:auto}
.mt3-hi{margin:0 0 8px; font-family:var(--serif); font-weight:600; font-size:clamp(1.15rem,3.6vw,1.5rem); line-height:1.2; color:var(--board-ink)}
.mt3-hero-btns{margin:0; display:flex; flex-wrap:wrap; gap:8px}
.mt3-note{margin:8px 0 0; font-size:.9rem; color:var(--board-muted)}
.mt3-card .btn.lem-go{background:var(--lamp); color:#14221A; font-weight:800; border-radius:99px}
.mt3-bigbtn{min-height:56px; min-width:160px; font-size:1.15rem; padding:10px 26px}
.mt3-card .btn.ghost{background:transparent; color:var(--board-ink); border:1px solid rgba(243,235,215,.5); border-radius:99px; min-height:44px; padding:6px 16px}
.mt3-card .btn.ghost:hover{background:rgba(255,247,230,.12)}
.mt3-h2{font-family:var(--serif); font-weight:600; font-size:1.35rem; margin:18px 0 10px; color:var(--board-ink)}
.mt3-route{list-style:none; margin:0; padding:0 0 0 0; position:relative; max-width:680px}
.mt3-stop{position:relative; padding:0 0 10px 52px}
.mt3-stop::before{content:""; position:absolute; left:19px; top:44px; bottom:-2px; border-left:3px dotted rgba(243,235,215,.55)} .mt3-stop:last-child::before{display:none}
.mt3-stopbtn{width:100%; display:flex; align-items:center; gap:12px; min-height:60px; text-align:left; cursor:pointer; color:#14221A; font:inherit; background:#FFF7E6; border:2px solid #14221A; border-radius:10px 24px 24px 10px; padding:8px 14px 8px 12px}
.mt3-stopbtn:hover{background:#FFEFC8}
.mt3-num{position:absolute; left:0; top:6px; width:40px; height:40px; border-radius:50%; background:var(--lamp); border:3px solid #8A5F12; display:grid; place-items:center; font-weight:800; color:#14221A; font-size:1.1rem}
.mt3-stop.done .mt3-num{background:#E9F3EA; border-color:#2E6A4E} .mt3-stop.cur .mt3-stopbtn{box-shadow:0 0 0 3px var(--lamp)}
.mt3-stop.lock .mt3-stopbtn{cursor:not-allowed; border-style:dashed; background:#CFD3C6} .mt3-stop.lock .mt3-num{background:#5A6A60; border-color:#A9BFB1; color:#F3EBD7}
.mt3-st{display:flex; flex-direction:column; min-width:0; flex:1} .mt3-st b{font-size:1.02rem; line-height:1.25} .mt3-st small{color:#4A5A50; font-size:.84rem}
.mt3-stars{color:#B97F12; font-size:1.15rem; letter-spacing:2px; line-height:1.1; white-space:nowrap}
.mt3-menu-foot{margin:6px 0 4px; font-weight:700} .mt3-sum{color:var(--board-muted)}
.mt3-menu-btns{display:flex; flex-wrap:wrap; gap:8px; margin:10px 0 0}
.mt3-hud{display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; margin:0 0 10px}
.mt3-goalbox{flex:1 1 220px; min-width:0; display:flex; flex-direction:column; gap:1px} .mt3-goalbox b{font-family:var(--serif); font-size:1.1rem; line-height:1.2} .mt3-goalbox span{font-size:.98rem; color:var(--board-ink)}
.mt3-wallet{padding:6px 14px; border-radius:99px; background:rgba(255,247,230,.1); border:1px solid rgba(243,235,215,.35); font-weight:700; font-variant-numeric:lining-nums tabular-nums; min-height:44px; display:flex; align-items:center}
.mt3-wallet{flex-wrap:wrap; gap:0 8px} .mt3-wallet[hidden]{display:none} .mt3-sep{color:var(--lamp); font-weight:800} .mt3-sum{display:flex; flex-wrap:wrap; gap:0 8px}
.mt3-hbtns{display:flex; gap:6px}
.mt3-hb{font:inherit; font-weight:700; font-size:.95rem; min-height:44px; min-width:44px; padding:6px 16px; border-radius:99px; cursor:pointer; background:rgba(255,247,230,.1); color:var(--board-ink); border:1px solid rgba(243,235,215,.45)}
.mt3-hb:hover{background:rgba(255,247,230,.2)}
.mt3-toast{margin:0 0 10px; padding:8px 12px; border-radius:10px; background:#FFF7E6; color:#14221A; font-weight:600; border:2px solid #8A5F12}
.mt3-body{position:relative}
.mt3-stage{position:relative; height:clamp(300px,calc(100vh - 150px - var(--mt3-hud,64px)),660px); height:clamp(300px,calc(100dvh - 150px - var(--mt3-hud,64px)),660px); width:100%; background:#CFE6F2; border-radius:12px; overflow:hidden; border:2px solid rgba(255,247,230,.35); user-select:none; -webkit-user-select:none; touch-action:none; outline-offset:-4px}
.mt3-canvas{position:absolute; inset:0} .mt3-canvas canvas{display:block; width:100%; height:100%}
.mt3-labels{position:absolute; inset:0; pointer-events:none; overflow:hidden}
.mt3-lab{position:absolute; left:0; top:0; white-space:nowrap; padding:2px 10px; border-radius:99px; background:rgba(23,50,38,.86); color:#FFF7E6; font-size:.8rem; font-weight:700; will-change:transform}
.mt3-load{position:absolute; inset:0; margin:0; display:grid; place-items:center; font-weight:700; color:#F3EBD7; background:rgba(23,50,38,.94); z-index:6}
.mt3-fps{position:absolute; left:6px; top:6px; z-index:7; padding:2px 6px; font:12px/1.3 monospace; background:rgba(0,0,0,.6); color:#fff; border-radius:4px}
.mt3-joy{position:absolute; width:104px; height:104px; margin:-52px 0 0 -52px; border-radius:50%; background:rgba(255,247,230,.28); border:3px solid rgba(255,247,230,.75); z-index:4; pointer-events:none}
.mt3-joy span{position:absolute; left:50%; top:50%; width:46px; height:46px; margin:-23px 0 0 -23px; border-radius:50%; background:var(--lamp); border:3px solid #8A5F12}
.mt3-rots{position:absolute; right:10px; top:10px; display:flex; gap:8px; z-index:4}
.mt3-rot{width:48px; height:48px; border-radius:50%; display:grid; place-items:center; cursor:pointer; color:#14221A; background:rgba(255,247,230,.92); border:2px solid #14221A} .mt3-rot svg{width:24px; height:24px}
.mt3-act,.mt3-done{position:absolute; z-index:4; right:14px; font:inherit; font-weight:800; cursor:pointer; color:#14221A; background:var(--lamp); border:3px solid #8A5F12; box-shadow:0 4px 0 #8A5F12; border-radius:99px; padding:10px 22px; touch-action:manipulation}
.mt3-act{bottom:16px; min-height:64px; min-width:132px; font-size:1.1rem; max-width:62%} .mt3-done{bottom:92px; min-height:52px; font-size:1rem; background:#FFF7E6; max-width:70%}
.mt3-lefty .mt3-act,.mt3-lefty .mt3-done{right:auto; left:14px} .mt3-lefty .mt3-rots{right:auto; left:10px}
.mt3-act:active,.mt3-done:active{transform:translateY(2px); box-shadow:0 2px 0 #8A5F12}
.mt3-listmode .mt3-stage,.mt3-3d .mt3-list{display:none}
.mt3-dlg{background:#FFF7E6; color:#14221A; border:3px solid #14221A; border-radius:16px 16px 16px 4px; padding:10px 14px 12px; box-shadow:0 6px 0 rgba(0,0,0,.22); z-index:8}
.mt3-3d .mt3-dlg{position:absolute; left:8px; right:8px; bottom:8px; max-height:calc(100% - 16px); overflow:auto}
.mt3-listmode .mt3-body{display:flex; flex-direction:column} .mt3-listmode .mt3-dlg{order:-1; margin-bottom:12px}
.mt3-dh{display:flex; align-items:center; gap:10px; margin:0 0 6px} .mt3-dh b{font-family:var(--serif); font-size:1.2rem; flex:1}
.mt3-dfig{flex:none; width:48px; height:48px; display:block; line-height:0} .mt3-dfig svg{display:block; width:100%; height:100%}
.mt3-av{border-radius:50%; border:2px solid #14221A}
.mt3-later{font:inherit; font-size:.9rem; font-weight:700; min-height:44px; padding:4px 14px; border-radius:99px; cursor:pointer; background:#fff; color:#14221A; border:2px solid #14221A}
.mt3-dbody{font-size:1.06rem} .mt3-line{margin:0 0 6px} .mt3-q{margin:0 0 8px; font-weight:700; font-size:1.1rem}
.mt3-flyer{margin:0 0 8px; padding:10px 14px; background:#fff; border:2px dashed #8A5F12; border-radius:6px; transform:rotate(-.6deg); font-weight:700; font-size:1.05rem} .mt3-flyer p{margin:0}
.mt3-opts{display:grid; gap:8px}
.mt3-opt{display:flex; align-items:center; gap:12px; width:100%; min-height:50px; text-align:left; font:inherit; font-weight:600; cursor:pointer; color:#14221A; background:#fff; border:2px solid #14221A; border-radius:12px; padding:8px 12px}
.mt3-opt:hover:not(:disabled){background:#FFEFC8} .mt3-opt:disabled{cursor:default}
.mt3-opt.wrong{opacity:.55; text-decoration:line-through; border-style:dashed}
.mt3-key{flex:none; width:28px; height:28px; border-radius:50%; background:var(--lamp); border:2px solid #8A5F12; display:grid; place-items:center; font-weight:800; font-size:.95rem}
.mt3-oops{margin:0 0 8px; padding:6px 10px; border-radius:8px; background:#FBE3DC; font-weight:700; color:#7A1F10}
.mt3-dbtns{display:flex; flex-wrap:wrap; gap:8px; margin-top:10px}
.mt3-db{font:inherit; font-weight:700; min-height:48px; min-width:96px; padding:8px 22px; border-radius:99px; cursor:pointer; color:#14221A; background:#fff; border:3px solid #14221A}
.mt3-db.primary{background:var(--lamp); border-color:#8A5F12; box-shadow:0 3px 0 #8A5F12} .mt3-db:hover{background:#FFEFC8} .mt3-db.primary:hover{background:#E7B24C}
.mt3-jar{margin:8px 0} .mt3-jar-bar{height:22px; border-radius:99px; background:#fff; border:2px solid #14221A; overflow:hidden} .mt3-jar-bar span{display:block; height:100%; background:var(--lamp)}
.mt3-cal{position:relative; width:84px; height:72px; margin:8px 0; border:3px solid #14221A; border-radius:8px; background:#fff; perspective:200px}
.mt3-cal::before{content:""; position:absolute; left:0; right:0; top:0; height:20px; background:#C8553D; border-radius:4px 4px 0 0}
.mt3-cal-pg{position:absolute; left:6px; right:6px; top:26px; bottom:6px; background:repeating-linear-gradient(90deg,#DCE3DD 0 10px,#fff 10px 14px); transform-origin:top; backface-visibility:hidden}
.mt3-cal.flip .mt3-cal-pg{animation:mt3flip .7s ease-in forwards} @keyframes mt3flip{from{transform:rotateX(0)}to{transform:rotateX(-170deg); opacity:.2}}
.mt3-endh{margin:0; font-family:var(--serif); font-size:1.5rem; font-weight:700} .mt3-endstars{margin:0 0 4px; font-size:2rem; color:#B97F12; letter-spacing:4px; line-height:1.1}
.mt3-conds{list-style:none; margin:0 0 8px; padding:0} .mt3-conds li{padding:2px 0} .mt3-conds li.on{font-weight:700} .mt3-conds li span[aria-hidden]{color:#B97F12; font-size:1.1rem}
.mt3-sumtxt{margin:6px 0; font-weight:700}
.mt3-newbadge{display:flex; align-items:center; gap:10px; margin:6px 0; padding:6px 10px; background:#FFF0C4; border:2px solid #8A5F12; border-radius:10px} .mt3-bm{width:40px; flex:none} .mt3-medal{display:block; width:100%; height:auto}
.mt3-list{background:#FFF7E6; color:#14221A; border:3px solid #14221A; border-radius:12px; padding:12px 14px 14px} .mt3-list h3,.mt3-sheet-card h3{margin:0 0 6px; font-family:var(--serif); font-size:1.25rem}
.mt3-here{margin:0 0 14px; padding-bottom:12px; border-bottom:2px dotted #8A5F12}
.mt3-acts{display:flex; flex-wrap:wrap; gap:8px; margin:8px 0} .mt3-actb{font:inherit; font-weight:700; min-height:48px; padding:8px 18px; border-radius:99px; cursor:pointer; color:#14221A; background:#fff; border:2px solid #14221A} .mt3-actb.primary{background:var(--lamp); border-color:#8A5F12}
.mt3-places{list-style:none; margin:0; padding:0; display:grid; gap:8px; grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.mt3-places li{display:flex; align-items:center; gap:10px; padding:8px 10px; background:#fff; border:2px solid #14221A; border-radius:10px} .mt3-places li.here{background:#E9F3EA} .mt3-places li.goal{box-shadow:0 0 0 3px var(--lamp)}
.mt3-pl{flex:1; min-width:0; display:flex; flex-direction:column} .mt3-plh{display:flex; flex-wrap:wrap; align-items:center; gap:2px 8px} .mt3-pl small{color:#4A5A50; font-size:.85rem; line-height:1.3}
.mt3-tag{display:inline-block; padding:0 8px; border-radius:99px; background:#E9F3EA; border:1px solid #2E6A4E; font-size:.75rem; font-weight:700} .mt3-tag.gold{background:#FFF0C4; border-color:#8A5F12}
.mt3-go{flex:none; font:inherit; font-weight:700; min-height:44px; padding:4px 14px; border-radius:99px; cursor:pointer; color:#14221A; background:var(--lamp); border:2px solid #8A5F12}
.mt3-sheet{position:absolute; inset:0; z-index:30; display:flex; align-items:flex-start; justify-content:center; padding:12px; background:rgba(10,18,14,.78); border-radius:var(--r-board)} .mt3-sheet[hidden]{display:none}
.mt3-sheet-card{position:sticky; top:84px; width:min(620px,100%); max-height:calc(100vh - 110px); max-height:calc(100dvh - 110px); overflow:auto; background:#FFF7E6; color:#14221A; border:3px solid #14221A; border-radius:16px; padding:14px 18px 16px; box-shadow:0 10px 0 rgba(0,0,0,.25)}
.mt3-sheet-card h2{margin:0 0 8px; font-family:var(--serif); font-size:1.5rem; color:#14221A} .mt3-sheet-foot{position:sticky; bottom:0; margin-top:12px; padding:8px 0 2px; background:#FFF7E6}
.mt3-pausebtns{display:grid; gap:8px}
.mt3-how,.mt3-keys{margin:0 0 10px; padding-left:22px} .mt3-how li,.mt3-keys li{margin:0 0 4px}
.mt3-fs{border:0; margin:0 0 10px; padding:0} .mt3-fs legend{font-weight:800; padding:0; margin-bottom:4px} .mt3-fs small{display:block; color:#4A5A50}
.mt3-rad,.mt3-chk{display:flex; align-items:flex-start; gap:10px; min-height:44px; padding:6px 0; cursor:pointer} .mt3-rad input,.mt3-chk input{width:24px; height:24px; margin:0; flex:none} .mt3-chk small{display:block; color:#4A5A50; font-size:.84rem}
.mt3-badges{list-style:none; margin:0; padding:0; display:grid; gap:8px; grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.mt3-badges li{display:flex; gap:10px; align-items:center; padding:6px 8px; border:2px solid #8A9A8F; border-radius:10px; background:#fff; opacity:.8} .mt3-badges li.on{border-color:#8A5F12; opacity:1; background:#FFF8E0}
.mt3-badges .mt3-medal{width:44px; flex:none} .mt3-badges span{display:flex; flex-direction:column} .mt3-badges small{color:#4A5A50; font-size:.82rem; line-height:1.25} .mt3-badges em{font-style:normal; font-size:.78rem; font-weight:700; color:#2E6A4E}
.mt3-jp{margin:0 0 12px; padding-bottom:10px; border-bottom:2px dotted #8A5F12} .mt3-jp h3{display:flex; flex-wrap:wrap; justify-content:space-between; gap:4px 10px}
.mt3-talk{padding-left:20px} .mt3-talk li{margin:0 0 6px}
.mt3-gu-btns{display:flex; flex-wrap:wrap; gap:8px; margin:10px 0}
.mt3-ask{margin:8px 0; padding:10px 12px; border:2px solid var(--warn); border-radius:10px; background:var(--tint)} .mt3-ask p{margin:0 0 8px; font-weight:700}
.mt3-printbox{display:none}
.mt3-hc .mt3-dlg,.mt3-hc .mt3-list,.mt3-hc .mt3-sheet-card{background:#fff; color:#000; border-width:5px; border-color:#000}
.mt3-hc .mt3-opt,.mt3-hc .mt3-db,.mt3-hc .mt3-actb,.mt3-hc .mt3-stopbtn,.mt3-hc .mt3-later{border-width:4px; border-color:#000; color:#000} .mt3-hc .mt3-stopbtn{background:#fff}
.mt3-hc .mt3-stage{border-color:#000} .mt3-hc .mt3-lab{background:#000; color:#fff; border:2px solid #fff} .mt3-hc .mt3-st small,.mt3-hc .mt3-pl small,.mt3-hc .mt3-badges small,.mt3-hc .mt3-chk small{color:#000}
.mt3-hc :focus-visible{outline:4px solid #FFB000; box-shadow:0 0 0 7px #000}
.mt3-hc .mt3-act,.mt3-hc .mt3-done,.mt3-hc .mt3-go{border-color:#000; box-shadow:0 4px 0 #000}
.mt3-rm *,.mt3-rm *::before{scroll-behavior:auto !important; transition:none !important; animation:none !important}
@media (max-width:640px){
.mt3-hero-row{flex-direction:column; align-items:flex-start; padding-top:4px} .mt3-cent{width:72px; margin-top:-36px}
.mt3-stage{height:clamp(300px,calc(100vh - 140px - var(--mt3-hud,100px)),700px); height:clamp(300px,calc(100dvh - 140px - var(--mt3-hud,100px)),700px)} .mt3-art{height:92px}
.mt3-places{grid-template-columns:minmax(0,1fr)} .mt3-hud{gap:6px 8px}
.mt3-3d .mt3-dlg{left:4px; right:4px; bottom:4px; padding:8px 10px 10px; max-height:64%} .mt3-dbody{font-size:.97rem} .mt3-line{margin:0 0 4px} .mt3-dfig{width:40px; height:40px} .mt3-dh b{font-size:1.1rem}
.mt3-opt{min-height:46px; padding:6px 10px; font-size:.97rem} .mt3-db{min-height:46px; padding:6px 18px}
.mt3-sheet{padding:6px} .mt3-sheet-card{padding:12px 14px}
.mt3-hud{display:grid; grid-template-columns:auto minmax(0,1fr) auto; grid-template-areas:"p g g" "w w b"; gap:4px 8px; align-items:center; margin-bottom:6px} .mt3-hb{min-height:44px; padding:4px 12px; font-size:.88rem}
.mt3-hud #mt3-pause{grid-area:p} .mt3-goalbox{grid-area:g; flex:none} .mt3-wallet{grid-area:w; min-height:40px; padding:4px 10px; font-size:.9rem; justify-self:start} .mt3-hbtns{grid-area:b; justify-self:end}
.mt3-goalbox b{font-size:.98rem} .mt3-goalbox span{font-size:.86rem; line-height:1.25}
}
@media print{
html.mt3-printing body > *:not(#mt3-printbox){display:none !important}
html.mt3-printing #mt3-printbox{display:block; color:#000; background:#fff; font-size:12pt; padding:0 8mm}
html.mt3-printing #mt3-printbox .mt3-jp{break-inside:avoid}
}
.fire-t th,.fire-t td{text-align:right; white-space:nowrap; padding:8px 10px; border-bottom:1px solid var(--line); font-variant-numeric:tabular-nums}
.fire-t thead th:first-child,.fire-t tbody th{text-align:left; white-space:normal}
.fire-t tbody th{min-width:8.5em}
.fire-t thead th{vertical-align:bottom}
.fire-t thead th .small{display:block; font-weight:400; color:var(--muted)}
.fire-t td.fire-cur{background:color-mix(in srgb,var(--brand-2) 22%,transparent); font-weight:700}
@media (max-width:520px){ .fire-t{font-size:.8rem} .fire-t th,.fire-t td{padding:8px 4px} .fire-t thead th:first-child,.fire-t tbody th{width:22%} }
.lc-grid{grid-template-columns:1fr 1fr; align-items:end}
.lc-grid .lc-full{grid-column:1/-1}
.lc-hd{font-weight:700; font-size:.95rem; padding-bottom:4px; border-bottom:3px solid var(--brand-2)}
.lc-hd.b{border-bottom-color:var(--warn)}
.lc-chartcard .lc-h3{font-family:var(--serif); font-weight:600; font-size:1.05rem; margin:18px 0 8px}
.lc-chartcard h2 + .lc-h3{margin-top:4px}
.lc-bar{display:grid; grid-template-columns:4.2em 1fr auto; align-items:center; gap:10px; margin:8px 0}
.lc-bar .stack{margin:0; height:16px}
.lc-bn{font-size:.85rem; font-weight:600}
.lc-bt{font-size:.85rem; font-weight:700; white-space:nowrap}
.lc-s-p{background:var(--brand-2)} .lc-s-i{background:var(--lamp)} .lc-s-f{background:var(--down)}
.stack i[class^="lc-s-"]{border-right:2px solid var(--card)} .stack i[class^="lc-s-"]:last-child{border-right:0}
.stack .lc-s-p{opacity:.55}
.lc-legend{display:flex; flex-wrap:wrap; gap:4px 16px; margin:6px 0 0}
.lc-legend > span{display:inline-flex; align-items:center; gap:6px}
.lc-sw{display:inline-block; width:12px; height:12px; border-radius:3px}
.lc-sw.lc-s-p{opacity:.55}
.lc-key{width:28px; height:10px; overflow:visible}
.lc-ln{fill:none; stroke-width:2.5; stroke-linejoin:round; stroke-linecap:round}
.lc-ln-a{stroke:var(--brand-2)} .lc-ln-b{stroke:var(--warn); stroke-dasharray:7 4}
.lc-pt-a{fill:var(--brand-2); stroke:var(--card); stroke-width:2} .lc-pt-b{fill:var(--warn); stroke:var(--card); stroke-width:2}
.lc-be-l{stroke:var(--gold-ink); stroke-width:1.5; stroke-dasharray:3 3}
.lc-be-d{fill:var(--card); stroke:var(--gold-ink); stroke-width:2.5}
.lc-be-t{fill:var(--gold-ink); font-size:11px; font-weight:700; font-family:var(--font)}
.lc-chartcard .chips{margin:0 0 6px}
.lc-chartcard .chart{margin-top:10px}
.lc-read{min-height:1.5em; margin:4px 0 12px}
.lc-tbl summary{cursor:pointer; font-weight:600; padding:8px 0}
.lc-tt td:first-child,.lc-tt th:first-child{text-align:left}
.lc-tt thead th[colspan]{text-align:center; border-bottom:1px solid var(--line)}
@media (max-width:520px){ .lc-bar{grid-template-columns:3.6em 1fr auto; gap:8px} }
.w4-t th,.w4-t td{white-space:normal; vertical-align:top} .w4-t td:first-child,.w4-t tbody th:first-child{text-align:left}
.w4-t tbody tr:last-child th{font-weight:700; color:var(--ink); font-size:.9rem; border-top:2px solid var(--line)}
.w4-list{margin:0; padding-left:1.2em} .w4-list li{margin:.5em 0; line-height:1.5}
#v-w4 [hidden]{display:none!important}
#v-ssg [hidden]{display:none!important}
#v-ssg .fields{grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); align-items:end}
#v-ssg .vw-chk{margin:16px 0 10px}
#ssg-table th,#ssg-table td,#ssg-ages th,#ssg-ages td{white-space:normal; vertical-align:top}
#ssg-table tbody th,#ssg-ages tbody th{text-align:left; font-weight:600; color:var(--ink); min-width:88px}
#ssg-table td,#ssg-table thead th:not(:first-child),#ssg-ages td,#ssg-ages thead th:not(:first-child){text-align:right}
.ssg-date{display:block}
#ssg-ages td.ssg-top{background:var(--tint); font-weight:700}
#v-ssg .scroll{background:linear-gradient(to left,var(--card) 30%,transparent) right/28px 100% no-repeat local,radial-gradient(farthest-side at 100% 50%,color-mix(in srgb,var(--ink) 28%,transparent),transparent) right/10px 100% no-repeat scroll}
@media (max-width:640px){
#ssg-table th,#ssg-table td,#ssg-ages th,#ssg-ages td{padding-left:6px; padding-right:6px; font-size:.86rem}
#ssg-table tbody th,#ssg-ages tbody th{min-width:0}
}
.emb-builder{margin:18px 0; padding:16px; border:1px solid var(--line); border-radius:var(--r); background:var(--tint)}
.emb-builder h3{margin:0 0 10px}
.emb-builder h3:not(:first-child){margin-top:18px}
.emb-b-fields{margin-bottom:12px}
.emb-code{display:block; width:100%; margin:6px 0 0; padding:10px; font:.82rem/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; color:var(--ink); background:var(--card); border:1px solid var(--line); border-radius:var(--r-s); resize:vertical; direction:ltr; text-align:left}
.emb-prev{display:block; width:100%; margin-top:6px; border:1px solid var(--line); border-radius:var(--r-s); background:var(--card)}
.rpt-dateline{margin:0 0 12px; max-width:none}
.rpt-toc{border:1px solid var(--line); border-radius:var(--r-s); padding:10px 14px; margin:0 0 14px; background:var(--tint)}
.rpt-toc ul{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:4px 18px}
.rpt-toc li{margin:0; font-size:.9rem; max-width:none}
.rpt-findings{padding-left:24px} .rpt-findings li{margin:12px 0}
.rpt-fig{margin:10px 0 14px; padding:0}
.rpt-fig figcaption{margin-top:6px; max-width:78ch}
.rpt-chart{display:block; width:100%; max-width:560px; height:auto}
.rpt-chart text{font-family:var(--font)}
.rpt-bar{fill:var(--brand-2)} .rpt-bar-hi{fill:var(--gold-ink)} .rpt-bar-oil{fill:var(--down)} .rpt-bar-pro{fill:var(--muted)} .rpt-ink{fill:var(--ink)} .rpt-mute{fill:var(--muted)} .rpt-ref{stroke:var(--muted)} .rpt-val{paint-order:stroke; stroke:var(--bg); stroke-width:3px; stroke-linejoin:round}
.article .rpt-t{margin:6px 0 4px}
.article .rpt-t :is(th,td){text-align:right; white-space:nowrap; padding:7px 10px; vertical-align:middle}
.article .rpt-t :is(th,td):first-child{text-align:left}
.article .rpt-t tbody th{font-weight:600; color:var(--ink); font-size:.9rem}
.article .rpt-t.rpt-text :is(th,td){text-align:left; white-space:normal; vertical-align:top}
.article .rpt-cap{margin:14px 0 6px; font-weight:600; font-size:.88rem; color:var(--ink); max-width:78ch}
.rpt-scroll{max-height:640px; overflow:auto}
.rpt-sortable{min-width:600px}
.rpt-sortable.rpt-wide{min-width:560px}
.rpt-sortable thead th{position:sticky; top:0; z-index:2; background:var(--bg)}
.rpt-sortable tbody th:first-child{position:sticky; left:0; z-index:1; background:var(--bg)}
.rpt-sortable thead th:first-child{left:0; z-index:3}
.rpt-sort{background:none; border:0; padding:4px 0; margin:0; min-height:32px; font:inherit; font-weight:600; font-size:.78rem; color:var(--muted); cursor:pointer; text-align:inherit; white-space:normal; display:inline-flex; align-items:center; gap:.3em}
th[data-type=num] .rpt-sort{justify-content:flex-end; text-align:right}
.rpt-sort:hover{color:var(--ink)} .rpt-sort:focus-visible{outline:2px solid var(--brand-2); outline-offset:2px; border-radius:3px}
.rpt-sortable th[aria-sort=ascending] .rpt-sort::after{content:"\25B2"; font-size:.7em} .rpt-sortable th[aria-sort=descending] .rpt-sort::after{content:"\25BC"; font-size:.7em}
.rpt-sortable th[aria-sort=ascending] .rpt-sort,.rpt-sortable th[aria-sort=descending] .rpt-sort{color:var(--ink)}
.rpt-sr{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; margin:0}
.rpt-banks{margin:4px 0 12px}
.rpt-downloads{display:flex; flex-wrap:wrap; gap:10px; margin:14px 0 6px; max-width:none}
.rpt-downloads .btn{display:inline-block; text-decoration:none}
.rpt-box{border:1px solid var(--line); border-radius:var(--r-s); padding:12px 14px; background:var(--tint); max-width:78ch}
.rpt-box p{margin:0 0 6px; max-width:none}
.rpt-quote{margin:2px 0 12px; font-family:var(--serif); font-size:1.02rem; line-height:1.45; overflow-wrap:anywhere}
.rpt-copyrow{margin:6px 0 0; display:flex; flex-wrap:wrap; align-items:center; gap:8px}
.rpt-copyrow .btn[hidden]{display:none}
.article .rpt-list{list-style:none; margin:0; padding:0; max-width:78ch}
.rpt-item{border-top:1px solid var(--line); padding:12px 0}
.rpt-item p{margin:6px 0 0}
.rpt-meta{display:block; margin-top:2px}
@media (max-width:820px){ .rpt-scroll{background:linear-gradient(to left,var(--card) 30%,transparent) right/28px 100% no-repeat local,radial-gradient(farthest-side at 100% 50%,color-mix(in srgb,var(--ink) 28%,transparent),transparent) right/10px 100% no-repeat scroll} }
#v-cxt [hidden]{display:none!important}
.cxt-row{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px 10px; align-items:end; padding:10px 0; border-top:1px dashed var(--line)}
.cxt-row .cxt-rn{grid-column:1/-1; font-weight:600; font-size:.85rem; color:var(--muted)}
.cxt-row input{min-width:0; width:100%}
.cxt-btns{margin:12px 0 14px; display:flex; flex-wrap:wrap; gap:8px}
#v-cxt .fields{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
@media (max-width:640px){ .cxt-row{grid-template-columns:repeat(2,minmax(0,1fr))} }
.shx-t th,.shx-t td{white-space:normal; vertical-align:top}
.shx-t tbody th,.shx-t td:first-child{text-align:left; font-weight:500; color:var(--ink)}
.shx-t td:last-child{font-weight:600; color:var(--ink)}
.shx-t tbody td:not(:first-child):not(:last-child){color:var(--muted)}
#cxt-board .kv span:last-child{white-space:nowrap; text-align:right}
#v-caf [hidden]{display:none!important}
#v-caf .caf-h3{font-family:var(--serif); font-weight:600; font-size:1.05rem; margin:18px 0 8px}
#v-caf h2 + .caf-h3{margin-top:4px}
#v-caf .kv span:last-child{white-space:nowrap; text-align:right}
#v-efc [hidden]{display:none!important}
#v-efc .efc-quick{align-items:center; margin:10px 0 6px}
#v-efc .efc-facs{display:grid; gap:10px; margin:10px 0 12px}
#v-efc .efc-fac-out{font-weight:600; font-size:.92rem; margin:6px 0 8px}
#v-efc .efc-fac-out:empty{display:none}
#v-efc .efc-keep{margin:0 0 10px; padding-left:1.2em}
#v-efc .efc-keep li{margin:0 0 8px}
#efc-result .kv span:last-child{white-space:nowrap; text-align:right}
#v-wed [hidden]{display:none!important}
#v-wed .wed-f{grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); align-items:end}
.wed-cat{display:grid; grid-template-columns:minmax(0,1.5fr) 92px 112px minmax(0,1fr); gap:8px; align-items:center; padding:5px 0}
.wed-cat input{width:100%; min-width:0}
.wed-cat-h{font-size:.82rem; font-weight:600; color:var(--muted)}
.wed-cat-h span:last-child,.wed-av{text-align:right}
.wed-cl,.wed-cat label.wed-cl{font-weight:500; font-size:1rem; color:var(--ink); margin:0}
.wed-lb{display:none}
.wed-cv{display:block; font-variant-numeric:tabular-nums; font-weight:600}
.wed-av .small{display:block}
.wed-cat-t{border-top:1px solid var(--line); margin-top:4px; padding-top:9px; font-weight:700}
.wed-t thead th:first-child,.wed-t tbody th{text-align:left; font-weight:500}
.wed-t thead th{font-weight:600}
.wed-t .wed-now th,.wed-t .wed-now td{font-weight:700; background:color-mix(in srgb,var(--lamp) 14%,transparent)}
.wed-t .wed-now th{color:var(--ink)}
.wed-cc-kv{margin-top:14px; border-top:1px solid var(--line); padding-top:8px} .wed-cc-kv b{font-family:var(--serif); font-weight:600; font-size:1.25rem; font-variant-numeric:lining-nums tabular-nums}
@media (max-width:560px){
.wed-cat-h{display:none}
.wed-cat{grid-template-columns:minmax(0,1fr) minmax(0,1fr); row-gap:6px; padding:9px 0; border-bottom:1px solid var(--line)}
.wed-cat > .wed-cl{order:1}
.wed-cat > .wed-av{order:2}
.wed-cat > .wed-c{order:3}
.wed-lb{display:block; font-size:.78rem; font-weight:600; color:var(--muted); margin-bottom:2px}
.wed-na{display:none}
}
#v-bby [hidden]{display:none!important}
#v-bby .fields{grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); align-items:end}
#v-bby .bby-h3{font-family:var(--serif); font-weight:600; font-size:1.05rem; margin:20px 0 8px}
#v-bby h2 + .bby-h3, #v-bby .note-warn + .bby-h3{margin-top:14px}
#v-bby .kv span:last-child{white-space:nowrap; text-align:right}
@media (max-width:520px){ #bby-taxcard .fire-t thead th:first-child, #bby-taxcard .fire-t tbody th{width:auto} }
#v-chc [hidden]{display:none!important}
#v-chc .fields{grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); align-items:end}
#v-chc .chc-kids{grid-template-columns:repeat(2,minmax(0,1fr))}
.chc-h3{font-family:var(--serif); font-weight:600; font-size:1.05rem; margin:18px 0 8px}
#v-chc .kv span:last-child{text-align:right}
.chc-tablecard{margin-top:16px}
.chc-t th,.chc-t td{padding:8px 10px}
.chc-t thead th{vertical-align:bottom; white-space:normal; line-height:1.2; position:sticky; top:0; z-index:2; background:var(--card)}
.chc-t thead th:not(:first-child) .chc-sort{justify-content:flex-end; text-align:right}
.chc-t td{white-space:nowrap}
.chc-t tbody th{font-weight:600; font-size:.9rem; color:var(--ink); text-align:left; white-space:nowrap; position:sticky; left:0; z-index:1; background:var(--card)}
.chc-t thead th:first-child{left:0; z-index:3}
.chc-tablecard .scroll{max-height:560px; overflow:auto}
.chc-sort{background:none; border:0; padding:4px 0; margin:0; font:inherit; font-weight:600; font-size:.78rem; color:var(--muted); cursor:pointer; text-align:inherit; white-space:normal; display:inline-flex; align-items:center; gap:.3em; min-height:32px}
.chc-sort:hover{color:var(--ink)} .chc-sort:focus-visible,.chc-pick:focus-visible{outline:2px solid var(--brand-2); outline-offset:2px; border-radius:3px}
th[aria-sort=ascending] .chc-sort::after{content:"\25B2"; font-size:.7em} th[aria-sort=descending] .chc-sort::after{content:"\25BC"; font-size:.7em}
th[aria-sort=ascending] .chc-sort,th[aria-sort=descending] .chc-sort{color:var(--ink)}
.chc-pick{background:none; border:0; margin:0; padding:4px 0; font:inherit; font-weight:600; color:var(--ink); cursor:pointer; text-align:left; min-height:32px; text-decoration:underline dotted; text-underline-offset:3px}
.chc-pick:hover{color:var(--brand-2)}
.chc-pick-st{color:var(--ink)} .chc-pick-st:hover{color:var(--brand-2)}
.chc-t tr.sel td,.chc-t tr.sel th{background:var(--tint)}
.chc-t tr.sel th{box-shadow:inset 3px 0 0 var(--lamp)}
.chc-est{font-size:.75rem; font-weight:500; color:var(--muted)}
.chc-sr{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; margin:0}
@media (max-width:820px){ .chc-t{min-width:660px} .chc-tablecard .scroll{background:linear-gradient(to left,var(--card) 30%,transparent) right/28px 100% no-repeat local,radial-gradient(farthest-side at 100% 50%,color-mix(in srgb,var(--ink) 28%,transparent),transparent) right/10px 100% no-repeat scroll} }
.pwa-install{display:flex; flex-wrap:wrap; align-items:center; gap:6px 12px; margin:0 0 12px}
.pwa-install[hidden],.pwa-install [hidden]{display:none}
.pwa-install .btn{padding:6px 14px; font-size:.85rem}
.pwa-install p{margin:0; max-width:60ch}
.pr-only{display:none}
.pr-actions{margin-top:14px}
.board .pr-btn{color:var(--board-ink); border-color:var(--board-muted); background:transparent; font-size:.88rem; padding:7px 14px}
.board .pr-btn:hover{background:rgba(243,235,215,.1)}
@media print{
body.pr-tool,html:has(body.pr-tool){height:auto!important; background:#fff!important}
body.pr-tool{display:block!important; color:#000!important; font-size:10pt; line-height:1.4; --ink:#000; --muted:#333; --line:#bbb; --card:#fff; --bg:#fff}
body.pr-tool > :not(.pr-path):not(.pr-keep),body.pr-tool .pr-path > :not(.pr-path):not(.pr-keep){display:none!important}
body.pr-tool .pr-path{display:block!important; position:static!important; float:none!important; width:auto!important; max-width:none!important; min-height:0!important;
margin:0!important; padding:0!important; border:0!important; background:none!important; box-shadow:none!important; overflow:visible!important; transform:none!important}
body.pr-tool .pr-path::before,body.pr-tool .pr-path::after{display:none!important}
body.pr-tool h1{font:700 19pt/1.2 var(--serif); color:#000; margin:0 0 8pt}
body.pr-tool .pr-only:not([hidden]){display:block!important}
body.pr-tool .pr-only[hidden]{display:none!important}
body.pr-tool .pr-btn,body.pr-tool .pr-actions{display:none!important}
#pr-inputs{margin:0 0 10pt; break-inside:avoid}
#pr-inputs h2{font:700 11pt/1.3 var(--font); color:#000; margin:0 0 4pt}
#pr-inputs ul{list-style:none; margin:0; padding:0; columns:2; column-gap:20pt}
#pr-inputs li{display:flex; justify-content:space-between; gap:8pt; padding:2pt 0; border-bottom:.5pt solid #bbb; font-size:9pt; break-inside:avoid}
#pr-inputs li span{color:#333}
#pr-inputs li b{font-weight:600; text-align:right; overflow-wrap:anywhere}
body.pr-tool .board.result{--ink:#000; --muted:#333; --line:#bbb; --board-ink:#000; --board-muted:#333; --board-rule:#bbb; --tint:#eee;
background:#fff!important; color:#000!important; border:1pt solid #444!important; border-radius:6pt!important; box-shadow:none!important; padding:10pt 12pt!important;
margin:0 0 10pt!important; position:static!important; break-inside:avoid; container-type:normal}
body.pr-tool .board.result::before{display:none}
body.pr-tool .board.result :is(h2,h3,p,span,b,td,th,div,a,li){color:#000!important}
body.pr-tool .board.result h2{font-size:11pt}
body.pr-tool .board.result .res-big{font-size:28pt!important; color:#000!important}
body.pr-tool .board.result .res-u{font-size:.4em}
body.pr-tool .board.result :is(.stack,.stack span,.legend i,.dot,svg *){-webkit-print-color-adjust:exact; print-color-adjust:exact}
body.pr-tool .board.result table{font-size:9pt}
body.pr-tool .board.result :is(td,th){padding:3pt 4pt!important}
body.pr-tool .board.result .kv{font-size:9.5pt; padding:3pt 0!important}
body.pr-tool .board.result .legend > *{padding-top:2pt!important; padding-bottom:2pt!important; margin:0!important}
body.pr-tool .board.result :is(p,.small){margin:3pt 0!important}
body.pr-tool .board.result .stack{margin:8pt 0 6pt!important}
body.pr-tool #how-we-calculate{margin:0 0 10pt; font-size:8.5pt; line-height:1.35; color:#000; break-inside:avoid}
body.pr-tool #how-we-calculate h2{font:700 10.5pt/1.3 var(--font); margin:0 0 3pt; color:#000}
body.pr-tool #how-we-calculate h3{font:700 9pt/1.3 var(--font); margin:5pt 0 1pt; color:#000}
body.pr-tool #how-we-calculate :is(p,ul,li){margin:0 0 2pt; color:#000; font-size:8.5pt!important; line-height:1.35}
body.pr-tool .board.result .legend,body.pr-tool .board.result .legend *{font-size:9.5pt!important}
body.pr-tool #how-we-calculate ul,body.pr-tool #how-we-calculate h3:has(+ ul){display:none!important}
body.pr-tool #how-we-calculate a{color:#000; text-decoration:none}
#pr-meta{margin:8pt 0 0; padding-top:5pt; border-top:.75pt solid #777; font-size:8pt; line-height:1.35; color:#333}
#pr-meta p{margin:0 0 2pt; color:#333}
#pr-meta .pr-line{font-weight:600}
}
.gl-hub{display:grid; gap:16px; max-width:1000px} .gl-hub > *{min-width:0}
.gl-hub > .intro{margin:0; color:var(--muted); max-width:70ch}
.gl-controls .chips{margin:12px 0 8px} .gl-controls input{max-width:420px}
.gl-controls #gl-status{margin:0; min-height:1.3em}
.gl-az ul{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:4px}
.gl-az a,.gl-az span{display:grid; place-items:center; min-width:34px; height:34px; padding:0 6px; border:1px solid var(--line); border-radius:var(--r-s); background:var(--card); font-weight:600; font-size:.9rem; text-decoration:none}
.gl-az span{color:var(--muted); opacity:.45; background:transparent}
.gl-az a:hover{border-color:var(--brand-2)}
.gl-letter{scroll-margin-top:130px}
.gl-letter h2{display:block; font-family:var(--serif); font-size:1.7rem; font-weight:600; color:var(--brand-2); margin:0 0 10px}
.gl-terms{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr)); gap:14px 28px}
.gl-t{font-weight:700; text-decoration:none} .gl-t:hover{text-decoration:underline}
.gl-d{margin:2px 0 0; font-size:.9rem; color:var(--muted)}
.gl-empty{margin:0}
.gl-about{border-left:3px solid var(--lamp)} .gl-about p{margin:0 0 8px; max-width:78ch}
.gl-term{display:grid; gap:16px; max-width:860px} .gl-term > *{min-width:0}
.gl-def{background:var(--tint); border-left:4px solid var(--lamp)}
.gl-def h2{font-size:.78rem; text-transform:uppercase; letter-spacing:.06em; color:var(--muted); margin:0 0 6px}
.gl-top{margin:0 0 10px} .gl-top a.chip{font-size:.8rem; padding:3px 10px}
.gl-short{font-family:var(--serif); font-size:1.3rem; line-height:1.4; margin:0}
.gl-en{margin:8px 0 0}
.gl-rel{margin:0; padding:0; list-style:none}
.gl-tool p{margin:0} .gl-tool .btn{display:inline-block; text-decoration:none}
.gl-src p{margin:0 0 8px; overflow-wrap:anywhere}
.gl-meta{display:flex; flex-wrap:wrap; gap:2px 14px}
.gl-all{font-weight:600}
a.gl-link{text-decoration:underline dotted; text-underline-offset:3px}
@media (max-width:560px){ .gl-short{font-size:1.15rem} .gl-letter{scroll-margin-top:90px} }
.gl-printline{display:none}
@media print{
body:has(.gl-term,.gl-hub){background:#fff!important; color:#000; font-size:11pt}
body:has(.gl-term,.gl-hub) :is(.skip,.site-head,.lang-hint,.share,.subnav,.crumbs,.foot-cols,.foot-legal,.pwa-install,.credits,.foot-top,.gl-all,.gl-az,.gl-controls,.gl-tool,.gl-empty,.langlinks,.related,.ph-side){display:none!important}
body:has(.gl-term,.gl-hub) .card{box-shadow:none!important; border:0!important; background:none!important; padding:0 0 8pt!important; break-inside:avoid}
body:has(.gl-term,.gl-hub) .ph-row > :not(.ph-main){display:none!important}
body:has(.gl-term,.gl-hub) .gl-def{border-left:2pt solid #888!important; padding-left:8pt!important}
body:has(.gl-term,.gl-hub) .gl-letter{break-inside:auto}
body:has(.gl-term,.gl-hub) .site-foot{padding:6pt 0; border:0; background:none; color:#333}
body:has(.gl-term,.gl-hub) .gl-src a{color:#000; text-decoration:none}
body:has(.gl-term,.gl-hub) .gl-printline{display:block; margin:10pt 0 0; padding-top:5pt; border-top:.75pt solid #777; font-size:8pt; color:#333}
}
@media print{ body.pr-tool #how-we-calculate .no-print{display:none!important} }
.gl-t{display:inline-block; min-height:24px; padding:2px 0; line-height:1.3}
.crumbs a{display:inline-block; min-height:24px; line-height:24px}
@media (min-width:1700px){ .navbar .wrap{max-width:1760px} }
.utility .pill{min-height:30px} .utility .clock{min-width:7.5em} #topWx{min-width:4.5em}
#v-upc [hidden]{display:none!important}
.upc-item{padding:12px 0; border-top:1px solid var(--line)}
.upc-item:first-of-type{border-top:0; padding-top:4px}
.upc-head{display:flex; justify-content:space-between; align-items:center; gap:10px; margin:0 0 8px}
.upc-h{font-size:1rem; font-weight:600; margin:0}
.upc-rm{padding:5px 12px; min-height:32px; font-size:.85rem}
#v-upc .fields{grid-template-columns:repeat(auto-fit,minmax(125px,1fr)); align-items:end}
#v-upc .upc-wide{grid-column:1/-1}
.upc-ol{list-style:none; margin:6px 0 0; padding:0}
.upc-li{padding:9px 0; border-bottom:1px solid var(--board-rule)}
.upc-li:last-child{border-bottom:0}
.upc-top{display:flex; justify-content:space-between; align-items:baseline; gap:12px}
.upc-nm{font-weight:600; min-width:0; overflow-wrap:anywhere}
.upc-pr{font-family:var(--serif); font-weight:600; font-size:1.15rem; white-space:nowrap; font-variant-numeric:lining-nums tabular-nums}
.upc-tag{display:inline-block; margin-inline-start:6px; padding:1px 8px; border-radius:99px; background:var(--lamp); color:#1B1405; font-family:var(--font); font-size:.72rem; font-weight:700; letter-spacing:.02em; vertical-align:2px}
.upc-bar{height:6px; margin:6px 0 4px; border-radius:99px; background:var(--board-rule); overflow:hidden}
.upc-bar i{display:block; height:100%; border-radius:99px; background:var(--board-muted)}
.upc-li.best .upc-bar i{background:var(--lamp)}
.upc-sub{font-size:.85rem; color:var(--board-muted)}
.spt-checks .ivg-chk{margin:12px 0 0}
.spt-checks p{margin:4px 0 0 26px}
.spt-checks + p{margin-top:14px}
.nmc-sh{display:flex; justify-content:space-between; align-items:center; gap:12px}
.nmc-sh h2{display:flex; align-items:center; gap:10px; margin:0}
.nmc-num{display:inline-grid; place-items:center; flex:none; width:28px; height:28px; border-radius:50%; background:var(--lamp); color:#1B1405; font:700 .85rem/1 var(--font)}
.nmc-cnt{font-size:.85rem; font-weight:600; color:var(--muted); white-space:nowrap; font-variant-numeric:tabular-nums}
.nmc-full .nmc-cnt{color:var(--brand-2)}
.nmc-full .nmc-cnt::before{content:"\2713\00a0"}
.nmc-sd{margin:4px 0 0}
.nmc-list{list-style:none; margin:12px 0 0; padding:0}
.nmc-step{padding:14px 0; border-top:1px solid var(--line)}
.nmc-chk{display:flex; gap:12px; align-items:flex-start; margin:0; font-size:1rem; font-weight:600; line-height:1.35; color:var(--ink); cursor:pointer}
.nmc-chk input{width:22px; height:22px; flex:none; margin:0; accent-color:var(--brand-2)}
.nmc-p{margin:6px 0 0; padding-inline-start:34px; font-size:.93rem}
.nmc-links{margin:6px 0 0; padding-inline-start:34px; line-height:1.9}
.nmc-lk{font-weight:600; color:var(--muted)}
.nmc-done .nmc-t,.nmc-done .nmc-p{color:var(--muted)}
.nmc-bar{height:10px; margin:14px 0; border-radius:99px; background:var(--board-rule); overflow:hidden}
.nmc-bar i{display:block; width:0; height:100%; border-radius:99px; background:var(--lamp); transition:width .25s ease}
@media (prefers-reduced-motion:reduce){ .nmc-bar i{transition:none} }
.nmc-actions{display:flex; flex-wrap:wrap; gap:10px; margin-top:14px}
.board .nmc-actions .btn{color:var(--board-ink); border-color:var(--board-muted); background:transparent; font-size:.88rem; padding:7px 14px}
.board .nmc-actions .btn:hover{background:rgba(243,235,215,.1)}
.nmc-printline{display:none}
@media print{
body[data-page="newcomer-money-checklist"]{background:#fff!important; color:#000; font-size:10.5pt}
body[data-page="newcomer-money-checklist"] > :not(main):not(.page-head):not(script){display:none!important}
body[data-page="newcomer-money-checklist"] .page-head :is(.crumbs,.toolswitch-nav,.ph-side){display:none!important}
body[data-page="newcomer-money-checklist"] main > :not(#v-nmc){display:none!important}
body[data-page="newcomer-money-checklist"] #v-nmc :is(.result-col,.related-plain,.nmc-actions){display:none!important}
body[data-page="newcomer-money-checklist"] #v-nmc .tool-layout,body[data-page="newcomer-money-checklist"] #v-nmc .tool-main{display:block!important}
body[data-page="newcomer-money-checklist"] .card{box-shadow:none!important; border:0!important; background:none!important; padding:0 0 6pt!important}
body[data-page="newcomer-money-checklist"] .nmc-stage{break-inside:auto}
body[data-page="newcomer-money-checklist"] .nmc-step{break-inside:avoid; padding:7pt 0}
body[data-page="newcomer-money-checklist"] .nmc-num{background:none; border:1pt solid #000; color:#000}
body[data-page="newcomer-money-checklist"] .nmc-links a{color:#000; text-decoration:none}
body[data-page="newcomer-money-checklist"] .nmc-links a[href^="http"]::after{content:" (" attr(href) ")"; font-size:8pt; word-break:break-all}
body[data-page="newcomer-money-checklist"] .nmc-printline{display:block; margin:10pt 0 0; padding-top:5pt; border-top:.75pt solid #777; font-size:8pt; color:#333}
}
.tcc-rows{display:grid; gap:8px; margin:12px 0 0; container-type:inline-size}
.tcc-row{position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) 5.2rem; grid-template-areas:"h h h" "s e b" "n n n"; gap:6px 8px; align-items:end; padding:9px 10px; border:1px solid var(--line); border-radius:var(--r-s); background:var(--tint)}
.tcc-h{grid-area:h; display:flex; justify-content:space-between; align-items:baseline; gap:8px}
.tcc-hrs{display:flex; align-items:baseline; gap:8px}
.tcc-day{font-size:.95rem}
.tcc-o{font-weight:700; font-variant-numeric:tabular-nums}
.tcc-l{display:block; font-size:.78rem; font-weight:600; color:var(--muted); margin-bottom:3px}
.tcc-hrs .tcc-l{margin:0}
.tcc-c-s{grid-area:s} .tcc-c-e{grid-area:e} .tcc-c-b{grid-area:b}
.tcc-n{grid-area:n; font-size:.78rem} .tcc-n:empty{display:none}
.tcc-warn{margin:8px 0 0; color:var(--ink); font-weight:600}
.tcc-actions{display:flex; flex-wrap:wrap; align-items:center; gap:10px 16px; margin:12px 0 0}
.tcc-rows input[aria-invalid="true"]{border-color:#B3261E}
:root[data-theme="dark"] .tcc-rows input[aria-invalid="true"]{border-color:#F2A29B}
@container (min-width:540px){
.tcc-row{grid-template-columns:3.2rem minmax(0,1fr) minmax(0,1fr) 5.4rem 8.5rem; grid-template-areas:"d s e b h" ". n n n n"; padding:7px 10px}
.tcc-h{display:contents}
.tcc-day{grid-area:d; padding-bottom:9px}
.tcc-hrs{grid-area:h; flex-direction:column; gap:0; align-items:flex-start}
.tcc-hrs .tcc-l{margin-bottom:3px}
.tcc-o{padding-bottom:9px}
.tcc-row:not(:first-child) .tcc-l{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; margin:0}
}
@media print{
#tcc-print h2{font:700 11pt/1.3 var(--font); color:#000; margin:0 0 4pt}
#tcc-print table{width:100%; border-collapse:collapse; margin:0 0 10pt; font-size:9.5pt}
#tcc-print th,#tcc-print td{border:.5pt solid #888; padding:2.5pt 5pt; text-align:left; color:#000}
#tcc-print{break-inside:avoid}
}
.mdc-cd{font-weight:600; color:var(--ink); font-variant-numeric:tabular-nums}
.mdc-tbd-list{list-style:none; margin:0; padding:0 0 4px}
.mdc-tbd-list li{padding:8px 4px 10px; border-top:1px solid var(--line)}
.mdc-tbd-list p{margin:4px 0}
.mdc-past{margin:18px 0 10px; border-top:1px solid var(--line); padding-top:8px}
.mdc-past summary{cursor:pointer; font-weight:600; padding:6px 0}
.mdc-past[open] summary{margin-bottom:6px}
.ph-main.ux-has-fav > #pageTitle{display:inline}
.ux-fav{display:inline-flex; align-items:center; gap:7px; vertical-align:middle; margin:4px 0 0; margin-inline-start:12px; min-height:32px; padding:4px 13px 4px 10px; border:1px solid var(--line); border-radius:99px; background:var(--card); color:var(--ink); font-size:.84rem; font-weight:600; line-height:1.2; white-space:nowrap}
.ux-fav svg{width:18px; height:18px; stroke:var(--muted)}
.ux-fav:hover{border-color:var(--brand-2)}
.ux-fav[aria-pressed="true"]{background:var(--tint); border-color:var(--lamp)}
.ux-fav[aria-pressed="true"] svg{fill:var(--lamp); stroke:var(--gold-ink)}
.ux-fav-msg{margin-inline-start:10px; font-size:.84rem; color:var(--muted); vertical-align:middle}
.ux-fav-msg:empty{display:none}
@media (max-width:640px){.ph-main.ux-has-fav > #pageTitle{display:block} .ux-fav{margin:10px 0 0} .ux-fav-msg{display:block; margin:6px 0 0}}
.ux-mine{margin:36px 0 0; display:grid; gap:20px}
.ux-mine[hidden],.ux-blk[hidden]{display:none}
.ux-h{font-family:var(--serif); font-weight:600; font-size:1.2rem; margin:0 0 10px}
.ux-chips{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:8px}
.ux-chip{display:inline-flex; align-items:stretch; border:1px solid var(--line); background:var(--card); border-radius:99px}
.ux-chip a{display:inline-flex; align-items:center; min-height:40px; padding:6px 14px; color:var(--ink); font-size:.92rem; font-weight:600; text-decoration:none; border-radius:99px}
.ux-chip a:hover{color:var(--brand-2)}
.ux-chip button{border:0; border-inline-start:1px solid var(--line); background:transparent; min-width:40px; padding:0; color:var(--muted); font-size:1.15rem; line-height:1; border-start-end-radius:99px; border-end-end-radius:99px}
.ux-chip button:hover{color:var(--down)}
.ux-chip :focus-visible{outline-offset:-3px}
.ux-note{margin:10px 0 0}
.ux-clear{border:0; background:none; padding:6px 0; min-height:32px; color:var(--brand-2); font-size:.88rem; text-decoration:underline; text-underline-offset:3px}
.pr-actions{display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px}
.ux-status{flex:1 1 100%; margin:0; font-size:.85rem; color:var(--board-muted)}
.ux-status:empty{display:none}
.ux-link{flex:1 1 100%; width:100%; min-width:0; padding:8px 10px; border:1px solid var(--board-muted); border-radius:var(--r-s); background:rgba(0,0,0,.18); color:var(--board-ink); font:inherit; font-size:.85rem}
@media print{.ux-fav,.ux-fav-msg,.ux-share,.ux-status,.ux-link,.ux-mine{display:none!important}}
.crt-t th,.crt-t td{white-space:nowrap}
.crt-t tbody th{text-align:left; font-weight:500; color:var(--ink)}
.crt-t td:has(> .crt-bar){width:40%; min-width:80px}
.crt-bar{height:8px; background:var(--brand-2); border-radius:4px; min-width:2px}
.crt-t tr.crt-me > *{background:var(--tint); font-weight:600}
.res-line{font-weight:600; margin:8px 0 4px; min-height:1.4em}
#v-cit [hidden],#v-cel [hidden],#v-mkm [hidden]{display:none!important}
.ldg-form .fields{grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); align-items:end}
.ldg-wide{grid-column:1 / -1}
.ldg-yr{grid-template-columns:minmax(0,200px); margin-bottom:8px}
.ldg-t td.ldg-note{white-space:normal; min-width:8em; max-width:16em; overflow-wrap:anywhere; color:var(--muted)}
.ldg-t tbody th{max-width:12em; white-space:normal; overflow-wrap:anywhere}
.ldg-del{padding:2px 10px; min-height:32px; font-size:1rem; line-height:1}
.board .ldg-link{color:inherit; text-decoration:underline}
#v-cit .btn:disabled,#v-cel .btn:disabled{opacity:.45; cursor:default}
.mkm-prow{grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); padding:10px; border:1px solid var(--line); border-radius:var(--r-s); background:var(--tint); margin-bottom:8px; align-items:end}
.mkm-rrow{grid-template-columns:minmax(0,2fr) minmax(0,1fr); align-items:end; margin-bottom:8px}
.mkm-sheet{padding:0; overflow-wrap:anywhere}
.mkm-head{background:var(--mkm); color:#fff; padding:24px 28px 20px; -webkit-print-color-adjust:exact; print-color-adjust:exact}
.mkm-name{font-family:var(--serif); font-size:1.9rem; font-weight:600; line-height:1.1}
.mkm-tag{margin-top:6px; font-size:1rem; opacity:.95}
.mkm-meta{margin-top:8px; font-size:.82rem; font-weight:600; letter-spacing:.02em; opacity:.9}
.mkm-head .mkm-ph{color:rgba(255,255,255,.75); font-weight:400}
.mkm-body{padding:20px 28px 26px}
.mkm-stats{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-bottom:18px}
.mkm-stats div{border:1px solid #DCE3DD; border-top:4px solid var(--mkm); border-radius:6px; padding:10px 12px; -webkit-print-color-adjust:exact; print-color-adjust:exact}
.mkm-stats b{display:block; font-size:1.4rem; line-height:1.15; color:var(--mkm)}
.mkm-stats span{font-size:.75rem; color:#4A5A50}
.mkm-sec{margin-top:14px; break-inside:avoid}
.mkm-sec h4{margin:0 0 6px; font-size:.78rem; text-transform:uppercase; letter-spacing:.06em; color:var(--mkm)}
.mkm-sec p{margin:0; white-space:pre-line}
.mkm-tbl{width:100%; border-collapse:collapse; font-size:.86rem}
.mkm-tbl th{font-size:.75rem; font-weight:600; color:#4A5A50; text-align:left; padding:5px 6px; border-bottom:2px solid #14221A}
.mkm-tbl td{padding:6px; border-bottom:1px solid #DCE3DD; vertical-align:top}
.mkm-tbl .n{text-align:right; white-space:nowrap}
@media (max-width:600px){ .mkm-head{padding:18px 16px 16px} .mkm-body{padding:16px} .mkm-name{font-size:1.5rem} .mkm-stats b{font-size:1.15rem} }
@media print{
body:has(#v-mkm){background:#fff!important}
body:has(#v-mkm) > :not(main):not(script){display:none!important}
body:has(#v-mkm) main > :not(#v-mkm){display:none!important}
body:has(#v-mkm) main{padding:0!important; max-width:none!important}
#v-mkm > :not(.mkm-layout),#v-mkm .mkm-form,#v-mkm .ivg-actions{display:none!important}
#v-mkm .mkm-layout{display:block!important}
#v-mkm .ivg-prev-col{position:static!important; display:block!important}
#v-mkm .ivg-sheetwrap{max-height:none!important; overflow:visible!important; border:0!important}
#v-mkm .mkm-sheet{font-size:10.5pt; color:#000!important; background:#fff!important}
#v-mkm .mkm-ph{display:none!important}
}
.ux-pg{margin:18px 0 26px}
.ux-pg .ux-chips{margin:8px 0}
.ux-day{font-size:1rem; margin:18px 0 6px}
.ux-hl{margin:0; padding-left:1.2em}
.ux-hl li{margin:4px 0}
.ux-more{margin:8px 0 0}
.rmt-goal-kv .kv{border-bottom:1px solid var(--line)}
#rmt-goal-card [hidden]{display:none!important}
.ux-cmp{margin-top:14px}
.board.result:has(+ .ux-cmp){position:static}
.ux-cmp h2{font-size:1.05rem; margin:0 0 4px}
.ux-cmp table{width:100%}
.ux-cmp td{text-align:right; white-space:nowrap}
.ux-cmp tbody th{white-space:normal; font-weight:500; text-align:left}
.ux-cmp tr.ux-diff td:last-child{font-weight:700}
.ux-per{margin:14px 0 6px}
.ux-per-l{margin:0 0 6px; font-weight:600}
.ux-per .ux-blk{margin-top:10px}
@media print{.ux-cmp-btn,.ux-cmp .btns{display:none!important}}
.ux-file{position:relative; overflow:hidden}
.ux-file input{position:absolute; inset:0; opacity:0; cursor:pointer; width:100%; height:100%}
.ux-file:focus-within{outline:2px solid var(--brand-2); outline-offset:2px}
.pc-cmp table{width:100%}
.pc-cmp td{text-align:right; white-space:nowrap}
.pc-cmp tbody th{text-align:left; font-weight:500}
.pc-cmp .pc-cmp-diff{font-weight:700; margin:8px 0 0}
.mry td{text-align:right; white-space:nowrap}
.mry tbody th{text-align:left; font-weight:500}
.mry-diff{font-weight:700; margin:10px 0 4px}
.tip-card{margin:14px 0 6px}
.tip-card h2{font-size:1rem; margin:0 0 6px}
.tip-card p{margin:0 0 6px}
.bsp-bill{padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed var(--line)}
.bsp-moves{margin:4px 0 12px; padding-left:1.2em}
.bsp-moves li{margin:3px 0; font-weight:600}
.sbt-item{padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed var(--line); align-items:end}
.sbt-cbox label{display:flex; gap:6px; align-items:center; min-height:40px}
.crt-t tr.sbt-off th,.crt-t tr.sbt-off td{text-decoration:line-through; color:var(--muted)}
.fq-day-btns{flex-wrap:wrap; gap:8px}
.fq-day .btn.fq-day-ok{border-color:var(--up); box-shadow:inset 0 0 0 2px var(--up)}
.fq-day .btn.fq-day-no{text-decoration:line-through}
.cup-checks{display:grid; gap:6px; margin:10px 0}
.try-curve{display:flex; align-items:flex-end; gap:6px; height:150px; padding:6px 0 0; border-bottom:1px solid var(--line)}
.try-bar{flex:1; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; height:100%; min-width:0}
.try-bv{display:block; width:70%; max-width:34px; background:var(--brand-2); border-radius:4px 4px 0 0}
.try-bl{font-size:.72rem; color:var(--muted); margin-top:4px; white-space:nowrap}
.bnp-sched{margin:4px 0 0; padding-left:1.2em; columns:2; column-gap:24px}
@media (max-width:480px){.bnp-sched{columns:1}}
.alo-kv{margin-top:10px}
.alo-kv .kv b{font-size:1.15rem}
.hmb-item{padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed var(--line)}
.psl-prog{height:12px; border-radius:6px; background:var(--tint); overflow:hidden; margin:12px 0 4px}
.psl-prog span{display:block; height:100%; width:0; background:var(--brand-2); border-radius:6px}
.wks-sheet{margin-top:16px}
.wks-head{display:flex; justify-content:space-between; align-items:baseline; gap:12px; flex-wrap:wrap}
.wks-age{font-size:.85rem; color:var(--muted)}
.wks-name{margin:6px 0 12px; color:var(--muted)}
.wks-list{padding-left:1.4em} .wks-list li{margin:10px 0; line-height:2}
.wks-coins{display:inline-flex; flex-wrap:wrap; gap:4px; vertical-align:middle}
.wks-c{display:inline-flex; align-items:center; justify-content:center; border-radius:50%; font-size:.72rem; font-weight:800; color:#1E252B; border:2px solid #7D858C; background:#CDD2D7}
.wks-c.c1{width:30px; height:30px; background:#D98A52; border-color:#8A4B22; color:#2B1406}
.wks-c.c5{width:34px; height:34px; background:#B9BEC3}
.wks-c.c10{width:27px; height:27px}
.wks-c.c25{width:40px; height:40px}
.wks-blank{white-space:nowrap; margin-left:6px}
.wks-t th,.wks-t td{padding:8px 12px; text-align:left} .wks-t td{font-size:1.1rem}
.wks-shop{list-style:none; padding:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:8px}
.wks-shop li{display:flex; justify-content:space-between; gap:8px; padding:8px 10px; border:1px dashed var(--line); border-radius:8px}
.wks-lines{line-height:2.2}
.wks-grid{display:grid; grid-template-columns:repeat(10,1fr); gap:6px; margin:10px 0; max-width:520px}
.wks-grid span{aspect-ratio:1; border:2px solid var(--line); border-radius:6px; display:flex; align-items:flex-start; justify-content:flex-start; padding:2px 4px; font-size:.7rem; color:var(--muted)}
.wks-ans{margin-top:14px; padding-top:8px; border-top:1px dashed var(--line); color:var(--muted)}
@media print{
body:has(#v-wks){background:#fff!important}
body:has(#v-wks) > :not(main):not(script){display:none!important}
body:has(#v-wks) main > :not(#v-wks){display:none!important}
#v-wks > :not(.wks-sheet){display:none!important}
#v-wks .no-print{display:none!important}
body.wks-one #v-wks .wks-sheet:not(.wks-on){display:none!important}
#v-wks .wks-sheet{break-after:page; page-break-after:always; border:0!important; box-shadow:none!important; color:#000; background:#fff!important; margin:0; padding:0}
#v-wks .wks-sheet:last-of-type, body.wks-one #v-wks .wks-on{break-after:auto; page-break-after:auto}
.wks-c{-webkit-print-color-adjust:exact; print-color-adjust:exact}
}
.wsc-t tr.wsc-done > *{color:var(--muted); text-decoration:line-through}
.wsc-t tr.wsc-done td:first-child{text-decoration:none}
.wsc-tick{width:20px; height:20px}
.dvc-cbox{display:flex; align-items:end}
.dca-prices{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}
.pdm-t th,.pdm-t td{text-align:center; white-space:nowrap}
.asc-item{grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); padding-bottom:8px; margin-bottom:8px; border-bottom:1px dashed var(--line)}
.ssn-item{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.ssn-reveal{text-align:center; border:2px solid var(--brand-2)}
.ssn-rv-name{margin:6px 0}
.ssn-links{list-style:none; padding:0} .ssn-links li{display:flex; flex-wrap:wrap; gap:6px; align-items:center; margin:8px 0}
.ssn-links .ssn-url{flex:1 1 220px; min-width:0}
.ssn-order{font-size:1.1rem; line-height:1.9}
#v-ssn [hidden],#v-dlc [hidden],#v-tgt [hidden]{display:none!important}
#v-htp .fields,#v-cdd .fields{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
#v-cdd .crt-t select{min-width:13em} #v-cdd .crt-t input,#v-htp .crt-t input[type=number]{min-width:5.5em} #v-htp .crt-t input[type=text]{min-width:9em}
#v-cph .cph-best{outline:2px solid var(--brand-2)} #v-cph .fields{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))} #v-cph .cph-t td,#v-cph .cph-t th{white-space:nowrap}
.rdt-item{padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed var(--line); align-items:end}
#v-rdt .fields,#v-mxk .fields{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
#v-rdt .crt-t tr.rdt-soon th,#v-rdt .crt-t tr.rdt-soon td{color:var(--warn); font-weight:600}
#v-rdt .crt-t tr.rdt-over th,#v-rdt .crt-t tr.rdt-over td{text-decoration:line-through; color:var(--muted)}
#v-rdt [hidden],#v-mxk [hidden]{display:none!important}
#v-rdt .sbt-cbox label{justify-content:flex-start} #v-rdt .sbt-cbox input{width:auto; flex:0 0 auto}
#v-ptv [hidden]{display:none!important}
#v-hlc .crt-t input[type=number],#v-gtx .crt-t input[type=number]{min-width:5.5em} #v-hlc .crt-t input[type=text],#v-gtx .crt-t input[type=text]{min-width:9em}
#v-fst .fields{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
#v-cpu [hidden],#v-hcc [hidden],#v-wmk [hidden]{display:none!important}
#v-cpu .cpu-best{outline:2px solid var(--lamp); outline-offset:2px; border-radius:4px}
#v-cpu .fields,#v-xtc .fields{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
#v-xtc caption{caption-side:top; text-align:start; font-weight:600; padding:0 0 6px}
.hcc-list{list-style:none; margin:12px 0; padding:0}
.hcc-row{display:grid; grid-template-columns:minmax(0,1fr); gap:2px; padding:10px 0; border-top:1px solid var(--line)}
.hcc-lab{display:flex; gap:10px; align-items:flex-start; margin:0; font-weight:600; color:var(--ink); cursor:pointer}
.hcc-lab input{width:22px; height:22px; min-width:22px; margin:1px 0 0}
.hcc-meta{font-size:.88rem; color:var(--muted); padding-inline-start:32px}
.hcc-meta b{color:var(--ink)}
.hcc-go{font-size:.88rem; padding-inline-start:32px}
.hcc-done .hcc-lab span{text-decoration:line-through; color:var(--muted)}
.hcc-past{opacity:.7}
#wm-game .xu-q{display:block; font-family:var(--serif); font-weight:600; font-size:clamp(1.3rem,4vw,1.7rem); line-height:1.2; margin:0 0 14px}
#wm-game .xu-q:focus{outline:none}
.wm-levels{display:grid; gap:10px}
.wm-lvl{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:4px 12px; text-align:start; min-height:56px}
.wm-lvl-d{flex:1 1 60%; font-weight:400; font-size:.9rem}
.wm-stars,.wm-big-stars{color:#C98A12; letter-spacing:2px}
.wm-big-stars{font-size:2.4rem; margin:4px 0}
.wm-wallet{background:var(--tint); border-radius:10px; padding:10px 12px; margin:0 0 12px}
.wm-spent{font-weight:700; margin:0 0 6px}
.wm-left{margin:6px 0 0; font-size:.92rem}
.wm-left.wm-bad{color:#B4441F; font-weight:700}
.wm-bar.over i{background:#D9653B}
.wm-person{border:1px solid var(--line); border-radius:10px; padding:8px 10px 10px; margin:0 0 10px; min-width:0}
.wm-person legend{font-weight:700; padding:0 4px}
.wm-gifts{display:grid; grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); gap:8px}
.wm-gift{position:relative; display:grid; grid-template-columns:auto minmax(0,1fr); grid-template-areas:"e n" "e p"; gap:0 8px; align-items:center; padding:8px 10px; border:2px solid var(--line); border-radius:10px; cursor:pointer; margin:0; min-height:56px}
.wm-gift input{position:absolute; opacity:0; width:1px; height:1px}
.wm-gift:has(input:checked){border-color:var(--brand-2); background:color-mix(in srgb, var(--brand-2) 12%, transparent)}
.wm-gift:has(input:focus-visible){outline:3px solid var(--brand-2); outline-offset:2px}
.wm-emo{grid-area:e; font-size:1.8rem; line-height:1}
.wm-gn{grid-area:n; font-weight:600; color:var(--ink)}
.wm-gp{grid-area:p; font-variant-numeric:tabular-nums; color:var(--muted)}
.wm-answers{display:flex; flex-wrap:wrap; gap:10px; margin:0 0 14px}
.wm-ans{min-width:110px; min-height:52px; font-size:1.2rem; font-weight:700}
@media print{#v-hcc .btns,#v-hcc .notice{display:none}}
#v-fsl [hidden],#v-cdl [hidden],#v-tlh [hidden]{display:none!important}
#v-tlh .fields{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
#v-hbs [hidden]{display:none!important}