/* generated by theme_build.py: edit that, not this */

html[data-theme=arcade]{--ground:hsl(215 30% 5%);--surface:hsl(215 28% 14%);--sunk:hsl(215 28% 10%);--ink:#f4f0fa;--ink-2:#d0c6de;--ink-3:#9d8fb6;--line:hsl(215 25% 22%);--line-2:hsl(215 25% 36%);
 --acc:hsl(215 100% 62%);--acc-ink:#ffffff;--acc-soft:hsl(215 55% 22%);
 --serif:"Jersey 25",system-ui,sans-serif;--mono:"Jersey 25",system-ui,sans-serif;--px:"Jersey 25",system-ui,sans-serif;--px-cap:"Jersey 25",system-ui,sans-serif}
html[data-theme=arcade] body{background:linear-gradient(#ffffff05 1px,transparent 1px) 0 0/100% 4px,radial-gradient(ellipse at 50% 0,hsl(215 40% 16%),transparent 70%) fixed,var(--ground)}
/* frames */
html[data-theme=arcade] header{border-bottom:0;box-shadow:0 -3px 0 0 hsl(215 40% 3%),0 3px 0 0 hsl(215 40% 3%),-3px 0 0 0 hsl(215 40% 3%),3px 0 0 0 hsl(215 40% 3%),inset 0 3px 0 0 hsl(215 25% 30%),inset 0 -3px 0 0 hsl(215 30% 8%),inset 0 -7px 0 0 hsl(215 100% 60% / 0.25);margin-bottom:8px}
html[data-theme=arcade] .panel,html[data-theme=arcade] .libexam,html[data-theme=arcade] .rvcard,html[data-theme=arcade] .mark,html[data-theme=arcade] .rev-body .model,html[data-theme=arcade] .drawer,html[data-theme=arcade] .updbar,html[data-theme=arcade] .syncbadge,html[data-theme=arcade] .toast{border:0;box-shadow:0 -3px 0 0 hsl(215 40% 3%),0 3px 0 0 hsl(215 40% 3%),-3px 0 0 0 hsl(215 40% 3%),3px 0 0 0 hsl(215 40% 3%),inset 0 3px 0 0 hsl(215 25% 30%),inset 0 -3px 0 0 hsl(215 30% 8%)}
html[data-theme=arcade] .panel{margin:4px 4px 24px} html[data-theme=arcade] .panel::before{content:"";display:block;height:3px;margin:-6px 10px 12px;background:linear-gradient(90deg,transparent,hsl(215 100% 78%) 20%,hsl(215 100% 62%) 50%,hsl(215 100% 78%) 80%,transparent);box-shadow:0 0 10px hsl(215 100% 62%);opacity:.85}
html[data-theme=arcade] .rvcard.mk{box-shadow:0 -3px 0 0 hsl(215 40% 3%),0 3px 0 0 hsl(215 40% 3%),-3px 0 0 0 hsl(215 40% 3%),3px 0 0 0 hsl(215 40% 3%),inset 0 3px 0 0 hsl(215 100% 62%),inset 0 -3px 0 0 hsl(215 30% 8%)} html[data-theme=arcade] .rvcard.note{box-shadow:0 -3px 0 0 hsl(215 40% 3%),0 3px 0 0 hsl(215 40% 3%),-3px 0 0 0 hsl(215 40% 3%),3px 0 0 0 hsl(215 40% 3%),inset 0 3px 0 0 var(--t3),inset 0 -3px 0 0 hsl(215 30% 8%)} html[data-theme=arcade] .rvcard.rep{box-shadow:0 -3px 0 0 hsl(215 40% 3%),0 3px 0 0 hsl(215 40% 3%),-3px 0 0 0 hsl(215 40% 3%),3px 0 0 0 hsl(215 40% 3%),inset 0 3px 0 0 var(--ok),inset 0 -3px 0 0 hsl(215 30% 8%)}
html[data-theme=arcade] .mark{box-shadow:0 -3px 0 0 hsl(215 40% 3%),0 3px 0 0 hsl(215 40% 3%),-3px 0 0 0 hsl(215 40% 3%),3px 0 0 0 hsl(215 40% 3%),inset 0 3px 0 0 var(--wait),inset 0 -3px 0 0 hsl(215 30% 8%);background:var(--sunk)} html[data-theme=arcade] .mark.done{box-shadow:0 -3px 0 0 hsl(215 40% 3%),0 3px 0 0 hsl(215 40% 3%),-3px 0 0 0 hsl(215 40% 3%),3px 0 0 0 hsl(215 40% 3%),inset 0 3px 0 0 var(--ok),inset 0 -3px 0 0 hsl(215 30% 8%)}
html[data-theme=arcade] .danger{box-shadow:0 -3px 0 0 hsl(215 40% 3%),0 3px 0 0 hsl(215 40% 3%),-3px 0 0 0 hsl(215 40% 3%),3px 0 0 0 hsl(215 40% 3%),inset 0 3px 0 0 var(--bad),inset 0 -3px 0 0 hsl(215 30% 8%)}
html[data-theme=arcade] .brand{font-family:var(--px);font-weight:700;font-size:22px;text-shadow:0 0 10px hsl(215 100% 60% / 0.6)} html[data-theme=arcade] .brand i{color:hsl(215 100% 78%)}
/* buttons, segments, nav */
html[data-theme=arcade] .btn{background:hsl(215 80% 45%);color:#fff;box-shadow:0 -2px 0 0 hsl(215 40% 3%),0 2px 0 0 hsl(215 40% 3%),-2px 0 0 0 hsl(215 40% 3%),2px 0 0 0 hsl(215 40% 3%),inset 0 2px 0 0 hsl(215 90% 74%),inset 0 -2px 0 0 hsl(215 80% 28%),0 0 12px hsl(215 100% 60% / 0.45);text-shadow:0 0 6px hsl(215 100% 85%);margin:2px}
html[data-theme=arcade] .btn.ghost,html[data-theme=arcade] .unitbtn,html[data-theme=arcade] .libpart,html[data-theme=arcade] .rvback,html[data-theme=arcade] .misbtn,html[data-theme=arcade] .more,html[data-theme=arcade] .notebtn,html[data-theme=arcade] .lockbtn,html[data-theme=arcade] .filters button,html[data-theme=arcade] .menu,html[data-theme=arcade] .drawer-x{border:0;background:hsl(215 25% 18%);color:var(--ink);text-shadow:none;box-shadow:0 -2px 0 0 hsl(215 40% 3%),0 2px 0 0 hsl(215 40% 3%),-2px 0 0 0 hsl(215 40% 3%),2px 0 0 0 hsl(215 40% 3%),inset 0 2px 0 0 hsl(215 25% 36%),inset 0 -2px 0 0 hsl(215 30% 10%);margin:2px}
html[data-theme=arcade] :is(.btn.ghost,.unitbtn,.libpart,.rvback,.misbtn,.more,.notebtn,.lockbtn,.filters button):hover{box-shadow:0 -2px 0 0 hsl(215 40% 3%),0 2px 0 0 hsl(215 40% 3%),-2px 0 0 0 hsl(215 40% 3%),2px 0 0 0 hsl(215 40% 3%),inset 0 2px 0 0 hsl(215 25% 36%),inset 0 -2px 0 0 hsl(215 30% 10%),0 0 10px hsl(215 100% 60% / 0.5);color:#fff}
html[data-theme=arcade] :is(.unitbtn,.libpart,.filters button:not([data-t]))[aria-pressed=true],html[data-theme=arcade] .libpart[aria-current=true]{background:hsl(215 80% 45%);color:#fff;box-shadow:0 -2px 0 0 hsl(215 40% 3%),0 2px 0 0 hsl(215 40% 3%),-2px 0 0 0 hsl(215 40% 3%),2px 0 0 0 hsl(215 40% 3%),inset 0 2px 0 0 hsl(215 90% 74%),inset 0 -2px 0 0 hsl(215 80% 28%),0 0 10px hsl(215 100% 60% / 0.55)}
html[data-theme=arcade] .filters button[data-t]{color:var(--tc);box-shadow:0 -2px 0 0 hsl(215 40% 3%),0 2px 0 0 hsl(215 40% 3%),-2px 0 0 0 hsl(215 40% 3%),2px 0 0 0 hsl(215 40% 3%),inset 0 2px 0 0 var(--tc),inset 0 -2px 0 0 hsl(215 30% 6%)} html[data-theme=arcade] .filters button[data-t="1"]{--tc:var(--t1)} html[data-theme=arcade] .filters button[data-t="2"]{--tc:var(--t2)} html[data-theme=arcade] .filters button[data-t="3"]{--tc:var(--t3)}
html[data-theme=arcade] .filters button[data-t][aria-pressed=true]{background:var(--tc);color:var(--ground);box-shadow:0 -2px 0 0 hsl(215 40% 3%),0 2px 0 0 hsl(215 40% 3%),-2px 0 0 0 hsl(215 40% 3%),2px 0 0 0 hsl(215 40% 3%),inset 0 2px 0 0 #ffffff99,inset 0 -2px 0 0 #00000066}
html[data-theme=arcade] .btn.bad{background:hsl(215 25% 18%);color:var(--bad);box-shadow:0 -2px 0 0 hsl(215 40% 3%),0 2px 0 0 hsl(215 40% 3%),-2px 0 0 0 hsl(215 40% 3%),2px 0 0 0 hsl(215 40% 3%),inset 0 2px 0 0 var(--bad),inset 0 -2px 0 0 hsl(215 30% 8%)} html[data-theme=arcade] .btn.bad:hover{background:var(--bad);color:#fff}
html[data-theme=arcade] .lockbtn{color:hsl(215 100% 78%)} html[data-theme=arcade] .lockbtn:hover:not(:disabled){background:hsl(215 80% 45%);color:#fff} html[data-theme=arcade] .lockbtn:disabled{opacity:.45}
html[data-theme=arcade] .notebtn.has{color:var(--t3)} html[data-theme=arcade] .notebtn.done{color:var(--ok)}
html[data-theme=arcade] .seg{border:0;gap:4px} html[data-theme=arcade] .seg button{background:hsl(215 28% 10%);color:var(--ink-2);box-shadow:0 -2px 0 0 hsl(215 40% 3%),0 2px 0 0 hsl(215 40% 3%),-2px 0 0 0 hsl(215 40% 3%),2px 0 0 0 hsl(215 40% 3%),inset 0 2px 0 0 hsl(215 25% 22%),inset 0 -2px 0 0 hsl(215 30% 6%);margin:2px;border:0}
html[data-theme=arcade] .seg button[aria-pressed=true]{background:hsl(215 80% 45%);color:#fff;box-shadow:0 -2px 0 0 hsl(215 40% 3%),0 2px 0 0 hsl(215 40% 3%),-2px 0 0 0 hsl(215 40% 3%),2px 0 0 0 hsl(215 40% 3%),inset 0 2px 0 0 hsl(215 90% 74%),inset 0 -2px 0 0 hsl(215 80% 28%),0 0 10px hsl(215 100% 60% / 0.55)}
html[data-theme=arcade] aside.side .seg button{border:0} html[data-theme=arcade] aside.side .seg button[aria-pressed=true]{background:hsl(215 80% 45%)}
html[data-theme=arcade] nav.rail a{border-left:0;margin:2px 1px;background:hsl(215 28% 10%);box-shadow:0 -2px 0 0 hsl(215 40% 3%),0 2px 0 0 hsl(215 40% 3%),-2px 0 0 0 hsl(215 40% 3%),2px 0 0 0 hsl(215 40% 3%),inset 0 2px 0 0 hsl(215 25% 22%),inset 0 -2px 0 0 hsl(215 30% 6%);font-family:var(--px-cap);font-size:11px}
html[data-theme=arcade] nav.rail a.on{background:hsl(215 55% 22%);color:#fff;box-shadow:0 -2px 0 0 hsl(215 40% 3%),0 2px 0 0 hsl(215 40% 3%),-2px 0 0 0 hsl(215 40% 3%),2px 0 0 0 hsl(215 40% 3%),inset 0 2px 0 0 hsl(215 100% 62%),inset 0 -2px 0 0 hsl(215 60% 14%),0 0 10px hsl(215 100% 60% / 0.35)}
html[data-theme=arcade] nav.rail b.full{color:var(--ok)}
html[data-theme=arcade] .updbar button{background:hsl(215 80% 45%);color:#fff;box-shadow:0 -2px 0 0 hsl(215 40% 3%),0 2px 0 0 hsl(215 40% 3%),-2px 0 0 0 hsl(215 40% 3%),2px 0 0 0 hsl(215 40% 3%),inset 0 2px 0 0 hsl(215 90% 74%),inset 0 -2px 0 0 hsl(215 80% 28%),0 0 10px hsl(215 100% 60% / 0.55);border:0}
/* headings: a deep band in the theme hue with a bright bevel */
html[data-theme=arcade] h2.sec,html[data-theme=arcade] .panel h2,html[data-theme=arcade] .libexam h3{font-family:var(--px);font-weight:600;color:#fff}
html[data-theme=arcade] h2.sec{background:hsl(215 55% 18%);padding:8px 14px;margin:30px 3px 10px;box-shadow:0 -3px 0 0 hsl(215 40% 3%),0 3px 0 0 hsl(215 40% 3%),inset 0 3px 0 0 hsl(215 100% 62%),inset 0 -3px 0 0 hsl(215 60% 10%),0 0 16px hsl(215 100% 60% / 0.4)}
html[data-theme=arcade] .sec-sub{border-bottom:0;font-family:var(--px-cap)}
/* answers and chips */
html[data-theme=arcade] .opt{border:0;background:hsl(215 28% 10%);box-shadow:0 -2px 0 0 hsl(215 40% 3%),0 2px 0 0 hsl(215 40% 3%),-2px 0 0 0 hsl(215 40% 3%),2px 0 0 0 hsl(215 40% 3%),inset 0 2px 0 0 hsl(215 25% 20%),inset 0 -2px 0 0 hsl(215 30% 6%);margin:2px 3px}
html[data-theme=arcade] .opt:hover{box-shadow:0 -2px 0 0 hsl(215 40% 3%),0 2px 0 0 hsl(215 40% 3%),-2px 0 0 0 hsl(215 40% 3%),2px 0 0 0 hsl(215 40% 3%),inset 0 2px 0 0 hsl(215 25% 20%),inset 0 -2px 0 0 hsl(215 30% 6%),0 0 10px hsl(215 100% 60% / 0.35)}
html[data-theme=arcade] .opt .k,html[data-theme=arcade] .prow .k,html[data-theme=arcade] .amk,html[data-theme=arcade] .sitem .snum{border:0;background:hsl(215 25% 18%);box-shadow:0 -2px 0 0 hsl(215 40% 3%),0 2px 0 0 hsl(215 40% 3%),-2px 0 0 0 hsl(215 40% 3%),2px 0 0 0 hsl(215 40% 3%),inset 0 2px 0 0 hsl(215 25% 36%),inset 0 -2px 0 0 hsl(215 30% 10%);font-family:var(--px-cap);font-size:11px}
html[data-theme=arcade] .opt.sel .k{background:hsl(215 80% 45%);color:#fff;box-shadow:0 -2px 0 0 hsl(215 40% 3%),0 2px 0 0 hsl(215 40% 3%),-2px 0 0 0 hsl(215 40% 3%),2px 0 0 0 hsl(215 40% 3%),inset 0 2px 0 0 hsl(215 90% 74%),inset 0 -2px 0 0 hsl(215 80% 28%),0 0 10px hsl(215 100% 60% / 0.55)}
html[data-theme=arcade] .opt.key{background:oklch(0.26 0.05 150);box-shadow:0 -2px 0 0 hsl(215 40% 3%),0 2px 0 0 hsl(215 40% 3%),-2px 0 0 0 hsl(215 40% 3%),2px 0 0 0 hsl(215 40% 3%),inset 0 2px 0 0 var(--ok),inset 0 -2px 0 0 oklch(0.20 0.05 150)} html[data-theme=arcade] .opt.key .k{background:var(--ok);color:#042;box-shadow:0 -2px 0 0 hsl(215 40% 3%),0 2px 0 0 hsl(215 40% 3%),-2px 0 0 0 hsl(215 40% 3%),2px 0 0 0 hsl(215 40% 3%),inset 0 2px 0 0 #b8ffd8,inset 0 -2px 0 0 #0a4a2c}
html[data-theme=arcade] .opt.miss{background:oklch(0.25 0.06 28);box-shadow:0 -2px 0 0 hsl(215 40% 3%),0 2px 0 0 hsl(215 40% 3%),-2px 0 0 0 hsl(215 40% 3%),2px 0 0 0 hsl(215 40% 3%),inset 0 2px 0 0 var(--bad),inset 0 -2px 0 0 oklch(0.20 0.06 28)} html[data-theme=arcade] .opt.miss .k{background:var(--bad);color:#300;box-shadow:0 -2px 0 0 hsl(215 40% 3%),0 2px 0 0 hsl(215 40% 3%),-2px 0 0 0 hsl(215 40% 3%),2px 0 0 0 hsl(215 40% 3%),inset 0 2px 0 0 #ffd0c8,inset 0 -2px 0 0 #5a1a10}
html[data-theme=arcade] .opt.key.nom{background:none;box-shadow:0 -2px 0 0 hsl(215 40% 3%),0 2px 0 0 hsl(215 40% 3%),-2px 0 0 0 hsl(215 40% 3%),2px 0 0 0 hsl(215 40% 3%),inset 0 2px 0 0 var(--ok),inset 0 -2px 0 0 var(--ok);opacity:.85} html[data-theme=arcade] .opt.key.nom .k{background:none;color:var(--ok)}
html[data-theme=arcade] .chip,html[data-theme=arcade] .prow,html[data-theme=arcade] .sitem{border:0;background:hsl(215 28% 10%);box-shadow:0 -2px 0 0 hsl(215 40% 3%),0 2px 0 0 hsl(215 40% 3%),-2px 0 0 0 hsl(215 40% 3%),2px 0 0 0 hsl(215 40% 3%),inset 0 2px 0 0 hsl(215 25% 20%),inset 0 -2px 0 0 hsl(215 30% 6%);margin:2px}
html[data-theme=arcade] .chip.sel{background:hsl(215 55% 22%);box-shadow:0 -2px 0 0 hsl(215 40% 3%),0 2px 0 0 hsl(215 40% 3%),-2px 0 0 0 hsl(215 40% 3%),2px 0 0 0 hsl(215 40% 3%),inset 0 2px 0 0 hsl(215 100% 62%),inset 0 -2px 0 0 hsl(215 60% 14%),0 0 10px hsl(215 100% 60% / 0.35)}
html[data-theme=arcade] .sitem.set,html[data-theme=arcade] .sitem.lift{box-shadow:0 -2px 0 0 hsl(215 40% 3%),0 2px 0 0 hsl(215 40% 3%),-2px 0 0 0 hsl(215 40% 3%),2px 0 0 0 hsl(215 40% 3%),inset 0 2px 0 0 hsl(215 100% 62%),inset 0 -2px 0 0 hsl(215 60% 14%)} html[data-theme=arcade] .sitem.lift{background:hsl(215 55% 22%)}
html[data-theme=arcade] .sitem.good{background:oklch(0.26 0.05 150);box-shadow:0 -2px 0 0 hsl(215 40% 3%),0 2px 0 0 hsl(215 40% 3%),-2px 0 0 0 hsl(215 40% 3%),2px 0 0 0 hsl(215 40% 3%),inset 0 2px 0 0 var(--ok),inset 0 -2px 0 0 hsl(215 30% 8%)} html[data-theme=arcade] .sitem.bad{background:oklch(0.25 0.06 28);box-shadow:0 -2px 0 0 hsl(215 40% 3%),0 2px 0 0 hsl(215 40% 3%),-2px 0 0 0 hsl(215 40% 3%),2px 0 0 0 hsl(215 40% 3%),inset 0 2px 0 0 var(--bad),inset 0 -2px 0 0 hsl(215 30% 8%)}
html[data-theme=arcade] .slot{border-bottom:3px solid hsl(215 100% 62%)} html[data-theme=arcade] .slot.empty{border-bottom-color:var(--line-2)}
html[data-theme=arcade] .amrow{border:0;box-shadow:0 -2px 0 0 hsl(215 40% 3%),0 2px 0 0 hsl(215 40% 3%),-2px 0 0 0 hsl(215 40% 3%),2px 0 0 0 hsl(215 40% 3%),inset 0 2px 0 0 hsl(215 25% 20%),inset 0 -2px 0 0 hsl(215 30% 6%);margin:3px 2px} html[data-theme=arcade] .amrow.good{background:oklch(0.26 0.05 150);box-shadow:0 -2px 0 0 hsl(215 40% 3%),0 2px 0 0 hsl(215 40% 3%),-2px 0 0 0 hsl(215 40% 3%),2px 0 0 0 hsl(215 40% 3%),inset 0 2px 0 0 var(--ok),inset 0 -2px 0 0 hsl(215 30% 8%)} html[data-theme=arcade] .amrow.bad{background:oklch(0.25 0.06 28);box-shadow:0 -2px 0 0 hsl(215 40% 3%),0 2px 0 0 hsl(215 40% 3%),-2px 0 0 0 hsl(215 40% 3%),2px 0 0 0 hsl(215 40% 3%),inset 0 2px 0 0 var(--bad),inset 0 -2px 0 0 hsl(215 30% 8%)} html[data-theme=arcade] .amhead{box-shadow:none}
html[data-theme=arcade] .ampill{background:hsl(215 80% 45%);color:#fff;box-shadow:0 0 0 2px hsl(215 40% 3%)} html[data-theme=arcade] .ampill.off{background:none;box-shadow:0 0 0 2px var(--line-2)}
html[data-theme=arcade] :is(.tier,.verdict,.otag,.tally,.here-tag){font-family:var(--px-cap);font-size:13px;border:0;box-shadow:0 0 0 2px currentColor;padding:2px 7px;margin:1px 3px}
html[data-theme=arcade] .verdict.ok{box-shadow:0 0 0 2px var(--ok)} html[data-theme=arcade] .verdict.bad{box-shadow:0 0 0 2px var(--bad)} html[data-theme=arcade] .verdict.wait{box-shadow:0 0 0 2px var(--wait)}
/* inputs */
html[data-theme=arcade] .blank,html[data-theme=arcade] .ruled,html[data-theme=arcade] .notebox textarea{border:0;background:hsl(215 30% 6%);box-shadow:0 -2px 0 0 hsl(215 40% 3%),0 2px 0 0 hsl(215 40% 3%),-2px 0 0 0 hsl(215 40% 3%),2px 0 0 0 hsl(215 40% 3%),inset 0 2px 0 0 hsl(215 40% 3%),inset 0 -2px 0 0 hsl(215 25% 14%)}
html[data-theme=arcade] .blank{color:hsl(215 100% 78%);border-bottom:0} html[data-theme=arcade] .ruled{background:repeating-linear-gradient(hsl(215 30% 6%),hsl(215 30% 6%) 27px,hsl(215 40% 26%) 27px,hsl(215 40% 26%) 28px)}
html[data-theme=arcade] .blank:focus,html[data-theme=arcade] .ruled:focus,html[data-theme=arcade] .notebox textarea:focus{outline:0;box-shadow:0 -2px 0 0 hsl(215 40% 3%),0 2px 0 0 hsl(215 40% 3%),-2px 0 0 0 hsl(215 40% 3%),2px 0 0 0 hsl(215 40% 3%),inset 0 2px 0 0 hsl(215 40% 3%),inset 0 -2px 0 0 hsl(215 25% 14%),0 0 0 2px hsl(215 100% 62%),0 0 10px hsl(215 100% 60% / 0.5)}
/* bars, tables, misc */
html[data-theme=arcade] .bar{height:10px;background:hsl(215 30% 4%);box-shadow:0 -2px 0 0 hsl(215 40% 3%),0 2px 0 0 hsl(215 40% 3%),-2px 0 0 0 hsl(215 40% 3%),2px 0 0 0 hsl(215 40% 3%),inset 0 2px 0 0 hsl(215 40% 3%),inset 0 -2px 0 0 hsl(215 25% 14%)} html[data-theme=arcade] .bar i{margin:2px;height:6px;box-shadow:0 0 8px currentColor}
html[data-theme=arcade] .bar i:not(.low):not(.mid):not(.high){background:linear-gradient(90deg,hsl(215 80% 40%),hsl(215 100% 62%) 70%,hsl(215 100% 78%))}
html[data-theme=arcade] .score b{font-family:var(--px);color:#fff;text-shadow:0 0 10px hsl(215 100% 60% / 0.5)}
html[data-theme=arcade] th{font-family:var(--px-cap)} html[data-theme=arcade] tr.here td{color:hsl(215 100% 78%)}
html[data-theme=arcade] .why,html[data-theme=arcade] .misbody{border-left:3px solid hsl(215 100% 62%)} html[data-theme=arcade] .rvans{border-left-width:3px} html[data-theme=arcade] .hint{border-left:3px solid var(--line-2)}
html[data-theme=arcade] details.rev summary{color:hsl(215 100% 78%);font-family:var(--px-cap)}
html[data-theme=arcade] .libexam.on{box-shadow:0 -3px 0 0 hsl(215 40% 3%),0 3px 0 0 hsl(215 40% 3%),-3px 0 0 0 hsl(215 40% 3%),3px 0 0 0 hsl(215 40% 3%),inset 0 3px 0 0 hsl(215 100% 62%),inset 0 -3px 0 0 hsl(215 30% 8%)} html[data-theme=arcade] .libunit.on,html[data-theme=arcade] .here-lbl b{color:hsl(215 100% 78%)}
html[data-theme=arcade] .prog{font-family:var(--px-cap);color:hsl(215 100% 78%)}
html[data-theme=arcade] .drawer{border-right:0} html[data-theme=arcade] .menu span{height:2px}
html[data-theme=arcade] footer{font-family:var(--px-cap)}
html[data-theme=arcade] ::-webkit-scrollbar-thumb{border-radius:0;background:hsl(215 25% 22%);border:2px solid var(--ground)}
html[data-theme=arcade] *{scrollbar-color:hsl(215 25% 22%) transparent}

/* larger small text (generated) */
html[data-theme=arcade] .lbl{font-size:13px}
html[data-theme=arcade] .prog{font-size:15px}
html[data-theme=arcade] .seg button{font-size:14px}
html[data-theme=arcade] .btn{font-size:14px}
html[data-theme=arcade] nav.rail a{font-size:14.5px}
html[data-theme=arcade] .score span{font-size:13px}
html[data-theme=arcade] .sec-sub{font-size:14px}
html[data-theme=arcade] .kind{font-size:13px}
html[data-theme=arcade] .q .no{font-size:15.5px}
html[data-theme=arcade] .verdict{font-size:14px}
html[data-theme=arcade] .tier{font-size:13px}
html[data-theme=arcade] .filters button{font-size:13px}
html[data-theme=arcade] .opt .k{font-size:15px}
html[data-theme=arcade] .otag{font-size:13px}
html[data-theme=arcade] aside.side .seg button{font-size:14px}
html[data-theme=arcade] aside.side .btn{font-size:14.5px}
html[data-theme=arcade] .rvcard h4{font-size:13px}
html[data-theme=arcade] .rvlbl{font-size:13px}
html[data-theme=arcade] .rvback{font-size:13px}
html[data-theme=arcade] .unitbtn{font-size:14px}
html[data-theme=arcade] .here-lbl{font-size:13px}
html[data-theme=arcade] .libexam .sub{font-size:13px}
html[data-theme=arcade] .here-tag{font-size:13px}
html[data-theme=arcade] .libpart small{font-size:13px}
html[data-theme=arcade] .mis .tally{font-size:13px}
html[data-theme=arcade] .misbtn{font-size:13px}
html[data-theme=arcade] .count{font-size:14px}
html[data-theme=arcade] .prow .k{font-size:14.5px}
html[data-theme=arcade] .prow .badge{font-size:14px}
html[data-theme=arcade] .sitem .sk{font-size:15px}
html[data-theme=arcade] .sitem .snum{font-size:15px}
html[data-theme=arcade] .syncbadge{font-size:14px}
html[data-theme=arcade] .updbar{font-size:14px}
html[data-theme=arcade] .updbar button{font-size:13px}
html[data-theme=arcade] .ansbox .anslbl{font-size:13px}
html[data-theme=arcade] .ansseq .slot{font-size:15.5px}
html[data-theme=arcade] .ansseq .arr{font-size:15px}
html[data-theme=arcade] .amhead .amlbl{font-size:13px}
html[data-theme=arcade] .amk{font-size:14.5px}
html[data-theme=arcade] .ampill{font-size:14.5px}
html[data-theme=arcade] .ammark{font-size:15px}
html[data-theme=arcade] details.rev summary{font-size:14px}
html[data-theme=arcade] .more{font-size:13px}
html[data-theme=arcade] .lockbtn{font-size:13px}
html[data-theme=arcade] .locknote{font-size:13px}
html[data-theme=arcade] .notebtn{font-size:13px}
html[data-theme=arcade] .notestate{font-size:13px}
html[data-theme=arcade] .drawer-body .seg button{font-size:14px}
html[data-theme=arcade] .drawer-body .btn{font-size:15px}
html[data-theme=arcade] .drawer-body nav.rail a{font-size:15.5px}
html[data-theme=arcade] .rev-body .cite{font-size:13px}
html[data-theme=arcade] .mark h4{font-size:13px}
html[data-theme=arcade] th{font-size:13px}
html[data-theme=arcade] .toast{font-size:15px}
html[data-theme=arcade] footer{font-size:14px}

/* controls in Silkscreen (square bitmap caps); answers, chips and your own text stay in Literata */
html[data-theme=arcade] :is(.btn,.seg button,.filters button,.unitbtn,.rvback,.misbtn,.more,.lockbtn,.notebtn,.updbar button,.libpart small,.lbl,.kind,.sec-sub,.score span,.rvcard h4,.rvlbl,.anslbl,.amlbl,.here-lbl,.locknote,.notestate,.count,.rev-body .cite,.mark h4){font-family:var(--px-cap);font-size:14px;letter-spacing:0;text-transform:none}
html[data-theme=arcade] :is(.tier,.verdict,.otag,.tally,.here-tag,.libpart small,.locknote,.notestate,.rvlbl,.anslbl,.amlbl){font-size:11px}
html[data-theme=arcade] .libpart{font-family:var(--serif);font-size:16px}
html[data-theme=arcade] .seg button{padding:6px 10px} html[data-theme=arcade] .btn{padding:8px 13px}
@media (max-width:820px){ html[data-theme=arcade] body :is(.tier,.verdict,.otag,.tally,.here-tag){font-size:12.5px} }  /* body: outranks the :is() above, which carries .libpart small */

/* pixel faces run visually larger than the serif at the same px, so the headings
   come down to sit with 18px body text instead of shouting over it */
html[data-theme=arcade] h2.sec{font-size:19px}
html[data-theme=arcade] .panel h2{font-size:18px}
html[data-theme=arcade] .libexam h3{font-size:17px}
html[data-theme=arcade] .brand{font-size:18px}
html[data-theme=arcade] .score b{font-size:22px}
html[data-theme=arcade] .rvq .stem,html[data-theme=arcade] .mis .stemtxt{font-size:16.5px}
html[data-theme=arcade] .stem{font-size:17.5px}
html[data-theme=arcade] .opt,html[data-theme=arcade] .prow,html[data-theme=arcade] .sitem,html[data-theme=arcade] .chip{font-size:16.5px}
html[data-theme=arcade] .why,html[data-theme=arcade] .why li,html[data-theme=arcade] .rev-body,html[data-theme=arcade] .anskey,html[data-theme=arcade] .rvans,html[data-theme=arcade] .rvkey{font-size:16.5px}
html[data-theme=arcade] .panel p,html[data-theme=arcade] .pnote{font-size:16px}
html[data-theme=arcade] .hint{font-size:16px}