.h3{--paper:#0d1117;--ink:#eef2f6;--ink-2:color-mix(in srgb, var(--ink) 80%, var(--paper));--ink-3:color-mix(in srgb, var(--ink) 62%, var(--paper));--ink-4:color-mix(in srgb, var(--ink) 46%, var(--paper));--card:color-mix(in srgb, var(--ink) 5%, var(--paper));--card-2:color-mix(in srgb, var(--ink) 8%, var(--paper));--line:color-mix(in srgb, var(--ink) 16%, var(--paper));--line-2:color-mix(in srgb, var(--ink) 9%, var(--paper));--accent:#7fa8c9;--accent-ink:#0b1620;--cool:#dcc27c;--rose:#d29aa8;--accent-text:var(--accent);--seclabel:#dcc27c;--seclabel-mark:#e0a45f;--fantasy:#e0a45f;--quizzes:#96b3a3;--guessing:#d29aa8;--betting:#dcc27c;--display:"Arial Narrow", "Helvetica Neue Condensed", Impact, Helvetica, Arial, sans-serif;--ui:Helvetica, "Helvetica Neue", Arial, sans-serif;--maxw:1080px;--side:250px;--bar-h:56px;--r:10px;--gap:14px;--sec:clamp(20px, 3.4vw, 60px);--hi-size:46px;--stat-size:34px;--card-fig:30px;--card-h:124px;--icon-s:15px;--cols:3;--btn-h:35px;--btn-px:20px;--btn-r:999px;--btn-fs:11px;--btn-fw:700;--btn-tr:.1;--grain:.1;--grain-size:100px;background:var(--paper);color:var(--ink-2);font-family:var(--ui);-webkit-font-smoothing:antialiased;min-height:100vh}.h3 *,.h3 :before,.h3 :after{box-sizing:border-box}.h3 :where(.side,.bar,.body) a{color:inherit;text-decoration:none}.h3 :where(.side,.bar,.body) .num{font-variant-numeric:tabular-nums}.h3 :where(.side,.bar,.body) svg{width:var(--icon-s);height:var(--icon-s);flex-shrink:0}.h3 :where(.side,.bar,.body) .btn svg,.h3 :where(.side,.bar,.body) .bar-right svg,.h3 :where(.side,.bar,.body) .chip svg{width:calc(var(--icon-s) - 1px);height:calc(var(--icon-s) - 1px)}.h3 :where(.side,.bar,.body) .btn{height:var(--btn-h);padding:0 var(--btn-px);border-radius:var(--btn-r);font-family:var(--ui);font-size:var(--btn-fs);font-weight:var(--btn-fw);letter-spacing:calc(var(--btn-tr) * 1em);text-transform:uppercase;color:var(--ink);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;transition:background .14s,border-color .14s,color .14s,filter .14s,transform 80ms,box-shadow .14s;display:inline-flex}.h3 :where(.side,.bar,.body) .btn:active:not(:disabled){transform:translateY(1px)}.h3 :where(.side,.bar,.body) .btn:focus{outline:none}.h3 :where(.side,.bar,.body) .btn:focus-visible{box-shadow:0 0 0 2px var(--accent)}.h3 :where(.side,.bar,.body) .btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.h3 :where(.side,.bar,.body) .btn-fill{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.h3 :where(.side,.bar,.body) .btn-fill:hover:not(:disabled){filter:brightness(1.06)}.h3 :where(.side,.bar,.body) .btn-line{border-color:var(--line);color:var(--ink-2)}.h3 :where(.side,.bar,.body) .btn-line:hover:not(:disabled){border-color:var(--ink-4);color:var(--ink);background:color-mix(in srgb, var(--ink) 4%, transparent)}.h3 :where(.side,.bar,.body) .btn-sm{height:calc(var(--btn-h) * .8);padding:0 calc(var(--btn-px) * .72);font-size:calc(var(--btn-fs) - .5px)}.h3 :where(.side,.bar,.body) .more{cursor:pointer;font-family:var(--ui);color:var(--accent-text);letter-spacing:0;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:11.5px;font-weight:600;display:inline-flex}.h3 :where(.side,.bar,.body) .more i{font-style:normal;transition:transform .16s}.h3 :where(.side,.bar,.body) .more:hover{color:var(--ink)}.h3 :where(.side,.bar,.body) .more:hover i{transform:translate(3px)}.h3 :where(.side,.bar,.body) .more:focus{outline:none}.h3 :where(.side,.bar,.body) .more:focus-visible{box-shadow:0 0 0 2px var(--accent);border-radius:3px}.h3 .shell{grid-template-columns:var(--side) minmax(0, 1fr);min-height:100vh;display:grid}.h3 .side{border-right:1px solid var(--line-2);flex-direction:column;align-self:start;gap:20px;height:100vh;padding:16px 12px 24px;display:flex;position:sticky;top:0;overflow-y:auto}.h3 .brand{font-family:var(--display);text-transform:uppercase;color:var(--ink);letter-spacing:-.01em;align-items:center;gap:9px;padding:6px 10px 0;font-size:15px;font-weight:700;display:flex}.h3 .brand i{background:var(--accent);width:24px;height:24px;color:var(--accent-ink);font-size:11px;font-style:normal;font-weight:700;font-family:var(--ui);letter-spacing:0;border-radius:5px;place-items:center;display:grid}.h3 .nav{flex-direction:column;gap:2px;display:flex}.h3 .nav-h{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-4);padding:12px 10px 6px;font-size:9.5px;font-weight:700}.h3 .nav a{color:var(--ink-3);border-radius:7px;align-items:center;gap:11px;padding:9px 10px;font-size:13.5px;transition:background .14s,color .14s;display:flex}.h3 .nav a svg{opacity:.8;width:16px;height:16px}.h3 .nav a:hover{background:color-mix(in srgb, var(--ink) 5%, transparent);color:var(--ink)}.h3 .nav a.on{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--ink);font-weight:600}.h3 .nav a.on svg{opacity:1;color:var(--accent)}.h3 .nav a:focus{outline:none}.h3 .nav a:focus-visible{box-shadow:0 0 0 2px var(--accent)}.h3 .nav a .dot{background:var(--rose);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-left:auto}.h3 .side-rule{background:var(--line-2);height:1px;margin:0 10px}.h3 .side-foot{flex-direction:column;gap:2px;margin-top:auto;display:flex}.h3 .main{flex-direction:column;min-width:0;display:flex}.h3 .bar{height:var(--bar-h);border-bottom:1px solid var(--line-2);align-items:center;gap:16px;padding:0 clamp(16px,2.6vw,34px);display:flex}.h3 .burger,.h3 .bar .brand{display:none}.h3 .burger{width:34px;height:34px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;margin-left:-8px}.h3 .burger:hover{background:color-mix(in srgb, var(--ink) 6%, transparent);color:var(--ink)}.h3 .burger:focus{outline:none}.h3 .burger:focus-visible{box-shadow:0 0 0 2px var(--accent)}.h3 .scrim{z-index:45;cursor:pointer;background:#0000008c;border:0;padding:0;position:fixed;inset:0}.h3 .search{border:1px solid var(--line-2);max-width:340px;height:34px;color:var(--ink-4);font-size:12.5px;font-family:var(--ui);text-align:left;background:0 0;border-radius:999px;flex:1;align-items:center;gap:9px;padding:0 12px;display:flex}.h3 .search svg{flex-shrink:0;width:14px;height:14px}.h3 .bar-right{color:var(--ink-3);align-items:center;gap:14px;margin-left:auto;font-size:12px;display:flex}.h3 .bar-right .ico{color:var(--ink-3);cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex}.h3 .bar-right .ico:hover{color:var(--ink)}.h3 .bar-right .av{background:color-mix(in srgb, var(--ink) 12%, transparent);width:28px;height:28px;font-family:var(--display);color:var(--ink);text-transform:uppercase;border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid}.h3 .body,.h3 .body-app{max-width:var(--maxw);width:100%;margin:0 auto;padding:clamp(24px,3.4vw,42px) clamp(16px,2.6vw,34px) clamp(40px,6vw,80px)}.h3 .date{color:var(--ink-3);font-size:12px}.h3 .hi{font-family:var(--display);font-weight:700;font-size:var(--hi-size);color:var(--ink);letter-spacing:-.02em;margin:9px 0 0;line-height:1}.h3 .stats{border:1px solid var(--line);border-radius:var(--r);background:var(--card);margin-top:clamp(18px,2.4vw,28px);overflow:hidden}.h3 .stats-top{border-bottom:1px solid var(--line-2);flex-wrap:wrap;align-items:center;gap:16px;padding:14px 18px;display:flex}.h3 .stats-top .gw{font-family:var(--display);text-transform:uppercase;color:var(--ink);align-items:center;gap:8px;font-size:15px;font-weight:700;display:inline-flex}.h3 .stats-top .dl{color:var(--accent-text);font-variant-numeric:tabular-nums;font-size:12px}.h3 .stats-top .btn{margin-left:auto}.h3 .stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.h3 .stat{border-right:1px solid var(--line-2);flex-direction:column;gap:6px;padding:16px 18px;display:flex}.h3 .stat:last-child{border-right:0}.h3 .stat .k{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);font-size:9.5px;font-weight:700}.h3 .stat .v{font-family:var(--display);font-weight:700;font-size:var(--stat-size);color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:.95}.h3 .stat .v small{font-family:var(--ui);color:var(--ink-3);letter-spacing:0;margin-left:5px;font-size:11px;font-weight:400}.h3 .stat .n{color:var(--ink-3);font-size:11px}.h3 a.stat-link{color:inherit}.h3 a.stat-link:hover .v{color:var(--cool)}.h3 .sec{padding-top:var(--sec)}.h3 .sec-head{flex-wrap:wrap;align-items:center;gap:12px;padding-bottom:14px;display:flex}.h3 .sec-head .sq{background:var(--seclabel-mark);flex-shrink:0;width:12px;height:12px}.h3 .sec-head h2{font-family:var(--ui);text-transform:uppercase;letter-spacing:.2em;color:var(--seclabel);margin:0;font-size:12px;font-weight:700;line-height:1}.h3 .sec-head .note{color:var(--ink-3);font-size:11.5px}.h3 .sec-head .more{margin-left:auto}.h3 .row{gap:var(--gap);grid-template-columns:repeat(var(--cols), minmax(0, 1fr));display:grid}.h3 .row>.wide{grid-column:span 2}.h3 .card{border:1px solid var(--line-2);border-radius:var(--r);background:var(--card);min-height:var(--card-h);flex-direction:column;gap:10px;padding:16px;transition:border-color .14s,background .14s;display:flex}.h3 .card:hover{border-color:var(--line);background:var(--card-2)}.h3 .card .t{color:var(--ink-2);align-items:center;gap:9px;font-size:12.5px;font-weight:600;display:flex}.h3 .card .t svg{color:var(--ink-3)}.h3 .card .big{font-family:var(--display);font-weight:700;font-size:var(--card-fig);color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin-top:auto;line-height:.95}.h3 .card .big.sm{font-size:20px}.h3 .card .big small{font-family:var(--ui);color:var(--ink-3);letter-spacing:0;margin-left:5px;font-size:11px;font-weight:400}.h3 .card .sub{color:var(--ink-3);font-size:11.5px;line-height:1.5}.h3 .card .sub.push{margin-top:auto}.h3 .card .foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;display:flex}.h3 .card .tick{gap:4px;display:flex}.h3 .card .tick i{background:color-mix(in srgb, var(--ink) 14%, transparent);border-radius:2px;width:12px;height:5px}.h3 .card .tick i.on{background:var(--cool)}.h3 :where(.side,.bar,.body) .chip{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);border:1px solid var(--line-2);white-space:nowrap;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:3px 8px;font-size:9.5px;font-weight:700;display:inline-flex}.h3 :where(.side,.bar,.body) .chip.on{color:var(--accent-text);border-color:color-mix(in srgb, var(--accent) 34%, transparent)}.h3 :where(.side,.bar,.body) .chip.live{color:var(--rose);border-color:color-mix(in srgb, var(--rose) 34%, transparent)}.h3 :where(.side,.bar,.body) .pip{background:currentColor;border-radius:50%;width:5px;height:5px;animation:1.8s infinite h3pulse}@keyframes h3pulse{0%,to{opacity:1}50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.h3 .pip{animation:none}}.h3 .card.soon{background:0 0;border-style:dashed}.h3 .card.soon:hover{background:0 0}.h3 .card.soon .t,.h3 .card.soon .big{color:var(--ink-3)}.h3 .fx{flex-direction:column;gap:0;display:flex}.h3 .fx .r{border-bottom:1px solid var(--line-2);grid-template-columns:1fr auto;align-items:center;gap:10px;padding:8px 0;font-size:12px;display:grid}.h3 .fx .r:last-child{border-bottom:0}.h3 .fx .r .m{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.h3 .fx .r .s{color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.h3 .tb{flex-direction:column;display:flex}.h3 .tb .th,.h3 .tb .tr{border-bottom:1px solid var(--line-2);font-variant-numeric:tabular-nums;grid-template-columns:16px minmax(0,1fr) 24px 26px;align-items:center;gap:8px;padding:7px 0;font-size:12px;display:grid}.h3 .tb .th{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);padding-top:0;font-size:9.5px;font-weight:700}.h3 .tb .th span:nth-child(3),.h3 .tb .th span:nth-child(4),.h3 .tb .tr span:nth-child(3),.h3 .tb .tr span:nth-child(4){text-align:right}.h3 .tb .tr:last-child{border-bottom:0}.h3 .tb .pos{color:var(--ink-3);font-size:11px;font-weight:700}.h3 .tb .tm{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.h3 .tb .pts{font-family:var(--display);color:var(--ink);font-weight:700}.h3 .empty{color:var(--ink-3);font-size:12px;line-height:1.6}.h3 .sk{background:color-mix(in srgb, var(--ink) 9%, transparent);border-radius:4px;animation:1.2s ease-in-out infinite h3sk}@keyframes h3sk{0%,to{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.h3 .sk{animation:none}}.h3 .hubtray{border:1px dashed var(--line);border-radius:var(--r);margin-top:var(--sec);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;display:flex}.h3 .hubtray .l,.h3 .ctray .l{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);font-size:9.5px;font-weight:700}.h3 .hubtray .end{color:var(--ink-3);margin-left:auto;font-size:10.5px}.h3 .hubtray .end:hover{color:var(--ink)}.h3 .allhidden{border:1px dashed var(--line);border-radius:var(--r);text-align:center;color:var(--ink-3);margin-top:var(--sec);padding:26px 20px;font-size:12.5px}.h3 .allhidden a{color:var(--ink);font-weight:700}.h3 .tchip{color:var(--ink-2);border:1px solid var(--line-2);cursor:pointer;font-size:11.5px;font-family:var(--ui);background:0 0;border-radius:999px;align-items:center;gap:7px;padding:5px 11px;display:inline-flex}.h3 .tchip:hover{border-color:var(--line);color:var(--ink)}.h3 .tchip svg{width:11px;height:11px}.h3 .tchip b{color:var(--ink-4);font-weight:700}.h3 .tchip:focus{outline:none}.h3 .tchip:focus-visible{box-shadow:0 0 0 2px var(--accent)}@media (max-width:1040px){.h3 .row{grid-template-columns:repeat(2,minmax(0,1fr))}.h3 .row>.wide{grid-column:auto}}@media (max-width:900px){.h3 .shell{grid-template-columns:1fr}.h3 .side{z-index:50;background:var(--paper);border-right:1px solid var(--line-2);visibility:hidden;gap:14px;width:min(300px,84vw);height:100dvh;padding:14px 12px 20px;transition:transform .22s,visibility .22s;position:fixed;top:0;left:0;transform:translate(-100%)}.h3 .side.open{visibility:visible;transform:none}.h3 .burger,.h3 .bar .brand{display:flex}.h3 .bar .brand{padding:0}.h3 .bar{z-index:40;background:var(--paper);gap:10px;position:sticky;top:0}.h3 .search{display:none}.h3 .stats-grid{grid-template-columns:1fr 1fr}.h3 .stat:nth-child(2){border-right:0}.h3 .stat:first-child,.h3 .stat:nth-child(2){border-bottom:1px solid var(--line-2)}}@media (prefers-reduced-motion:reduce){.h3 .side{transition:none}}@media (max-width:620px){.h3 .row{grid-template-columns:1fr}.h3 .row>.wide{grid-column:auto}.h3 .hi{font-size:min(var(--hi-size), 12vw)}}.h3 .cwrap{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:clamp(20px,3vw,44px);display:grid}.h3 .cmain{min-width:0}.h3 .chead{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.h3 .chead .hi{margin:0;font-size:38px}.h3 .cintro{color:var(--ink-3);max-width:48ch;margin:8px 0 0;font-size:12.5px;line-height:1.6}.h3 .saved{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text);border:1px solid color-mix(in srgb, var(--accent) 34%, transparent);opacity:0;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:4px 10px;font-size:9.5px;font-weight:700;animation:1.8s forwards h3saved;display:inline-flex}@keyframes h3saved{0%{opacity:0}12%{opacity:1}70%{opacity:1}to{opacity:0}}.h3 .cgroup{align-items:center;gap:11px;margin:clamp(20px,2.6vw,30px) 0 10px;display:flex}.h3 .cgroup .l{letter-spacing:.18em;text-transform:uppercase;color:var(--seclabel);font-size:10px;font-weight:700}.h3 .cgroup .h{color:var(--ink-3);font-size:10.5px}.h3 .cgroup .rule{background:var(--line-2);flex:1;height:1px}.h3 .clist{flex-direction:column;gap:8px;display:flex}.h3 .crow{background:var(--card);border:1px solid var(--line-2);border-radius:var(--r);grid-template-columns:auto auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 14px 10px 8px;transition:border-color .14s,opacity .14s;display:grid}.h3 .crow:hover{border-color:var(--line)}.h3 .crow.off{opacity:.6;border-style:dashed}.h3 .crow.dragging{opacity:.35}.h3 .crow.over{outline:2px dashed var(--accent);outline-offset:2px}.h3 .crow .grip{color:var(--ink-4);cursor:grab;align-items:center;padding:8px 5px;display:flex}.h3 .crow.locked .grip{cursor:default}.h3 .crow .grip svg{width:9px;height:15px}.h3 .crow .tile{background:color-mix(in srgb, var(--ink) 7%, transparent);border:1px solid var(--line-2);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.h3 .crow .tile svg{width:16px;height:16px}.h3 .crow .meta{flex-direction:column;gap:3px;min-width:0;display:flex}.h3 .crow .nm{color:var(--ink);align-items:center;gap:8px;font-size:13.5px;font-weight:600;display:flex}.h3 .crow .tag{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);border:1px solid var(--line-2);white-space:nowrap;border-radius:999px;padding:2px 7px;font-size:9px;font-weight:700}.h3 .crow .ds{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.h3 .crow .arrows{gap:6px;display:flex}.h3 .arrow{border:1px solid var(--line-2);width:26px;height:26px;color:var(--ink-3);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:color .14s,border-color .14s;display:inline-flex}.h3 .arrow svg{width:13px;height:13px}.h3 .arrow:hover:not(:disabled){color:var(--ink);border-color:var(--line)}.h3 .arrow:disabled{opacity:.3;cursor:default}.h3 .arrow:focus{outline:none}.h3 .arrow:focus-visible{box-shadow:0 0 0 2px var(--accent)}.h3 :where(.side,.bar,.body) .sw{border:1px solid var(--line);background:color-mix(in srgb, var(--ink) 6%, transparent);cursor:pointer;border-radius:999px;flex-shrink:0;width:38px;height:22px;transition:background .14s,border-color .14s;position:relative}.h3 :where(.side,.bar,.body) .sw i{background:var(--ink-3);border-radius:50%;width:16px;height:16px;transition:transform .16s,background .16s;position:absolute;top:2px;left:2px}.h3 :where(.side,.bar,.body) .sw.on{background:color-mix(in srgb, var(--accent) 30%, transparent);border-color:color-mix(in srgb, var(--accent) 50%, transparent)}.h3 :where(.side,.bar,.body) .sw.on i{background:var(--accent);transform:translate(16px)}.h3 :where(.side,.bar,.body) .sw:disabled{opacity:.4;cursor:not-allowed}.h3 :where(.side,.bar,.body) .sw:focus{outline:none}.h3 :where(.side,.bar,.body) .sw:focus-visible{box-shadow:0 0 0 2px var(--accent)}.h3 .ctray{border:1px dashed var(--line);border-radius:var(--r);flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;padding:12px 16px;display:flex}.h3 .cfoot{flex-wrap:wrap;align-items:center;gap:14px;margin-top:18px;display:flex}.h3 .cfoot .note{color:var(--ink-3);max-width:48ch;font-size:11px;line-height:1.55}.h3 .prail{flex-direction:column;gap:14px;display:flex;position:sticky;top:18px}.h3 .pcard{border:1px solid var(--line-2);border-radius:var(--r);background:var(--card);padding:14px}.h3 .ph{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px;font-size:9.5px;font-weight:700}.h3 .pbody{border:1px solid var(--line-2);background:var(--paper);border-radius:8px;flex-direction:column;gap:6px;padding:8px;display:flex}.h3 .psec{flex-direction:column;gap:4px;margin-top:4px;display:flex}.h3 .plab{align-items:center;gap:5px;display:flex}.h3 .plab i{flex-shrink:0;width:5px;height:5px}.h3 .plab b{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:7.5px;font-weight:700;overflow:hidden}.h3 .pcards{gap:4px;display:flex}.h3 .pcards .pb{flex:1;height:26px}.h3 .pstats{gap:4px;margin-bottom:2px;display:flex}.h3 .pstats .pb{flex:1;height:22px}.h3 .pnone{color:var(--ink-3);text-align:center;padding:10px 0;font-size:8px}.h3 .pb{background:color-mix(in srgb, var(--ink) 7%, transparent);border:1px solid var(--line-2);border-radius:5px;align-items:flex-end;min-width:0;padding:0 6px 4px;display:flex;position:relative;overflow:hidden}.h3 .pb.bar{background:color-mix(in srgb, var(--ink) 8%, transparent);border:0;border-radius:4px}.h3 .ptray{border:1px dashed var(--line);color:var(--ink-3);border-radius:5px;align-items:center;gap:5px;padding:4px 6px;font-size:8.5px;display:flex}.h3 .ptray svg{width:9px;height:9px}.h3 .pp{color:var(--ink-3);margin:0;font-size:11.5px;line-height:1.55}.h3 .pkeys{flex-direction:column;align-items:flex-start;gap:6px;margin-top:8px;display:flex}.h3 .pkeys code{border:1px solid var(--line-2);background:color-mix(in srgb, var(--ink) 6%, transparent);color:var(--ink);border-radius:6px;padding:3px 8px;font-size:11px}@media (max-width:1040px){.h3 .cwrap{grid-template-columns:1fr}.h3 .prail{position:static}}@media (max-width:620px){.h3 .crow{grid-template-columns:auto minmax(0,1fr) auto;row-gap:10px}.h3 .crow .tile{display:none}.h3 .crow .arrows{grid-column:2}.h3 .chead .hi{font-size:min(38px,11vw)}}.h3 .hub-menu{display:inline-flex;position:relative}.h3 .hub-menu-trigger{font:inherit;letter-spacing:.04em;color:var(--ink-3);cursor:pointer;background:0 0;border:0;padding:0;font-size:12px}.h3 .hub-menu-trigger:hover{color:var(--ink)}.h3 .bar-right .av{cursor:pointer;font:inherit;border:0;font-size:11px;font-weight:700}.h3 .bar-right .av:hover{background:color-mix(in srgb, var(--ink) 20%, transparent)}.h3 .hub-pop{z-index:60;border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 94%, var(--ink));border-radius:12px;min-width:216px;padding:6px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 16px 40px #00000061}.h3 .hub-pop-head{border-bottom:1px solid var(--line-2);margin-bottom:4px;padding:8px 10px 10px}.h3 .hub-pop-name{font-family:var(--display);color:var(--ink);font-size:13px;font-weight:700}.h3 .hub-pop-mail{color:var(--ink-4);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11px;overflow:hidden}.h3 .hub-pop-item{width:100%;font:inherit;color:var(--ink-2);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:8px 10px;font-size:13px;text-decoration:none;display:flex}.h3 .hub-pop-item:hover{background:color-mix(in srgb, var(--ink) 8%, transparent);color:var(--ink)}.h3 .hub-pop-item svg{opacity:.75;flex:none;width:15px;height:15px}.h3 .hub-pop-item.is-on{color:var(--ink)}.h3 .hub-pop-code{font-family:var(--mono,ui-monospace, monospace);letter-spacing:.08em;color:var(--ink-4);flex:none;width:20px;font-size:10px}.h3 .hub-pop-tick{color:var(--accent-text);margin-left:auto;font-size:12px}.h3 .hub-pop-away{border-top:1px solid var(--line-2);margin-top:4px;padding-top:10px}.h3 .hub-pop-ext{color:var(--ink-4);margin-left:auto;font-size:11px}.h3 .hub-pop-danger{color:var(--ink-3)}.h3 .hub-pop-danger:hover{color:#d98873;background:#d988731f}